@charset "UTF-8";
/* header
**********************************************************************/
#mainvisual { margin: 0 auto; padding: 0; padding-top:21.11324%; width: 100%; height: 0; background: url(../img/mainvisual.png) no-repeat;  background-size: contain; background-position: center top; font-size: 0; line-height: 0; text-indent: -99999px;}


/* content right
**********************************************************************/
#contentRight{ background:url(../img/autumn/bg.png) no-repeat; background-size: 764px 560px; background-position: right top; padding:226px 0 0 0; }
#contentRight-foot { background:url(../img/autumn/bg-foot.png) no-repeat; background-size: 100% auto;padding:0; height: 180px; }
#contentRight h1{ width:270px; margin:0 0 69px 36px; font-size:0; line-height:0; }

#point{ margin:0 0 0 101px; }
#point dt{ margin:0 0 10px 0; font-size:0; line-height:0; }
#point dd{ margin:0 0 32px 0; font-size:12px; line-height:18px; text-align: justify;text-justify: inter-ideograph;line-break: strict;word-break: normal;}

#shimi{ background:url(../img/autumn/sweat_bg.png) no-repeat; background-size: 100% auto; width: 82.32%; max-width:629px; height:159px; margin:-10px 0 60px 69px; position:relative; }
#shimi h2{ position:absolute; top:35px; left:42px; }
#shimi p{ position:absolute; top:67px; left:42px; font-size:12px; line-height:19px; display: block; width: 100%; padding-right: 250px; box-sizing: border-box;text-justify: inter-ideograph;line-break: strict;word-break: normal; }
#shimi div{ width:206px; position:absolute; top:5px; right:0px; z-index:2; }
#shimi a{ display:block; position:absolute; bottom:-120px; right:24px; }

#season{ background:url(../img/autumn/season_bg.png) no-repeat; width:293px; height:97px; margin:0 auto; position:relative; }
#season h3{ position:absolute; top:-14px; left:34px; }
#season p{ position:absolute; top:24px; left:91px; }
#season div{ position:absolute; top:-26px; left:-63px; }

@media screen and (max-width:960px){
#point{ margin:0 0 0 0; }
#shimi{ background-size: 100% 100%; height:189px; margin:-10px auto 60px auto;;}
#shimi h2{ left:35px; }
#shimi p{ left: 35px;}
}
@media screen and (max-width:800px){
#shimi{ background-size: 100% 100%; height:189px; margin-bottom: 99px;}
#shimi h2{  top: 24px; left:30px; }
#shimi p{ top: 50px; left: 30px;}
#shimi div{ right:-20px;}
#shimi a{ right:5px; }
#contentRight-foot { margin-top: -20px;}
}

@media screen and (max-width:640px){
#mainvisual { margin-top: 75px; width: 100%; height: auto; padding-top: 73.125%; background: url(../img/autumn/title_sp.png) no-repeat;  background-size:100% auto; background-position: center top; font-size: 0; line-height: 0;}

#contentRight{ background: none; min-height: auto; padding:0; }
#contentRight-foot { display: none;}

#point{ margin:0 10px 0 10px; }
#point dt{ margin:0 0 10px 0; font-size:0; line-height:0; }
#point dd{ margin:0 0 32px 0; font-size:11px; line-height:18px; }

#shimi{ background:url(../img/sweat_bg_sp.png) no-repeat; background-size: 100% 100%; width: 280px; height: 380px; margin:-10px auto 60px auto; padding: 35px 30px 40px; position:relative; box-sizing: border-box; }
#shimi h2{ position: relative; top:0px; left:0px; margin: 0px auto; padding: 0;}
#shimi p{ position: relative; top:0px; left:0px; font-size:12px; line-height:19px; display: block; padding-right: 0;}
#shimi div{ width:206px; position: relative; top:0; right:0px;margin: 0px auto; padding: 0px 0 20px; text-align: center; z-index:2; }
#shimi a{ display:block; position:absolute; bottom:-120px; right:30px; }

#season{ margin-top: 154px;}
#season div{ position:absolute; top:-148px; left:0; width: 134px; }
#season div img{ width: 100%; height: auto;}
}