﻿ @charset "UTF-8";
/*==================================================
 PAGE CSS
==================================================*/

.swiperBox {
  width: 100%;
  }

.swiper-container {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  }
  .swiper-container img {
    width: 100%;
  }

  .swiper-slide img {

  border-bottom-right-radius: 50% 10%;
  border-bottom-left-radius: 50% 10%;
  }



@media (min-width: 800px){

.parallax01 { background: url('../img/top/parallax01.jpg') no-repeat fixed ;}
.parallax02 { background: url('../img/top/parallax02.jpg') no-repeat fixed ;}
.parallax03 { background: url('../img/top/parallax03.jpg') no-repeat fixed ;}



.image-base{
  min-height: 400px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
}

@media (max-width: 800px){

.parallax01 { background: url('../img/top/parallax01.jpg') no-repeat center top ;}
.parallax02 { background: url('../img/top/parallax02.jpg') no-repeat center top ;}

.image-base{
  min-height: 200px;
  background-size: cover;
}
}


.topTtl01 {
  color: #FF9285;
  font-weight: bold;
  font-size: 2.6em;
  }
  .topTtl01 span {
  font-size: 0.8em;
  font-weight: bold;

  }

.topTtl01-sub {
  color: #DFAC86;
  font-weight: bold;
  font-size: 2.0em;
  }
  .topTtl01-sub span {
    font-size: 0.8em;
    font-weight: bold;
  }
  .topTtl01-sub b {
    font-size: 1.6em;
  }


.topTtl02 {
  color: #722C00;
  font-size: 2.0em;
  font-weight: normal;
  letter-spacing: 0.8em;
  background: url(../img/common/cmnTtlBg01png.png) no-repeat center bottom;
  padding: 0 0 40px 0;
  }

@media (max-width: 800px){
.topTtl02 {
  background-size: 80%;
  }
}



  .topTxt01 {
    color: #8F5833;
    font-size: 3.0em;
    margin: 10px 0;
  }
  .topTxt01 b {
   background: #8F5833;
   color: white;
   padding: 10px;
   font-size: 0.8em;
  }

 .topTxt02 {
   color: #722C00;
   font-size: 1.6em;
   text-align: left;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   padding: 0 5%;
   box-sizing:border-box;
 }
 .topTxt02 b {
   font-weight: bold;
   color: #FF8373;
 }
 .topTxt02 span {
   font-size: 0.8em;
 }

.topTxt03 {
  font-size: 1.8em;
  color: #722C00;
  font-weight: bold;
  }


.topBox01 {
  background: #FFF;
  }

.topBox02 {
  background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)),url(../img/top/topBg02-01.gif) no-repeat center bottom;
  background-size: 100%;
  }
@media (max-width: 1200px){
.topBox02 {
  background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)),url(../img/top/topBg02-02.gif) no-repeat center bottom;
  background-size: 100%;
  }
}
@media (max-width: 800px){
.topBox02 {
  background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)),url(../img/top/topBg02-03.gif) no-repeat center bottom;
  background-size: 100%;
  }
}

.topBox03, .topBox04 {
  position: relative;
  width: 100%;
  }

  .topBox03-01, .topBox04-01 {
    width; 66.66%;
  }
  .topBox03-02, .topBox04-02 {
    width: 500px;
    position: absolute;
    top: 50px;
    right: 0;
    border: 1px solid #DFAD88;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.8);
  }
  .topBox03-02 p , .topBox04-02 p {
    text-align: left;
  }

  .topBox03-02 {
    right: 0;
    }

  .topBox04-01 {
    margin-bottom: 180px;
  }

  .topBox04-02 {
    left: 0;
    }

@media (max-width: 800px){

  .topBox03, .topBox04 {
    width: 100%;
    position: static;
  }



  .topBox03-01 img ,.topBox04-01 img {
    width: 100%;
  }

  .topBox03-02 ,.topBox04-02 {
    text-align: center;
    position: relative;
    width: 100%;
    border: none;
    box-sizing: border-box;
    position: static;
    right: 0;
    left:  0;
  }
  .topBox03-02 p , .topBox04-02 p {
    text-align: center;
  }

  .topBox04-01 {
    margin-bottom: 0;
    }

}


.topList01 {
  overflow: hidden;
  }
  .topList01 li {
    float: left;
    width: 16.66%;
    margin-bottom: 20px;
  }
  .topList01 li img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }


@media (max-width: 800px){
  .topList01 li {
    width: 33%;
  }
}


.topList02 li {
  text-align: left;
  margin-bottom: 30px;
  padding: 15px 0 15px 100px;
  }
  .topList02 li.topList02-01 {
    background: url(../img/top/topIcon13.jpg) no-repeat top left;
    }
  .topList02 li.topList02-02 {
    background: url(../img/top/topIcon14.jpg) no-repeat top left;
    margin-left: 60px;
    }
  .topList02 li.topList02-03 {
    background: url(../img/top/topIcon15.jpg) no-repeat top left;
    margin-left: 120px;
    }

  .topList02-ttl {
    font-size: 1.2em;
    color: #722C00;
  }
  .topList02 li p {
    color: #722C00;
  }

@media (max-width: 800px){
  .topList02 li.topList02-01,.topList02 li.topList02-02 ,.topList02 li.topList02-03 {
    margin-left: 0px;
    background-position: center top;
    background-size: 50px;
    padding: 60px 0px 5px 0px;
    }
  .topList02-ttl {
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
  }
  .topLst02 li p {
    font-size: 1.6em;
  }

}


.topList03 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;

  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  }

.topList03 li {
  width: 32%;
  }


.topList03 li a {
  background: none;
  border: 1px solid #f3cbd0;	/* 線の太さ・種類・色 */
  margin: 10px; /* 外側の余白 */
  padding: 20px; /* 内側の余白 */
  position: relative;
  box-sizing: border-box;
  display: block;
}
.topList03 li a:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  z-index: -1;
  }
  .topList03 li.topList03-01 a:after { background: #F0E7E1; }
  .topList03 li.topList03-02 a:after { background: #E4EBEC; }
  .topList03 li.topList03-03 a:after { background: #EAF1E0; }

  .topList03 li a img {
    width: 100%;
  }


  .topList03-ttl {
    margin-top: 20px;
    font-size: 1.6em;
  }


  .topList03 li a p {
    font-size: 0.8em;
  }

  .topList03 li.topList03-01 a .toopList03-ttl,
  .topList03 li.topList03-01  a p {
     color: #5A1B18;
    }

  .topList03 li.topList03-02 a .toopList03-ttl,
  .topList03 li.topList03-02 a p {
     color: #264B4A;
    }

  .topList03 li.topList03-03 a .toopList03-ttl,
  .topList03 li.topList03-03 a p {
     color: #576831;
    }


@media (max-width: 800px){
.topList03 li {
  width: 46%;
  }


}


.topList04 {
    border-top: 1px solid #CCC;
    max-width: 1200px;
    margin-right: auto;
    margin-left:  auto;
    margin-bottom: 10%;
  }
  .topList04 li.topList04-wrap {
    border-bottom: 1px solid #CCC;
    padding: 2%;
    overflow: hidden;
  }

  .topList04-img {
    width: 30%;
  }
  .topList04-img img {
    width: 100%;
    float: left;
  }

  .topList04-box {
    width: 67%;
    float: right;
  }

  .topList04-ttl {
    text-align: left;
    margin-bottom: 3%;
  }

  .topList04-ttl a {
    font-size: 1.6em;
    text-decoration: underline;
  }
  .topList04-ttl b {
    font-size: 1.6em;
	font-weight: normal;
  }

  .topList04-ttl a:hover {
    text-decoration: none;
  }

  .topList04-ttl span {
    background: #EC7B7B;
    color: white;
    font-size: 1em;
    padding: 2px 10px;
    margin-right: 2%;
  }


@media (max-width: 800px){
  .topList04-ttl span:after {
    content: "\A" ;
    white-space: pre ;
  }
  .topList04-ttl a {
    padding: 10px 0 0 0;
  }

}

  .topList04-txt01 {
    font-size: 1.2em;
    text-align: left;
    margin-bottom: 2%;
  }
  .topList04-txt02 {
    background: #FAFAEB;
    margin-bottom: 2%;
    padding: 2%;
    text-align: left;
  }
  .topList04-picup {
    overflow: hidden;
    margin-bottom: 4%;
  }
  .topList04-picup li {
    background: #DFAD88;
    color: white;
    display: inline;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 3px 10px;
    float: left;
    margin-right: 5px;
  }
  .topList04-picup li a {
    color: white;
  }

  .topList04-link {
      text-align: right;
      overflow: hidden;
      margin-bottom: 2%;
    }
    .topList04-link a {
    background: #B5684D url(../img/top/topIcon16.png) no-repeat 10% 50%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: inline-block;
    color: white;
    padding: 5px 20px 5px 30px;
    }

@media (max-width: 800px){
  .topList04-link a {
    width: 100%;
    margin-right: auto;
    margin-left:  auto;
    text-align: center;
    background: #B5684D url(../img/top/topIcon16.png) no-repeat 20px 50%;
    box-sizing: border-box;
  }
}

/*--access--*/

.accessBox01 {
  overflow: hidden;
  margin-bottom: 20px;
  }
  .accessBox01-01 {
    float: left;
    width: 42.08%;
  }
  .accessBox01-02 {
    float: right;
    width: 50%;
  }

.accessTtl01 {
  font-size: 1.6em;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic', monospace;
  margin-bottom: 30px;
  font-weight: normal;
  text-align: left;
  }

.accessTtl02 {
  border-bottom: 1px solid #CCC;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom:  10px;
  text-align: left;
  }

.accessTable01 {
  font-size: 0.8em;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 20px;
  }
  .accessTable01 th {
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
    width: 100px;
  }
  .accessTable01 td {
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: center;
    line-height: 160%;
    text-align: left;
  }


@media screen and (max-width:480px) {
.accessTtl01 {
  margin-bottom: 10px;
  }
  .accessBox01-01 {
    width: 100%;
  }
  .accessBox01-02 {
    width: 100%;
  }

}


.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: 1px solid #CCC;
  }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }


/*--faq--*/

.faqList01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;

  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  }

.faqList01 li {
  width: 32%;
  }
  .faqList01 li.faqList01-04 {
    margin-left: 15%;
  }
  .faqList01 li.faqList01-05 {
    margin-right: 15%;
  }

.faqList01 li a {
  background: none;
  border: 1px solid #f3cbd0;	/* 線の太さ・種類・色 */
  margin: 10px; /* 外側の余白 */
  padding: 40px 20px; /* 内側の余白 */
  position: relative;
  box-sizing: border-box;
  display: block;

}
  .faqList01 li.faqList01-01 a, .faqList01 li.faqList01-04 a { color: #591918; }
  .faqList01 li.faqList01-02 a, .faqList01 li.faqList01-05 a { color: #264B4A; }
  .faqList01 li.faqList01-03 a { color: #576631; }
.faqList01 li a:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  z-index: -1;
  }
  .faqList01 li.faqList01-01 a:after ,.faqList01 li.faqList01-04 a:after { background: #F0E7E1; }
  .faqList01 li.faqList01-02 a:after ,.faqList01 li.faqList01-05 a:after { background: #E4EBEC; }
  .faqList01 li.faqList01-03 a:after { background: #EAF1E0; }



@media (max-width: 800px){
.faqList01 li {
  width: 46%;
  }
  .faqList01 li.faqList01-04 { margin-left: 0%; }
  .faqList01 li.faqList01-05 { margin-right: 0%; }

}


.faqList02 {
  margin-top: 50px;
  margin-bottom: 50px;
  }
  .faqList02 li {
    background: white;
    margin-bottom: 40px;
  }
  .faqList02 li p {
    text-align: left;
    padding: 5%;
  }
  .faqList02 li p a {
    color: #0080C0;
  }


.faqTtl01 {
  background: #722C00;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 10px 15px;
  }


.contactTxt01 {
  text-align: center;
  padding: 0 0 50px 0;
  line-height: 160%;
  }

#forms {
  max-width: 1200px;
  border-top: 1px solid #C7B0A7;
  margin: 0 auto 10%;
  }

#forms dl {
  border-bottom: 1px solid #C7B0A7;
  overflow: hidden;

  }
  #forms dl dt {
    width: 29.16%;
    float: left;
    padding: 3% 0;
    box-sizing: border-box;
	vertical-align: top;
    }
  #forms dl dt p {
    padding: 10px 0;
	text-align: left;
  }
  #forms dl dt span {
    background: #F07578;
    color: #FFFFFF;
    text-align: center;
    padding: 2px 5px;
    float: right;
    font-size: 14px;
  }

  #forms dl dd {
    width: 70%;
	float: right;
    box-sizing: border-box;
	padding: 3%;
	text-align: left;
  color: black;
  }
  #forms dl dd input {
    padding: 10px;
    width: 100%;
	border: 1px solid #D9AEAF;
	box-sizing: border-box;
	font-size: 16px;

  }
  #forms dl dd select {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #594533;
    font-size: 16px;
    }
  #forms dl dd textarea {
    width: 100%;
	height: 230px;
	border: 1px solid #D9AEAF;
    box-sizing: border-box;
  font-size: 16px;

  }

.sendBtn {
  background: #E8262C url(../img/contact/contactIcon01.gif) no-repeat 95% 50%;
  padding: 15px 0;
  max-width: 300px;
  display: block;
  margin: 30px auto;
  color: #FFFFFF;
  text-align: center;
  }

@media screen and (max-width: 640px) {


  #forms dl dt {
    width: 100%;
    padding: 1% 3% 5px;
    box-sizing: border-box;
    }
  #forms dl dt span {
    float: none;
	margin: 0 0 0 10px;
  }
  #forms dl dd {
    width: 100%;
	padding: 0 3% 3%;
    box-sizing: border-box;
  }
  #forms dl dd input {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;

  }

}

#forms dl dd.radioBox label {
  cursor: pointer;
  padding: 10px;
  display: inline-block;
}

#forms dl dd.radioBox input {
  width: auto;
  text-align: 100%;
  margin: 0 5px 0 10px;
  padding: 0;

}


.contactBox02 {
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 2.5%;
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  text-align: left;
  background: #FFFFFF;
  color: #010000;
  font-size: 0.8em;
  line-height: 160%;
  }




.toursList01 {
  }
  .toursList01 li {
    text-align: left;
    margin-bottom: 30px;

  }
  .toursTtl01-Wrap {
    font-size: 1.2em;
    padding: 10px 5px;
    display: table;
    margin-bottom: 10px;
    box-sizing: border-box;
	border-bottom: 2px #DFAD88 dotted;
  }
  .toursTtl01-Wrap p {
    width: 30px;
    display: table-cell;
    vertical-align: middle;
  }

  .toursTtl01-Wrap span {
    background: #F38181;
    color: #FFFFFF;
	width: 30px;
    text-align: center;
    display: inline-block;
	margin-right: 15px;
    }
  .toursTtl01-Wrap .toursTtl01 {
    display: table-cell;
    vertical-align: middle;
  }
  .toursTxt01 {
    background: #FAFAFA;
	padding: 2.5%;
  }


.cpBx01 {
  max-width: 800px;
  margin: 0 auto;
}
.cpBx01 img {
  width: 100%;
}

.cpBx02 div {
  width: 50%;
  box-sizing: border-box;
  padding: 0% 2%;
   }
@media (max-width: 640px) {
.cpBx02 div {
  width: 100%;
  margin-bottom: 20px;
  }
}


.cpTtl01 {
  font-weight: bold;
  text-align: left;
}
.cpTtl01:before {
  content: "●";
  color: #E87E99;
  }

.tourBx01 {
  width: 100%;
  box-sizing: border-box;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5%;
}
.tourBx01 img {
  width: 50%;
  max-width: 240px;
}
.tourBx01 p {
  text-align: center;
  font-size: 120%;
}


.proLst01 {
  max-width: 800px;
  margin: 0 auto;
}

.proLst01 li {
  background: #F6F6F6;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding: 2.5%;
  align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 2.5%;
  flex-flow: wrap;
  width: 100%;
}
.proLst01 li img {
  width: 30%;
  max-width: 250px;
  float: right;
  height: auto;
  margin: 0 auto;
}
.proLst01 li div {
  width: 65%;
}
.proLst01 li div p {
  text-align: left;
}
.proLst01 li div .proTtl01 {
  background: #D3A9A9;
  color: white;
  padding: 3px 0;
  margin-bottom: 5%;
}

@media (max-width: 640px) {
  .proLst01 li {
  }
  .proLst01 li div {
    width: 100%;
  }
  .proLst01 li img {
    width: 50%;
  }
}



.tagSearchBx {
  background: #FAFAEB;
  padding: 2.5%;
  margin-bottom: 5%;
}
.tagSearchBx .pLst01-picup {
  margin-bottom: 0;
}
.tagSearchBx p {
  text-align: left;
  color: #333;
}

@media (max-width: 1200px) {
  .tagSearchBx {
    margin-top: 0%;
  }
}


.tourMTtl {
  font-size: 1.8em;
  color: #264D52;
  }
  .tourMTtl img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }




@media (max-width: 700px) {
.tourMTtl {
  font-size: 1.4em;

  }
}


.tourTtl01 {
  background: #732E00;
  color: #FFF;
  text-align: center;
  font-size: 1.6em;
  font-weight: normal;
  padding: 4% 0;
  }
.tourTtl02 {
  background: #732E00;
  color: #FFF;
  text-align: center;
  font-size: 1.6em;
  font-weight: normal;
  padding: 1% 0;
  margin-left:  auto;
  margin-right: auto;
  }

.tourTtl03 {
  color: #732E00;
  }


.tourTtl03 {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 1.4em;
  line-height: 140%;

}
.tourTtl03:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0px; /*下線の上下位置調整*/
  display: inline-block;
  width: 100px; /*下線の幅*/
  height: 1px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #732E00; /*下線の色*/

  }


.tourTtl04 {
  color: #264D52;
  font-size: 2.0em;
  font-weight: normal;
  text-align: left;
  line-height: 100%;
  margin-bottom: 20px;
  }
  .tourTtl04 span {
    color: #FF6600;
  }

@media (max-width: 600px) {
.tourTtl04 {
  font-size: 1.4em;
  font-weight: bold;

  line-height: 120%;

text-shadow:
-1px -1px 0px #FFF,
1px -1px 0px #FFF,
1px 1px 0px #FFF,
-1px 1px 0px #FFF,
-1px -2px 0px #FFF,
1px -2px 0px #FFF,
1px 2px 0px #FFF,
-1px 2px 0px #FFF,
-2px -1px 0px #FFF,
2px -1px 0px #FFF,
2px 1px 0px #FFF,
-2px 1px 0px #FFF;
  }

.tourBox01-02 .tourTtl04,
.tourBox02-02 .tourTtl04{
  font-size: 1.8em;

}

}

p.tourTxt01, #mainCont p.tourTxt01 {
  background: #732E00;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
  padding: 15px 0;
  }





.tourTxt02 {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #274E52;
  background: #FFF;
  border: solid 3px #274E52;
  box-sizing: border-box;
  font-weight: bold;

  margin-top: -50px;
  margin-bottom: 40px;
}

.tourTxt02:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.tourTxt02:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #274E52;
  z-index: 1;
}

.tourTxt02 p {
  margin: 0;
  padding: 0;
}

.tourTxt03 {
  font-size: 120%;
  color: #333;
  }
  .tourTxt03 span {
    color: red;
  }


.tourFlwLst { width: 100%; overflow: hidden; }
  .tourFlwLst li {
    width: 100%;
    overflow: hidden;
    margin-bottom:   30px;
    padding-bottom: 50px;

  }
  .tourFlwLst li.arw {
    background: url(../img/tour/flowBg01.gif) no-repeat center bottom;
    padding-bottom: 100px;
    }


.tourFlwLstWrap {
  border-top: 1px solid #732E00;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #732E00;
  overflow: hidden;
  }

  .tourFlwBx {
   width: 100%;
 }

.tourFlwImg {
  width: 31.11%; /*--280/900--*/
  float: left;
  }

.tourFlwBx-R {
  float: right;
  width: 63.33%; /*--570/900--*/
  }

@media (max-width: 800px) {

.tourFlwImg {
  width: 25%;
  }
.tourFlwBx-R {
  width: 70%;
  }


}


.tourFlwTtl {
  font-size: 1.6em;
  text-align: left;
  color: #274E52;
  }
  .tourFlwTtl span {
    background: #732E00;
    color: white;
    font-family: "Times New Roman","ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
    font-style: italic;
    padding: 0 2%;
    margin-right: 5%;
  }

.tourFlwTxt {
  background: #732E00;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: white;
  padding: 1% 0;
  }


.tourCntctBx {
  border: 1px solid #732E00;
  margin: 2px;
  margin-bottom: 100px;
  position: relative;
}

.tourCntctBx::before {
  content: '';
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 3px solid #732E00;
  position: absolute;
  top: -9px;
  left: -9px;
  }

.tourCntctBx p {
  color: #732E00;
  font-size: 0.8em;
  }


.tourCntctBx p.tourCntctTxt {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 1.4em;
  line-height: 140%;

}
.tourCntctBx p.tourCntctTxt:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0px; /*下線の上下位置調整*/
  display: inline-block;
  width: 100px; /*下線の幅*/
  height: 1px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #666666; /*下線の色*/

  }

.tourCntctBxIn {
  position: relative;
  }


.tourCntctLnk01 {
  background: #FF9900 url(../img/tour/tourBtnBg-b.png) no-repeat right bottom;
  color: white;
  width: 300px;
  padding: 10px 0px;
  display: block;
  text-align: center;
  margin: 0 auto 20px;
  }
  .tourCntctLnk01 span {
  font-size: 0.8em;
  }
.tourCntctLnk01:hover {
  background: #EA4D17 url(../img/tour/tourBtnBg-a.png) no-repeat right bottom;
  text-decoration: none;
  }

  .tourCntctLnk01::before {
  content: url(../img/tour/tourBtn.png);
  position: absolute;
  display: block;
  margin-left: 5%;
  margin-top:  1%;
  }

.tourCntctLnk02 {
  text-decoration: underline;
  color: #732E00;
  }
  .tourCntctLnk02:hover {
  text-decoration: none;
  }


@media (max-width: 600px) {

.tourCntctLnk01 {
  width: 95%;
  margin-left:  auto;
  margin-right: auto;
  }

.tourCntctBxIn img {
  width: 95%;
  margin: 0 auto;
  }

}



.tourVicBx {
  background: #F5F7F8 ;
  overflow: hidden;
  max-width: 900px;
  padding: 1%;
  box-sizing: border-box;
  margin-right: auto;
  margin-left:  auto;
  margin-bottom: 50px;

  }

  .tourViclst {
    overflow: hidden;
    width: 100%;
  }
  .tourViclst li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10%;
    }
  .tourViclst li:last-cildren {
   margin-bottom: 0;
  }


  .tourViclst li img {
    width: 26.6%;
  }

  .tourVicBx-01 {
    width: 70%;
  }
  .tourVicBx-01 p {
  text-align: left;
  }

  .tourVicTtl {
    color: #732E00;
    font-size: 1.2em;
    background: url(../img/tour/vicIcn01.png) no-repeat center left;
    text-align: left;
    padding: 10px 0px 10px 50px;
  }

@media (max-width: 600px) {
  .tourVicTtl {
  background-size: 20px;
  padding-left: 30px;
  }

  }



.originalBx {
  width: 100%;
}
  .originalBx img {
  width: 100%;
  }




.fuwafuwa {
  -webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  /*-webkit-animation-direction:alternate;*/
  -webkit-animation-timing-function:ease;
  -moz-animation-name:fuwafuwa;
  -moz-animation-duration:2s;
  -moz-animation-iteration-count:infinite;
  /*-moz-animation-direction:alternate;*/
  -moz-animation-timing-function:ease;
  }

.fuwafuwa:nth-child(odd) {
  -webkit-animation-duration:3s;
  -moz-animation-duration:3s;
  }

/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(0, -10px);}
  100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
  0% {-moz-transform:translate(0, 0);}
  50% {-moz-transform:translate(0, -10px);}
  100% {-moz-transform:translate(0, 0);}
  }

.fuwafuwaLst {
  width: 50%;
  overflow: hidden;
  margin: 100px 0;
  padding: 40px 0;
}
  .fuwafuwaLst li {
  float: left;
  width: 50%;
  }
  .fuwafuwaLst li img {
  width: 90%;
  margin: 0 auto;
  }

  .fuwafuwaLst li:nth-child(even) {
    margin-top: 40px;
  }
  .fuwafuwaLst li:nth-child(even) img {
    width: 80%;
  }


@media (max-width: 600px) {

.fuwafuwaLst {
  margin: 30px 0;
  }

.fuwafuwaLst li {
  width: 100%;
  }
  .fuwafuwaLst li:nth-child(odd) img {
    width: 80%;
    float: left;
    }
  .fuwafuwaLst li:nth-child(even) {
    margin-top: 20px;
  }
  .fuwafuwaLst li:nth-child(even) img {
    float: right;
    width: 70%;
    }


}




.tourWrap01 {
  background: #F5F7F8;
  overflow: hidden;
  }
  .tourWrap01 p {
    color: #333;
  }

.glryLst {
  width: 50%;
  overflow: hidden;
  }
  .glryLst li {
    float: left;
    width: 50%;
    padding: 0.5%;
    box-sizing: border-box;
  }

.glryLst02 {
  width: 100%;
  overflow: hidden;
  }
  .glryLst02 li {
    float: left;
    width: 25%;
    padding: 0.5%;
    box-sizing: border-box;
  }


  .glryLst li img ,.glryLst02 li img {
  width: 100%;
  }

  .glryLst li a:hover img , .glryLst02 li a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    }



.tourBox01 {
  background: url(../img/tour/handa/handaImg10-PC.jpg) no-repeat center right;
  padding: 20px 0;
  background-size: 55%;
  }
  .tourBox01 p, .tourBox02 p {
    color: #333;
  }
.tourBox02 {
  background: url(../img/tour/handa/handaImg11-PC.jpg) no-repeat bottom left;
  padding: 10% 0;
  background-size: 55%;
  }

#nagoya-hotel .tourBox01 {
  background: url(../img/tour/nagoya-hotel/nagoya-hotelBg01-PC.jpg) no-repeat center right;
  padding: 10% 0;
  background-size: 55%;
  }

#nagoya-hotel .tourBox02 {
  background: url(../img/tour/nagoya-hotel/nagoya-hotelBg02-PC.jpg) no-repeat center left;
  padding: 10% 0;
  background-size: 55%;
  }


.tourBox02-01 {
  width: 50%;
  float: right;
  }
.tourBox02-02 .tourTtl04 {
  text-align: right;
}

.tourBox01-01 {
  width: 50%;
  float: left;
  }


  .tourBox01 p, .tourBox02 p {
  text-shadow:
    -1px -1px 1px #FFF,
    1px -1px 1px #FFF,
    1px 1px 1px #FFF,
    -1px 1px 1px #FFF;
    font-size: 120%;
  }

@media (max-width: 900px) {
  .tourBox01 {
  background: url(../img/tour/handa/handaImg10-PC.jpg) no-repeat bottom right;
  background-size: 50%;
  }
}


@media (max-width: 700px) {
.tourBox01 {
  background: url(../img/tour/handa/handaImg10-SP.jpg) no-repeat center right;
  padding: 10% 0;
  background-size: 50%;
  }
.tourBox02 {
  background: url(../img/tour/handa/handaImg11-SP.jpg) no-repeat center left;
  padding: 10% 0;
  background-size: 50%;
  }


#nagoya-hotel .tourBox01 {
  background: url(../img/tour/nagoya-hotel/nagoya-hotelBg01-SP.jpg) no-repeat center right;
  padding: 10% 0;
  background-size: 50%;
  }
#nagoya-hotel .tourBox02 {
  background: url(../img/tour/nagoya-hotel/nagoya-hotelBg02-SP.jpg) no-repeat center left;
  padding: 10% 0;
  background-size: 50%;
  }



}


@media (max-width: 500px) {
.tourBox01 {
  background-position: bottom right;
  }
.tourBox02 {
  background-position: top left;
  }
}


.mxBoxW900 {
  max-width: 900px;
  width: 100%;
  margin:  0 auto;
}


.pagination {
  margin: 5% auto 5%;
  width: 100%;
  text-align: center;
  border-top: none;
}
ul.page-numbers {
  border: 1px solid #D0BEAA;
  display: inline-block;
  overflow: hidden;
  height: auto;
  padding: 0;
  width: auto;
  border-radius: 10px;
  line-height: 100%;


}

.page-numbers li {
  line-height: 100%;
  float: left;
  border: none;
  border-right: 1px solid #D0BEAA;
  margin: 0;
  padding: 0;

}
.page-numbers li:last-child {
  border-right: none;
}

.nav-links span {
  background: #D7BFB0;
  color: white;
  width: 40px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.navigation .nav-links > * {
    min-height: 30px;
}

.nav-links a {
  color: #B5684D;
  background: #F7F7EE;
  width: 40px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
