@charset "utf-8";

@import url(reset.css);

body{  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color: #231815;}
.box>.inner{width: 1160px;margin:0 auto;}
.sp{display: none;}
.pc{display: block;}

header{background-image: url(../img/bg.png);height: 600px;background-repeat: no-repeat;background-size: cover;background-position: center;}
header>.inner{position: relative;height: 600px;}
header>.inner>h1{padding-top: 20px;}
header>.inner>.date{z-index: 2;position: relative;}
header>.inner>.img_shisaa{position: absolute;bottom:10px;}
header>.inner>.img_beach{position: absolute;left: 510px;bottom: 70px;z-index: 1;}
header>.inner>.img_fresco{position: absolute;z-index: 2;bottom:20px;bottom: 15px;right: 150px;}
header>.inner>.img_moluk{position: absolute;z-index: 3;right: -56px;bottom: 140px;}

/*pr*/
#pr{background: #fcfcbd;}
#pr>.inner{padding:60px 0 100px;text-align: center;}
#pr .kansen{font-size: 24px;font-weight: bold;color:#fff;background: #e84522;padding:8px;width: 220px;margin:0 auto 30px;}
#pr>.inner>h2>img.pc{display: block;margin: 0 auto 30px;}
#pr>.inner>h2+p{font-size: 26px;font-weight: bold;line-height: 1.4;color: #231815;margin-bottom: 30px;}
#pr>.inner>p.description{font-size: 18px;line-height: 1.8;text-align: left;padding:0 40px;}

/*overview*/
#overview>.inner{padding:100px 0 160px;}
#overview>.inner>h2{font-family: 'Oswald', sans-serif;color: #231815;font-size: 38px;background: #fbf928;text-align: center;width: 486px;padding:16px 0;border-radius: 50px;margin:0 auto 60px;}
#overview>.inner>.information-wrap{display: flex;flex-wrap: wrap;}
#overview>.inner>.information-wrap>div{width: calc(100% - 404px);}
#overview>.inner>.information-wrap>div>dl{font-size:24px;display: flex;flex-wrap: wrap;}
  #overview>.inner>.information-wrap>div>dl>dt{font-weight: bold;width: 140px;}
  #overview>.inner>.information-wrap>div>dl>dd{width: calc(100% - 140px);}
  #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: 18px;}
#overview>.inner>.information-wrap>img{width: 404px}
#overview>.inner>.information-wrap>div.description{width: 100%;background: #fcfcbd;padding:30px 40px;border-radius: 30px;margin:30px 0 100px;}
#overview>.inner>.information-wrap>div.description>h3{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
#overview>.inner>.information-wrap>div.description>h3>span{display: block;font-size: 20px;margin-bottom: 10px;}
#overview>.inner>.information-wrap>div.description>p{font-size: 18px;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:70px;}
#overview>.inner>ul.type>li>img{width:545px;}
#overview>.inner>ul.type>li>div{width:calc(100% - 565px);}
#overview>.inner>ul.type>li>div>h3{font-size: 24px;font-weight: bold;margin-bottom:20px;}
#overview>.inner>ul.type>li>div>h3>i{margin-right: 10px;}
#overview>.inner>ul.type>li>div>p{font-size: 16px;line-height: 30px;}

#overview>.inner>.rule-wrap{display: flex;justify-content: space-between;margin:0 0 100px 40px;flex-wrap: wrap;}
#overview>.inner>.rule-wrap>.img-wrap{width: 541px;}
#overview>.inner>.rule-wrap>.img-wrap>img:first-child{margin-bottom:30px;display: block;}
#overview>.inner>.rule-wrap>.txt-wrap{width:calc(100% - 561px);}
#overview>.inner>.rule-wrap>.txt-wrap>h3{font-size: 24px;margin-bottom: 10px;font-weight: bold;}
#overview>.inner>.rule-wrap>.txt-wrap>h3+p{font-size: 16px;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{margin-bottom:10px;    width: 45%;}
#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:30px 30px 0 0;border-radius: 30px;width: calc(100% + 40px);margin-left:-40px;background: #fcfcbd;display: flex;justify-content: space-between;margin-top: 50px;}
#overview>.inner>.rule-wrap>.entry-wrap>div{width:664px;text-align: center;}
#overview>.inner>.rule-wrap>.entry-wrap>div>h3{font-size: 30px;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: 60px;list-style-type: disc;font-size: 22px;    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: 380px;margin:0 auto;}
#overview>.inner>.rule-wrap>.entry-wrap.sp{display:none;}

#overview>.inner>.timetable-wrap{margin-bottom:100px;}
#overview>.inner>.timetable-wrap>img.pc{width: 100%;}

#overview>.inner>.map-wrap{margin-bottom:100px;}
#overview>.inner>.map-wrap>img{width: 100%;border-radius: 30px;margin-bottom:20px;}
#overview>.inner>.map-wrap>p{font-size: 24px;font-weight: bold;text-align: center;}

#overview>.inner>.sponsor-wrap{margin-bottom: 0px;}
#overview>.inner>.sponsor-wrap>ul{display: flex;flex-wrap: wrap;align-items: center;justify-content:flex-start;width: 964px;margin: 80px auto 0;}
#overview>.inner>.sponsor-wrap>ul>li{padding: 0 40px;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: 16px;}
