@charset "utf-8";
/* CSS Document */

@import url(reset.css);
html,body{height: 100%;}
body{  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color: #231815;}
.box>.inner{width: 100%;margin:0 auto;padding:20px;}
.sp{display: block;}
.pc{display: none;}

header{background-image: url(../img/bg_sp.png);height: 50%;background-repeat: no-repeat;background-size: cover;background-position: center;}
header>.inner{position: relative;height: 100%;padding:20px;}
header>.inner>h1{padding-top: 13px;}
header>.inner>h1>img{width: 100%;}
header>.inner>.date{z-index: 5;position: relative;width: 72%;margin-top: 10px;}
header>.inner>.date>img{width: 100%;}
header>.inner>.img_shisaa{position: absolute;bottom:10px;width: 64%;}
header>.inner>.img_beach{position: absolute;z-index: 1;width: 130px;height: auto;top: 50%;transform: translateY(-40%) translateX(-34%);left: 50%;}
header>.inner>.img_fresco{position: absolute;z-index: 2;bottom: 55px;right: 10px;width: 130px;height: auto;}
header>.inner>.img_moluk{position: absolute;z-index: 3;right: 2px;bottom: 202px;width: 130px;height: auto;}

/*pr*/
#pr{background: #fcfcbd;}
#pr>.inner{padding:50px 20px 50px;text-align: center;}
#pr .kansen{font-size: 16px;font-weight: bold;color:#fff;background: #e84522;padding:8px;width: 160px;margin:0 auto 20px;}
#pr>.inner>h2>img.pc{display: none;margin: 0 auto 30px;}
#pr>.inner>h2>img.sp{margin-bottom:20px;}
#pr>.inner>h2+p{font-size: 16px;font-weight: bold;line-height: 27px;color: #231815;margin-bottom: 20px;}
#pr>.inner>p.description{font-size: 14px;line-height: 1.8;text-align: left;padding:0 0px;}

/*overview*/
#overview>.inner{padding:100px 20px 160px;}
#overview>.inner>h2{font-family: 'Oswald', sans-serif;color: #231815;font-size: 30px;background: #fbf928;text-align: center;width: 100%;padding: 10px 0;border-radius: 50px;margin: 0 auto 30px;}
#overview>.inner>.information-wrap{display: flex;flex-wrap: wrap;}
#overview>.inner>.information-wrap>div{width: 100%;}
#overview>.inner>.information-wrap>div>dl{font-size:14px;display: flex;flex-wrap: wrap;}
  #overview>.inner>.information-wrap>div>dl>dt{font-weight: bold;width: 80px;}
  #overview>.inner>.information-wrap>div>dl>dd{width: calc(100% - 80px);}
  #overview>.inner>.information-wrap>div>dl>dt,
  #overview>.inner>.information-wrap>div>dl>dd{padding-bottom: 10px;}
  #overview>.inner>.information-wrap>div>p.caution{font-size: 12px;line-height: 1.4;}
#overview>.inner>.information-wrap>img{width: calc(100% - 40px);display: block;margin:20px auto 0;}
#overview>.inner>.information-wrap>div.description{width: 100%;background: #fcfcbd;padding:20px;border-radius: 20px;margin:30px 0 100px;}
#overview>.inner>.information-wrap>div.description>h3{font-size: 14px;font-weight: bold;margin-bottom: 10px;}
#overview>.inner>.information-wrap>div.description>h3>span{display: block;font-size: 12px;margin-bottom: 10px;}
#overview>.inner>.information-wrap>div.description>p{font-size: 12px;line-height: 1.6;}

#overview>.inner>ul.type{margin:0 0 100px 40px;}
#overview>.inner>ul.type>li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;flex-flow: column;}
#overview>.inner>ul.type>li>img{width:100%;margin-bottom: 20px;}
#overview>.inner>ul.type>li>div{width:100%;}
#overview>.inner>ul.type>li>div>h3{font-size: 18px;font-weight: bold;margin-bottom:20px;display: flex;align-items: center;}
#overview>.inner>ul.type>li>div>h3>i{margin-right: 10px;}
#overview>.inner>ul.type>li>div>p{font-size: 14px;line-height: 30px;}


#overview>.inner>.rule-wrap {display: flex;justify-content: space-between;margin: 0 0 100px 0px;flex-wrap: wrap;flex-flow: column;}
#overview>.inner>.rule-wrap>.img-wrap{width: 100%;}
#overview>.inner>.rule-wrap>.img-wrap>img{width: 100%;}
#overview>.inner>.rule-wrap>.img-wrap>img.pc:first-child{display: none;}
#overview>.inner>.rule-wrap>.img-wrap>img.sp:first-child{margin-bottom:30px;display: block;}
#overview>.inner>.rule-wrap>.img-wrap>img.sp{margin-bottom: 30px;}
#overview>.inner>.rule-wrap>.txt-wrap{width:100%;}
#overview>.inner>.rule-wrap>.txt-wrap>h3{font-size: 18px;margin-bottom: 10px;font-weight: bold;}
#overview>.inner>.rule-wrap>.txt-wrap>h3.spc{text-align: center;}
#overview>.inner>.rule-wrap>.txt-wrap>h3+p{font-size: 14px;line-height: 30px;margin-bottom:40px;}
#overview>.inner>.rule-wrap>.txt-wrap>h3+p>span{display: block;font-size: 12px;line-height: 18px;margin-top: 10px;}
#overview>.inner>.rule-wrap>.txt-wrap>ul{margin-top: 30px;}
#overview>.inner>.rule-wrap>.txt-wrap>ul>li{width: 70%;margin: 0 auto 10px;}
#overview>.inner>.rule-wrap>.txt-wrap>ul>li>a{display: flex;justify-content: space-between;font-size: 18px;color: #fff;font-weight: bold;padding:14px 18px;background: #000000;border-radius: 30px;}

#overview>.inner>.rule-wrap>.entry-wrap{padding:40px 20px 0;border-radius: 20px;width: 100%;margin-left:0;background: #fcfcbd;display: flex;justify-content: space-between;margin-top: 30px;flex-wrap: wrap;}
#overview>.inner>.rule-wrap>.entry-wrap.pc{display: none;}
#overview>.inner>.rule-wrap>.entry-wrap>div{width:100%;text-align: center;}
#overview>.inner>.rule-wrap>.entry-wrap>div>h3{font-size: 24px;font-weight: bold;}
#overview>.inner>.rule-wrap>.entry-wrap>div>.price{font-size: 43px;font-weight: bold;color:#f9690a;margin:20px 0;}
#overview>.inner>.rule-wrap>.entry-wrap>div>ul{text-align: left;padding-left: 25px;list-style-type: disc;font-size: 16px;font-weight: bold;margin-bottom: 20px;}
#overview>.inner>.rule-wrap>.entry-wrap>div>ul>li{margin-bottom: 10px;}
#overview>.inner>.rule-wrap>.entry-wrap>div>.btn-entry{display: block;background: #f9690a;color: #fff;font-weight: bold;font-size: 24px;padding:20px;width: 100%;margin:0 auto;}
#overview>.inner>.rule-wrap>.entry-wrap>img{width: calc(50% - 5px);margin-top: 40px;}

#overview>.inner>.timetable-wrap{margin-bottom:100px;}
#overview>.inner>.timetable-wrap>img.sp{width: 100%;display: block;margin-bottom: 20px;}


#overview>.inner>.map-wrap{margin-bottom:100px;}
#overview>.inner>.map-wrap>img{width: 100%;border-radius: 10px;margin-bottom:20px;}
#overview>.inner>.map-wrap>p{font-size: 12px;font-weight: bold;text-align: center;line-height: 1.4;}

#overview>.inner>.sponsor-wrap{margin-bottom: 0px;}
#overview>.inner>.sponsor-wrap>ul{display: flex;flex-wrap: wrap;flex-flow: column;align-items: center;justify-content:flex-start;width: 100%;margin: 80px auto 0;}
#overview>.inner>.sponsor-wrap>ul>li{padding: 0 ;margin-bottom:40px;}
#overview>.inner>.sponsor-wrap>ul>li:nth-child(1)>a>img{width:335px;height:auto;}
#overview>.inner>.sponsor-wrap>ul>li:nth-child(2)>a>img{width:214px;height:auto;}
#overview>.inner>.sponsor-wrap>ul>li:nth-child(3)>a>img{width:175px;height:auto;}
#overview>.inner>.sponsor-wrap>ul>li:nth-child(4)>a>img{width:326px;height:auto;}

footer{background: #000;padding: 16px 0 100px;text-align: center;}
footer>p{color: #fff;font-size: 12px;}