@charset "utf-8";

/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
.ifsp {display: none!important;}

/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs05 { font-size: 0.5em; }
.fs06 { font-size: 0.6em; }
.fs07 { font-size: 0.7em; }
.fs08 { font-size: 0.8em; }
.fs09 { font-size: 0.9em; }
.fs10 { font-size: 1.0em; }
.fs11 { font-size: 1.1em; }
.fs12 { font-size: 1.2em; }
.fs13 { font-size: 1.3em; }
.fs14 { font-size: 1.4em; }
.fs15 { font-size: 1.5em; }
.fs16 { font-size: 1.6em; }
.fs17 { font-size: 1.7em; }
.fs18 { font-size: 1.8em; }
.fs19 { font-size: 1.9em; }
.fs20 { font-size: 2.0em; }
.fs21 { font-size: 2.1em; }
.fs22 { font-size: 2.2em; }
.fs23 { font-size: 2.3em; }
.fs24 { font-size: 2.4em; }
.fs25 { font-size: 2.5em; }
.fs30 { font-size: 3.0em; }


/* ---------- 下層fontsize */


/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc { margin-right: auto; margin-left: auto;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd48 {width: 48% !important;}
.wd49 {width: 49% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}

/* ---------- margin,padding */
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb120 {margin-bottom: 120px !important;}

.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}
.mt50 {	margin-top: 50px !important;}
.mt55 {	margin-top: 55px !important;}
.mt60 {	margin-top: 60px !important;}
.mt70 {	margin-top: 70px !important;}
.mt80 {	margin-top: 80px !important;}
.mt90 {	margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.pb60 {	padding-bottom: 60px !important;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.clboth {
  clear: both;
}
.disp-block {
  display: block!important;
}

/* ----- imgbox */

.imgBox img {
	width: 100%;
	height: auto;
}
#featureLists .commonBox .imgBox img {
	width: 100%;
	height: auto;
  max-height: 215px;
}


/* ----- base width */
html,
body {
	width: 100%;
    min-width: 768px;
}
#container, #siteFooter {
	width: 100%;
    min-width: 768px;
	margin: 0 auto;
}

.in{
    width: 100%;
    min-width: 768px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}
.feature-in{
    width: 100%;
    min-width: 768px;
    max-width: 1200px;
    margin: 0 auto;
}
#slideImgBox figure {
  margin: 0;
}
.preline {
  white-space: pre-line;
}
/* ---------- align */
.alcPC { text-align: center !important;}
.alrPC { text-align: right !important;}
.allPC { text-align: left !important;}

/* ----- button */

/* ----- flex */
.flexPC {
  display: flex;
}

/* ----- slick */
.homeSlide .slick-dots {
  bottom: -50px;
}
.homeSlide .slick-dots li {
  margin: 0 15px;
}
.homeSlide .slick-prev {
  left: 25%;
}
.homeSlide .slick-next {
  right: 25%;
}
/*キャプション*/

#slideImgCP {
	width: 50%;
	margin: auto;
}


/* ----- background */
.bgPink {
  padding: 0 0 75px;
  height: 600px;
}

/* --------------
 common
-------------- */

/* =header
-------------------------------------------------------------- **/

.nlist {
	display: none;
}

#header {
  /*margin-bottom: 50px;*/
}


/* =siteHeader
---------------------------------------------------- */

#siteHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}
#siteHeader::after {
  content: none;
}

.siteTtlImg img {
  max-height: 100px;
  image-rendering: -webkit-optimize-contrast;
}

#header input[type="search"] {
  width: 150px;
}
@media screen and (max-width:900px) {
  #header input[type="search"] {
    width: 120px;
  } 
} 

#header select[name="language"] {
  font-size: .8em;
}
#header .selectLang {
  position: relative

}
#header .selectLang dt {
  border: 1px solid #333;
    width: fit-content;
    padding: 0 0.4em;
    margin-left: 20px;
    cursor: pointer;
  }
#header .selectLang dd {
  position: absolute;
  left: 15%;
  width: 85%;
  overflow: hidden;
  border: #ccc solid 1px;
  border-top: 0;
  -webkit-transition: ease .1s;
  transition: ease .1s;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 100;
}
#header .selectLang dd a {
    display: block;
    padding: 0.25em 0.5em;
}
#header .selectLang:hover dd {
  opacity: 1;
  transition: .3s;
}
#globalSub {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#globalSub .h_sns li {
  margin: 0 .4em;
}
#globalSub form {
  margin-left: 20px;
}

/* =globalNav
---------------------------------------------------- */

#globalNav {
  /*background-color: #e5e2df;*/
  background-image: url("../img/navBg.jpg");
  padding: 2em 0;
}
.subpage #globalNav {
  padding: 1.5em 0;
}
.top_nav {
  background-image: none!important;
  padding: 2.2em 0!important;
}
#globalNav::after, #mainNav::after {
  content: none;
}
#globalNav li {
  text-align: center;
}
#mainNav {
	display: flex;
  justify-content: space-around;
  align-items: center;
}
#mainNav li {
  /*height: 1em;*/
  line-height: 1.4;
}
#mainNav li a {
  display: flex;
  height: 100%;
  align-items: center;
}
#mainNav li a:hover {
  opacity: .5;
}
#mainNav li a span {
  padding: .8em 1.5em;
}
@media screen and (max-width:950px) {
  #mainNav li a span {
    font-size: .9em;
  }
}
@media screen and (max-width:850px) {
  #mainNav li a span {
    font-size: .8em;
  }
}


/* =container
-------------------------------------------------------------- **/
main {
  /* margin-bottom: 50px; */
}

.clm2, .clm3, .clm4, .clm5, .clm6,
.clm1-2 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -30px;
}
.clm2 > * {
	width: calc((100% / 2) - 30px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 30px); /* IE11 */
}
.clm3 > * {
	width: calc((100% / 3) - 30px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 30px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 30px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 30px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 30px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 30px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 30px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 30px); /* IE11 */
}

.clm1-2 > *:nth-child(odd) {
	width: calc((100% / 3) - 30px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(odd) {
  width: calc(33.33% - 30px); /* IE11 */
}
.clm1-2 > *:nth-child(even) {
	width: calc((100% / 3) * 2 - 30px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(even) {
  width: calc(66.66% - 30px); /* IE11 */
}



.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > *,
.clm1-2 > *{
	margin-left: 30px;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a,
.clm1-2 > * >a{
	position: relative;
	display: block;
	/*height: 100%;*/
}

/* =breadcrumb
---------------------------------------------------- */

.bread__ul {
	margin-top: 10px;
}

.bread__ul li {
	font-size: 0.8em;
}

.bread__ul li a:hover {
	text-decoration: none;
  color: #999;
}

/* =headline / titles
---------------------------------------------------- */
.squareImg{
  position: relative;
  width: 360px;
  height: 225px;
}
#homeSns .squareImg{
  position: relative;
  width: 250px;
  height: 265px;
}
.squareImg{
  margin-bottom: 25px;
}
/* =sidebar
---------------------------------------------------- */
/* =aside
------------------------------------------ */


/* =footer
-------------------------------------------------------------- **/
#footer {
  padding: 60px 0 0;
}

#footer .footTopNav {
  margin-bottom: 60px;
}

#footer .footTopNav ul, .footBtmNav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer .footTopNav li {
  margin: 0 1em;
  min-width: 2em;
}

#footer .footMidNav {
  margin-bottom: 60px;
}

#footer .footMidNav li {
  border: double 5px #fff;
}
#footer .footMidNav li a {
  padding: .8em;
}
#footer .footMidNav li a:hover {
  background-color: #fff;
  color: #999;
}

#footer .footBtmNav {
  margin-bottom: 40px;
}

#footer .footBtmNav li {
  padding: 0 1em;
  position: relative;
}
#footer .footBtmNav li::after {
  content: "";
  width: 1px;
  height: 15px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #aaa;
  display: block;
}
#footer .footBtmNav li:last-child::after {
  content: none;  
}
#footer .addressBox {
  background-color: #e6e2e1;
  padding: 20px 0 10px;
}

/* =siteFooter
---------------------------------------------------- */

/* =copyright
---------------------------------------------------- */
#copyright {
  
}

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
	bottom: 100px;
}
@media screen and (max-width: 1200px) { /*以下の時*/
#pageTop {
	right: 0;
}
}
@media screen and (min-width: 1201px) { /*以上の時*/
#pageTop {
	right: 100px;
}
}

h3.recoHL {
  margin-bottom: 50px;
  margin-top: 65px;
}

/* --------------
 home contents
-------------- */
/* =visual
---------------------------------------------------- */
#mv p::before {
  padding-top: 50%;
}
/* #mv p::before {
  padding-top: 645px;
} */

/* =top
---------------------------------------------------- */
#home section {
  margin-bottom: 200px;
}
#home h2 {
  font-size: 1.4em;
  padding: 3.3em 0;
}
#homeFeature,
#homeCourse {
  background-image: url(../img/navBg.jpg);
  background-size: 100% 45%;
  background-repeat: no-repeat;
}
#home h2 span {
  font-size: 1rem;
}
#home h2.ls05 {
  letter-spacing: .3em;
}
.homeSlideBox {
  margin: 0 30px;
  margin-right: 0;
}


/* = feature*/
#topics-summary .feature-in h3,
#featureConts .feature-in h3 {
  border-left: solid 3px #BE8914;
  padding-left: 8px;
  height: fit-content;
}

.featureShop {
  display: flex;
  margin-bottom: 3em;
}
.featureShop .shop-about{
  display: flex;
  flex-flow: column;
  width: 45%;
  align-items: center;
  margin: auto;
  justify-content: space-around;
}
.featureShop .shop-about p {
  width: 100%;
}
.featureShop .shop-about img{
  max-width: none!important;
  width: 100%!important;
}
.shop-detail h2{
  margin-bottom: .5em;
}
.shop-detail {
  width: 50%;
  display: block;
  margin: auto;
}
.feature-in iframe{
  width: 100%;
 }
  
.shop-detail dl {
  display: flex;
  border-bottom: 1px solid #e6e2e1;
  background: #F9F8F6;  
}
.shop-detail dt {
  width: 25%;
  padding: 0.5em 1.2em;
  padding-right: .5em;
}
.shop-detail dd {
  width: 75%;
  margin-left: 1em;
  display: flex;
  align-items: center;
  word-break: break-all;
  padding: 0.2em 0.5em;
  padding-right: 1.2em;
}
/* .featureTxt br+ br {
  display: none;
} */
.featureTxt p + br{
  display: none;
}
/* .cont-inner br+ br {
  display: none;
} */
.cont-inner p + br{
  display: none;
}

/* accBox */

.accbox {
  width: 80%;
  margin: 1em auto 3em;
  padding: .5em;
  border: 1px solid #ccc;
}
.accbox input {
    display: none;
}
.accbox label {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  width: 100%;
  font-weight: 900;
  font-size: 1.2em;
}
.accbox label::after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  top: 55%;
  padding-left: .5em;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em;
}
.accbox .cssacc:checked + label:after {
  content: '\f106';
}
.accbox .accshow a {
  color: #333;
}
.accbox .accshow a:hover span {
  transition: .5s;
  text-decoration: underline;
}
.accbox .accshow li {
  margin-bottom: .5em;
}
.accbox .accshow {
  height: 0;
  padding: 0 2em;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
  text-align: left;
}
.accbox .cssacc:checked + label + .accshow {
  height: auto;
  padding: 20px 2em;
  opacity: 1;
}

/*featureBox0*/
.featureBox0 .featureTxt {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.featureBox0 .featureImg2 {
	float: right;
	width: 48%;
	margin-left: 2%;
}
.ftImg {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/*featureBox1*/

.featureBox1 .title {
	float: left;
	width: 48%;
	/* margin-left: 1%; */
	margin-right: 1%;
}
.featureBox1 h4.subtitle {
	float: right;
	width: 48%;
	margin-left: 5%;
}
.featureBox1 .featureImg1 {
	float: right;
	width: 48%;
	margin-left: 2%;
}
.featureBox1 .featureTxt {
	float: left;
	width: 47%;
	/* margin-left: 1%; */
	margin-right: 1%;
}
.featureBox1 .featureImg2 {
	float: right;
	width: 48%;
	margin-left: 2%;
	margin-right: 1%;
}

/*featureBox3*/
.featureBox3 .title {
	float: left;
	width: 24%;
	margin-left: 1%;
	margin-right: 5%;
}
.featureBox3 h4.subtitle {
	float: left;
	width: 48%;
	margin-right: 5%;
}
.featureBox3 .featureImg1 {
	/* float: right; */
	width: 68%;
	margin-left: 1%;
  overflow: hidden;
	/* margin-right: 1%; */
}
.featureBox3 .featureImg1 img {
  width: 100%;
}
.featureBox3 .featureImg2,
.featureBox3 .featureTxt {
	width: 100%;
	margin-left: 1%;
	margin-right: 1%;
}
.featureBox3 .featureTxt p{
  display: block;
  width: 100%;
  clear: both;
}
.featureBox3 .featureTxt  {
	display: flex;
	flex-direction: column-reverse;
}
.featureBox3 .ftflx1 {
  display: flex;
  flex-wrap: wrap;
}
.featureBox3 .ftflx1 :nth-child(1) {
  order: 2;
}
.featureBox3 .ftflx1 :nth-child(2) {
  order: 2;
}
.featureBox3 .ftflx1 :nth-child(3) {
  order: 4;
}
.featureBox3 .ftflx1 :nth-child(4) {
  order: 3;
}
/*featureBox4*/
.featureBox4 {
  display: flex;
  justify-content: space-between;
}

.featureBox4 .featureImg1 {
  width: 48%;
  height: 400px;
  float: left;
  margin-top: 2em;
	/* margin-left: 1%; */
	margin-right: 2%;
  overflow: hidden;
}
.featureBox4 .featureImg2 {
  width: 48%;
  height: 400px;
  float: right;
  margin-top: 2em;
	margin-left: 2%;
	/* margin-right: 1%; */
  overflow: hidden;
}
.featureBox4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featureBox4 .featureTxt p {
  clear: both;
}
.ftImg {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.ftBlBnr:hover {
	opacity: .8;
}

#feature #social {
  margin-top: 90px;
}
#homeFeature .linkTri {
  margin-top: 50px;
}

/* = news event(topics)*/
.sideBdr {
  /* border-right: solid 1px #aaa;
  border-left: solid 1px #aaa; */
  padding: 0 2em;
  position: relative;
}
.sideBdr .newsEventList {
  position: absolute;
    bottom: -20%;
    right: 3%;
}
.news_img {
  width: 150px;
  height: 75px;
}
.sideBdr h2 {
  padding: 2em 0 !important;
}
#homeNewsEvent {
  padding: 0 30px;
  /*border-right: solid 1px #aaa;
  border-left: solid 1px #aaa;*/
  margin-bottom: 150px!important;
}
#homeNewsEvent .tabmenu {
  margin-bottom: 20px;
}
#homeNewsEvent .tabcont dt {
  line-height: 1.8;
}
#homeNewsEvent .tabcont dt p:first-child {
  margin-bottom: 10px;
}
#homeNewsEvent .tabmenu li {
  margin-right: 10px;
}

#homeNewsEvent .homeTopicsTtl {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#homeNewsEvent .homeTopicsTtl::after {
  content: none;
}

/* = course*/
#homeCourse .linkTri {
  margin-top: 50px;
}

/* = special*/
#homeSpecial{
  /* margin-bottom: 0!important; */
}


/* = sns*/
.homeInsta div p {
margin-bottom: 30px;
}

/* = banner*/

/* = */


/* --------------
 subpages contents
-------------- */

/*slide*/

#detailslideImg {
	margin: 40px auto;
}

#slideImgBox .imgBox {
	height: 45vh;
}
#featureConts #slideImgBox .imgBox {
	height: 60vh;
}

/*nonslide*/

#detailslideImg.nonSlide .imgBox {
	height: 45vh;
}

#detailslideImg.nonSlide {
	margin: 40px auto;
}
/* =page
---------------------------------------------------- */

/*common*/

.subpage main {
  margin-top: 30px;
}
.subpage main h1 {
  font-size: 2em;
  padding: .3em 0;
  margin-bottom: 30px;
}

h3 {
  font-size: 1.3em;
}


/*index*/

/*detail*/

.detailslideImg {
  margin: 30px 0;
}
.expTxt {
  margin: 30px 0;
}
.expTxt p + br{
  display: none;
}
.expTxt h2 {
  margin-bottom: 1em;
}

.detailBox, .gMap {
  padding: 30px 0;
}

.detailBox dl.deDlBox {
  display: flex;
}
.detailBox .deDlBox dt {
  width: 30%;
  /*float: left;*/
  background-color: #F9F8F6;
  padding: .3em 1em;
}
.detailBox .deDlBox dd {
  width: 70%;
  white-space: pre-line;
  background-color: #F9F8F6;
  padding: .3em 1em;
}
.gMap iframe {
  width: 100%!important;
}

/*course*/
.fa-lg {
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -0.0667em;
}
.fa-layers {
 /* display: inline-block;*/
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}

.pointBox .fa-layers {
	margin-right: .5em;
	text-shadow: -15px 4px 5px #f5e6d2;
}

.btnRound {
  display: inline-block;
  background: #F9F8F6;
  color: #000;
  border-radius: 1.5em;
  padding: 0.8em 2.5em;
  position: relative;
  font-weight: 500;
  min-width: 10em;
  border: #F5ECE0 solid 2px;
  text-align: center;
  margin: 8px;
}
/*.btnRound.btnRound-course {
  border-color: #d0c700;
}
.btnRound.btnRound-hotel {
  background: #a2d6c5;
  border: none;
}
.btnRound.btnRound-hotel:hover {
  opacity: 0.7;
  color: #000;
  transition: .3s;
}*/

.btnBox {
  display: flex;
  justify-content: center;
  margin: 16px;
  align-items: center;
}
.box_btn {
  display: flex;
  justify-content: space-around;
}
.box_btn li {
  border: 1px solid #ccc;
    padding: 1em;
    text-align: center;
    margin-right: 1em;
    color: #333;
    background-color: #f1f0f0;
    cursor: pointer;
}
.box_btn li:hover {
  opacity: .7;
  transition: .3s;
}
.pointBox .traffic {
	padding: 20px 0;
}
.pointBox:nth-child(odd) .traffic {
	background: url(../img/course/bg-traffic.png) no-repeat right bottom;
}

.pointBox:nth-child(even) .traffic {
	background: url(../img/course/bg-traffic.png) no-repeat left bottom;
}


/*common box*/
#featureLists .commonBox {
  position: relative
}
#featureLists .commonBox .detail {
  position: absolute;
  bottom: -30%;
}
#recommendBox .imgBox img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	transform: none;
}
/*market detail*/


/*market index*/


/*about*/
.about-content {
  text-align: center;
  margin-top: 20px;
}

/*kashihara*/
#kashihara p {
  letter-spacing: .2rem;
}
.kashihara-content h2,
#kashiwatehime .origin h2,
.person h3 {
  border-left: solid 3px #BE8914;
  padding: 8px;
  width: 50%;
}
.kashihara-content {
  border-bottom: #eee solid 1px;
}
.kashihara-content:last-child {
  border: none;
}
.kashihara-content img {
  width: 100% !important;
  height: auto;
  vertical-align: bottom;
}
#kashihara .static {
  background: #F9F8F6;
  margin: 0 auto;
}
#kashihara .static th {
  padding: .7em 1.2em;
  background: #F9F8F6;
  border-bottom: solid 1px #e6e2e1;
}
#kashihara .static td {
  padding: 0 8px;
  border-bottom: solid 1px #e6e2e1;
}
.character .character-name {
  border-bottom: solid 3px #BE8914;
  padding: 8px;
  display: inline-block;
}
.character-img {
  margin: 20px;
}
.person p {
  margin-bottom: 10px;
  padding-left: 1em;
}

/* history */
.history-title{
  margin: 16px auto;
  text-align: center;
}
.history-content {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#history .linkicon {
  text-align: center;
  width: 35%;
  margin: 8px auto;
  background: url(/img/about/history/link_icon2.gif) no-repeat left 0.3em;
}
#history .link-icon {
  text-align: center;
  width: 38%;
  margin: 8px auto;
  background: url(/img/about/history/link_icon2.gif) no-repeat left 0.3em;
}

/* imaicho */
#imaicho .attention {
  padding: 10px;
  color: inherit;
  background-color: #FFE0E0;
  margin: 0 0 0.8em;
  border: 1px solid #4B4B4B;
  clear: both;
}
.imaicho-title,
.kashiharajingu-title,
.fujiwarakyo-title {
  margin: 16px auto;
  text-align: center;
  width: 100%;
}
.related-spots {
  background: url(/img/about/imaicho/imaicho_spot_bg.gif) repeat left top;
}
.imaicho-content,
.kashiharajingu-content,
.fujiwarakyo-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.related-spots .spot{
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.related-spots .spot-box{
  margin: 0 16px 8px;
  border-bottom: dotted 2px #FFC461;
}
.related-spots .spot-box:last-child{
  border-bottom: none;
}
.spot-link {
  position: absolute;
  bottom: -20%;
  left: 6%;
}

/* fujiwarakyo */
#fujiwarakyo .related-spots {
  background: url(/img/about/fujiwarakyo/fujiwarakyo_spot_bg.gif) repeat left top;
}
#fujiwarakyo .related-spots .spot-box{
  border-bottom: dotted 2px #8AD1D8;
}
#fujiwarakyo .related-spots .spot-box:last-child{
  border-bottom: none;
}

/* kashiharajingu */
#kashiharajingu .related-spots {
  background: url(/img/about/jingu/kashiharajingu_spot_bg.gif) repeat left top;
}
#kashiharajingu .related-spots .spot-box{
  border-bottom: dotted 2px #8DCDB2;
}
#kashiharajingu .related-spots .spot-box:last-child{
  border-bottom: none;
}
.kashiharajingu-title:first-child img {
  width: 100%;
}
.kashiharajinguBox .first {
  padding: 0 10px;
  background: url(/img/about/jingu/kashiharajingu_cnt_bg.png) no-repeat right 50% top 0%;
  background-size: 90%;
}
#fujiwarakyo .noImg, 
#kashiharajingu .noImg {
  margin: 16px auto;
  /* width: 80%; */
  display: flex;
  justify-content: center;
}
/* kashiwatehime */
.related-link {
  display: flex;
  flex-flow: column;
  padding-left: 5%;
  list-style-image: url(/img/about/hime/link_icon.gif);
}

/*news*/

#news .newsBox dl a{
  display: flex;
  align-items: center;
  margin: .8em 0 .2em;
  padding: 1em 0;
}
#news .newsBox dl dt {
  margin-right: 2em;
}
#news .newsBox dl dt img { 
  width: 120px;
}
.clm2 {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  margin-left: -10px;
}
/*memberlist*/
.memberBox h3 {
  padding-left: 5px;
  border-left: #BE8914 solid 3px;
  font-size: 1.3em;
  color: #333;
  }
  .memberBox h4 {
  display: inline-block;
  border-bottom: solid 1px #BE8914;
  margin-left: 30px;
  }
  .memberBox {
    padding: 8px;
    border-right: solid 1px #BE8914;
    border-bottom: solid 1px #BE8914;
  }
  .memberBox .catBox {
  float: right;
  text-align: center;
  }	  
  .memberBox .catBox a {
    color: #333;
    border: solid 1px #ccc;
    border-radius: 1em;
    padding: 4px 16px;
    margin-right: 8px;
    transition: .3s;
  }
  .memberBox .catBox a:hover {
    background: #383C56;
    color: #fff;
    transition: .3s;
  }
  .memberBox .imgR {
  max-height: 20vh;
  object-fit: cover;
  width: 100%;
}
.memberBox .descriptionBox {
  margin: 24px auto;
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  letter-spacing: 0.1rem;
}
.memberBox .description {
  display: block;
  width: 60%;
}
.memberBox .descriptionBox .iBox {
  width: 30%;
}
.tblMember{
  width: 70%;
}
.tblMemberlist{
  width: 100%;
}
.tblMemberlist,
.tblMemberlist tr,
.tblMemberlist th {
  border: solid 1px #ccc;
}
.tblMemberlist th {
  background: #BE8914;
}
.tblMemberlist td {
  padding: 4px 8px;
}
.infomation {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  margin: 10px auto;
}
.infomation img {
  max-height: 15vh;
  object-fit: cover;
  width: 100%;
}
/* feature */
.artList .squareImg::before {
  content: none;
}
.artList .squareImg {
  position: relative;
  width: 100%;
  height: 62.5%;
  padding-top: 62.5%;
  overflow: hidden;
  margin-bottom: .5em;
}
.artList .squareImg {
  position: relative;
  width: 100%;
  height: 62.5%;
  padding-top: 62.5%;
  overflow: hidden;
  margin-bottom: .5em;
}
#hpgourmetLists .artList .squareImg {
  position: relative;
  width: 100%;
  height: 200px;
  padding-top: 0;
  overflow: hidden;
  margin-bottom: .5em;
}
.artList {
  position: relative;
  margin-bottom: 20px;
}
.traffic-icon {
  /* position: absolute;
  bottom: -3%;
  left: 5%; */
  color: #808080;
}
.artList:hover {
  opacity: .7;
  transition: .3s;
}
.item_name {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  border-bottom: solid 1px #BE8914;
  /* border-bottom: solid 2px #BE8914; */
  display: flex;
  align-items: center;
  height: 8vh;
}
#feature .item_name {
  padding-bottom: 2em;
}
#experienceLists .item_name {
  height: 5vh;
}
#hpgourmetLists .item_name {
  height: 10vh;
}
.item_body {
  padding: 1.2em 0;
  /* box-shadow: 0px 3px 3px #d2d2d2; */
  border-radius: 6px;
  color: #333;
  height: 15vh;
}
.memberlistBox .item_body{
  height: 12vh;
}
#experienceLists .item_body{
  height: 20vh;
}
.hotelBox .item_body,
.gourmetBox .item_body,
.spotBox .item_body {
  height: 10vh;
}
#hpgourmetLists .item_body {
  height: 25vh;
}
.not-join .item_body {
  height: 10vh;
}
.see_more {
  position: absolute;
  bottom: 6%;
  right: 5%;
  font-size: 0.8em;
  color: #4d4d4d;
}
/* spot */
#spot .tag{
  padding: 0 1em;
  position: absolute;
  top: 0;
  left: 0;
  background: #BE8914;
  color: #333;
}
.spot_search {
  display: flex;
  flex-flow: column;
  align-items: center;
}
/* gourmet */
#gourmetLists .memberBox dl{
  color: #333;
}
#gourmetLists .imgBox::before {
  content: "";
  display: block;
  padding-top: 100%;
}
#hpgourmetLists .memberBox dl{
  color: #333;
}
#hpgourmetLists .imgBox::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.api-cat {
  border: solid 1px #ccc;
  padding: 0 1em;
  border-radius: 5em;
}

.gourmetList {
  position: relative;
}
.gourmetList .groumet-name {
  position: absolute;
  bottom: 23%;
  width: 100%;
  background:rgba(255,255,255,0.8);
  padding: 1em;
  text-align: center;
  color: #333;
  transition: .3s;
}
.catch {
  margin-top: 8px;
  height: 5vh;
  color: #333;
}
/*topic*/
.card-section {
  color: #333;
}
.card {
  position: relative;
  border-bottom: dotted 1px #ccc;
  margin-bottom: 10px;
  }
.index #topics-archive article.card figure {
  width: 10%;
  position: relative;
}
.card:hover {
  opacity: .7;
  transition: .3s;
  }
.card:last-child {
border-bottom: none;
}
.release {
position: absolute;
bottom: 0;
right: 5%;	  
}
.card-title {
padding-left: 5px;
border-left: #BE8914 solid 3px;
font-size: 1.3em;
margin-bottom: 8px;
}
.index article.card .imgBox {
  height: 75px;
  overflow: hidden;
}
/* hotel */

.hotelList {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 350px;
  overflow:hidden ;
}
.hotel-top {
  width: 100%;
}
.hotelInfo {
  position: absolute;
  bottom: 0;
  text-align: left;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  color: #fff;
  text-align: center;
}
.join_img {
  object-fit: cover;
}
.join_img img {
  width: 100%;
  height: auto;
}
/* access */
.section_ttl {
  border-left: solid 3px #BE8914;
  padding-left: 8px;
  width: 50%;
  margin-top: 1em;
  margin-bottom: 1em;
}
#transportation .section_detail {
  /* margin-left: 1em; */
  width: 50%;
  margin-bottom: 10px;
}
.section_detail {
  /* margin-left: 1em; */
  width: 100%;
  margin-bottom: 10px;
}
#transportation .section_detail ul {
  border-bottom: 1px dashed #ccc;
  padding: 1.2em;
  padding-bottom: .5em;
  padding-left: 0;
}
#transportation .section_detail ul:last-child {
  border-bottom: none;
}
/* association */
.about-association {
  width: 80%;
  margin: 20px auto;
  border: 1px solid #ccc
}
.about-association tr {
  border: 1px dashed #ccc;
}
.about-association th {
  padding: 0.5em 1.2em;
  background: #F9F8F6;  
}
.about-association td {
  padding: 0.5em 0;
  padding-left: 2em;
}
.datatable {
  width: 80%;
  margin: 20px auto;
  border: 1px solid #ccc
}
.datatable th {
  padding: 0.5em 1.2em;
  background: #F9F8F6;  
}
.datatable td {
  padding-left: 1em;
}
.data_confirm td {
  padding-top: .5em;
}
.datatable td input, 
.datatable td select,
.datatable td textarea {
  margin-top: 1em;
}
.datatable ul {
  padding-left: 1.2em;
}
/* volunteer */
#volunteer .section_detail .attention li {
  list-style: initial;
  margin: 1em;
}
#volunteer .outline h3,
#link .section_detail h3 {
  margin-bottom: 1em;
  border-bottom: 1px solid #BE8914;
  padding-bottom: .2em;
}
#volunteer .outline {
  letter-spacing: .2em;
  width: 90%;
  margin: 0 auto 20px;
  background: #F9F8F6;
  padding: 1em;
}
#sitemap .section_detail h4,
#link .section_detail h4,
#advertisement .section_detail h4 {
  width: fit-content;
  position: relative;
  z-index: 1;
  padding: .5em 1em;
  text-align: center;
  padding-left: 0;
}

#sitemap .section_detail h4::after, 
#link .section_detail h4::after, 
#advertisement .section_detail h4::after {
  /* content: attr(data-content); */
  background-color: #ccc;
  width: 80%;
  height: 0%;
  padding: 0.5em 1.2em;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
}

.linkBox li i {
  padding-left: 5px;
}
#sitemap .clm2 { 
  margin-left: 0!important;
}
/*company*/

/*reserve*/
.traffic_ad{
  display: flex;
  justify-content: center;
  margin: 1em auto;
}
.traffic_ad img{
  margin: 1em;
}
/* test */
/* contact */
.formBox {
  width: 80%;
  margin: 2em auto;
}
.formBox dl {
  display: flex;
  border: 1px solid #ccc;
  border-bottom: none;
}
.formBox dl:last-child {
  border-bottom: 1px solid #ccc;
}
.formBox dt {
  width: 40%;
  padding: 0.5em 1.2em;
  background: #F9F8F6;
  border-right: 1px solid #ccc;
  border-top: none;
}
.formBox dd {
  width: 60%;
  padding-left: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.formBox dd input, 
.formBox dd textarea, 
.formBox dd select {
  width: 80%;
  padding-left: .5em;
}
.formBox dd input[type=radio] {
  padding-top: 1em;
}
.formBox dd textarea {
  margin-top: .2em;
  margin-bottom: .2em;
}
.section_detail .contact-spot {
margin-left: 0;
}
.section_detail .contact-spot h4 {
  position: relative;
  z-index: 1;
  padding-bottom: .5em;
}
.section_detail .contact-spot h4::after {
  /* content: attr(data-content); */
  background-color: #ccc;
  width: 80%;
  height: 0%;
  padding: 0.3em 1.2em;
  position: absolute;
  bottom: 10%;
  left: 0%;
  z-index: -1;
}
/* others */
#detailslideImg .imgBox img {
  width: auto;
  height: auto;
}
#featureConts #detailslideImg .imgBox img {
  /* width: 100%; */
  height: auto;
}
/* search */
#search .card:last-child {
  border-bottom: dotted 1px #ccc;
  margin-bottom: 10px;
}
#search .card .card-section {
  width: 50%;
}
#search .card figure {
  margin: 0;
  margin-left: 1em;
  margin-bottom: 1em;
  width: 30%;
}
/* english */

.english #mv {
  position: relative;
}
.english #is-here {
  opacity: 0;
}
.english #is-here.active {
  opacity: 1;
}
.english #mv h1 {
  position: absolute;
  bottom: 5%;
  left: 5%;
  z-index: 10000;
  text-shadow: 0 0 10px #fff;
  font-size: 4em;
}

.english h2 {
    text-align: center;
    font-size: 2em;
    background: url(../img/en/line.png) no-repeat;
    background-position: 50%;
}
.english h2 span {
  line-height: 1.4em;
  display: inline-block;
}
.english h3 {
  text-align: center;
  margin: 2em auto;
}
.history_enBox {
  margin: 2em auto;
}
.history_enBox #select_img {
  cursor: pointer;
  color: #ccc;
  text-align: end;
}
.history_enBox .show_f, 
.history_enBox .show_m, 
.history_enBox .show_md, 
.history_enBox .show_p {
  cursor: pointer;
  color: #333;
}
.history_enBox img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}
.history_en-content {
  margin: 40px auto;
}
#access_en .route-map {
  width: 80%;
  margin: 0 auto 20px;
}
#access_en .access_enBox h2 {
  text-align: left!important;
}
#homeFeature_en .about {
  position: relative;
}

#homeFeature_en .about .about_txt {
  margin: 40px auto;
  margin-left: 5%;
}
#homeFeature_en .about .about_txt p {
  margin-bottom: 2em;
}
#homeFeature_en .about img {
  position: absolute;
  top: -20%;
  right: 0;
  width: 50%;
}
#homeFeature_en h2 {
  margin: 80px auto 50px;
}
#homeFeature_en .en_img {
  text-align: center;
  width: 60%;
  margin: auto;
  height: 120px!important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#homeFeature_en .en_img img {
  width: 100%;
  height: auto;
  object-fit: scale-down;
}
#homeFeature_en .clm3 h3 {
  margin: .5em auto;
  font-size: 2em;
}
#homeFeature_en .clm3 h4 {
  height: 140px;
  margin-bottom: 1em;
  line-height: 1.5em;
}
#homeFeature_en .clm3 p {
  height: 220px;
  margin-bottom: 1em;
}
#homeFeature_en .clm3 a p {
  height: auto;
  margin-top: 20px;
  margin-bottom: 0;
}
#homeFeature_en .clm3 div:first-of-type .en_img img {
  width: 70%;
}
#tourism_en .tourism_enBox .tourism_en-content h3 {
  line-height: 1.5em;
  height: 70px;
}
#tourism_en .tourism_enBox .tourism_en-content h4 {
  margin: 1.2em 0;
}
#tourism_en .tourism_enBox .tourism_en-content p {
  line-height: 2em;
}
#tourism_en .tourism_enBox .tourism_en-content img {
  width: 100%;
  height: 45%;
  object-fit: cover;
}
#tourism_en .tourist_info {
  background: url("../img/navBg.jpg");
  display: flex;
  padding: 1.2em 2em;
}
#tourism_en .tourist_info img {
  width: 40%;
  margin-right: 1.2em;
  height: 100%;
  object-fit: contain;
}
#tourism_en .tourist_info .info_txt {
  width: 60%;
  margin: auto;
}
#tourism_en .tourist_info .info_txt h3 {
  margin: 1em auto;
}
#tourism_en .tourist_info .info_txt p {
  line-height: 2em;
}
#tourism_en .tourist_info .info_ttl {
  color: #fff;
  background: #5a5a5a;
  padding-left: 1em;
}
#tourism_en .tourist_info .info_txt dl {
  display: flex;
}
#tourism_en .tourist_info .info_txt dl dt {
  background: #fff;
  border: 1px solid #5a5a5a;
  width: 20%;
  text-align: center;
  padding: 0.2em;
  font-size: .9em;
  height: fit-content;
  margin-right: 10px;
  margin-bottom: 5px;
}
#topics-archive .imgBox img {
  height: 80px;
}

/*---------------------
tokutoku_coupon------*/
#coupon.subpage main h1 {
  margin-bottom: 0;
}
#home .bnr_box {
  display: flex;
  align-items: center;
}
#home .bnr_box .bnr_txt {
  margin-left: 1em;
}

.cont-inner ul,.expTxt ul{
  list-style: disc;
  margin-left: 35px;
}