@charset "shift_jis";
/*==============================================
common
============================================= */

#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn {
width: 930px;
margin: 0 auto;
}
.copyRight { border-top: 1px solid #ededed; }
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }

.sp {display: none;}


/*---- 文字　 ----*/
#mainContents{color: #222;}

#mainContents .paragraph,
#mainContents .mainTitleWrap,
.campaign,
table th,table td,
.productBox .productBoxIn{
/*font-family: "noto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Arial", sans-serif;
font-family:"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, Arial, "メイリオ", Meiryo, sans-serif;*/
font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;}

#mainContents p {
	font-size:  132%;
	line-height: 1.9;}

#mainContents .cap{
	font-size: 108%;
	line-height: 1.8;}


#mainContents p + p {
	margin-top: 30px;}

sup {
font-size: 60%;
vertical-align: top;
position: relative;
top: 0.3em;
}

.paragraph em {
  background-color: #f9d1df;
font-weight: bold;
font-style: normal;
}

/*==============================================
看板
============================================= */

.mainTitleWrap {
width: 100%;
margin: 0;
    min-height: 100vh;
    background: linear-gradient(
        to bottom, 
        #f5f2ec 385px, 
        #ffffff 385px
    );
}

.mainTitle {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/top_bg.jpg) center top no-repeat;
margin: 0 auto;
padding: 22px 0 0;
}

h1 {
width: 880px;
height: 525px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/pc_title.png) 33px top no-repeat;
margin: 0 auto;
text-indent: -999em;
font-size: 0;
z-index: 1;
}

.lead {
width: 880px;
margin: 50px auto 0;}

.lead a:link,
.lead a:visited {
color: #e0004d;
text-decoration: underline;
font-weight: bold;
}
.lead a:hover,
.lead a:active {
color: #e0004d;
text-decoration: none;
font-weight: bold;
}

/*----　pointBox　----*/
.pointBox {
    width: 500px;
    margin: 50px auto 0;
}
.point {
    position: relative;
    padding: 25px 30px;
    border: 3px solid #5c4a25;
    border-radius: 0;
    background-color: #fff;
}
.point .title {
    position: absolute;
    top: -19px;
    left: 0;
    right: 0;
    width: 14em;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    color: #5c4a25;
    font-size: 14px;
    font-weight: bold;
}
.point ul li {
    position: relative;
    line-height: 1.8;
    padding-left: 3.8em;
    font-size: 16px;
    font-weight: 700;
}
.point ul li + li {
    margin-top: 5px;
}
.point ul li::before {
    content: "POINT";
    position: absolute;
    top: .4em;
    left: 0;
    line-height: 2em;
    padding: 0.1em 1em 0;
    background-color: #5c4a25;
    border-radius: 20px;
    color: #fff;
    font-size: 9px;
    letter-spacing: 0;
}

/*----　contentsNavi　----*/
.contentsNavi {
    width: 880px;
    margin: 60px auto 0; }

.contentsNavi p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 18px;
    text-align: center;}

.contentsNavi p span {
    border-bottom: #302b21 1px solid;
    display: inline-block;
}

.contentsNavi ul {
    margin-top: 25px;}

.contentsNavi ul li {
    font-size: 13px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/anchor_arrow.png) left 50% no-repeat;}

.contentsNavi ul li span {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    padding-left: 20px;
    display: inline-block; 
    box-sizing: border-box;
}

.contentsNavi ul li a:hover {
    color:#e0004d;}

.contentsNavi ul li + li{
    margin-top: 18px;
}

/*==============================================
 バナー
============================================= */
.banner{
    width: 880px;
    margin: 90px auto 0;
}

.mainTitleWrap .banner{
    margin: 40px auto 0;
}

.banner .bnr {
    padding: 42px 0 0 160px;
    width: 880px;
    height: 166px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/banner.jpg) left top no-repeat;
box-sizing: border-box;}

.banner .prdname {
    text-align: center;
}

.banner .btn{
    margin-top: 18px;
    display: flex;
    justify-content: center;
    column-gap: 10px;}

.banner .btn a{
    width: 327px;
    height: 42px;
    display: block;
    font-size: 13px;
    line-height: 38px;
    font-weight: bold;
        border-radius: 5px;
text-align: center;
 box-sizing: border-box;
transition: 0.1s ease-in-out;}

.banner .btn a.link01 {
    border: #e0004d 3px solid;
    background: #e0004d url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_arrow.png) 308px 50% no-repeat;
    background-size: 7px;
    color: #fff;}

/*.banner .btn a:hover.link01 {
    border: #e0004d 3px solid;
    background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_arrow_over.png) 308px 50% no-repeat;
    background-size: 7px;
    color: #e0004d;}*/

.banner .btn a.link02 {
    border: #e0004d 3px solid;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_window.png) 300px 50% no-repeat;
    background-size: 10px;
    color: #e0004d;}

/*.banner .btn a:hover.link02 {
    border: #e0004d 3px solid;
    background:#e0004d url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_window_over.png) 300px 50% no-repeat;
    background-size: 10px;
    color: #fff;}*/

.banner .btn a:hover.link01,
.banner .btn a:hover.link02{
  opacity: 0.4;
  filter: alpha(opacity=40);}

.banner p.coupon {
    font-size: 13px !important;
    text-align: center;
    padding-top: 8px;
}




/*==============================================
#mainContents
============================================= */
#article01 h2,
#article02 h2,
#article03 h2,
#article04 h2 {
    text-align: center;
    background-color: #f5f2ec;
    padding: 45px 0;
    margin-top: 100px;
}

.paragraph h2 .icon {
    font-size: 35px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: bold;
    color: #5b5240;
/*    background: linear-gradient(90deg, #413d37 0%, #9c8455 80%); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    position: relative;*/
}

.paragraph h2 .icon sup {
font-size: 13px;
}

.paragraph h2 .text {
display: block;
margin-top: 23px;
font-size: 26px;
line-height: 1.6;}

.spAccordion {
width: 880px;
margin: 80px auto 0;
}

.paragraph .subtxt {
    font-size: 19px;
    line-height: 1.2;
    color: #fff;
    background-color: #5c4a25;
    padding: 4px 10px;
    display: inline-block;
    margin-bottom: 5px;
}


/*----　.interviewbox　----*/
.interviewbox {
background: #f7f5f0 url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/interview_bg.png) right top no-repeat;
padding: 50px;
margin-top: 80px;}

.interviewbox .name {
    font-size: 20px;
    line-height: 1.7;
    font-weight: bold;
    text-align: center;
}

.interviewbox .profile {
    padding: 24px 0;
    border-top: #5c4a25 4px double;
    border-bottom: #5c4a25 4px double;
    display: table;
margin: 40px 0;}

.interviewbox .profile .img,
.interviewbox .profile .data{
 display: table-cell;
vertical-align: top;
}

.interviewbox .profile .img {
    width: 220px;
}

.interviewbox .profile .data {
    font-size: 14px;
    line-height: 1.7;
}

.interviewbox .imgBox {
    margin-top: 40px !important;}

.interviewbox .imgBox .floatL,
.interviewbox .imgBox .floatR {
width: 380px !important;
}

/*----　画像　----*/
.border img {
    border: #f0f0f0 1px solid;
    box-sizing: border-box;
}

.imgBox {
    margin:80px auto 0;}

.imgBox.mtop40 {
    margin-top: 40px !important;
}

.imgBox .mtop146 {
    margin-top:146px;
}

.imgBox div {
    overflow: hidden;
    position: relative;}

.imgBox div .arrow {
    position: absolute;
    top:46%;
    left: 48%;}

.imgBox .floatL,
.imgBox .floatR {
    width:430px;
}

.imgBox.w420 .floatL {
    width: 420px;
}
.imgBox.w420 .floatR {
    width: 440px;
    display: flex;
    justify-content: center;
    column-gap: 19px;
}


.imgBox img {
    width: 100%;
}
.imgBox a {
    font-size: 0;
    display: block;
    cursor: zoom-in;}

  .imgBox a img{
  transition: 0.1s ease-in-out;}

  .imgBox a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);}

.imgBox .cap a {
	font-size: 100% !important;
	display: inline-block !important;
	color: #5a7ddd;
	text-decoration: underline;}

.imgBox div + .cap,
.imgBox a + .cap{
	margin-top: 15px;}

a.floatL + .cap,
a.floatR + .cap{
	margin-top: 0;}

/*==============================================
.campaign
============================================= */
.campaign {
    margin: 80px auto 0;
    width: 880px;
    border: #5c4a25 1px solid;
    padding: 40px;
    box-sizing: border-box;
}

.campaign .title .period br,
.campaign .catchcopy p br {
    display: none;
}

.campaign .title {
    font-size: 28px;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 40px;
    background: #e0004d;
    background-image:url("https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/cp_bg01.png"), url("https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/cp_bg02.png");
  background-repeat: no-repeat, no-repeat;
  background-position:top left,bottom right;
}

.campaign .title .period {
    margin-top: 15px;
    font-size: 17px;
}

.campaign .title .period .icon {
    font-size: 16px;
    display: inline-block;
    background-color: #fff;
    color: #e0004d;
    padding: 2px 12px;
    border-radius: 20px;
    margin-right: 10px;
}

.campaign .catchcopy {
    text-align: center;
    margin: 30px 0 40px;
}

.campaign .catchcopy p{
    display: inline-block;
    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: bold;
      color: #e0004d;
    border-bottom: #ef7fa6 3px dotted;
}


.campaign .catchcopy p span {
    font-size: 40px;
}

.campaign table {
    margin-top: 40px;
}

.campaign table th,
.campaign table td {
    font-size: 17px;
    padding: 5px 0;
}

.campaign table th {
    color: #e0004d;
}

.campaign table td::before {
    content:"：";
    font-weight: bold;
    padding: 0 5px;
}

/*==============================================
#matome
============================================= */
#matome {
    margin-top: 100px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/matome_bg.jpg) top center repeat-x;
    padding-top: 80px;
}

#matome h2 {
    width: 880px;;
    margin: 0 auto;
    font-size: 30px !important;
    line-height: 1.6;
text-align: center;
}

#matome h2 .text { 
 font-size: 30px !important;
 line-height: 1.6;}

/*#matome h2 .text {
    width: 480px;
    display: block;
}*/

#matome h2 .icon {
display: none;
}

#matome .spAccordion {
    margin: 60px auto 0;
    overflow: hidden;
}

#matome .spAccordion .paragraphIn .img {
    float: right;
    padding: 5px 0 15px 30px;
}

/*#matome .spAccordion {
    margin: 0 auto;
    position: relative;
}

#matome .spAccordion .paragraphIn p {
width: 480px;
}

#matome .spAccordion .paragraphIn .img {
position: absolute;
top: -104px;
right: 0;
}*/






/*==============================================
.productBox
============================================= */
.productBox{
    background-color: #f4efe4;
    width: 880px;
    margin: 80px auto 0;
    box-sizing: border-box;
    padding: 50px;
}

.productBoxIn {
    display: table;}

.productBoxIn .img,
.productBoxIn .info {
    display: table-cell;
    vertical-align: middle;
}

.productBoxIn .img {
    width: 265px;
    text-align: center;
}

.productBoxIn .catch {
    font-size: 18px;
}

.productBoxIn .prdname span {
    font-size: 16px;
    padding: 15px 0 8px;
    display: block;
}

.productBoxIn .btn{
    margin-top: 25px;
}

.productBoxIn .btn a{
    width: 474px;
    height: 50px;
    display: block;
    font-size: 14px;
    line-height: 48px;
    font-weight: bold;
        border-radius: 5px;
text-align: center;
 box-sizing: border-box;
transition: 0.1s ease-in-out;}

.productBoxIn .btn a.link01 {
    border: #e0004d 3px solid;
    background: #e0004d url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_arrow.png) 445px 50% no-repeat;
    background-size: 7px;
    color: #fff;}

/*.productBoxIn .btn a:hover.link01 {
    border: #e0004d 3px solid;
    background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_arrow_over.png) 445px 50% no-repeat;
    background-size: 7px;
    color: #e0004d;}*/

.productBoxIn .btn a.link02 {
    margin-top: 15px;
    border: #e0004d 3px solid;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_window.png) 445px 50% no-repeat;
    background-size: 10px;
    color: #e0004d;}

/*.productBoxIn .btn a:hover.link02 {
    border: #e0004d 3px solid;
    background:#e0004d url(https://img1.kakaku.k-img.com/images/article/tieup/26/05_air10max/icon_window_over.png) 445px 50% no-repeat;
    background-size: 10px;
    color: #fff;}*/

.productBoxIn .btn a:hover.link01,
.productBoxIn .btn a:hover.link02{
  opacity: 0.4;
  filter: alpha(opacity=40);}

.productBoxIn .coupon {
    font-size: 13px !important;
    margin-top: 10px;
}

.productBoxIn .coupon br {
    display: none;
}

/*==============================================
.note
============================================= */
.note {
    width: 880px;
    margin: 50px auto 0;
}
.note li {
    display: block;
    line-height: 1.8;
    color: #888;
    font-size: 11px;
}
.note li span {
    margin-right: 1em;
}


/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
color: #333;
width: 880px; 
margin: 40px auto 0;
padding-bottom: 100px;
text-align: right;}