@charset "utf-8";

/* --------------
 reset
-------------- */
/*input,select,textarea {max-width:95% !important;}*/
h1,h2,h3,h4 {font-size:100%;}

figure {margin: 0;}
/* --------------
 base
-------------- */
html {-webkit-text-size-adjust: none;}
/*body {font-size: 15px;}*/

html,body {
	height: 100%;
}

body.active {
	overflow: hidden!important;
}
.ifpc {display: none!important;}

@media screen and (max-width: 450px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}


/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs01 { font-size: 0.83em; }
.fs02 { font-size: 0.84em; }
.fs03 { font-size: 0.86em; }
.fs04 { font-size: 0.88em; }
.fs05 { font-size: 0.90em; }
.fs06 { font-size: 0.92em; }
.fs07 { font-size: 0.94em; }
.fs08 { font-size: 0.96em; }
.fs09 { font-size: 0.98em; }
.fs10 { font-size: 1.00em; }
.fs11 { font-size: 1.02em; }
.fs12 { font-size: 1.04em; }
.fs13 { font-size: 1.06em; }
.fs14 { font-size: 1.08em; }
.fs15 { font-size: 1.10em; }
.fs16 { font-size: 1.12em; }
.fs17 { font-size: 1.14em; }
.fs18 { font-size: 1.16em; }
.fs19 { font-size: 1.18em; }
.fs20 { font-size: 1.20em; }
.fs21 { font-size: 1.22em; }
.fs22 { font-size: 1.24em; }
.fs23 { font-size: 1.26em; }
.fs24 { font-size: 1.28em; }
.fs25 { font-size: 1.30em; }
.fs30 { font-size: 1.40em; }


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


/* ---------- margin,padding */
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 35px !important;}
.mb45 {	margin-bottom: 35px !important;}
.mb50 {	margin-bottom: 40px !important;}
.mb55 {	margin-bottom: 40px !important;}
.mb60 {	margin-bottom: 40px !important;}
.mb70 {	margin-bottom: 45px !important;}
.mb80 {	margin-bottom: 45px !important;}
.mb90 {	margin-bottom: 45px !important;}
.mb100 {margin-bottom: 50px !important;}
.mb5 {margin-left: 5px !important;}

/* ----- base width */
#siteHeader, #mainNav, #container, #siteFooter {
	width: 100%;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
#siteHeader, #mainNav, #container, #siteFooter {
	width: 500px;
	margin: 0 auto;
}
}
/* ---------- align */
.alcSP { text-align: center !important;}
.alrSP { text-align: right !important;}
.allSP { text-align: left !important;}

/* ----- imgbox */




/* ----- text 縦書き */


/* ----- button */

/* ----- fadein */

#about.fadein {
    opacity : 1;
    transform : translate(0, 0px);
    transition : all 0;
}
/* ----- slick */
#mv .slick-prev {
  left: 10px;
}
#mv .slick-next {
  right: 10px;
}
.homeSlide .slick-dots {
  bottom: -25px;
}
.homeSlide .slick-prev {
  left: 20%;
}
.homeSlide .slick-next {
  right: 20%;
}

.homeSlide .slick-prev, .homeSlide .slick-next {
  bottom: -35px;
}

.homeSlideBox h3 {
  font-size: 1.05em;
}
/* ----- background */
.bgPink {
  padding: 10px 0 30px;
}

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

.in {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin-right: auto;
	margin-left: auto;
}

.clmReverse {
  flex-direction: column-reverse;
  display: flex;
}
.reverse {
  display: flex;
  flex-direction: row-reverse;
}


/* =header
-------------------------------------------------------------- **/
#header {
  /*display: none;*/
}
#header .siteTtlImg img {
  width: 90%;
}


.nlist {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	padding: .5em;
}

.menu-trigger {
  position: relative;
  width: 33px;
  height: 25px;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #333;
  border-radius: 4px;
	text-align: center;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 32%;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 20%;
}

.menu-trigger span:nth-of-type(4) {
  bottom: 0px;
	font-size: .5em;
  background-color: rgba(0,0,0,0.00);
	color: #333;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(5px) rotate(-315deg);
  transform: translateY(5px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(315deg);
  transform: translateY(-11px) rotate(315deg);
}

#header .navigation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  width: 100%;
  background-color: #fff;
}


#mv {
	/*margin-top: 40px;*/
	height: 100%;
}


/* =siteHeader
---------------------------------------------------- */
.headerTop {
  display: flex;
  flex-wrap: wrap;
}



/* =globalNav
---------------------------------------------------- */
#globalNav {
	/*margin: 1em 0;*/
	height: 100vh;
	display: none;
	overflow-y: scroll!important;
  padding-top: 5em;
}

#globalNav a {
  
}

#mainNav {
	display: flex;
	flex-direction: column;
}

#globalNav li {
	margin: .2em 0;
  line-height: 1.6;
  margin-bottom: 5px;
}

#globalNav li a {
	display: block;
	text-align: center;
}

#globalNav li a, #globalNav li.noLink {
  /*display: flex;
  flex-direction: column;
  align-items: center;*/
}

#mainNav li.od1 {
	order: 1;
}

#mainNav li.od2 {
	order: 2;
}

#mainNav li.od3 {
	order: 3;
}

#mainNav li.od4 {
	order: 4;
}

#mainNav li.od5 {
	order: 5;
}

#mainNav li.od6 {
	order: 6;
}

#mainNav li.od7 {
	order: 7;
}

#mainNav li.od8 {
	order: 8;
}

#mainNav li.od9 {
	order: 9;
}

#mainNav li.btnRes > a {
	width: 100%;
	text-align: center;
	margin: .5em;
	padding-top: .6em;
	padding-bottom: .6em;
}

#mainNav > li > a {
  font-size: 1em;
}
/*#mainNav .sub {
  font-size: .8em;
}
#mainNav .sub {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
}
#mainNav .sub li {
  width: 50%;
}
#mainNav .sub li a {
  padding: .3em 0;
}*/

#globalSub {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

#globalSub>* {
	margin:.5em auto;
}

#globalSub form {
  font-size: .8em;
  /*width: 45vw;*/
}

.searchForm input {
  width: 85%;
}
.langForm select {
  width: 100%;
}

#globalSub .h_sns {
    justify-content: center;
	width: 100%;
}
#globalSub .selectLang {
  width: 80%;
  margin: 1em auto;
  text-align: center;
} 
.h_sns li {
	margin: 0 .3em;
	width: 25%;
}
.fb-page span {
  width: 360px!important;
}
/* =container
-------------------------------------------------------------- **/

main {
  margin-bottom: 30px;
}

.spclm2, .spclm3, .spclm4, .spclm5, .spclm6 {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin-left: -10px;
}

.spclm2 > *, .spclm3 > *, .spclm4 > *, .spclm5 > *, .spclm6 > * {
    margin-left: 10px;
}

.spclm2 > * {
    width: calc((100% / 2) - 10px );
}

.spclm3 > * {
    width: calc((100% / 3) - 10px );
}

.comingsoon {
  text-align: center;
}


.linkTri {
    margin-top: 10px;
}

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

.bread__ul {
	margin-top: 8px;
}

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

/* =headline / titles
---------------------------------------------------- */
.squareImg{
  margin-bottom: 5px;
}
.squareImg{
  position: relative;
}
#homeSns .squareImg{
  position: relative;
}

/* =sidebar
---------------------------------------------------- */
/* =aside
------------------------------------------ */


/* =footer
-------------------------------------------------------------- **/

#footer {
  padding-top: 1em;
}
@media screen and (max-width:374px) {
  #footer {
    font-size: .9em;
  }
}
.footMidNav {
  float: left;
  margin-bottom: 15px;
  padding: 0 .5em;
}
.footBtmNav {
  float: right;
  margin-bottom: 15px;
  padding: 0 .5em;
}

#footer .siteTtlImg {
  clear: both;
}
#footer .addressBox {
  background-color: #e6e2e1;
  padding: 1em 0.5em;
}


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

/* =copyright
---------------------------------------------------- */
#copyright {
  padding-top: 20px;
  text-align: center;
}

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
	right: 5px;
	bottom: 25px;
}

#pageTop a {
	width: 60px;
	height: 40px;
}


/* --------------
 home contents
-------------- */
/* =visual
---------------------------------------------------- */
#mv {
  width: 100%;
}
#mv p::before {
  padding-top: 100%;
}
#mv .slick-slide img {
  margin: auto;
  width: 100%;
  height: 80%;
}
/* =top
---------------------------------------------------- */
#home section {
  margin-bottom: 40px;
}
.homeSlideBox {
  margin: 0 5px;
}

#home h2 {
  font-size: 1.2em;
  margin: 1em 0;
  line-height: 1.6;
}
#home h2 span {
  font-size: .9rem;
}

/* = feature*/
.featureTxt br+ br {
  display: none;
}
.featureTxt p + br{
  display: none;
}

/* =news */
#homeNewsEvent .tabmenu {
  display: flex;
  justify-content: center;
}
#homeNewsEvent .tabmenu li {
  width: 120px;
  margin: 0 10px;
}
#homeNewsEvent .tabcont dt {
  float: right;
  width: 65%;
}
#homeNewsEvent .tabcont dd {
  width: 30%;
  float: left;
}
.newsEventList {
  display: flex;
  justify-content: space-between;
  margin-left: 2em;
}

.box_btn {
  display: flex;
  margin-top: 2em;
  flex-direction: column;
  justify-content: space-around;
}
.box_btn li {
  width: 95%;
  border: 1px solid #ccc;
    padding: 1em;
    text-align: center;
    margin-bottom: 1em;
    color: #333;
    background-color: #f1f0f0;
    cursor: pointer;
}
#topics-summary .feature-in h3,
#featureConts .feature-in h3 {
  border-left: solid 3px #BE8914;
  padding-left: 8px;
  font-size: 1.2em;
}
/* =special */

/* =course */


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

/* =banner */

/* kashihara */
#kashihara p {
  letter-spacing: .2rem;
}
#kashihara h1 {
  margin-bottom: 10px;
}
.kashiharaBox,
.character,
.person {
  width: 90%;
  margin: 0 auto;
}
.kashihara-content img {
  width: 100% !important;
  height: auto;
  vertical-align: bottom;
}
#kashihara .static {
  background: #F9F8F6;
  margin:1em auto 0;
}
#kashihara .static th {
  padding: 0.2em 8px;
  border-bottom: solid 1px #e6e2e1;
}
#kashihara .static td {
  padding: 0.2em 8px;
  border-bottom: solid 1px #e6e2e1;
}
.kashihara-content 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;
}

.character .character-name {
  border-bottom: solid 3px #BE8914;
  padding: 8px;
  display: inline-block;
}
.character-img {
  margin-top: 20px;
}
.person p {
  margin-bottom: 10px;
  padding-left: 1em;
}

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

/* history */
.history-content {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.history-content img {
  margin: 16px;
}
#history .linkicon {
  text-align: center;
  width: 60%;
  margin: 8px auto;
  background: url(/img/about/history/link_icon2.gif) no-repeat left 1.3em;
}
#history .link-icon {
  text-align: center;
  width: 65%;
  margin: 8px auto;
  background: url(/img/about/history/link_icon2.gif) no-repeat left 1.3em;
}

/* imaicho */
#imaicho .attention {
  padding: 10px;
  color: inherit;
  background-color: #FFE0E0;
  margin: .8em 0;
  border: 1px solid #4B4B4B;
  clear: both;
}
.imaicho-content {
  width: 90%;
  margin: 0 auto;
}
.related-spots .spot-box{
  margin: 0 16px 8px;
  padding-bottom: 40px;
  border-bottom: dotted 2px #FFC461;
}
.related-spots {
  background: url(/img/about/imaicho/imaicho_spot_bg.gif) repeat left top;
}
#imaicho .sp-flex {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#imaicho .sp-flex img {
  width: 100%;
}
#imaicho .spot .spot-img {
  width: 80%;
  margin: 0 auto;
}
#imaicho .spot .spot-img img {
  margin: 16px 0;
}
#imaicho .spot-link {
  margin-top: 16px;
}
.related-spots .spot-box:last-child{
  border-bottom: none;
}

/* fujiwa */
.fujiwarakyo-content {
  width: 90%;
  margin: 0 auto;
}
#fujiwarakyo .related-spots .spot-box{
  margin: 0 16px 8px;
  padding-bottom: 40px;
  border-bottom: dotted 2px #8AD1D8;
}
#fujiwarakyo .related-spots {
  background: url(/img/about/fujiwarakyo/fujiwarakyo_spot_bg.gif) repeat left top;
}
#fujiwarakyo .sp-flex {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#fujiwarakyo .sp-flex img {
  width: 100%;
}
#fujiwarakyo .spot .spot-img {
  width: 80%;
  margin: 0 auto;
}
#fujiwarakyo .spot .spot-img img {
  margin: 16px 0;
}
#fujiwarakyo .spot-link {
  margin-top: 16px;
}
#fujiwarakyo .related-spots .spot-box:last-child{
  border-bottom: none;
}

/* kashiharajingu */
.kashiharajingu-content {
  width: 90%;
  margin: 0 auto;
}
#kashiharajingu .related-spots .spot-box{
  margin: 0 16px 8px;
  padding-bottom: 40px;
  border-bottom: dotted 2px #8DCDB2;
}
#kashiharajingu .related-spots {
  background: url(/img/about/jingu/kashiharajingu_spot_bg.gif) repeat left top;
}
#kashiharajingu .sp-flex {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#kashiharajingu .sp-flex img {
  width: 100%;
}
#kashiharajingu .spot .spot-img {
  width: 80%;
  margin: 0 auto;
}
#kashiharajingu .spot .spot-img img {
  margin: 16px 0;
}
#kashiharajingu .spot-link {
  margin-top: 16px;
}
#kashiharajingu .related-spots .spot-box:last-child{
  border-bottom: none;
}

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

/* =page
---------------------------------------------------- */

/*common*/

.subpage main {
	margin: 5px auto 20px;
}
.subpage main h1 {
  font-size: 1.5em;
  padding: .3em 0;
}

/*index*/
.index section {
  margin: 30px 0;
}

/*detail*/
.detail section {
  margin: 20px 0 30px;
}

.detail .expTxt {
  margin-bottom: 30px;
}
.expTxt p + br{
  display: none;
}
#recommendBox .imgBox img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: none;
}

.detailBox {
  margin-bottom: 30px;
}

.detail .detailTable .deDlBox {
  padding: .3em .5em;
  background-color: #F9F8F6;
}
.detail .detailTable dt {
  font-weight: bold;
}
.detail .detailTable dd {
  margin-left: .5em;
}

.detail h3.recoHL {
  font-size: 1.2em;
}
.detail .commonBox {
  margin-bottom: 10px;
}

/*topics*/
.index article.card a {
  margin-bottom: 10px;
}
.index article.card figure {
  width: 20%;
}
.index article.card .card-section {
  margin: 0 1em;
}
#topics-archive .release{
  position: absolute;
  bottom: 0;
  right: 0;
}
#topics-archive .imgBox img {
  width: 20%;
  height: 60px;
  position: absolute;
  top: 50%;
  left: -60%;
  transform: translate(-50%,-50%);
}
/* memberList */
.memberBox{
  border-bottom: dashed 1px #BE8914;
  padding-bottom: 8px;
}
.memberBox:last-child {
  border: none;
}
.memberBox img{
  height: 100px;
    object-fit: cover;
}
.memberBox h3 {
  text-align: left;
  padding-left: 5px;
  border-left: #BE8914 solid 3px;
  font-size: 1.3em;
  margin-bottom: 8px;
  color: #333;
}
.memberBox h4 {
  display: inline-block;
  border-bottom: solid 1px #BE8914;
  margin: 0 auto 4px;
}
.memberBox .catBox {
  margin-bottom: 8px;
  font-size: 80%;
}
.memberBox .catBox a {
  display: inline-block;
  color: #333;
  padding: 4px 8px;
  border: solid 1px #ccc;
  border-radius: 1em;
  margin-bottom: 4px;
  margin-right: 4px;
}
.memberBox .description {
  text-align: left;
  margin-bottom: 8px;
  position: relative;
}
.memberBox .iBox {
  width: 40%;
  float: left;
  margin-left: 8px;
}
.infomation {
  position: relative;
}
.absImage {
  position: absolute;
  top: -45%;
  right: 5%;
  width: 40%;
}
.tblMember{
  width: 100%;
}
.tblMemberlist{
   width: 100%;
  height: 260px;
}
.tblMemberlist,
.tblMemberlist tr,
.tblMemberlist th {
  border: solid 1px #ccc;
}
.tblMemberlist th {
  background: #BE8914;
  width: 20%;
}
.tblMemberlist td {
  padding-left: 8px;
  text-align: left;
  width: 80%;
}
/* feature */
.artList {
  position: relative;
  margin-bottom: 10px;
}
.artList .squareImg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
#hpgourmetLists .artList .squareImg {
  position: relative;
  width: 100%;
  height: 25%;
  padding-top: 0;
  overflow: hidden;
}
.item_name {
  height: 10vh;
  font-weight: bold;
  color: #333;
  border-bottom: solid 2px #BE8914;
  display: flex;
  align-items: center;
}
#hpgourmetLists .item_name {
  height: 15vh;
}
.traffic-icon {
  position: absolute;
  bottom: -5%;
  left: 5%;
  color: #808080;
}

.item_body {
  /* box-shadow: 0px 3px 3px #d2d2d2; */
  border-radius: 6px;
  color: #333;
  height: 15vh;
  padding: .2em;
  font-size: .9em;
}
.gourmetBox .item_body,
.spotBox .item_body {
  height: 12vh;
}
#hpgourmetLists .item_body {
  height: 40vh;
}
.hotelBox .item_body {
  height: 9vh;
}

.hotelBox .item_name {
  height: 5.5vh;
}
.spotBox .item_name {
  height: 9vh;
}
.gourmetBox .item_name,
.not-join .item_name {
  height: 7.5vh;
}
.not-join .item_body {
  height: 10vh;
}
.see_more {
  position: absolute;
  bottom: 10%;
  right: 5%;
  font-size: 0.8em;
  color: #4d4d4d;
}
.featureShop .shop-about {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
}
.shop-detail {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.shop-detail dl {
  display: flex;
  border-bottom: 1px solid #e6e2e1;
  background: #F9F8F6;  
  padding: .5em;
}
.shop-detail dt {
  width: 40%;
}
.shop-detail dd {
  word-break: break-all;
}
/* spot */
#spot .spot_search,
#course .spot_search{
  display: flex;
  flex-flow: column;
  align-items: center;
}
#spot .artList {
  padding-bottom: 1em!important;
  padding-top: 0!important;
}
.selectBox {
  display: flex;
  flex-wrap: wrap;
  font-size: 90%;
}
.selectBox .search-box-terms-item {
  width: 50%;
}
.search-box .search-box-terms {
  padding-top: 0;
}
#spot .search-box .search-box-btn,
#gourmet .search-box .search-box-btn,
#hotel .search-box .search-box-btn,
#course .search-box .search-box-btn {
  display: inline-block;
}
#spot .tag{
  padding: 0 1em;
  position: absolute;
  top: 0;
  left: 0;
  background: #BE8914;
  color: #333;
}
.gourmetList {
  position: relative;
}
.gourmetList .squareImg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.gourmetList .groumet-name {
  width: 100%;
  background:rgba(255,255,255,0.8);
  text-align: center;
  color: #333;
  border-bottom: solid 2px #BE8914;
}
.catch {
  margin-top: 8px;
  height: 5vh;
  color: #333;
}
/* topic */
.card-section {
  color: #333;
}
.card {
  border-bottom: dotted 1px #ccc;
  margin-bottom: 10px;
  position: relative;
  }
.card:last-child {
border-bottom: none;
}
.release {
  margin-bottom: 0!important;
  font-size: 90%;
  color: #4d4d4d;
}
.card-title {
padding-left: 5px;
border-left: #BE8914 solid 3px;
font-size: 1em;
margin-bottom: 8px;
}
/* hotel */
.hotelBox {
  display: flex;
  flex-flow: column;
}
.hotelList {
  display: flex;
  border-bottom: dotted 1px #BE8914;
  padding-bottom: 8px;
}
.hotel-top {
  width: 40%;
}
.hotelInfo{
  width: 60%;
  margin-left: 10px;
  text-align: left;
  color: #333;
}
.hotelInfo p{
  font-size: 70%;
}
.hotelInfo h4{
  padding-left: 5px;
  border-left: #BE8914 solid 3px;
  font-size: 1em;
  margin-bottom: 8px;
}
.not-join {
  display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}
.not-join dl {
margin-left: 5px;
}
.not-join > * {
  width: calc((100% / 3) - 5px);
}
.sp-flex  {
  width: 40%;
}
/* gourmet-api */
#gourmetLists .category, 
#gourmetLists dl {
  color: #333;
}
#gourmetLists .imgBox {
  position: relative;
}
#gourmetLists .imgBox::before {
  content: "";
  display: block;
  padding-top: 100%;
}
#gourmetLists .memberBox {
  border-bottom: none;
}
#gourmetLists .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
}
#hpgourmetLists .category, 
#hpgourmetLists dl {
  color: #333;
}
#hpgourmetLists .imgBox {
  position: relative;
}
#hpgourmetLists .imgBox::before {
  content: "";
  display: block;
  padding-top: 100%;
}
#hpgourmetLists .memberBox {
  border-bottom: none;
}
#hpgourmetLists .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
}
#hpgourmetLists .squareImg::before {
  padding-top: 0!important;
}
.ofi {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
}
.api-cat {
  font-size: 70%;
  border: solid 1px #ccc;
  padding: 0 1em;
  border-radius: 1em;
}
.sp-catBox {
  display: flex;
  float: right;
}
.gourmet-info dl{
  display: flex;
  border-bottom: dotted 0.5px #BE8914;
}
.gourmet-info dt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  width: 20%;
}
.gourmet-info dd {
    margin-left: 8px;
    text-align: left;
    width: 80%;
}
.btnBox {
  text-align: center;
}
.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;
}
/* feature */
#slideImgBox .imgBox {
  height: 35vh;
}
/* access */
.section_ttl {
  border-left: solid 3px #BE8914;
  padding-left: 8px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.section_detail {
  margin-left: 1em;
  margin-bottom: 1em;
}
#transportation .section_detail ul {
  border-bottom: 1px dashed #ccc;
  padding: 1.2em;
  padding-bottom: .5em;
}
#transportation .section_detail ul:last-child {
  border-bottom: none;
}
.traffic_ad img {
  margin-bottom: 1em;
}
/* association */
.outline {
  width: 90%;
  margin: 0 auto 20px;
}
.about-association {
  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: .5em;
}
.datatable {
  margin: 20px auto;
  border: 1px solid #ccc
}
.datatable th {
  padding: 0.5em 1.2em;
  background: #F9F8F6;  
}
.datatable ul {
  padding-left: .5em;
}
/* volunteer */
#volunteer .section_detail .attention li {
  list-style: initial;
  margin-left: 1em;
}
#volunteer .outline 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;
}
/* link */
#sitemap .section_detail h4, 
#advertisement .section_detail h4, 
#link .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, 
#advertisement .section_detail h4::after, 
#link .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;
}

.section_detail .contact-spot {
  margin-top: 1em;
}
.section_detail .contact-spot h4 {
  position: relative;
  z-index: 1;
  padding: .5em 1em;
}
.section_detail .contact-spot h4::after {
  /* content: attr(data-content); */
  background-color: #ccc;
  width: 85%;
  height: 0%;
  padding: 0.3em 1.2em;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
}

/* contact */
.formBox {
  width: 95%;
  margin: auto;
  margin-bottom: 1em;
}
.formBox dl {
  border: 1px solid #ccc;
  border-bottom: none;
}
.formBox dl:last-child {
  border-bottom: 1px solid #ccc;
}
.formBox dt {
  padding: 0.5em 1.2em;
  background: #F9F8F6;
  border-top: none;
  display: flex;
  flex-wrap: wrap;
}
.formBox dt .memo, 
.formBox dt .nes {
  font-size: .9em;
}
.formBox dd {
  padding: .5em 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 20px;
}

/* accBox */
.accbox {
  padding: .5em;
  border: 1px solid #ccc;
}
.accbox input {
    display: none;
}
.accbox label {
  display: inline-block;
  transition: all 0.3s;
  position: relative;
  font-weight: 900;
  font-size: 1.2em;
  width: 100%;
}
.accbox label::after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  top: 55%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em;
  padding-left: .5em;
}
.accbox .cssacc:checked + label:after {
  content: '\f106';
}
.accbox .accshow a {
  color: #333;
}
.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;
}
/* english */
.english #mv {
  position: relative;
}
.english #is-here {
  display: none;
}
.english #mv h1 {
  position: absolute;
  bottom: 5%;
  left: 5%;
  z-index: 100;
  text-shadow: 0 0 10px #fff;
  font-size: 2em;
}
.english #globalNav  h2 {
  background: none;
}
.english h2 {
  text-align: center;
  font-size: 1.5em;
  background: url(../img/en/line.png) no-repeat;
  background-position: 50%;
  margin: 10px auto;
}
.english h2 span {
  line-height: 1.4em;
  display: inline-block;
  width: 80%;
}
.english h3 {
text-align: center;
margin: 2em auto;
}
#homeFeature_en .en_img {
  text-align: center;
  width: 40%;
  margin: auto;
  height: auto;
}
#homeFeature_en .en_img img {
  width: 100%;
  height: auto;
  object-fit: scale-down;
}
#homeFeature_en .clm3 h3 {
  margin: .5em auto;
  font-size: 1.5em;
}
#homeFeature_en .clm3 h4 {
  margin-bottom: 1em;
  line-height: 1.5em;
}
#homeFeature_en .clm3 a p {
  margin-top: 20px;
}
.history_enBox #select_img {
  color: #ccc;
  text-align: center;
  font-size: 1.8em;
}
.history_enBox .show_f, 
.history_enBox .show_m, 
.history_enBox .show_md, 
.history_enBox .show_p {
  color: #333;
}
.history_enBox img {
  margin-top: 1em;
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.history_enBox .history_en-content:nth-child(2n) .clm2 {
  display: flex;
  flex-flow: column;
  flex-direction: column-reverse;
}
#tourism_en .tourism_enBox .tourism_en-content h3 {
  margin: 1em auto;
}
#tourism_en .tourism_enBox .tourism_en-content h4 {
  margin: 1.2em 0;
}
#tourism_en .tourist_info {
  background: url("../img/navBg.jpg");
  padding: 1em 0.5em;
}
#tourism_en .tourist_info .info_txt {
  margin: 10px auto;
}
#tourism_en .tourist_info .info_txt h3 {
  margin: 1em auto;
}
#tourism_en .tourist_info .info_ttl {
  color: #fff;
  background: #5a5a5a;
  padding-left: 1em;
}
#tourism_en .tourist_info .info_txt dl dd{
  margin: 10px auto;
}
#tourism_en .tourist_info .info_txt dl dt {
  background: #fff;
  border: 1px solid #5a5a5a;
  text-align: center;
  padding: 0.2em;
  font-size: .9em;
}
#access_en h3 {
  margin: 1em auto;
}
#access_en .access_enBox h2 span {
  width: 70%;
  font-size: .5em;
}
.english #header .siteTtlImg img {
  width: 80%;
  image-rendering: -webkit-optimize-contrast;
  margin-top: 0.5em;
  margin-left: 0.2em;
}
.english #footer {
  padding: 0;
}
.train_map {
  width: 100%;
  overflow-x: scroll;
}
.train_map::-webkit-scrollbar{
  display: none;
}
.train_map img {
  max-width: none!important;
}
/*----------------------------
tokutoku_coupon2022---------*/
#coupon p {
  font-size: 0.875em;
}
.facConts {
  grid-template-columns: 1fr;
  max-width: 450px;
}
#coupon .gmap {
  max-width: 550px;
}
#coupon .brPc{
  display: none;
} 
#coupon p {
  word-break: keep-all;
  line-break: strict;
}
#search .search-box-terms, 
#search .search-box-terms-item {
  width: 100%;
  margin: auto;
}
/*----------------------------
TOP special contents---------*/
.bnrBox {
  margin-bottom: 1.5rem;
  display: block;
}
.bnrBox p:first-of-type {
  margin-bottom: 0.5rem !important;
}
@media screen and (max-width: 600px) { /*以下の時*/
  #coupon .olDecimal {
    max-width: 450px;
  }
  .spbr {
    display: block;
  }
}
@media screen and (max-width: 500px) { /*以下の時*/
  #coupon h2 {
    font-size: 1.25em;
  }
  #coupon .olDecimal {
    max-width: 350px;
  }
  #coupon p {
    font-size: 0.875em;
  }
  #coupon .couponButton {
    font-size: 1.25em;
  }
  #coupon .end p {
    font-size: 1.375em;
  }
  .con_before > div:before {
    top: 15%;
    left: 20%;
  }
  .con_before > div::after {
    top: 45%;
    left: 32%;
  }
}
@media screen and (max-width: 400px) { /*以下の時*/
  #coupon h2 {
    font-size: 1rem;
  }
  #coupon .campaign .inner p {
    font-size: 0.7em;
  }
  #coupon .colorTxt {
    font-size: 1.25rem;
  }
  #coupon .olDecimal {
    max-width: 290px;
  }
  #coupon .end p {
    font-size: 1.125em;
  }
  .con_before > div:before {
    left: 15%;
  }
  .con_before > div::after {
    left: 30%;
  }
}
@media screen and (max-width: 380px) { /*以下の時*/
  .con_before > div:before {
    left: 12%;
  }
  .con_before > div::after {
    left: 28%;
  }
}
#homeSpecial {
  width: 80%;
  margin: auto;
}

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