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


   /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;}[hidden],template{display:none}embed,iframe,img,object,table{width:100%}body{font-size:16px;font-weight:400;line-height:2em;color:#21242b;word-wrap:break-word;overflow-x:hidden;background-color:#fff;-webkit-text-size-adjust:100%}.gothic400{font-family:toppan-bunkyu-gothic-pr6n,serif;font-weight:400;font-style:normal}.gothic600{font-family:toppan-bunkyu-gothic-pr6n,serif;font-weight:600;font-style:normal}.en{font-family:futura-pt,sans-serif;font-style:normal}.en-serif{font-family:orpheuspro,serif;font-weight:700;font-style:normal}.flex{display:flex;justify-content:space-between;flex-wrap:wrap}

  
  body {
font-family: hiragino-kaku-gothic-pron, sans-serif;
font-style: normal;
font-weight: 600;
font-feature-settings: "palt";
letter-spacing: 0.08em;
color: #ffffff;
font-size: 14px;
}

.only-pc{
    display: block;
}
.only-sp{
    display: none;
}

.inner {
    margin: 0 auto;
}

.inner-mini{
    width: 56%;
    margin: 0 auto;
}
.inner-mini2{
    width: 62%;
    margin: 0 auto;
}
.main{
    background-image: url("../images/main-bg.png");
    background-size: contain;
         padding-top: 120px;   
}

.hero{
    position: relative;
}

.logo-wrap{
    position: absolute;
    top: 25%;
    right: 2%;
    width: 6%;
}
.logo{
   
   }

.ig-logo{
    width: 60%;
    margin: 0 auto;
    padding-top: clamp(10px, 1.2vw, 18px);
    display: flex;
}
.sec-title-present {
    position: absolute;
    width: 72%;
    top: -14%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}
.present {
    padding-top: 100px;
}
.present-info{
    position: relative;
  background: url("../images/waku-bg.png") 1% 100% ;
      background-size: contain;
    padding-bottom: 40px;
}
.present-fukidsashi {
    position: absolute;
    width: 28%;
    top: -15%;
    right: -8%;
    z-index: 2;
}
.present-inner {
display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0 11%;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
}
.present-sp-pic{
    width: calc(36% - 2%);
    padding-top: 5%;
}
.nougat-wrap{
    width: calc(64% - 2%);
    padding-top: 15%;
}



.present-bg01 {
    position: absolute;
    top: -5%;
    width: 100%;
}
.present-bg02 {
    position: absolute;
    top: 46%;
    width: 100%;
}
.present-bg03 {
    position: absolute;
      bottom: -5%;
    width: 100%;
}
.present-nougat{
    width: 75%;
    margin: 0 auto;
    
}
.present-txt-sub {
    color: #22458b;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.08em;
    padding-top: 1.6em;
}
.present-pic01 {
    position: absolute;
    width: 35%;
    top: -11%;
    left: -7%;
  z-index: 2;
}

.present-pic02{
    position: absolute;
    width: 26%;
    top: 38%;
    left: -10%;
    z-index: 2;
}

.present-pic03{
    position: absolute;
    width: 36%;
    bottom: 13%;
    left: -6%;
    z-index: 2;
}
.present-pic04{
position: absolute;
    width: 28%;
    bottom: 14%;
    left: 46%;
    z-index: 2;
}
.present-pic05{
    position: absolute;
    width: 32%;
    bottom: 20%;
    right: -6%;
    z-index: 2;
}





.btn-present {
    position: relative;
    z-index: 2;
    margin: 32% auto 0;
    text-align: center;
}

.btn a {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    padding: 16px 32px;
    line-height: 1em;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.btn-anq {
    margin-top: 12px;
    text-align: center;
}


.btn-anq a{
    background: #f56ca0;    
    color: #ffffff;
      width: 410px;
   transition: .4s;
}

.btn-anq a:hover{
    background: #000;    
    color: #ffffff;
  transition: .4s;
}


.btn-present a{
    background: #29abe2;    
    color: #ffffff;
      width: 410px;
  transition: .4s;
}
.btn-present a:hover{
    background: #000;    
    color: #ffffff;
  transition: .4s;
}





.btn-tours a{
    background: #ffff00;    
    color: #000000;
      padding: 16px 46px;
    transition: .4s;
}

.btn-tours a:hover{
 background: #000;    
    color: #ffffff;
  transition: .4s;
}



.btn-tours{
    text-align: center;
}


.overview {
    padding-top: 13%;
}

.overview h2 {
    width: 86%;
    margin: 0 auto;
      padding-bottom: 36px;
}
.ov-lead p{
    font-size: 22px;
    text-align: center;
    line-height: 1.8;
}
.overview-img {
    position: relative;
    padding: 18% 0 0;
    width: 95%;
    margin: 0 auto;
}
.overview-img .fukidashi {
    width: 27%;
    position: absolute;
    right: -6%;
    top: 10%;
}
.overview-img p.sup {
    font-weight: 400;
    text-align: right;
    padding-top: 16px;
}
.ov-info p {
    font-size: 22px;
    padding-left: 3%;
    line-height: 2;
}

.tours {
    padding-top: 12%;
}
.sec-title-tours {
    width: 44%;
    margin: 0 auto 40px;
}

.tours-contents{
    background-image: url("../images/toure-bg.png");
    background-size: contain;
}

.tours-fukidashi{
    font-family: ten-mincho, serif;
font-weight: 400;
}

.tours-contents{
    position: relative;
}

.tours-fukidashi-txt{
    position: absolute;
    width: 29%;
    top: -0.5%;
    left: 2.5%;

}
.tours-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 12% 0 0;
}
.tours-wrap{
        padding: 2% 12%;
}
.tours-item{
    width: calc(33.333% - 3%);
  padding-bottom: 80px;
}
.tour-txt {
    color: #22458b;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 24px;
}

.tours-item a{
transition: .4s;
}
.tours-item a:hover{
  opacity: 0.6;
transition: .4s;
}


.tours-lead {
    font-size: 22px;
    color: #333;
    padding-left: 30%;
    line-height: 2;
}
.spot {
    padding-top: 12%;
}
.spot-title-txt{
    width: 60%;
    font-size: 14px;
    font-weight: 400;
}

.spot-title-ill{
    width: 40%;
    margin: auto 0 0 0;
}
.spot-info{
    width: calc(50% - 3%);
}
.spot-pic{
width: calc(50% - 3%);
}
.spot-ill {
    width: 46px;
    position: absolute;
    right: 20px;
    top: -10px;
}

.spot02 .spot-ill {
    width: 46px;
    right: 20px;
    top: 4px;
}
.spot03 .spot-ill {
    width: 70px;
    right: 30px;
    top: 10px;
}
.spot04 .spot-ill {
    width: 66px;
    right: 30px;
    top: 5px;
}
.spot05 .spot-ill {
    width: 52px;
    right: 30px;
    top: -10px;
}
.spot06 .spot-ill {
width: 110px;
    position: absolute;
    right: 20px;
    top: 14px;
}

.reverse{
flex-direction: row-reverse;
}


.stop-name-wrap {
  position: relative;
}
.spot-name{
    font-weight: 600;
    font-size: 28px;
    padding-top: 1em;
}
.spot-txt {
    font-weight: 400;
    font-size: 18px;
    padding-top: 1.5em;
    line-height: 2;
}
.spot-wrap {
    padding-bottom: 50px;
    border-bottom: #fff solid 1px;
    margin-bottom: 50px;
}

.spot-wrap.last {
    border-bottom: none;
}


.spot-title-txt p{
    font-size: 22px;
    font-weight: 600;
    line-height: 2;
    padding-top: 1em;
}
.spot-list {
    padding-top: 6%;
}
.point {
    padding-top: 10%;
}
.sec-title-point {
    width: 60%;
    margin: 0 auto;
  position: relative;
}
.sec-title-point h2 {
    width: 86%;
    margin: 0 auto;
}
.sec-title-point p {
    text-align: center;
    line-height: 2;
    font-size: 22px;
    padding-top: 50px;
}
.point-fukidashi {
    position: absolute;
    top: -60px;
    width: 220px;
    left: -190px;
}
.point-items {
    width: 86%;
    margin: 0 auto;
    padding: 80px 0 160px;
}
.point-item {
    margin-bottom: 50px;
}




footer{

}
.footer-inner{
width: 74%;
  margin: 0 auto;
  color: #333;
  padding: 90px 0;
  position: relative;
}
.foot-title {
    font-size: 24px;
    padding-bottom: 16px;
}
.modaal-content-container {
  padding: 0;
}
.modaal-container {
  width: 52%;
  border-radius: 20px;
  overflow: hidden;
}
.modaal-container .item-title {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-align: center;
}
.modaal-container p {
  width: 80%;
  margin: 0 auto;
  line-height: 2;
}
.modaal-container table {
  width: 80%;
  margin: 40px auto;
}
.modaal-overlay {
background:#ab1c23!important; 
  opacity: 0.9;
}
.modaal-container th {
  padding: 18px 10px;
  width: 10em;
  border-top: #DF1337 solid 1px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.modaal-container td {
  padding: 18px 10px;
  border-top: #DF1337 solid 1px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.modaal-container td a {
  text-decoration: underline;
}
.modaal-content-container .item-tmb {
  margin-bottom: 60px;
}

.close {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  padding-bottom: 60px;
  cursor: pointer;
}
.modaal-wrapper .modaal-close {
  display: none;
}
.jitsugen{
    width: 160px;
    position: absolute;
    right: 0;
    top: 50px;
}

	  .pc{
	display: block;
   }
	 
    .sp{
		 display: none;	 
	 }	
.step {
    padding: 50px 0;
    background: #f4efe8;
}
.outline {
    padding: 50px;
  text-align: center;
}
.outline img {
    width: 88%;
    margin: 0 0 80px;
}



.qr {
    width: 40%;
    margin: 0 auto;
}
/*ここからレスポンシブ*/
@media (max-width: 1700px) {     
.present-txt-sub {
    font-size: 18px;
}
.spot-title-txt p {
    font-size: 20px;
}
.ov-lead p {
    font-size: 20px;
}
  .ov-info p {
    font-size: 20px;
}
  .tours-lead {
    font-size: 20px;
}
  .spot-txt {
    font-size: 16px;
}
  .sec-title-point {
    width: 70%;
}
  .sec-title-point p {
    font-size: 20px;
}
}

@media (max-width: 1500px) {     
.present-txt-sub {
    font-size: 16px;
}
    .tour-txt {
    font-size: 16px;
}
.spot-title-txt p {
    font-size: 16px;
}
  .spot-name {
    font-weight: 600;
    font-size: 24px;
    padding-top: 1em;
}.spot02 .spot-ill {
    width: 40px;
    right: 20px;
    top: 4px;
}.spot04 .spot-ill {
    width: 56px;
    right: 10px;
    top: 8px;
}.sec-title-point {
    width: 80%;
}.sec-title-point p {
    font-size: 18px;
}.point-items {
    width: 88%;
}
}

@media (max-width: 1300px) { 
.inner-mini {
    width: 66%;
    margin: 0 auto;
}
.inner-mini2 {
    width: 72%;
    margin: 0 auto;
}
  .present-pic03 {
    position: absolute;
    width: 36%;
    bottom: 16%;
    left: -6%;
    z-index: 2;
}.present-pic04 {
    position: absolute;
    width: 28%;
    bottom: 16%;
    left: 46%;
    z-index: 2;
}
}

@media (max-width: 1100px) { 
.inner-mini {
    width: 84%;
    margin: 0 auto;
}
  .inner-mini2 {
    width: 86%;
    margin: 0 auto;
}
  
}
 @media (max-width: 900px) {
	  .pc{
	display: none;
   }
	 
    .sp{
		 display: block;	 
	 }	
.nougat-wrap {
    width: calc(74% - 2%);
    padding-top: 15%;
}
.present-sp-pic {
    width: calc(26% - 2%);
    padding-top: 5%;
}.present-pic02 {
    position: absolute;
    width: 26%;
    top: 38%;
    left: -5%;
    z-index: 2;
}.ov-lead p {
    font-size: 17px;
}.ov-info p {
    font-size: 17px;
}.tours-lead {
    font-size: 15px;
}.tours-item {
    width: calc(50% - 3%);
    padding-bottom: 80px;
}.spot-title-ill {
    width: 30%;
    margin: auto 0 0 0;
}.spot-title-txt {
    width: 68%;
    font-size: 14px;
    font-weight: 400;
}.spot-name {
    font-weight: 600;
    font-size: 20px;
    padding-top: 16px;
}.spot-txt {
    font-size: 14px;
    padding-top: 16px;
}.spot02 .spot-ill {
    width: 35px;
    right: 20px;
    top: 0px;
}.spot03 .spot-ill {
    width: 60px;
    right: 30px;
    top: 8px;
}.spot04 .spot-ill {
    width: 46px;
    right: 10px;
    top: 8px;
}.spot05 .spot-ill {
    width: 42px;
    right: 30px;
    top: -10px;
}.spot06 .spot-ill {
    width: 80px;
    position: absolute;
    right: 20px;
    top: 10px;
}.point-fukidashi {
    position: absolute;
    top: -60px;
    width: 150px;
    left: -120px;
}.point-items {
    width: 100%;
}.footer-inner {
    width: 86%;
    margin: 0 auto;
    color: #333;
    padding: 60px 0;
    position: relative;
}.foot-title {
    font-size: 18px;
    padding-bottom: 16px;
}
.footer-inner p {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
}
   .modaal-container {
  width: 64%;

}
}



 @media (max-width: 650px) {

.logo-wrap {
    position: absolute;
    top: 25%;
    right: 2%;
    width: 50px;
}
 .main {
    padding-top: 20px;
}  
   .present-inner {
    display: block;
   }
   .nougat-wrap {
    width: 100%;
    padding-top: 15%;
}
   .present-txt-sub {
    font-size: 13px;
}
   .present-sp-pic {
    width: 40%;
    padding-top: 5%;
    margin: 0 auto;
}
   .btn a {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    padding: 16px;
    line-height: 1em;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: 0.1em;
}.btn-present a {
    background: #29abe2;
    color: #ffffff;
    width: 80%;
    transition: .4s;
}
   .btn-anq a {
    background: #f56ca0;
    color: #ffffff;
    width: 80%;
    transition: .4s;
}.present-bg01 {
    position: absolute;
    top: -3%;
    width: 100%;
}.present-pic01 {
    position: absolute;
    width: 35%;
    top: -5%;
    left: -4%;
    z-index: 2;
}.sec-title-present {
    position: absolute;
    width: 70%;
    top: -7%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}.present-pic02 {
    position: absolute;
    width: 26%;
    top: 28%;
    left: -4%;
    z-index: 2;
}.present-bg03 {
    position: absolute;
    bottom: -2%;
    width: 100%;
}.overview {
    padding-top: 80px;
}.ov-lead p {
    font-size: 16px;
    text-align: left;
}.overview-img {
    position: relative;
    padding: 18% 0 0;
    width: 100%;
    margin: 0 auto;
}.overview-img .fukidashi {
    width: 32%;
    position: absolute;
    right: -2%;
    top: 0%;
}.overview-img p.sup {
    font-weight: 400;
    text-align: right;
    padding-top: 11px;
    font-size: 11px;
}.ov-info p {
    font-size: 14px;
}.tours-lead {
    font-size: 13px;
    line-height: 1.8;
}.tour-txt {
    font-size: 13px;
}.tours-item {
    width: calc(50% - 2%);
    padding-bottom: 40px;
}.tours-wrap {
    padding: 2% 10%;
}.inner-mini2 {
    width: 92%;
    margin: 0 auto;
}.tour-txt {
    font-size: 13px;
    padding-bottom: 10px;
}
   .btn-tours a {
    width: 80%;
}.spot-title-txt {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}.spot-title-ill {
    width: 30%;
    margin: auto 0 0 0;
    display: none;
}.spot-pic {
    width: 100%;
}.spot-info {
    width: 84%;
    margin: 0 auto;
}.spot-name {
    font-weight: 600;
    font-size: 18px;
    padding-top: 26px;
}.spot-txt {
    font-size: 13px;
    padding-top: 12px;
}.spot02 .spot-ill {
    width: 30px;
    right: 10px;
    top: 14px;
}.spot03 .spot-ill {
    width: 50px;
    right: 10px;
    top: 17px;
}.spot04 .spot-ill {
    width: 40px;
    right: 10px;
    top: 20px;
}.spot05 .spot-ill {
    width: 32px;
    right: 10px;
    top: 10px;
}.spot06 .spot-ill {
    width: 80px;
    position: absolute;
    right: 10px;
    top: 16px;
}.sec-title-point p {
    font-size: 16px;
    text-align: left;
}.point-fukidashi {
    position: absolute;
    top: -80px;
    width: 90px;
    left: -30px;
}.sec-title-point p {
    font-size: 16px;
    text-align: left;    padding-top: 20px;
}.point-items {
    padding: 40px 0 80px;
}.point-item {
    margin-bottom: 16px;
}.inner-mini {
    width: 90%;
    margin: 0 auto;
}.modaal-container {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}.present-pic03 {
    position: absolute;
    width: 36%;
    bottom: 16%;
    left: -1%;
    z-index: 2;
}.present-pic05 {
    position: absolute;
    width: 32%;
    bottom: 20%;
    right: -1%;
    z-index: 2;
}.jitsugen {
    width: 160px;
    position: relative;
    right: 0;
    top: 0;
    margin: 0 auto;
}.footer-inner p {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
}.foot-title {
    font-size: 18px;
    padding-bottom: 16px;
    text-align: center;
}
   .present-pic03 {
    position: absolute;
    width: 36%;
    bottom: 16%;
    left: -2%;
    z-index: 2;
}.present-pic02 {
    position: absolute;
    width: 26%;
    top: 28%;
    left: -2%;
    z-index: 2;
}.present-pic04 {
    position: absolute;
    width: 28%;
    bottom: 16%;
    left: 43%;
    z-index: 2;
}.present-pic05 {
    position: absolute;
    width: 32%;
    bottom: 20%;
    right: -3%;
    z-index: 2;
}.present-fukidsashi {
    position: absolute;
    width: 28%;
    top: -5%;
    right: -2%;
    z-index: 2;
}
 .outline {
    padding: 30px;
}
   
}