@charset "UTF-8";
/* body fadein */body{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/* justify */* {word-wrap: break-word;box-sizing: border-box;}*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
footer, header, main, nav {display: block;}
strong {font-weight: bolder;}
img {border-style: none;vertical-align: bottom;}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: rgba(0, 0, 0, 1.0);
  text-decoration: none;
  -webkit-transition: .3s all;
  transition: .3s all;
  text-decoration: none;
  
}
a:active, a:hover {text-decoration: none; color: rgba(149, 121, 43, 1.0);opacity: .8;outline-width: 0;}
a.tdn:hover,a.button:hover {text-decoration: none;}
a.wh100p {width: 100%;height: 100%;display: block;}
a.wh100p:hover {border: 5px solid rgba(149, 121, 43, 1.0);}
/* a[href^="tel:"] {pointer-events: none;cursor: default;text-decoration: none; } *//* スマホ以外で無効にする */
.pen {pointer-events:none;}
.opacity {opacity: 0.2;}

a[href^="tel:"] {text-decoration:none;pointer-events:none;}
.in {
	display:none;
}
@media only screen and (max-width: 639px) {
.in {
	display:block;
}
.out {
	display:none;
}
}
@media only screen and (max-width: 960px) {a[href^="tel:"] {text-decoration:none;pointer-events:auto;}}

ul, li {list-style: none;margin: 0;padding: 0;}
.cb {clear: both;}
:root {font-size: 62.5%;}
html, body {overflow-x: hidden;}
body {
  color: #333;
  background-color: rgba(250, 250, 250, 1.0);
  font: 15px/1.7 "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.8rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  /* overflow-y: scroll; //モーダル表示の際にガタつくのを抑える効果 */
}
@media only screen and (max-width: 960px) {
  body {font-size: 1.6rem;}
  
}
/* H1 */
/* H1 */
h1 {
  font-weight: normal;
  padding: 0;
  margin: 30px 0 0 0;
  font-size: 3.4rem;
  line-height: 140%;
}
  @media only screen and (max-width: 960px) {
    h1 {font-size: 2.6rem;padding: 0 1rem;line-height: 140%;margin-top: 2.4rem;margin-bottom: 2.4rem;}
  }

h1.ttl {
  border-left: 8px solid  rgba(149, 121, 43, 1.0);
  padding:0 0 0 10px;
}
/* H2 */
h2 {
  /* border-left: 5px solid rgba(204, 177, 98, 1.0); */
  font-size: 3.2rem;
  color: rgba(0, 0, 0, 1.0);
  /* padding: 20px 14px; */
  /* margin: 20px 0 10px 0; */
  line-height: 140%;
  font-weight: normal;
}
h2 a{
  text-decoration: none;
  padding-right:34px;
  background-image: url(../img/icn-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right center;
}
  @media only screen and (max-width: 960px) {
    h2 {font-size: 2.6rem;}
  }


/* H3 */
h3 {
  font-size: 2.4rem;
  color: rgba(0, 0, 0, 1.0);
  padding:0;
  margin:0;
  font-weight: normal;
}
h3 a{
  text-decoration: none;
  padding-right:34px;
  background-image: url(../img/icn-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: right center;
}
 @media only screen and (max-width: 960px) {
   h3 {font-size: 2.0rem;text-align: left;}
   h3 a {background-size: 14px;padding-right:20px;}
  }

h4{font-size: 1.8rem; margin: 0;padding: 0;}
h4 a{text-decoration: none;}
@media only screen and (max-width: 960px) {
  h4 {line-height: 140%;text-align: left;}}
h5 {font-size: 2.0rem;padding: 0.6rem 0.6rem 0.6rem 0;line-height: 130%;color: rgba(0, 78, 160, 1.0);}
h6 {
  font-size: 2.0rem; margin: 20px 0 0 0;padding: 0.6rem 0.6rem 0.6rem 0;
  /* font-size: 2.0rem;padding: 0.6rem 0.6rem 0.6rem 0;line-height: 100%; */
}
@media only screen and (max-width: 960px) {
  h5 {font-size: 1.8rem;}
  h6 {font-size: 1.8rem;}
 }

 .link {
  padding-right:24px;
  background-image: url(../img/icn-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right center;
 }
 .link.white {
  background-image: url(../img/icons/link-white.svg);
 }

.flex {
  display:-webkit-box;display:-ms-flexbox;display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  /* height:100%; */
}
/* col_06wの場合 */
.flex.after-col_06w::after{content:"";display: block;width:23%;}
.flex.after-col_06wm::after{content:"";display: block;width:24%;}

/* col_08wの場合 */
.flex.after-col_08::after{content:"";display: block;width:30%;}
.flex.after-col_08w::after{content:"";display: block;width:32%;}
.flex.after-col_08ww::after{content:"";display: block;width:33.333333333333%;}

.flex.start {justify-content: flex-start;}
.flex.left {justify-content: left;}
@media only screen and (max-width: 960px) {.flex.start {justify-content: start;}}

@media only screen and (max-width: 960px) {
  .flex.sp-plr0 {
    padding:0;
  }
}
@media only screen and (max-width: 960px) {
  .flex {
    /* padding: 0 10px; */
  }
  .flex .flex {
    padding: 0 0px;
  }
  .flex.line-chg {
    flex-direction:column;
  }
  .flex.line-chg .sp-no1{order:1;}
  .flex.line-chg .sp-no2{order:2;}
}


a.btn-skeleton {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 0.6rem 4rem 0.6rem 2rem;
  background-image: url(../img/icons/link.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position : right 10px top 50%;
  cursor: pointer;
}
 a.btn-skeleton.white {
  background-image: url(../img/icons/link-white.svg);
 }
 a.btn-skeleton.gold {
  background-image: none;
  padding: 0.6rem 2rem 0.6rem 2rem;
  border: 1px solid  rgba(149, 121, 43, 1.0);
  border-radius: 6px;
 }
 a.btn-skeleton.gold {
  background-image: none;
  padding: 0.6rem 1rem 0.6rem 1rem;
  border: 1px solid  rgba(149, 121, 43, 1.0);
  border-radius: 6px;
  color: rgba(149, 121, 43, 1.0);
 }




/* -----------------------------------------------------------
Main Frame
----------------------------------------------------------- */
.wrapper {
	overflow: hidden;
	width:100%;
	/* max-width:1200px; */
  min-height: 100%;
	margin:60px auto 0 auto;
  background:linear-gradient(to top, rgba(235, 235, 235, 0.5), #fff 100%);
}
.kv img{width:100%;max-width:880px;}
@media only screen and (max-width: 960px) {.wrapper {margin:40px auto 0 auto;width: 100%;background-image:none;}}



/* -----------------------------------------------------------
Main Area（section-container）
----------------------------------------------------------- */
.section-container {
  background-color: #fff;
  overflow: hidden;
  /* box-shadow: 50px 150px 20px 0 rgba(0,0,0,.15); */
  border-left: 1px solid rgba(244, 244, 244, 1.0);
  border-right: 1px solid rgba(244, 244, 244, 1.0);
  margin: 0 auto;
  max-width:1460px;
  padding: 0 40px 100px 40px;
}
.section-container .inner_m {padding: 0 40px;}

@media only screen and (max-width: 960px) {
  .section-container {
    width: 100%;
    border: 0;
    padding: 0 10px 60px 10px;
  }
  .section-container .inner_m {padding: 0 1rem;}
  .section-container .inner_m.sp-plr0 {padding: 0;}
}


/* ------------------
SubHeader
------------------- */
.sub-header {
  box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	
  position: fixed;
  top:0;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  color: #3d3620;
  font-size: 1.6rem;
  margin: 0 auto;
  padding: 0;
  /*background-color: rgba(255, 255, 255, 0.8);*/
	background-color: rgba(255, 255, 255, 1);
  /* background:linear-gradient(to right, rgba(242, 242, 242, 1.0), #fff 100%); */
  border-bottom: 1px solid #ebebeb;
  line-height: 140%;
  height: 60px;
}
@media only screen and (max-width: 960px) {.sub-header {height: 40px;}}
.sub-header .inner{
  max-width: 1460px;
  margin: 0 auto;
  overflow: hidden;
  }
.sub-header .logo {
  float: left;
  width: 290px;
  height: 60px;
  background-image: url(../img/logo.png);
  background-position: left center;
	background-size: contain;
	margin-left:0px;
}
@media only screen and (max-width: 960px) {
.sub-header .logo {height: 40px;min-width: 180px;width: 50%;}
}
.sub-header .logo a{
  display: inline-block;
  width: 100%;
  height: 100%;
}

.sub-header .lang {
	float: right;
	padding:20px 40px 0 0;
}
.sub-header .lang:before {
	content:"► ";
	color: #95792b;
	font-size: 10px;
}
@media only screen and (max-width: 960px) {.sub-header .lang {padding:10px 20px 0 0;font-size: 14px;}}


.sub-header .menu {
  width: 155px;
  height: 60px;
  float: right;
  background-color: rgba(149, 121, 43, 1.0);
  text-align: center;
  color: #fff;
  cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sub-header .menu a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
}
@media only screen and (max-width: 960px) {.sub-header .menu{height: 40px; display: none;}}
.sub-header .menu:hover {background-color: rgba(149, 121, 43, 0.8);}
.sub-header .menu img{width: 90px;}
@media only screen and (max-width: 960px) {.sub-header .menu img{width: 90px;}}
/* ------------------
breadCrumb
------------------- */
.breadCrumb {
  clear: both;
  width: 100%;
  font-size: 1.6rem;
  margin: 0 auto;
  padding: 8px 10px;
  background-color: rgba(230, 230, 230, 1.0);
  border-bottom: 1px solid rgba(242, 242, 242, 1.0);
  /* background-image: url(../img/icn_home.png); */
  /* background-position: 20px 10px; */
  /* background-size: 26px 26px; */
  line-height: 140%;
}

.breadCrumb .inner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.breadCrumb span {
  display: inline-block;
  margin: 0 10px;
}
.breadCrumb a>span {text-decoration: none;}
.breadCrumb a>span:hover {text-decoration: underline;}

@media only screen and (max-width: 960px) {
  .breadCrumb {
    margin-top:0px;
    padding: 10px 0 10px 22px;
    font-size: 1.6rem;
    background-position: 5px 10px;
    background-size: 18px 18px;
    background-color: #fff;
    border-top: 1px solid rgba(62, 60, 47, 1.0);
  }
  .breadCrumb span {
    margin: 0 5px;
  }
}


/* ------------------
Footer
------------------- */

footer a:hover {color: rgba(255, 255, 255, 1.0);border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
footer {
  overflow: hidden;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  /* padding: 20px 40px; */
  background-color: rgba(33, 33, 33, 1.0);
  clear: both;
}
@media only screen and (max-width: 930px) {footer {margin: 0 auto;}}

/* f-navi */
footer .f-navi{
  overflow: auto;
  clear: both;
  width: 100%;
  padding: 15px 10px;
  font-size: 1.6rem;
  line-height: 240%;
  background-image: url(/assets/img/f-bg.jpg);
  }
footer .f-navi .inner{
	width: 1075px;
	margin: 0 auto;
}
  @media only screen and (max-width: 930px) {
	  footer .f-navi{font-size: 1.4rem;}
	  footer .f-navi .inner{
		  width: 960px;
		  padding-right: 20px;
          text-align: left;
	  }
}
  footer .f-navi a{text-decoration: none;color: #fff;}
/* f-navi2 */
footer .f-navi2{
  overflow: hidden;
  clear: both;
  width: 100%;
  padding: 15px 10px;
  font-size: 1.6rem;
  line-height: 240%;
  border-top: 1px solid rgba(50, 51, 73, 1.0);
  background-color: rgba(8, 4, 82, 1.0);
  }
  @media only screen and (max-width: 930px) {footer .f-navi2{padding: 40px 20px;font-size: 1.4rem;}}
  footer .f-navi2 a{text-decoration: none;color: #fff;}

/* copyright */
footer .copyright {
  text-align: center;
  overflow: hidden;
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.6rem;
  background-color: rgba(0, 0, 27, 1.0);
  color: #fff;
  padding: 10px 0;
  border-top: 1px solid rgba(50, 51, 73, 1.0);
  }

@media only screen and (max-width: 960px) {
  footer {width: 100%;padding:0 0 0 0; text-align: center;margin-top:0;}
  footer .copyright {font-size: 1.2rem;}
}


/* -----------------------------------------------------------
汎用
----------------------------------------------------------- */
.line-lmt1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/* .line-lmt1 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} */
.line-lmt2 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.line-lmt3 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.line-lmt4 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.line-lmt5 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.line-lmt6 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.line-lmt7 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
.line-lmt8 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
.line-lmt9 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}
.line-lmt10 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;}
@media only screen and (max-width: 960px) {
.line-lmt2.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt3.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt4.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt5.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt6.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt7.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt8.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt9.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
.line-lmt10.sp-remove {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;}
}



.tags.small {min-height: 0;}
.tags.small a {
  padding: 0.4rem 0.5rem;
  font-size: 1.4rem;
  margin-bottom: 0px;
}
.tags a {
    display: inline-block;
    border: 1px solid #000;
    width: 96%;
    padding: 0.2rem 1rem 0.2rem 1rem;
    text-align: center;
    margin-bottom: 5px;
    text-decoration: none;
    background-color: #fff;
    /* border: 1px solid rgba(8, 4, 83, 1.0); */
    border: 1px solid rgba(0, 0, 0, 1.0);
    /* color: rgba(8, 4, 83, 1.0); */
    color: rgba(0, 0, 0, 1.0);
}



.news .tags.small a,
.blog .tags.small a {
  padding:0.2rem 2rem;
  font-size: 1.2rem;
}
@media only screen and (max-width: 960px) {
  .news .tags.small a,
  .blog .tags.small a {
    padding:0.2rem 0rem;
    font-size: 1.2rem;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
  }
}




/* hr */
hr {border:none;border-bottom: 1px solid rgba(0, 0, 0, 0.2);background-color: transparent; margin:0;padding:0;}
hr.w100 {position:relative;top:0;left:-50%;right:-50%;width: 200%;
	height: 6px;
	background: linear-gradient(-70deg,transparent 35%,rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.1) 55%,transparent 65%);
	background-size: 6px 12px;
	border: none;}
hr.transparent {border:none;}
hr.gold {border-bottom: 4px double rgba(222, 193, 108, 1.0);}
hr.gold.solid {border-bottom: 2px solid rgba(222, 193, 108, 1.0);}
hr.blue {border-bottom: 4px double rgba(8, 4, 83, 1.0);}
hr.gray {border-bottom: 1px solid rgba(203, 203, 203, 1.0);}
hr.grays {border-bottom: 1px solid #e3e3e3;}
hr.black {border-bottom: 1px solid rgba(0, 0, 0, 0.6);}
hr.dashed {border:none;border-bottom: 1px dashed #666;}
hr.dashed.ccc {border:none;border-bottom: 1px dashed #ccc;}
@media only screen and (max-width: 960px) {
  hr.sp-plr0 {padding:0; margin-left:-10%; width: 200%;}
  }
 /*align*/
.pc-tl {text-align:left;}
.pc-tc {text-align:center;}
.pc-tr {text-align:right;}
	@media only screen and (max-width: 960px) {
	.sp-tl {text-align:left;}
	.sp-tc {text-align:center;}
	.sp-tr {text-align:right;}
	}
/*font-weight*/
.fwb {font-weight:bold;}
.fwn {font-weight:normal;}
/*position*/
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.fl {float: left;}
.fr {float: right;}
img.fl {float: left; margin: 0 2rem 2rem 0;}
img.fr {float: right; margin: 0 0 2rem 2rem;}
@media only screen and (max-width: 960px) {
	img.fl {float: none; margin: 0 auto;}
  img.fr {float: none; margin: 0 auto;}
	}

/*font-size*/
.nw {white-space: nowrap;}
.fsss {font-size:0.6rem;}
.fss {font-size:1.4rem;}
.fsm {font-size:1.6rem;}
.fsl {font-size:1.4rem;line-height: 160%;}
.fsll {font-size:1.8rem;line-height: 170%;}
.fslll {font-size:2.0rem;line-height: 160%;}
.fsllll {font-size:2.2rem;line-height: 160%;}
.fslllls {font-size:2.6rem;line-height: 180%;}
.fslllll {font-size:3.4rem;line-height: 180%;letter-spacing: 2px;}
.fs-arw {font-size:4rem;line-height: 100%;}
.fs-arw-s {font-size:2rem;line-height: 100%;}
.fs-tel {font-size:3.0rem;line-height: 100%;}
@media only screen and (max-width: 960px) {
	.fsss {font-size:0.6rem;}
	.fss {font-size:1.4rem;}
	.fsm {font-size:1.4rem;line-height: 140%;}
	.fsl {font-size:1.2rem;line-height: 140%;}
	.fsll {font-size:1.4rem;line-height: 160%;}
	.fslll {font-size:1.8rem;line-height: 180%;}
	.fsllll {font-size:2.0rem;line-height: 160%;}
	.fslllls {font-size:2.0rem;line-height: 160%;}
	.fslllll {font-size:2.2rem;line-height: 160%;}
	.fs-arw {font-size:4rem;line-height: 100%;}
	.fs-arw-s {font-size:2rem;line-height: 100%;}
	.fs-tel {font-size:2.6rem;line-height: 180%;}
	}
/*section.col img*/
section.col img {width:100%;vertical-align:top;}


.col_01 {width:4.1666666666667%;}
.col_02 {width:8.3333333333333%;}
.col_03 {width:12.300000000000%;}
.col_04 {width:16.566666666667%;}
.col_05 {width:19.973333333333%;}
.col_06 {width:21%;}/* .col_06 {width:24.923333333333%;} */
.col_06w {width:23%;}
.col_06wm {width:24%;}
.col_07 {width:28.166666666667%;}
.col_08 {width:30%;}/* .col_08 {width:33.033333333333%;} */
.col_08w {width:32%;}
.col_08ww {width:33.333333333333%;}
.col_09 {width:37.500000000000%;}
.col_10 {width:41.666666666667%;}
.col_11 {width:45.833333333333%;}
.col_12 {width:49.0%;}
.col_13 {width:54.166666666667%;}
.col_14 {width:58.333333333333%;}
.col_15 {width:62.500000000000%;}
.col_16 {width:66.666666666667%;}
.col_17 {width:70.833333333333%;}
.col_18 {width:75.000000000000%;}
.col_19 {width:79.166666666667%;}
.col_20 {width:83.333333333333%;}
.col_21 {width:87.500000000000%;}
.col_22 {width:91.666666666667%;}
.col_23 {width:95.833333333333%;}
.col_24 {width:100.00000000000%;}
@media only screen and (max-width: 960px) {
  .col_01 {width:100%;}
  .col_02 {width:100%;}
  .col_03 {width:100%;}
  .col_04 {width:100%;}
  .col_05 {width:100%;}
  .col_06 {width:100%;}
  .col_06w {width:100%;}
  .col_07 {width:100%;}
  .col_08 {width:100%;}
  .col_08w {width:100%;}
  .col_08ww {width:100%;}
  .col_09 {width:100%;}
  .col_10 {width:100%;}
  .col_11 {width:100%;}
  .col_12 {width:100%;}
  .col_13 {width:100%;}
  .col_14 {width:100%;}
  .col_15 {width:100%;}
  .col_16 {width:100%;}
  .col_17 {width:100%;}
  .col_18 {width:100%;}
  .col_19 {width:100%;}
  .col_20 {width:100%;}
  .col_21 {width:100%;}
  .col_22 {width:100%;}
  .col_23 {width:100%;}
  .col_24 {width:100%;}
  }



.w100p {width:100%;}
.w99p {width:99%;}
.w98p {width:98%;}
.w97p {width:97%;}
.w96p {width:96%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:50%;}
.w40p {width:40%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p {width:20%;}
.w15p {width:15%;}

/* .swiper-wrapper .sp-w70p {width:70%;} */
/* .swiper-wrapper .sp-w30p {width:30%;} */

/* ================================= About SP Size ================================= */
					@media only screen and (max-width: 620px) {
						}


							@media only screen and (max-width: 960px) {
                .sp-w100p {width:100%;}
                .sp-w99p {width:99%;}
                .sp-w98p {width:98%;}
                .sp-w97p {width:97%;}
                .sp-w96p {width:96%;}
                .sp-w90p {width:90%;}
                .sp-w80p {width:80%;}
                .sp-w70p {width:64%;}
                .sp-w60p {width:56%;}
                .sp-w50p {width:49%;}
                .sp-w40p {width:40%;}
                .sp-w35p {width:35%;}
                .sp-w30p {width:33%;}
                .sp-w25p {width:24%;}
                .sp-w20p {width:20%;}
                .sp-w15p {width:15%;}
                .sp-w10p {width:10%;}
                .sp-w5p {width:5%;}
                /* .swiper-wrapper .sp-w70p {width:74%;} */
                /* .swiper-wrapper .sp-w30p {width:26%; max-width:90px;} */

                .tb-fit.sp-w100p {width:100%;}
                .tb-fit.sp-w96p {width:96%;}
                .tb-fit.sp-w90p {width:90%;}
                .tb-fit.sp-w80p {width:80%;}
                .tb-fit.sp-w70p {width:64%;}
                .tb-fit.sp-w60p {width:49%;}
                .tb-fit.sp-w50p {width:49%;}
                .tb-fit.sp-w35p {width:35%;}
                .tb-fit.sp-w30p {width:32%;}
                .tb-fit.sp-w25p {width:24%;}
                .tb-fit.sp-w20p {width:22%;}
                .tb-fit.sp-w15p {width:16.5%;}
                .tb-fit.sp-w10p {width:10%;}
							}



	 /* ---------------------------------------
Margin
--------------------------------------- */
.m0{margin: 0;}
.m10{margin: 10px;}
.mp0 {margin:0;padding:0;}
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.mr5{margin-right:5px; }
.mr10{margin-right:10px; }
.mr15{margin-right:15px; }
.mr20{margin-right:20px; }

	 /* ---------------------------------------
Padding
--------------------------------------- */
.p0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}

.pr5{padding-right:5px; }
.pr10{padding-right:10px; }
.pr15{padding-right:15px; }
.pr20{padding-right:20px; }

	 /* ---------------------------------------
PC-Margin
--------------------------------------- */
.pc-mt0 {margin-top:0;}
.pc-mt10 {margin-top:10px;}
.pc-mt15 {margin-top:15px;}
.pc-mt20 {margin-top:20px;}
.pc-mt30 {margin-top:30px;}
.pc-mt40 {margin-top:40px;}
.pc-mt50 {margin-top:50px;}
.pc-mt60 {margin-top:60px;}
.pc-mt70 {margin-top:70px;}
.pc-mt80 {margin-top:80px;}
.pc-mt90 {margin-top:90px;}
.pc-mt100 {margin-top:100px;}
.pc-mt110 {margin-top:110px;}
.pc-mt120 {margin-top:120px;}
.pc-mt130 {margin-top:130px;}

.pc-mb0 {margin-bottom:0px;}
.pc-mb10 {margin-bottom:10px;}
.pc-mb20 {margin-bottom:20px;}
.pc-mb30 {margin-bottom:30px;}
.pc-mb40 {margin-bottom:40px;}
.pc-mb50 {margin-bottom:50px;}
.pc-mb60 {margin-bottom:60px;}
.pc-mb70 {margin-bottom:70px;}
.pc-mb80 {margin-bottom:80px;}
.pc-mb90 {margin-bottom:90px;}
.pc-mb100 {margin-bottom:100px;}

/* ---------------------------------------
PC-Padding
--------------------------------------- */
.pc-p10 {padding:10px;}
.pc-p20 {padding:20px;}
.pc-p30 {padding:30px;}

.pc-pt0 {padding-top:0;}
.pc-pt5 {padding-top:5px;}
.pc-pt10 {padding-top:10px;}
.pc-pt20 {padding-top:20px;}
.pc-pt30 {padding-top:30px;}
.pc-pt40 {padding-top:40px;}
.pc-pt50 {padding-top:50px;}
.pc-pt60 {padding-top:60px;}
.pc-pt70 {padding-top:70px;}
.pc-pt80 {padding-top:80px;}
.pc-pt90 {padding-top:90px;}
.pc-pt100 {padding-top:100px;}

.pc-pb0 {padding-bottom:0px;}
.pc-pb10 {padding-bottom:10px;}
.pc-pb20 {padding-bottom:20px;}
.pc-pb3 {padding-bottom:30px;}
.pc-pb40 {padding-bottom:40px;}
.pc-pb50 {padding-bottom:50px;}
.pc-pb60 {padding-bottom:60px;}
.pc-pb70 {padding-bottom:70px;}
.pc-pb80 {padding-bottom:80px;}
.pc-pb90 {padding-bottom:90px;}
.pc-pb100 {padding-bottom:100px;}

.pc-plr0 {padding-left:0px;padding-right:0px;}
.pc-plr5 {padding-left:5px;padding-right:5px;}
.pc-plr10 {padding-left:10px;padding-right:10px;}
.pc-plr20 {padding-left:20px;padding-right:20px;}
.pc-plr30 {padding-left:30px;padding-right:30px;}

@media only screen and (max-width: 960px) {
	/* ---------------------------------------
	SP-Margin
	--------------------------------------- */
	.sp-mt0 {margin-top:0;}
	.sp-mt5 {margin-top:5px;}
	.sp-mt10 {margin-top:10px;}
	.sp-mt15 {margin-top:15px;}
	.sp-mt20 {margin-top:20px;}
	.sp-mt30 {margin-top:30px;}
	.sp-mt40 {margin-top:40px;}
	.sp-mt50 {margin-top:50px;}
	.sp-mt60 {margin-top:60px;}
	.sp-mt70 {margin-top:70px;}
	.sp-mt80 {margin-top:80px;}
	.sp-mt90 {margin-top:90px;}
	.sp-mt100 {margin-top:100px;}
	
	.sp-mb0 {margin-bottom:0px;}
	.sp-mb10 {margin-bottom:10px;}
	.sp-mb20 {margin-bottom:20px;}
	.sp-mb30 {margin-bottom:30px;}
	.sp-mb40 {margin-bottom:40px;}
	.sp-mb50 {margin-bottom:50px;}
	.sp-mb60 {margin-bottom:60px;}
	.sp-mb70 {margin-bottom:70px;}
	.sp-mb80 {margin-bottom:80px;}
	.sp-mb90 {margin-bottom:90px;}
	.sp-mb100 {margin-bottom:100px;}
	
	/* ---------------------------------------
	SP-Padding
  --------------------------------------- */
  .sp-p10 {padding:10px;}
  .sp-p20 {padding:20px;}
  .sp-p30 {padding:30px;}

  .sp-plr0 {padding-left:0px;padding-right:0px;}
  .sp-plr5 {padding-left:5px;padding-right:5px;}
  .sp-plr10 {padding-left:10px;padding-right:10px;}
  .sp-plr20 {padding-left:20px;padding-right:20px;}
  .sp-plr30 {padding-left:30px;padding-right:30px;}

	.sp-pt0 {padding-top:0;}
	.sp-pt5 {padding-top:5px;}
	.sp-pt10 {padding-top:10px;}
	.sp-pt20 {padding-top:20px;}
	.sp-pt30 {padding-top:30px;}
	.sp-pt40 {padding-top:40px;}
	.sp-pt50 {padding-top:50px;}
	.sp-pt60 {padding-top:60px;}
	.sp-pt70 {padding-top:70px;}
	.sp-pt80 {padding-top:80px;}
	.sp-pt90 {padding-top:90px;}
  .sp-pt100 {padding-top:100px;}
  
	.sp-pb0 {padding-bottom:0px;}
	.sp-pb10 {padding-bottom:10px;}
	.sp-pb20 {padding-bottom:20px;}
	.sp-pb30 {padding-bottom:30px;}
	.sp-pb40 {padding-bottom:40px;}
	.sp-pb50 {padding-bottom:50px;}
	.sp-pb60 {padding-bottom:60px;}
	.sp-pb70 {padding-bottom:70px;}
	.sp-pb80 {padding-bottom:80px;}
	.sp-pb90 {padding-bottom:90px;}
	.sp-pb100 {padding-bottom:100px;}
	}

  .pc-lh-100 {line-height: 100%;}
  .pc-lh-110 {line-height: 110%;}
  .pc-lh-120 {line-height: 120%;}
  .pc-lh-130 {line-height: 130%;}
  .pc-lh-140 {line-height: 140%;}
  .pc-lh-150 {line-height: 150%;}
  .pc-lh-160 {line-height: 160%;}
  .pc-lh-170 {line-height: 170%;}
  .pc-lh-180 {line-height: 180%;}
  .pc-lh-190 {line-height: 190%;}
  .pc-lh-200 {line-height: 200%;}
  @media only screen and (max-width: 960px) {
    .sp-lh-100 {line-height: 100%;}
    .sp-lh-110 {line-height: 110%;}
    .sp-lh-120 {line-height: 120%;}
    .sp-lh-130 {line-height: 130%;}
    .sp-lh-140 {line-height: 140%;}
    .sp-lh-150 {line-height: 150%;}
    .sp-lh-160 {line-height: 160%;}
    .sp-lh-170 {line-height: 170%;}
    .sp-lh-180 {line-height: 180%;}
    .sp-lh-190 {line-height: 190%;}
    .sp-lh-200 {line-height: 200%;}
  }


/* ---------------------------------------
Ancer
--------------------------------------- */
#cal,
#post,#main,#list,
#c-01,#c-02,#c-03,#c-04,#c-05,#c-06,#c-07,#c-08,#c-09,#c-10,
#c-11,#c-12,#c-13,#c-14,#c-15,#c-16,#c-17,#c-18,#c-19,#c-20
 {
	position: absolute;
	margin-top:-75px;
}
@media only screen and (max-width: 960px) {
  #cal,
  #post,#main,#list,
  #c-01,#c-02,#c-03,#c-04,#c-05,#c-06,#c-07,#c-08,#c-09,#c-10,
  #c-11,#c-12,#c-13,#c-14,#c-15,#c-16,#c-17,#c-18,#c-19,#c-20 {
    position: absolute;
		margin-top:-60px;
	}
}

/* ---------------------------------------
Image
--------------------------------------- */
/* img-size-trimming */
img.img-size-trim{
  width: 100%;
	/* height: 360px; */
	object-fit: cover;
	object-position: center center;
  font-family: 'object-fit: cover; object-position: center center;'; /* IE・Edge */
  border: 0px solid transparent;
}
a img.img-size-trim:hover{
  box-sizing: content-box; /*外側ボーター*/
  border:5px solid rgba(149, 121, 43, 1.0);
  margin: -5px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
img.img-size-trim.smallsss{width: 100%;height: 100px;}
img.img-size-trim.smallss{width: 100%;height: 130px; aspect-ratio: 3 / 2; object-fit: cover;}
img.img-size-trim.smalls{width: 100%;height: 280px;}
img.img-size-trim.small{width: 100%;height: 320px;}
img.img-size-trim.smallm{width: 100%;height: 420px;}
img.img-size-trim.medium{width: 100%;height: 540px;}
img.img-size-trim.large{width: 1000px;height: 1000px;}
img.img-size-trim.map{max-width: 520px;width: 100%; height: 660px;}
img.pc-right {float: right;margin:0 0 2rem 4rem;}
img.img-size-trim.smallss.news {
	aspect-ratio: 3 / 2; object-fit: cover; height: auto;
}
@media only screen and (max-width: 960px) {
  img.img-size-trim.smallm{width: 100%;height: 320px;}
  img.img-size-trim.medium{width: 100%;height: 320px;}
  img.img-size-trim.large{width: 100%;height: 320px;}
  img.img-size-trim.map{width: 94%;height: 520px;margin: 30px auto 0 auto;}
  img.pc-right {float:none;margin:0 0 2rem 0;width: 100%;}
}

/* ---------------------------------------
color
--------------------------------------- */
/* a {color: #000} */
span.arw{
  padding-left:20px;
  display: inline-block;
  background-image: url(../img/icn_arrow_right_blue.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0 6px;
  font-weight: bold;
  text-align-last: left;
  line-height: 140%;

}

.fc-black {color:#1a1a1a}
.fc-gold {color:rgba(149, 121, 43, 1.0);}
.fc-white {color:#fff}
.fc-red {color:rgba(152, 24, 36, 1.0)}
.fc-gray {color:#444444}
.fc-orange {color:#ff7f00}
.fc-green {color:#388422}
.fc-blue {color:rgba(0, 78, 161, 1.0)}

.sdw-white {text-shadow: 1px 2px 0px rgba(255, 255, 255, 0.4);}
.sdw-black {text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);}

.bgc-gray {background: linear-gradient(to right, rgba(242, 242, 242, 1.0),rgba(242, 242, 242, 0.8));}

	/* ---------------------------------------
	Text None
	--------------------------------------- */
	.tn {
		text-indent: 100%;
		white-space: nowrap;
		}
	.tsdw {text-shadow: #000 0px 1px 5px;}
	/* ---------------------------------------
	show hidden
	--------------------------------------- */
	.sp_show {display:none;}
	.sp_hidden {display:block;}
	@media only screen and (max-width: 960px) {
		.sp_show {display:block;}
		.sp_hidden {display:none;}
		 }
	/*BR*/
	.spbr {display:none;}
	.pcbr {display:block;}
		@media only screen and (max-width: 960px) {
			.spbr {display:block;}
			.pcbr {display:none;}
    }


/* ---------------------------------------
WordPress
--------------------------------------- */
.wp-caption, .alignnone{
  max-width: 100%;
}
.wp-caption-text {
  color: rgba(149, 121, 43, 1.0);
  /* border: 1px solid #000; */
  /* margin: 0; */
  /* padding: 10px; */
}
.navigation {width: 100%; clear: both;}
.wp-pagenavi {
	color: #fff;clear: both;
  text-align:center;
	}
.wp-pagenavi .pages{display:none;}
.wp-pagenavi .first{display:none;}
.wp-pagenavi .last{display:none;}
.wp-pagenavi .extend {display:none;}
.wp-pagenavi a, .wp-pagenavi span {
	color: #fff;
	background-color: rgba(149, 121, 43, 1.0);
	border: 1px solid rgba(149, 121, 43, 1.0);
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	/* -moz-border-radius: 3px; */
	/* -webkit-border-radius: 3px; */
	/* border-radius: 3px; */
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
  text-decoration: none;
  border-radius: 2px;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: rgba(161, 141, 80, 0.6);
	border-color: rgba(161, 141, 80, 0.6);
    }
.wp-pagenavi span.current{
	color: rgba(149, 121, 43, 1.0);
	background-color: #fff;
	border-color: rgba(149, 121, 43, 1.0);
	font-weight: bold;
}
.wp-pagenavi span.current:hover{
	/* color: #fff; */
	/* background-color: rgba(161, 141, 80, 0.5); */
  /* border-color: rgba(161, 141, 80, 0.5); */
  pointer-events: none;
}
.entry-content h4 {font-size:2.0rem;line-height: 160%;}
.entry-content p {display: block;margin: 1em 0;}
.entry-content p a{color: rgba(161, 141, 80, 0.5);}
.entry-content strong { font-weight: bold;}
.entry-content em { font-style: italic; }
.entry-content blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
.entry-content ul{margin: 1em 0;padding-left: 40px;}
.entry-content ul li{list-style-type: disc;}
.entry-content ol{margin: 1em 0;padding-left: 40px;}
.entry-content ol li{list-style-type: decimal;}
/* img */
.entry-content .aligncenter {display: block;margin: 0 auto;}
.entry-content .alignright { float: right; margin: 0 0 2rem 2rem;}
.entry-content .alignleft { float: left; margin: 0 2rem 2rem 0;}
/* .entry-content img{max-width: 100%;height: auto;} */
.entry-content img[class*="wp-image-"],
.entry-content img[class*="attachment-"] {height: auto;max-width: 100%;}
.entry-content .clearfix {overflow: hidden;zoom: 1;}
.entry-content .clearfix:after {content: "";display: block;clear: both;}





/* Category list tab */

.post-categories {
	margin: 0;
	padding: 0;
	font-size:0;
}
.post-categories li{
	display: inline-block;
	list-style-type:none;
	margin: 0.15rem;
	padding: 0;
	letter-spacing: normal;
	font-size: 0.8rem;
}
.post-categories li a{
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	width: 100%;
	padding: 0.1rem 0.6rem 0.05rem 0.6rem;
	text-decoration: none;
	color:#333;
	border-radius: 50px;
	background: #fff;
	margin-bottom:0.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.post-categories li a:hover{
	background-color: #ebebeb;
}

/* .tag-list-cut-2-line */
.tag-list-cut-2-line .post-categories li{
	width: 48.4%;
}

/* .tag-list-cut-3-line */
.tag-list-cut-3-line .post-categories li{
	width: 31.4%;
}
/* .tag-list-cut-4-line */
.tag-list-cut-4-line .post-categories li{
	width: 23.4%;
}
.tag-list-cut-4-line.faq .post-categories li{
	width: auto;
	/* padding-right:1rem; */
	margin-top:-2.4rem;
	border: 1px solid transparent;
	float: right;
}



/* ----------------------------------------------------------------------
Youtube responsive - Youtube動画のレスポンシブ表示
---------------------------------------------------------------------- */
.ytube, .youtube,.movie { position:relative; height:0; margin-top:10px; margin-bottom:10px; padding-bottom:53.2%; padding-top:30px; overflow:hidden; }
.ytube iframe, .youtube iframe, .movie iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }


.blog_detail  {padding: 0 1rem;}


/* ----------------------------------------------------------------------
Video
---------------------------------------------------------------------- */
.movie-area {
	height: 100%;
	max-height: 500px;
	position: relative;
	overflow: hidden;
	}
.movie-area video {
	/* opacity: 0.5; */
	margin: 0 auto;
	z-index: -2;
	width: 100%;
	}
.movie-area-100p {
	height: 100%;
	max-height: 100%;
	position: relative;
	overflow: hidden;
	}
.movie-area-100p video {
	/* opacity: 0.5; */
	margin: 0 auto;
	z-index: -2;
	width: 100%;
  }
  





/* ---------------------------------------
Buttons
button.button-LR
--------------------------------------- */
/* MORE */
.btn-more{
  /* display: inline-block; */
  padding: 0 20px 0 0;
  background-image: url(../img/icn_arrow_right_black_ku.svg);
  background-position:right 0 top 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  color: #333;
  overflow: hidden;
  text-decoration: none;
  font-size: 16px;
}


/* ALL BUTTONS */
.button{
  font: 16px/1.7 "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: inline-block;
  font-size:1.8rem;
  cursor:pointer;
  text-decoration: none;
  padding: 8px 40px;
  margin: 0;
  position: relative;
	color: #ecf0f1;
	/* border-radius: 6px; */
	background-color: #fff;
	z-index: 1;
	/* width: 100%; */
  text-align: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* .button.small{padding: 2px 30px;margin: 10px 0;} */

/* BUTTON-LR */
.button.button-LR{
  /* background-image: url(../img/icn_arrow_right_white_ku.svg);background-position:right 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  border: 2px solid rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.button.button-LR:before{
  /* background-image: url(../img/icn_arrow_right_white_ku.svg);background-position:right 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: rgba(149, 121, 43, 1.0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-LR:hover{color: #ecf0f1;}
.button.button-LR:hover:before{left: 0;}


/* BUTTON-LR double */
.button.button-LR.double{
padding: 2px;
}
.button.button-LR.double span{
  border: 1px double rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  display: block;
}
.button.button-LR.double:before{
  /* background-image: url(../img/icn_arrow_right_white_ku.svg);background-position:right 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: rgba(149, 121, 43, 1.0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0.6rem 2rem;
  border-radius: 3px;
}
.button.button-LR.double:hover{color: #ecf0f1;}
.button.button-LR.double:hover:before{left: 0;}





/* BUTTON-RL */
.button.button-RL{
  /* background-image: url(../img/icn_arrow_left_gold_ku.svg);background-position:left 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  border: 2px solid rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.button.button-RL:before{
  /* background-image: url(../img/icn_arrow_left_white_ku.svg);background-position:left 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  background-color: rgba(161, 141, 80, 0.8);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-RL:hover{color: #ecf0f1;}
.button.button-RL:hover:before{right: 0;}

/* BUTTON-TB */
.button.button-TB{
  /* background-image: url(../img/icn_arrow_bottom_gold_ku.svg);background-position:right 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  border: 2px solid rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-TB:before{
  /* background-image: url(../img/icn_arrow_bottom_white_ku.svg);background-position:right 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  background-color: rgba(149, 121, 43, 1.0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-TB:hover{color: #ecf0f1;}
.button.button-TB:hover:before{top: 0;}

/* BUTTON-BT */
.button.button-BT{
  /* background-image: url(../img/icn_arrow_top_white_ku.svg);background-position:left 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  border: 2px solid rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-BT:before{
  /* background-image: url(../img/icn_arrow_top_white_ku.svg);background-position:left 6px top 50%;background-size: 20px;background-repeat: no-repeat; */
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  left: 0;
  background-color: rgba(149, 121, 43, 1.0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-BT:hover{color: #ecf0f1;}
.button.button-BT:hover:before{bottom: 0;}

/* BUTTON-LR-C */
.button.button-LR-C{
  border: 2px solid rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-LR-C:before, .button.button-LR-C:after{
  content: "";
  z-index: -1;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: -50%;
  background-color: rgba(149, 121, 43, 1.0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-LR-C:after{left: 100%;}
.button.button-LR-C:hover{color: #ecf0f1;}
.button.button-LR-C:hover:before{left: 0;}
.button.button-LR-C:hover:after{left: 50%;}

/* BUTTON-C-TB */
.button.button-C-TB{
  border: 2px solid rgba(149, 121, 43, 1.0);
  color: rgba(149, 121, 43, 1.0);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-C-TB:before, .button.button-C-TB:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: rgba(149, 121, 43, 1.0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button.button-C-TB:after{top: auto;bottom: 50%;}
.button.button-C-TB:hover{color: #ecf0f1;}
.button.button-C-TB:hover:before{height: 50%;}
.button.button-C-TB:hover:after{height: 50%;}


/* Brown button color */
.button.small{padding: 6px 20px 5px 14px;margin-bottom:0;}
.button.small2{padding: 0px;margin-bottom:0; font-size: 1.6rem;}
.button.smalls{padding: 0px;margin-bottom:0; font-size: 1.6rem;}
/* Menu button color */
.button.bg-menu{background-color:rgba(255, 255, 255, 1.0);color:rgba(7, 4, 83, 1.0);padding: 14px 0px;border: 1px solid rgba(204, 204, 204, 1.0);}
.button.bg-menu img{margin-bottom:7px;}
.button.bg-menu:hover{color:rgba(7, 4, 83, 1.0);}
.button.bg-menu:before{border: 0px;color:rgba(7, 4, 83, 1.0);background-color: rgba(0, 0, 0, .05);}
@media only screen and (max-width: 960px) {.button.bg-menu{font-size:14px; }}
/* Brown button color */
.button.bg-brown{background-color:rgba(63, 39, 5, 1.0);color:#fff;padding: 14px 14px;border: 0px;}
.button.bg-brown:before{border: 0px;background-color: rgba(255, 255, 255, 0.2);}
.button.bg-brown.small{padding: 8px 20px 8px 14px;margin-bottom:0;}
/* DarkBrown button color */
.button.bg-darkbrown{background-color:rgba(112, 105, 94, 1.0);color:#fff;padding: 14px 14px;border: 0px;}
.button.bg-darkbrown:before{border: 0px;background-color: rgba(255, 255, 255, 0.2);}
.button.bg-darkbrown.small{padding: 8px 20px 8px 14px;margin-bottom:0;}
/* Gold button color */
.button.bg-gold{background-color: rgba(149, 121, 43, 1.0);color:#fff;padding: 14px 14px;border: 0px;}
.button.bg-gold:before{border: 0px;background-color: rgba(255, 255, 255, 0.2);}
.button.bg-gold.small{padding: 8px 20px 8px 14px;margin-bottom:0;}
.button.bg-gold.small2{padding: 5px 0;margin-bottom:0;}
/* Blue button color */
.button.bg-blue{background-color: rgba(8, 4, 83, 1.0);color:#fff;padding: 14px 14px;border: 0px;}
.button.bg-blue:before{border: 0px;background-color: rgba(255, 255, 255, 0.2);}
.button.bg-blue.small{padding: 8px 20px 8px 14px;margin-bottom:0;}
.button.bg-blue.small2{padding: 5px 0;margin-bottom:0;}
/* Yellow button color */
.button.bg-yellow{background-color: rgba(223, 194, 108, 1.0);color:#fff;padding: 14px 14px;border: 0px;background-image: url(../img/icn_arrow_bottom_white_ku.svg);color:#333;}
.button.bg-yellow:before{border: 0px;background-color: rgba(255, 255, 255, 0.2);color:#333;}
.button.bg-yellow.small{padding: 8px 20px 8px 14px;margin-bottom:0;color:#333;}
/* White button color */
.button.bg-white{background-color: rgba(255, 255, 255, 1.0);color:rgba(149, 121, 43, 1.0);padding: 11px 14px;border: 0px;border: 3px solid rgba(149, 121, 43, 1.0);}
.button.bg-white:before{border: 0px;background-color: rgba(149, 121, 43, 1.0);}
.button.bg-white.small{padding: 8px 20px 8px 14px;margin-bottom:0;}
.button.bg-white.small2{padding: 5px 0;margin-bottom:0;}
/* YES button color */
.button.bg-yes{background-color:rgba(223, 194, 108, 1.0);color:#fff;padding: 14px 14px;border: 0px;}
.button.bg-yes:before{border: 0px;background-color: rgba(255, 255, 255, 0.2);}
.button.bg-yes.small{padding: 8px 20px 8px 14px;margin:60px 0 0 0;}
/* NO button color */
.button.bg-no{background-color:rgba(223, 194, 108, 0.1); color:rgba(223, 194, 108, 1.0);padding: 14px 14px;border: 2px solid rgba(223, 194, 108, 1.0);background-image: url(../img/icn_arrow_right_gold_ku.svg);}
.button.bg-no:before{border: 0px;background-color: rgba(255, 255, 255, 1);color:rgba(223, 194, 108, 1.0);background-image: url(../img/icn_arrow_right_gold_ku.svg);}
.button.bg-no.small{padding: 8px 20px 8px 14px;margin:15px 0 0 0; color:rgba(223, 194, 108, 1.0);}


/* Select */
select.small {
	font-size:1.6rem;
	width: 99.6%;
	padding: 10px 11.5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	border-radius:6px;
	background: #eee;
	background: url(../img/sort-down.png) 96% 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
  background-size: 10px, 90%;
  font: 15px/1.7 "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
select.small option {
  font: 15px/1.7 "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 960px) {select.small {padding: 5px 11.5px;}}

a.edit-post {padding: 0 1rem; float: right;display: inline-block;background: #000;color:#fff;text-decoration:none;border-radius:50px;}
a.edit-post:hover {color:#fff;text-decoration:none;}
@media only screen and (max-width: 960px) {a.edit-post{display: none;}}


















/* -----------
KV
----------- */
/* .swiper-container .swiper-wrapper h1 {color:#fff; height:100%;display:flex;align-items:center;justify-content: center;margin: 0;padding: 0;text-align: center;} */
.swiper-container .swiper-wrapper .inner {color:#fff; height:100%;margin: 0;padding: 0;text-align: center;}
.swiper-container .swiper-wrapper .inner h1 {display: block;clear: both;margin: 0;padding: 0;font-size: 44px;}
.swiper-container .swiper-wrapper .inner p {font-size:20px;display: block; padding: 10px 10px;}
.swiper-container .swiper-wrapper .inner.pt60 {padding-top: 60px;}
.swiper-container .swiper-wrapper .inner.pt70 {padding-top: 70px;}
.swiper-container .swiper-wrapper .inner.pt80 {padding-top: 80px;}
.swiper-container .swiper-wrapper .inner.pt90 {padding-top: 90px;}
.swiper-container .swiper-wrapper .inner.pt100 {padding-top: 100px;}
.swiper-container .swiper-wrapper .inner.pt120 {padding-top: 120px;}
.swiper-container .swiper-wrapper .inner.pt-top {padding-top: 280px;}
@media only screen and (max-width: 960px) {
  .swiper-container .swiper-wrapper .inner h1 {font-size: 32px;}
  .swiper-container .swiper-wrapper .inner p {font-size:18px;}
  .swiper-container .swiper-wrapper .inner.pt60 {padding-top: 30px;}
  .swiper-container .swiper-wrapper .inner.pt70 {padding-top: 40px;}
  .swiper-container .swiper-wrapper .inner.pt80 {padding-top: 50px;}
  .swiper-container .swiper-wrapper .inner.pt90 {padding-top: 60px;}
  .swiper-container .swiper-wrapper .inner.pt100 {padding-top: 70px;}
  .swiper-container .swiper-wrapper .inner.pt120 {padding-top: 120px;}
  .swiper-container .swiper-wrapper .inner.pt-top {padding-top: 200px;}
}
/* -----------
予約
----------- */
/* .box-yoyaku .inner div{border: 1px solid #fff;} */
.box-yoyaku {
  background:linear-gradient(to bottom, rgba(8, 4, 83, 1.0), rgba(8, 4, 83, 1.0) 100%);
  text-align: center;
  color: #fff;
  width: 100%;
}
.box-yoyaku .inner{
  max-width: 1440px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  /* border: 1px solid #fff; */
}
@media only screen and (max-width: 960px) {
  .box-yoyaku .inner{padding: 20px;}
}

.box-yoyaku ul li label{cursor: pointer;}

.yoyaku-btn-margin {margin-top:-50px;}
@media only screen and (max-width: 960px) {
  .yoyaku-btn-margin {margin-top:10px;}
}
/* -----------
施設のご案内
----------- */
.box-shisetsu {
  position: relative;
  height: 450px;
  background-position: left center;
  background-size: contain;
  }
.box-shisetsu .inner{
  position: absolute;
  top:12%;
  right:10px;
  width: 100%;
  max-width: 680px;
  padding: 30px;
  border: 1px solid rgba(230, 230, 230, 1.0);
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  }
.box-shisetsu.right{background-position: right center;}
.box-shisetsu.right .inner{left:0;/*max-width: 470px;*/}
  @media only screen and (max-width: 960px) {
    .box-shisetsu {height: auto;background-image:none;}
    .box-shisetsu .inner{
      position: static;max-width: 100%;padding: 10px;box-shadow: none;background-color: rgba(245, 245, 245, 1.0);}
  }

/* -----------
宿泊プラン
----------- */
.desc{}
.desc h1, .desc h2, .desc h3, .desc h4, .desc h5, .desc h6
{font-size: 100%; font-weight: bold;padding-bottom: 10px;}


.sttl {padding:10px 0  0 20px; background:linear-gradient(to bottom, rgba(149, 121, 43, 0.1), rgba(149, 121, 43, 0) 100%);}
@media only screen and (max-width: 960px) {
.sttl {background-color: rgba(149, 121, 43, 1.0); padding: 5px 10px;color: #fff; margin: 0 -10px;}
}
.bdr-l {padding:0 0  0 20px; border-left: 5px solid rgba(149, 121, 43, 1.0);}
@media only screen and (max-width: 960px) {
.bdr-l {padding:0 0  0 10px; border-left: 5px solid rgba(149, 121, 43, 1.0);}
}


.page-desc {box-shadow: 0 0 30px rgba(149, 121, 43, 0.2);border:1px solid #fff; padding:25px 30px;background-color:rgba(149, 121, 43, 0.1);}
@media only screen and (max-width: 960px) {
  .page-desc {padding:20px 20px;border:none;}
  }

/* table：pt-small */
table.pt-small {border-collapse: collapse;width:100%; font-size: 1.4rem;background-color: rgba(255, 255, 255, 1.0);}
table.pt-small th.t_top {border-top: rgba(149, 121, 43, 1.0) 4px solid;}
table.pt-small td.t_top {border-top: #b3b3b3 4px solid;}
table.pt-small th {
  width: 30%;
	border-bottom: rgba(149, 121, 43, 0.2) 1px solid;
	text-align: left;
	padding: 5px 10px;
  font-weight: normal;
  font-weight: bold;
  white-space: nowrap;
}
table.pt-small td {border-bottom: #e3e3e3 1px dotted;text-align: left;padding: 10px;}
/* table.pt-small tr:hover {background: rgba(244, 244, 244, 1.0);} */
@media only screen and (max-width: 960px) {
  /* table.pt-small {border: 1px solid rgba(149, 121, 43, 0.2);} */
  /* table.pt-small th.t_top {border-top: none;} */
  /* table.pt-small td.t_top {border-top: none;} */
  table.pt-small th {background-color: rgba(149, 121, 43, 0.1);border-right: rgba(149, 121, 43, 0.2) 1px solid;}
  table.pt-small td {}
}

/* table：pt-small */
table.pt-small {border-collapse: collapse;width:100%; font-size: 1.4rem;background-color: rgba(255, 255, 255, 1.0);}
table.pt-small th.t_top {border-top: rgba(149, 121, 43, 1.0) 4px solid;}
table.pt-small td.t_top {border-top: #b3b3b3 4px solid;}
table.pt-small th {
  width: 30%;
	border-bottom: rgba(149, 121, 43, 0.2) 1px solid;
	text-align: left;
	padding: 5px 10px;
  font-weight: normal;
  font-weight: bold;
  white-space: nowrap;
}
table.pt-small td {border-bottom: #e3e3e3 1px dotted;text-align: left;padding: 10px;}
/* table.pt-small tr:hover {background: rgba(244, 244, 244, 1.0);} */
@media only screen and (max-width: 960px) {
  /* table.pt-small {border: 1px solid rgba(149, 121, 43, 0.2);} */
  /* table.pt-small th.t_top {border-top: none;} */
  /* table.pt-small td.t_top {border-top: none;} */
  table.pt-small th {background-color: rgba(149, 121, 43, 0.1);border-right: rgba(149, 121, 43, 0.2) 1px solid;}
  table.pt-small td {}
}

/* table：pt1 */
table.pt1 {border-collapse: collapse;width:100%;font-size: 1.6rem;}
table.pt1 th.t_top {border-top: rgba(149, 121, 43, 1.0) 4px solid;}
table.pt1 th {
	border-bottom: rgba(149, 121, 43, 0.2) 1px solid;
	text-align: left;
	padding: 10px;
  font-weight: normal;
  background-color: rgba(149, 121, 43, 0.1);
  font-weight: bold;
  white-space: nowrap;
}
table.pt1 td.t_top {border-top: #b3b3b3 4px solid;}
table.pt1 td {border-bottom: #e3e3e3 1px dotted;text-align: left;padding: 10px;}
/* table.pt1 tr:hover {background: rgba(244, 244, 244, 1.0);} */

table.solo th.t_top {width: 20%;}

table.pt1.large th {padding: 20px 30px;}
table.pt1.large td {padding: 20px 30px;}
@media only screen and (max-width: 960px) {
  table.pt1 th.t_top {border-top: none;}
  table.pt1 td.t_top {border-top: none;}
  table.pt1 th {display: block;width: 100%;}
  table.pt1 td {display: block;width: 100%;border: 0px solid #b3b3b3;padding-bottom: 20px;}
  table.solo th.t_top {width: 100%;}
  table.pt1.large th {padding: 10px;}
  table.pt1.large td {padding: 10px;}
}

/* table：pt2 */
table.pt2 {border-collapse: collapse;width:100%;font-size: 1.6rem;}
table.pt2 th.t_top {border-top: rgba(149, 121, 43, 1.0) 4px solid;}
table.pt2 th {
  width: 15%;
	border-bottom: rgba(149, 121, 43, 0.2) 1px solid;
	text-align: left;
	padding: 10px;
  font-weight: normal;
  background-color: rgba(149, 121, 43, 0.1);
  font-weight: bold;
  white-space: nowrap;
}
table.pt2 td.t_top {border-top: #b3b3b3 4px solid;}
table.pt2 td {
  width: 35%;
  border-bottom: #e3e3e3 1px dotted;text-align: left;padding: 10px;}
/* table.pt2 tr:hover {background: rgba(244, 244, 244, 1.0);} */

@media only screen and (max-width: 960px) {
  table.pt2 th.t_top {border-top: none;}
  table.pt2 td.t_top {border-top: none;}
  table.pt2 th {display: block;width: 100%;}
  table.pt2 td {display: block;width: 100%;border: 0px solid #b3b3b3;padding-bottom: 20px;}
}


/* table：pt2 */
table.pt2 {border-collapse: collapse;width:100%;font-size: 1.6rem;}
table.pt2 th.t_top {border-top: rgba(149, 121, 43, 1.0) 4px solid;}
table.pt2 th {
  width: 15%;
	border-bottom: rgba(149, 121, 43, 0.2) 1px solid;
	text-align: left;
	padding: 10px;
  font-weight: normal;
  background-color: rgba(149, 121, 43, 0.1);
  font-weight: bold;
  white-space: nowrap;
}
table.pt2 td.t_top {border-top: #b3b3b3 4px solid;}
table.pt2 td {
  width: 35%;
  border-bottom: #e3e3e3 1px dotted;text-align: left;padding: 10px;}
/* table.pt2 tr:hover {background: rgba(244, 244, 244, 1.0);} */

@media only screen and (max-width: 960px) {
  table.pt2 th.t_top {border-top: none;}
  table.pt2 td.t_top {border-top: none;}
  table.pt2 th {display: block;width: 100%;}
  table.pt2 td {display: block;width: 100%;border: 0px solid #b3b3b3;padding-bottom: 20px;}
}

/* table：pt-simple */
table.pt-simple {border-collapse: collapse;width:100%;font-size: 1.6rem; border: 1px solid #e3e3e3;}
table.pt-simple th.t_top {}
table.pt-simple th {
  width: 15%;
	text-align: left;
	padding: 10px;
  font-weight: normal;
  background-color: rgba(149, 121, 43, 0.1);
  font-weight: bold;
  white-space: nowrap;
}
table.pt-simple td.t_top {}
table.pt-simple td {
  width: 35%;
  border-bottom: #e3e3e3 1px dotted;text-align: left;padding: 10px;}
/* table.pt-simple tr:hover {background: rgba(244, 244, 244, 1.0);} */

@media only screen and (max-width: 960px) {
  table.pt-simple th {display: block;width: 100%;}
  table.pt-simple td {display: block;width: 100%;border: 0px solid #b3b3b3;padding-bottom: 20px;}
}


/* table：pt-td */
table.pt-td {border-collapse: collapse;width:100%;font-size: 1.6rem; border-top: 1px solid #e3e3e3;}
table.pt-td td {
  width: 20%;
	text-align: left;
	padding: 10px;
  font-weight: normal;
  border-right: #e3e3e3 1px dotted;
  border-bottom: #e3e3e3 1px dotted;
  background-color: rgba(255, 255, 255, 1);
  font-weight: bold;
  white-space: nowrap;
}
/* table.pt-td tr:hover {background: rgba(244, 244, 244, 1.0);} */
@media only screen and (max-width: 960px) {
  table.pt-td {border-top: 0;}
  table.pt-td td {display: block;width: 100%;padding: 5px 10px;border-top: 0;border-right: 0;}

  table.pt-td td.none {border-bottom: none !important;}
}

.archive-sidebar ul li {
  /* border-bottom: 1px dotted #ccc; */
  padding:0.4rem 0 ;
  margin-left:24px;
  list-style-type: disc;
  /* list-style-position: inside; */
}

h1.sdw-black {color:#fff;text-shadow: #000 0px 0px 20px;}
h1.sdw-white {color:#000;text-shadow: #fff 0px 0px 20px;}


.yakkan ul.dot li{padding:0.4rem 0 ;margin-left:24px;list-style-type: disc; font-size: 1.6rem;}
.yakkan ul.num li{padding:0.4rem 0 ;margin-left:24px;list-style-type: decimal; font-size: 1.6rem;}
.yakkan ul.iroha li{padding:0.4rem 0 ;margin-left:28px;list-style-type: lower-alpha; font-size: 1.6rem;}



dl.qa {
  overflow: hidden;
  _zoom: 1;
  }
  dl.qa dt {
    text-indent: -1.6rem;
    padding: 0 2rem 7px 3rem;
    margin: 0px 0px 0 0;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    font-size: 1.8rem;
    }
  dl.qa dd{
  text-indent: -1.6rem;
  padding: 0 2rem 7px 3rem;
  
  }
  dl.qa dd:first-letter,
  dl.qa dt:first-letter {
  font-size: 1.6em;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px;
  }
  dl.qa dd {
  margin: 5px 0 1rem 0;
  padding-bottom: 2rem;
  }
  dl.qa dt:first-letter {
  color: rgba(8, 4, 83, 1.0);
  }
  dl.qa dd:first-letter {
  color: rgba(149, 121, 45, 1.0);
  }

.ls-1 {letter-spacing:-1px;}
.ls-2 {letter-spacing:-2px;}

.a-un{text-decoration: underline;}


.indent-1 {padding-left:1em;text-indent:-1em;}

/*スクロールバー全体*/
::-webkit-scrollbar {
	width: 5px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
background-color: rgba(149, 121, 43, 0.4);
/* background-color: rgba(8, 4, 83, 1.0); */
border-radius: 10px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

/* -----------

フッター 青い部分

----------- */

.foot_bottom {
	background:#070054;
	color:#fff;
	overflow:hidden;
}
.foot_bottom .inner{
	max-width:1212px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
	align-items: center;
	padding:33px 20px 25px;
}
.foot_bottom .inner .right{
	order:2;
	width:38%;
}
.foot_bottom .inner .right .inner{
	background:#fff;
	padding:20px 10px;
	text-align:center;
}
.foot_bottom .inner .right .trip,.foot_bottom .inner .right .trust{
	display:inline-block;
	vertical-align:middle;
}
.foot_bottom .inner .left{
	width:100%;
}
.foot_bottom .inner a{
	color:#fff;
}
.foot_bottom .left dt{
	float:left;
	max-width: 263px;
}
.foot_bottom .left dd{
	padding:0 0 0 50px;
	text-align:left;
	display: flex;
}
.foot_bottom .left dd ul {
	margin: 0 30px 0 0;
}
.foot_bottom .left dd ul:last-child {
	margin: 0;
}
.foot_bottom .left dd ul li{
	margin:0 0 10px;
}
.foot_bottom .left dd ul li a{
	font-size:1.6rem;
}
.foot_bottom .left dd ul li a span{
	margin:0 4px 0 0;
}
.foot_bottom .left dt a:hover{
	border:none;
}

@media only screen and (max-width: 1200px) {
.foot_bottom .inner .right {
	width:60%;
	text-align:right;
}
.foot_bottom .inner .right .inner{
	display:inline-block;
}
.foot_bottom .inner .left {
	width:40%;
}
.foot_bottom .left dt {
	float:none;
	margin:0 0 20px;
}
.foot_bottom .left dd {
	padding:0;
}
}
@media only screen and (max-width: 1040px) {
.foot_bottom .left dd ul {
	display:block;
}
.foot_bottom .left dd ul li{
	display:inline-block;
	vertical-align:top;
	width:auto;
	margin:0 10px 10px 0;
}
.foot_bottom .left dd ul li:last-child{
	margin:0;
}
}
@media only screen and (max-width: 790px) {
.foot_bottom .inner {
	display:block;
}
.foot_bottom .inner .right,.foot_bottom .inner .left{
	width:100%;
	text-align:center;
}
.foot_bottom .inner .right {
	margin:0 0 30px;
}
	.foot_bottom .left dt {
		max-width: 100%;
	}
.foot_bottom .left dd ul {
	text-align:center;
	display: none;
}
.foot_bottom .left dd ul li a{
	font-size:1.4rem;
}
}

#login{
	font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo !important;
	padding-top: 10px !important;
}
@media only screen and (max-width: 600px) 
{
#login{
	padding: 0 0 0 25px !important;
	text-align: left !important;
}
}

p.center{
	text-align:center;
	margin:0 auto 50px auto;
}

p.center img{
	width:100%;
	max-width:960px;
}
.sp{
	display:none;
}
.pc{
	display:inherit;
}

@media screen and (max-width: 560px){
.sp{
	display:inherit;
}
.pc{
	display:none;
}
}

.sub-header ul {
	float:right;
	padding:15px 5px 0 0;
}
.sub-header ul li{
	float:left;
	margin:0 10px 0 0;
}

.sub-header ul.fix_nav.pc {
	margin-right: 20px;
	padding-top: 20px;
}
.sub-header ul.fix_nav.pc li {
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #ccc;
}
.sub-header ul.fix_nav.pc li:last-child {
	margin-right: 0;
	padding-right: 0;
	border: none;
}
.sub-header ul.fix_nav.pc li {
	font-size: 14px;
}

@media only screen and (max-width: 960px) 
{
.sub-header ul {
	float:right;
	padding:5px 5px 0 0;
}
}
@media only screen and (max-width: 460px) 
{
.sub-header ul {
	float:right;
	padding:8px 5px 0 0;
}
.sub-header ul li{
	margin:0 6px 0 0;
}
.sub-header ul li img{
	width:20px;
	height:20px;
}
.sub-header .menu img{width: 70px;}
.sub-header .menu{width: 80px;height: 40px;padding-top:5px;}
}


/* -----------
予約
----------- */
/* .box-yoyaku .inner div{border: 1px solid #fff;} */
.box-yoyaku {
  background:linear-gradient(to bottom, rgba(8, 4, 83, 1.0), rgba(8, 4, 83, 1.0) 100%);
  text-align: center;
  color: #fff;
  width: 100%;
}
.box-yoyaku .inner{
  max-width: 1440px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  /* border: 1px solid #fff; */
}
@media only screen and (max-width: 960px) {
  .box-yoyaku .inner{padding: 20px;}
}

.box-yoyaku ul li label{cursor: pointer;}

.yoyaku-btn-margin {margin-top:-50px;}
@media only screen and (max-width: 960px) {
  .yoyaku-btn-margin {margin-top:10px;}
}

/* -----------

予約モジュール

----------- */
.box-yoyaku .inner {
	max-width:1000px;
	text-align:left;
}
.box-yoyaku .inner .left{
	float:left;
	text-align:center;
	padding-top:10px;
}
.box-yoyaku .inner .left .title{
	font-size:2.8rem;
	font-weight:bold;
	margin-bottom:10px;
}
.box-yoyaku .inner .left .btn {
	color:#fff;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:6px;
	font-size:16px;
	padding:7px 10px;
}
.box-yoyaku .inner .right{
	padding:0 0 0 190px;
	position:relative;
}
.box-yoyaku .inner .right .top {
	margin-bottom:10px;
}
.box-yoyaku .inner .right .top li{
	display:inline-block;
	vertical-align:top;
	max-width:100px;
	width:100%;
	text-align:center;
	margin:0 10px 0 0;
}
.box-yoyaku .inner .right .top li:first-child{
	max-width:150px;
}
.box-yoyaku .inner .right .top li:last-child{
	margin:0;
}
.box-yoyaku .inner .right .top li p:first-child{
	font-size:18px;
	margin-bottom:5px;
	font-weight:bold;
}
.box-yoyaku .inner .right .top li select{
	width:100%;
}
.box-yoyaku .inner .right .bottom li {
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	margin:0 10px 5px 0;
}
.box-yoyaku .inner .right .bottom li:last-child {
	margin:0;
}
.box-yoyaku .inner .right .bottom li label{
	margin:0 0 0 5px;
	padding:0;
}
.box-yoyaku .inner .right .yoyakubtn {
	position:absolute;
	top:18px;
	right:0;
}
.box-yoyaku .inner .right .yoyakubtn button{
	background-color: rgba(149, 121, 43, 1.0);
	color: #fff;
	padding: 14px 40px;
	border: 0px;
	font-size:18px;
	font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	cursor:pointer;
	display:block;
}
@media only screen and (max-width: 960px) {
.box-yoyaku input[type="text"],.box-yoyaku .inner .right .yoyakubtn button {
	width:100% !important;
	border-radius:0 !important;
}
}
@media only screen and (max-width: 915px) {
.box-yoyaku .inner .left{
	float:none;
	text-align:left;
	padding:0 0 5px;
	margin-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	text-align:center;
}
.box-yoyaku .inner .left .title,.box-yoyaku .inner .left .btn {
	display:inline-block;
}
.box-yoyaku .inner .left .btn {
	margin:0 0 6px 10px;
}
.box-yoyaku .inner .left .title {
	margin:0;
}
.box-yoyaku .inner .right{
	padding:0;
}
.box-yoyaku .inner .right .yoyakubtn {
    top: 8px;
}
}
@media only screen and (max-width: 768px) {
.box-yoyaku .inner .left .title {
	font-size:20px;
}
.box-yoyaku .inner .left .btn ,.box-yoyaku .inner .right .bottom li {
	font-size:13px;
}
.box-yoyaku .inner .right .top li p:first-child {
	font-size:15px;
}
.box-yoyaku .inner .right .yoyakubtn button {
	font-size:15px;
	padding:14px 20px;
}
}
@media only screen and (max-width: 665px) {
.box-yoyaku .inner .right .yoyakubtn {
	position:static;
	margin:10px 0 0;
}
}
@media only screen and (max-width: 540px) {
.box-yoyaku .inner .right .top li,.box-yoyaku .inner .right .top li:first-child {
	display:block;
	max-width:none;
}
.box-yoyaku .inner .right .top li p:first-child{
	float:left;
	text-align:left;
	padding:8px 0 0;
}
.box-yoyaku .inner .right .top li p:last-child{
	padding:0 0 0 60px;
}
.box-yoyaku .inner .right .top li p:last-child input,.box-yoyaku .inner .right .top li select{
	font-size:14px;
	padding:3px 10px;
}
}

/* -----------

トピックススライダー

----------- */
/* -----------

トピックススライダー

----------- */
.basicTitle {
	text-align:center;
	margin-bottom:30px;
}
.infoBox {
	padding:65px 0;
	border-bottom: 1px solid rgba(203, 203, 203, 1.0);
	margin-bottom:65px;
}
.infoBox .infoList {
	margin:0 auto 65px;
	padding:0 55px;
}
.infoBox .infoList dt {
	float:left;
	clear:both;
	padding-top:2px;
}
.infoBox .infoList dd {
	padding:0 0 0 200px;
	margin-bottom:15px;
}
.infoBox .infoList dd a,
.menuModal .infoList dd a {
	padding-right: 34px;
	background-image: url(../img/icn-arrow-right.svg);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: right center;
	font-weight:bold;
	font-size:20px;
}

.topicsSlider {
	position:relative;
	padding:0 40px;
	margin-bottom:50px;
}
.topicsSlider li {
	margin:0 15px;
}
.slick-arrow {
	width:30px !important;
	height:30px !important;
	border-radius:50%;
	border:1px solid rgba(149, 121, 43, 1.0);
	background:none;
	font-size:0;
	position:absolute;
	top:-14px;
	bottom:0;
	margin:auto 0;
}
.slick-arrow.slick-prev {
	left:0;
}
.slick-arrow.slick-next {
	right:0;
}
.slick-arrow.slick-prev:after,
.slick-arrow.slick-next:after {
	content:"";
	position:absolute;
	top:9px;
	width:10px;
	height:10px;
	border-top: 1px solid rgba(149, 121, 43, 1.0);
    border-right: 1px solid rgba(149, 121, 43, 1.0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-arrow.slick-prev:after {
	-webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	left:11px;
}
.slick-arrow.slick-next:after {
	right:12px;
}
.topicsSlider li img {
	display:block;
	margin:0 0 15px;
}

.btnWrap {
	text-align:center;
}

.menuModal {
	padding:0 20px;
}
.menuModal .basicTitle {
	margin-bottom:20px;
}
.menuModal .topicsModal {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	margin-bottom:40px;
}
.menuModal .topicsModal li {
	width:48%;
	margin:0 4% 0 0;
}
.menuModal .topicsModal li:last-child {
	margin:0;
}
.menuModal .topicsModal li img {
	display:block;
	margin-bottom:15px;
}

.menuModal .infoList {
	overflow:hidden;
}
.menuModal .infoList dt{
	float:left;
	clear:both;
}
.menuModal .infoList dt img{
	width:80px;
}
.menuModal .infoList dt span{
	display:none;
}
.menuModal .infoList dd{
	min-height:80px;
	padding:0 0 0 100px;
	margin-bottom:10px;
}
.menuModal .infoList dd span{
	font-size: 1.4rem;
	display:block;
}

@media screen and (max-width: 640px){
.basicTitle {
	margin-bottom:20px;
}

.infoBox {
    padding: 45px 0;
    margin-bottom: 45px;
}
.infoBox .infoList {
    margin: 0 auto 40px;
	padding:0 10px;
}
.infoBox .infoList dt {
	float:none;
	font-size:14px;
}
.infoBox .infoList dd {
	padding:0;
	margin-bottom:10px;
}
.infoBox .infoList dd a, .menuModal .infoList dd a {
	font-size:1.6rem;
	font-weight:normal;
}

.menuModal .infoList dt span {
	font-size:14px;
}

.topicsSlider {
	padding:0 30px;
	margin-bottom:40px;
}
.topicsSlider li {
	margin:0 10px;
}
.slick-arrow.slick-prev,
.slick-arrow.slick-next {
	width:25px;
	height:25px;
	top:-48px;
}
}
@media screen and (max-width: 468px){
.menuModal .infoList dt {
	float:none;
}
.menuModal .infoList dt span{
	display:block;
}
.menuModal .infoList dt img,.menuModal .infoList dd span{
	display:none;
}
.menuModal .infoList dd {
	padding:0;
	min-height:0;
}

}


.ui-datepicker {
width: 17em !important;
padding: .2em .2em 0 !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
   padding: .2em !important;
   text-align: right !important;
   text-decoration: none !important; 
}
.ui-datepicker td span,
.ui-datepicker td a {
   padding: .3em !important;
   text-align: right !important;
   text-decoration: none !important; 
   font-size:.7em !important;
}
.ui-datepicker .ui-datepicker-title,.ui-datepicker th {
	font-size:1.4rem;
}
.ui-datepicker {
    width: 12em !important;
}

.btnWrap li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
@media screen and (max-width: 468px){
	.btnWrap li {
		display: block;
		margin: 0 0 10px;
	}
	.btnWrap li a {
		display: block;
		width: 100%;
	}
}

#login{
	font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo !important;
	padding-top: 10px !important;
}
@media only screen and (max-width: 600px) 
{
#login{
	padding: 0 0 0 25px !important;
	text-align: left !important;
}
}

.topicsSlider {
	position:relative;
	padding:0 40px;
	margin-bottom:50px;
}
.topicsSlider li {
	margin:0 15px;
}
.slick-arrow {
	width:30px !important;
	height:30px !important;
	border-radius:50%;
	border:1px solid rgba(149, 121, 43, 1.0);
	background:none;
	font-size:0;
	position:absolute;
	top:-14px;
	bottom:0;
	margin:auto 0;
}
.slick-arrow.slick-prev {
	left:0;
}
.slick-arrow.slick-next {
	right:0;
}
.slick-arrow.slick-prev:after,
.slick-arrow.slick-next:after {
	content:"";
	position:absolute;
	top:9px;
	width:10px;
	height:10px;
	border-top: 1px solid rgba(149, 121, 43, 1.0);
    border-right: 1px solid rgba(149, 121, 43, 1.0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-arrow.slick-prev:after {
	-webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	left:11px;
}
.slick-arrow.slick-next:after {
	right:12px;
}
.topicsSlider li img {
	display:block;
	margin:0 0 15px;
}

.btnWrap {
	text-align:center;
}
@media screen and (max-width: 640px){
.basicTitle {
	margin-bottom:20px;
}

.infoBox {
    padding: 45px 0;
    margin-bottom: 45px;
}
.infoBox .infoList {
    margin: 0 auto 40px;
	padding:0 10px;
}
.infoBox .infoList dt {
	float:none;
	font-size:14px;
}
.infoBox .infoList dd {
	padding:0;
	margin-bottom:10px;
}
.infoBox .infoList dd a, .menuModal .infoList dd a {
	font-size:1.6rem;
	font-weight:normal;
}

.menuModal .infoList dt span {
	font-size:14px;
}

.topicsSlider {
	padding:0 30px;
	margin-bottom:40px;
}
.topicsSlider li {
	margin:0 10px;
}
.slick-arrow.slick-prev,
.slick-arrow.slick-next {
	width:25px;
	height:25px;
	top:-48px;
}
}

/* 202403 改修 */
.top_point {
    max-width: 960px;
    margin: 50px auto 100px;
}
.top_point *{
    transition: .45s;
}
.top_point .list {
    display: flex;
    flex-wrap: wrap;
}
.top_point .list li {
    width: 31.25%;
    margin: 0 3.125% 23px 0;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    aspect-ratio: 1 / 1;
}
.top_point .list li:nth-child(3n) {
    margin: 0 0 23px;
}
.top_point .list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top_point .list li .txt {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.top_point .list li .txt .inner {
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 25px 33px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 25%;
}
.top_point .list li .txt .inner .ttl {
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
}
.top_point .list li .txt .inner .comment {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: 0s;
}
.top_point .list li:hover .txt .inner {
    height: 100%;
    background: rgba(255,255,255,.85);
    color: #000;
}
 .top_point .list li:hover .txt .inner .ttl {
     margin-bottom: 15px;
}
.top_point .list li:hover .txt .inner .comment {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0s;
    transition-delay: 0s;
}
@media only screen and (max-width: 900px) {	
    .top_point .list li,.top_point .list li:nth-child(3n) {
        width: 48%;
        margin: 0 4% 23px 0;
    }
    .top_point .list li:nth-child(2n) {
        margin: 0 0 23px;
    }
	.top_point #feature h2 {
		font-size: 2.2rem;
	}
	.top_point #feature h2+p {
		font-size: 1.6rem;
	}
    /*.top_point .list li:hover .txt .inner {
        font-size: 12px;
    }
    .top_point .list li:hover .txt .inner .ttl {
        font-size: 16px;
    }*/
}
@media only screen and (max-width: 610px) {
    .top_point {
        margin: 40px auto 70px;
    }
    .top_point .list {
        display: block;
    }
    .top_point .list li {
        width: 100% !important;
        margin: 0 0 23px !important;
    }
}

.planguide {
    background-color: #dbe5e5;
   /* border: 1px solid rgba(230,230,230,1);*/
    padding: 50px 30px;
    /*max-width: 960px;*/
    /*margin: 0 auto;*/
    text-align: center;
}

.topicsSlider li img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.top_contents {
    max-width: 960px;
    margin: 100px auto 50px;
}
.top_contents * {
    transition: .45s;
}
.top_contents .list {
    display: flex;
    flex-wrap: wrap;
}
.top_contents .list li {
    width: calc(50% - 2px);
    margin: 0 4px 4px 0;
}
.top_contents .list li:nth-child(2n) {
    margin: 0 0 4px;
}
.top_contents .list li a {
    display: block;
    position: relative;
}
.top_contents .list li a img {
    aspect-ratio: 478 / 174;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.top_contents .list li a .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.top_contents .list li a .txt .inner {
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 25px 33px;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 25%;
}
.top_contents .list li a .txt .inner .ttl {
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
}
.top_contents .list li a .txt .inner .comment {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: 0s;
}
.top_contents .list li:hover a .txt .inner {
    height: 100%;
    background: rgba(255,255,255,.85);
    color: #000;
}
.top_contents .list li:hover a .txt .inner .ttl {
     margin-bottom: 15px;
}
.top_contents .list li:hover a .txt .inner .comment {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0s;
    transition-delay: 0s;
}
@media only screen and (max-width: 768px) {
    .top_contents .list li a img {
        aspect-ratio: 1 / 1;
    }
    .top_contents .list li a .txt .inner {
        padding: 25px 10px;
    }
}
@media only screen and (max-width: 500px) {
    .top_contents .list {
        display: block;
    }
    .top_contents .list li {
        width: 100%;
        margin: 0 0 4px !important;
    }
    .top_contents .list li a img {
        aspect-ratio: 478 / 190;
    }
    .top_contents .list li a .txt .inner {
        padding: 25px 10px;
    }
}

.top_banner {
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
}
.top_banner li {
    margin: 0 15px 0 0;
	width: calc(calc(67.6% - 30px) / 2);
}
.top_banner li:first-child {
	width: 32.4%;
}
.top_banner li:last-child {
    margin: 0;
}
.top_banner li a {
    display: block;
    line-height: 0;
}
.top_banner li a img {
    width: 100%;
	height: 100%;
}
.top_banner li:first-child img {
	aspect-ratio: 350 / 157;
	height: 157px;
}
.top_banner li a.discount {
    width: 100%;height: 100%;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #070054;
}
.top_banner li a.discount span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: rgba(0,0,0,0.5);
    padding: 15px;
}
@media only screen and (max-width: 500px) {
    .top_banner {
        display: block;
    }
    .top_banner li,.top_banner li:first-child {
        width: 100%;
        margin: 0 0 15px;
    }
}

.sp_float {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: #070054;
}
.sp_float p,.sp_float a {
    width: 20%;
    height: 55px;
    border-right: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp_float .inner {
	display: block;

}
.sp_float p .ttl,.sp_float a .ttl {
	display: block;
	color: #fff;
	font-size: 10px;
	margin-top: 3px;
}
.sp_float .menu .inner img {
	width: 25px;
	height: 18px;
}
.sp_float a:nth-child(2) .inner img {
	width: 16px;
	height: 21px;
}
.sp_float a:nth-child(3) .inner img {
	width: 20px;
	height: 24px;
}
.sp_float a:nth-child(4) .inner img {
	width: 24px;
	height: 20px;
}
.sp_float a:nth-child(5) .inner img {
	width: 23px;
	height: 21px;
}
@media only screen and (min-width: 561px) {
    .sp_float {
        display: none;
    }
}

.flex_menu {
    padding: 25px 20px 5px;
}
.flex_menu .inner {
    display: flex;
    flex-wrap: wrap;
}
.flex_menu .inner a {
    width: 31%;
    margin: 0 3.5% 20px 0;
    background: #fff;
    color: rgba(7,4,83,1.0);
    border: 1px solid rgba(204,204,204,1.0);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    text-align: center;
    padding: 15px 0;
    position: relative;
    overflow: hidden;
	font-size: 14px;
}
.flex_menu .inner a:before {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color:rgba(0,0,0,.05);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.flex_menu .inner a:hover {
    color: rgba(7,4,83,1.0);
}
.flex_menu .inner a:hover:before {
    left: 0;
}
.flex_menu .inner a .img {
    line-height: 0;
    margin-bottom: 7px;
}
.flex_menu .inner a:nth-child(3n) {
    margin: 0 0 20px;
}

.flex_submenu {
    padding: 0 20px;
    text-align: center;
    padding-bottom: 30px;
}
.flex_submenu li {
    display: inline-block;
    margin: 0 20px 10px 0;
}
.flex_submenu li:last-child {
    margin: 0 0 10px;
}
.flex_submenu li a {
    font-size: 15px;
}

.iziModal {
    height: 100% !important;
    background-color: rgba(237, 235, 223, 1.0) !important;
}
.flex_menu_top {
    background: #fff !important;
    padding: 23px 0;
}

.room_servise {
    margin: 120px 0 100px;
}
.room_servise .flex {
    max-width: 1200px;
    margin: 0 auto;
}
.room_servise .flex .box {
    width: 33.33%;
    padding: 0 40px;
    border-right: 1px solid #ccc;
}
.room_servise .flex .box:last-child {
    margin: 0;
    border: none;
}
.room_servise .flex .box .img {
    line-height: 0;
    margin: 0 auto 25px;
    text-align: center;
    background-color: rgba(237,235,223,1);
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.room_servise .flex .box .txt {
    font-size: 15px;
}
.room_servise .flex .box .txt .ttl {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px;
    color: rgba(149,121,43,1);
}
.room_servise .flex .box .txt dl {
    display: flex;
    flex-wrap: wrap;
}
.room_servise .flex .box .txt dl dt {
    width: 130px;
    margin: 0 20px 10px 0;
    background-color: rgba(237,235,223,1);
    padding: 5px 10px;
}
.room_servise .flex .box .txt dl dd {
    width: calc(100% - 150px);
    margin: 0 0 10px;
    padding: 5px 0;
}

.room_list {
    display: flex;
    flex-wrap: wrap;
}
.room_list .box {
    width: 31.93%;
    margin: 0 2.105% 30px 0;
    padding: 5px 5px 95px 5px;
    background-color: rgba(244, 244, 244, 1.0);
    box-sizing: border-box;
    position: relative;
}
.room_list .box:nth-child(3n) {
    margin: 0 0 30px;
}
.room_list .box .img {
    border: 5px solid rgba(244, 244, 244, 1.0);
    margin-bottom: 10px;
    box-sizing: border-box;
    display: block;
}
.room_list .box .img img {
    width: 100%;
    height: auto;
}
.room_list .box .txt {
    padding: 0 15px;
}
.room_list .box .txt .fsllll {
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.room_list .box .txt .fsllll a:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("../assets/img/icn-arrow-right.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right center;
    vertical-align: middle;
    margin: -2px 0 0 15px;
}
.room_list .box .txt dl {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
}
.room_list .box .txt dl dt {
    width: 110px;
    background: #ccc;
    padding: 10px;
    border-bottom: 1px solid #999;
}
.room_list .box .txt dl dd {
    width: calc(100% - 110px);
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #999;
}
.room_list .box .txt dl dt:nth-last-of-type(1),
.room_list .box .txt dl dd:last-child{
    border-bottom: none;
}
.room_list .box .txt ul:not(.type) {
    display: flex;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
.room_list .box .txt ul:not(.type) li {
    width: 48%;
    margin: 0 4% 0 0;
}
.room_list .box .txt ul:not(.type) li:last-child {
    margin: 0;
}
.room_list .box .txt ul:not(.type) li a {
    width: 100%;
}
.room_list .box .txt ul.type {
	display: flex;
	font-size: 12px;
	margin: 0 0 20px;
}
.room_list .box .txt ul.type li {
	margin: 0 5px 0 0;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(calc(100% - 10px) / 3);
}
.room_list .box .txt ul.type li:first-child {
	/*flex: 1;*/
}
.room_list .box .txt ul.type li:nth-child(2) {
	/*flex: 1.5;*/
}
.room_list .box .txt ul.type li:last-child {
	margin: 0;
	/*flex: 2;*/
}

.amenity_list {
    display: flex;
    flex-wrap: wrap;
}
.amenity_list li {
    width: 31.93%;
    margin: 0 2.105% 30px 0;
}
.amenity_list li:nth-child(3n) {
    margin: 0 0 30px;
}
.amenity_list li .img {
    padding: 10px;
    line-height: 0;
    background-color: rgba(244, 244, 244, 1.0);
    box-sizing: border-box;
    margin-bottom: 10px;
}
.amenity_list li .img img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 1020px) {
    .room_list .box .txt ul li {
        width: 49%;
        margin: 0 2% 5px 0;
    }
    .room_list .box .txt ul li:last-child {
        margin: 0;
    }
}
@media only screen and (max-width: 960px) {
    .room_list {
        display: block;
    }
    .room_list .box {
        width: 100%;
        margin: 0 0 20px;
    }
    .room_servise .flex .box .txt dl {
        display: block;
    }
    .room_servise .flex .box .txt dl dt,.room_servise .flex .box .txt dl dd {
        width: 100%;
    }
}
@media only screen and (min-width: 791px) {
    .room_list .box .img:hover {
        border: 5px solid rgba(149,121,43,1);
    }
}
@media only screen and (max-width: 790px) {
    .room_servise .flex .box {
        width: 50%;
        border: none;
        margin: 0 0 30px;
    }

    .room_list .box .img img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }

    .amenity_list {
        display: block;
    }
    .amenity_list li {
        width: 100%;
        margin: 0 0 30px;
    }
}
@media only screen and (max-width: 500px) {
    .room_servise {
        margin: 90px 0 60px;
    }
    .room_servise .flex {
        display: block;
    }
    .room_servise .flex .box {
        width: 100%;
        border: none;
        padding: 0 20px;
        margin: 0 0 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #ccc;
    }
    .room_servise .flex .box:last-child {
        margin: 0;
    }
    .room_servise .flex .box .txt dl {
        display: flex;
    }
    .room_servise .flex .box .txt dl dt {
        width: 130px;
        margin: 0 20px 10px 0;
        background-color: rgba(237,235,223,1);
        padding: 5px 10px;
    }
    .room_servise .flex .box .txt dl dd {
        width: calc(100% - 150px);
        margin: 0 0 10px;
        padding: 5px 0;
    }
    .room_list .box .txt ul:not(.type) li a {
        font-size: 13px;
    }
}

.under_nav {
    margin: 100px auto 50px;
}
.under_nav * {
    transition: .45s;
}
.under_nav .list {
    display: flex;
    flex-wrap: wrap;
}
.under_nav .list li {
    width: calc(calc(100% - 12px) / 4);
    margin: 0 4px 4px 0;
}
.under_nav .list li:nth-child(4n) {
    margin: 0 0 4px;
}
.under_nav .list li a {
    display: block;
    position: relative;
}
.under_nav .list li a img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.under_nav .list li a .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.under_nav .list li a .txt .inner {
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 25px 33px;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 25%;
}
.under_nav .list li a .txt .inner .ttl {
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
}
.under_nav .list li a .txt .inner .comment {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: 0s;
}
.under_nav .list li:hover a .txt .inner {
    height: 100%;
    background: rgba(255,255,255,.85);
    color: #000;
}
.under_nav .list li:hover a .txt .inner .ttl {
     margin-bottom: 15px;
}
.under_nav .list li:hover a .txt .inner .comment {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0s;
    transition-delay: 0s;
}
@media only screen and (max-width: 960px) {
    .under_nav .list li,.under_nav .list li:nth-child(3n) {
        width: calc(50% - 2px);
        margin: 0 4px 4px 0;
    }
    .under_nav .list li:nth-child(2n) {
        margin: 0 0 4px;
    }
    .under_nav .list li a .txt .inner {
        padding: 25px 10px;
    }
}
@media only screen and (max-width: 500px) {
    .under_nav .list {
		display: block;
    }
	.under_nav .list li {
		width: 100% !important;
		margin: 0 0 4px !important;
	}
}
.dline_ttl {
    font-size: 3.2rem;
    color: rgba(0,0,0,1.0);
    line-height: 140%;
    font-weight: 400;
    border-bottom: 4px double rgba(222,193,108,1.0);
    margin-bottom: 30px;
}
.font_s {
    font-size: 14px;
}

#room_detail {
    margin: 70px 0;
}
#room_detail .lead {
    margin-bottom: 60px;
}
#room_detail .category {
    margin-bottom: 30px;
}
#room_detail .category li {
    display: inline-block;
    padding: 8px 10px;
    background: rgba(149,121,43,0.2);
    font-size: 14px;
    margin: 0 5px 5px 0;
}
#room_detail .category li:last-child {
    margin: 0;
}
#room_detail .basic {
    display: flex;
    margin-bottom: 50px;
}
#room_detail .basic .sliderbox {
    width: 61.76%;
    margin: 0 3% 0 0;
}
#room_detail .basic .sliderbox .swiper-container .swiper-wrapper .swiper-slide {
    width: 100% !important;
}
#room_detail .basic .sliderbox .swiper-container.slider .swiper-wrapper .swiper-slide {
    margin-bottom: 10px;
}
#room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
    width: 20% !important;
}
#room_detail .basic .sliderbox .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
}
#room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-next,
#room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-prev{
    font-size: 0;
    background: rgba(149,121,43,0.8);
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    margin: 0;
    transition: .3s;
}
#room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-prev{
    left: 0;
    right: auto;
}
#room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-next:after,
#room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-prev:after{
    color: #fff;
    font-size: 22px;
}
#room_detail .basic .right {
    width: 35.24%;
}
#room_detail .basic .right figure {
    aspect-ratio: 1 / 1;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #f9f9f9;
}
#room_detail .basic .right figure img {
    width: 100%;
    height: auto;
}

.iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#room_detail .iframe {
    margin-bottom: 50px;
}
#room_detail .amenitybox .sttl {
    margin-bottom: 30px;
    margin-top: 50px;
}
#room_detail .amenitybox .sttl:first-child {
    margin-top: 0;
}
#room_detail .amenitybox .amenity_list,
#room_detail .amenitybox .pt-td{
    margin-bottom: 30px;
}

@media only screen and (min-width: 791px) {
    #room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-next:hover,
    #room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-prev:hover{
        background: rgba(149,121,43,0.5);
    }
}
@media only screen and (max-width: 790px) {
    .dline_ttl {
        font-size: 2.6rem;
        margin-bottom: 24px;
    }

    #room_detail .lead {
        margin-bottom: 40px;
    }
    #room_detail .basic {
        display: block;
    }
    #room_detail .basic .sliderbox,#room_detail .basic .right {
        width: 100%;
    }
    #room_detail .basic .sliderbox {
        margin: 0 0 30px;
    }
    #room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-next:after,
    #room_detail .basic .sliderbox .swiper-container.slider-thumbnail .swiper-button-prev:after{
        color: #fff;
        font-size: 19px;
    }
	
	#room_detail .iframe {
		padding-bottom: 0;
		height: auto;
	}
	#room_detail .iframe iframe {
		width: 100%;
		height: 550px;
		position: static;
	}
}

#feature .pointbox {
    margin-bottom: 80px;
}
#feature .pointbox .box {
    padding: 35px 40px;
    margin-bottom: 40px;
}
#feature .pointbox .box:nth-child(odd) {
    background: #dbe5e5;
}
#feature .pointbox .box:nth-child(even) {
    background: #ebe8df;
}
#feature .pointbox .box h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
#feature .pointbox .box h3+p {
    line-height: 1.667;
    margin-bottom: 30px;
}
#feature .pointbox .box .gallery {
    display: flex;
}
#feature .pointbox .box .gallery a {
    width: 32.3%;
    margin: 0 1.55% 0 0;
    line-height: 0;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
#feature .pointbox .box .gallery a:last-child {
    margin: 0;
}
#feature .pointbox .box .gallery a:after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url("../img/feature/scale.png") no-repeat;
    background-position: center;
    background-size: 20px;
}
#feature .pointbox .box .gallery a img {
    width: 100%;
    height: auto;
}
.lg-image {
    max-height: 80vh !important;
}
.lg-outer {
          background: rgba(0,0,0,0.8) !important;
}
#lg-download {
          display: none;
}

#feature .supportbox {
    margin: 70px 0 0;
}
#feature .supportbox .twoclum,
#feature .supportbox .threeclum{
    display: flex;
    flex-wrap: wrap;
}
#feature .supportbox .twoclum .box,
#feature .supportbox .threeclum .box{
    padding: 10px 10px 20px 10px;
    background-color: rgba(244, 244, 244, 1.0);
}
#feature .supportbox .twoclum .box {
    width: 48.98%;
    margin: 0 2.04% 30px 0;
}
#feature .supportbox .threeclum .box {
    width: 31.93%;
    margin: 0 2.105% 30px 0;
}
#feature .supportbox .twoclum .box:nth-child(2n),
#feature .supportbox .threeclum .box:nth-child(3n){
    margin: 0 0 30px;
}
#feature .supportbox .twoclum .box .img,
#feature .supportbox .threeclum .box .img{
    line-height: 0;
    margin: 0 0 15px;
}
#feature .supportbox .twoclum .box .img img,
#feature .supportbox .threeclum .box .img img{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    #feature .pointbox .box {
        padding: 25px 20px 0;
        margin-bottom: 20px;
    }
    #feature .pointbox .box .gallery {
        margin: 0 -20px;
    }
    #feature .pointbox .box .gallery a {
        width: 33.33%;
        border-radius: 0;
        margin: 0;
    }
    #feature .pointbox .box h3 + p {
        margin: 0 0 20px;
    }

    #feature .supportbox .twoclum, #feature .supportbox .threeclum {
        display: block;
    }
    #feature .supportbox .twoclum .box,#feature .supportbox .threeclum .box {
        width: 100%;
        margin: 0 0 20px;
    }
    #feature .supportbox .twoclum .box .img img,#feature .supportbox .threeclum .box .img img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
}

.imgtxt {
    margin: 50px 0 80px;
}
.imgtxt dt {
    line-height: 0;
    margin-bottom: 25px;
}
.imgtxt dt img {
    width: 100%;
    height: auto;
}

.simglist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.simglist li {
    width: 48.52%;
    margin: 0 2.96% 50px 0;
}
.simglist li:nth-child(2n) {
    margin: 0 0 50px;
}
.simglist li .img {
    line-height: 0;
    margin-bottom: 20px;
}
.simglist li .img img {
    width: 100%;
    height: auto;
}

.manners {
    text-align: center;
    margin-bottom: 100px;
}
.manners a {
    display: inline-block;
    color: #fff;
    background-color: rgba(149,121,43,1);
    text-align: center;
    padding: 20px 40px;
    font-weight: 700;
}
.manners a span {
    display: block;
    margin: 15px 0 0;
}

@media only screen and (max-width: 960px) {
    .imgtxt {
        margin: 50px 0;
    }
    .imgtxt dt {
        margin-bottom: 15px;
    }
    .imgtxt dt img {
        aspect-ratio: 3 / 2;
    }

    .simglist {
        margin-bottom: 30px;
    }
    .simglist li,.simglist li:nth-child(2n) {
        margin-bottom: 30px;
    }
    .simglist li .img {
        margin-bottom: 10px;
    }

    .manners a img {
        height: 60px;
        width: auto;
    }
}

#breakfast .bg_imgtxt {
    background-color: rgba(244, 244, 244, 1.0);
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
#breakfast .bg_imgtxt dt {
    margin: 0 0 25px;
}
#breakfast .bg_imgtxt dt img {
    width: 100%;
    height: auto;
}
#breakfast .bg_imgtxt dd {
    padding: 0 10px 25px;
}
#breakfast .bg_imgtxt dd p {
    margin-bottom: 30px;
}
#breakfast .bg_imgtxt dd p:last-child {
    margin-bottom: 0;
}
#breakfast .bg_imgtxt dd .ttl {
    font-size: 2.2rem;
    line-height: 160%;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
}
#breakfast .bg_imgtxt dd p.center {
    text-align: center;
}

#breakfast .twoclum {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#breakfast .twoclum .box,#breakfast .threeclum .box {
    background-color: rgba(244, 244, 244, 1.0);
    padding: 10px;
    box-sizing: border-box;
}
#breakfast .twoclum .box {
	width: 48.91%;
    margin: 0 2.18% 40px 0;
}
#breakfast .twoclum .box:nth-child(2n) {
    margin: 0 0 40px;
}
#breakfast .twoclum .box dt,#breakfast .threeclum .box dt {
    margin-bottom: 20px;
}
#breakfast .twoclum .box dt img,#breakfast .threeclum .box dt img {
    width: 100%;
    height: auto;
}
#breakfast .twoclum .box dd,#breakfast .threeclum .box dd {
    padding: 0 10px 25px;
}
#breakfast .twoclum .box dd .ttl,#breakfast .threeclum .box dd .ttl {
    font-size: 2.0rem;
    line-height: 160%;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
}

#breakfast .rsvbtn {
    text-align: center;
}
#breakfast .rsvbtn a {
    display: inline-block;
    max-width: 300px;
}
@media only screen and (min-width: 769px) {
	#breakfast .threeclum {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	#breakfast .threeclum .box {
		width: 32.65%;
		margin: 0 1.025% 30px 0;
	}
	#breakfast .threeclum .box:nth-child(3n) {
		margin: 0 0 30px;
	}
}
@media only screen and (max-width: 768px) {
    #breakfast .bg_imgtxt dt img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }

    #breakfast .twoclum {
        display: block;
    }
    #breakfast .twoclum .box,#breakfast .twoclum .box:nth-child(2n) {
        width: 100%;
        margin: 0 0 20px;
    }

	#breakfast .threeclum {
		margin: 0 -10px;
	}
	#breakfast .threeclum .box {
		margin: 0 10px;
	}
	#breakfast .threeclum .slick-dots {
		display: flex;
		justify-content: center;
		margin: 0 0 40px;
	}
	#breakfast .threeclum .slick-dots li {
		margin: 0 7px;
	}
	#breakfast .threeclum .slick-dots li button{
		margin: 0;
		padding: 0;
		font-size: 0;
		width: 12px;
		height: 12px;
		background: #ccc;
		border-radius: 50%;
		border: none;
		cursor: pointer;
	}
	#breakfast .threeclum .slick-dots li.slick-active button {
		background: rgba(8, 4, 83, 1.0);
	}
    /*#breakfast .threeclum .box,#breakfast .threeclum .box:nth-child(3n) {
        width: 48%;
        margin: 0 4% 20px 0;
    }
    #breakfast .threeclum .box:nth-child(2n) {
        margin: 0 0 20px;
    }*/
	#breakfast .threeclum .box dd .ttl {
		font-size: 1.8rem;
	}

#breakfast .threeclum　.slick-track {
  display: flex;
}
#breakfast .threeclum　.slick-slide {
  height: auto !important;
}
}

#service .bg_imgtxt {
    background-color: rgba(244, 244, 244, 1.0);
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
#service .bg_imgtxt dt {
    margin: 0 0 25px;
}
#service .bg_imgtxt dt img {
    width: 100%;
    height: auto;
}
#service .bg_imgtxt dd {
    padding: 0 10px 25px;
}
#service .bg_imgtxt dd p {
    margin-bottom: 30px;
}
#service .bg_imgtxt dd p:last-child {
    margin-bottom: 0;
}
#service .bg_imgtxt dd .ttl {
    font-size: 2.2rem;
    line-height: 160%;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
}
#service .bg_imgtxt dd p.center {
    text-align: center;
}

#service .icon {
    background-color: rgba(149,121,43,.1);
    padding: 50px 30px 10px;
    display: flex;
    flex-wrap: wrap;
}
#service .icon dl {
    width: 23%;
    margin: 0 2.66% 40px 0;
}
#service .icon dl:nth-child(4n) {
    margin: 0 0 40px;
}
#service .icon dl dt {
    background: #fff;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;;
}
#service .icon dl dd {
    font-size: 1.5rem;
}
#service .icon dl dd .ttl {
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    color: rgba(149,121,43,1);
    font-size: 1.8rem;
}

#service .threeclum {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#service .threeclum .box {
    width: 32.65%;
    margin: 0 1.025% 30px 0;
    background-color: rgba(244, 244, 244, 1.0);
    padding: 10px;
    box-sizing: border-box;
}
#service .threeclum .box:nth-child(3n) {
    margin: 0 0 30px;
}
#service .threeclum .box dt {
    margin-bottom: 20px;
}
#service .threeclum .box dt img {
    width: 100%;
    height: auto;
}
#service .threeclum .box dd {
    padding: 0 10px 15px;
}
#service .threeclum .box dd .ttl {
    font-size: 2.0rem;
    line-height: 160%;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
}
#service .threeclum .box dd .ttl:last-child {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    #service .bg_imgtxt dt img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
    #service .icon dl,#service .icon dl:nth-child(4n) {
        width: 48%;
        margin: 0 4% 30px 0;
    }
    #service .icon dl:nth-child(2n) {
        margin: 0 0 30px;
    }
    #service .threeclum {
        display: block;
    }
    #service .threeclum .box,#service .threeclum .box:nth-child(2n) {
        width: 100%;
        margin: 0 0 20px;
    }
}

#access .mapblock {
    margin-bottom: 100px;
}
#access .mapblock figure {
    line-height: 0;
}
#access .mapblock figure img {
    width: 100%;
    height: auto;
}
#access .mapblock .maplink {
    text-align: center;
}
#access .mapblock .maplink a {
    padding-left: 30px;
    padding-right: 30px;
}
#access .tab-area {
    display: flex;
    margin-bottom: 60px;
}
#access .tab-area li {
    width: 23%;
    margin: 0 2.66% 0 0;
}
#access .tab-area li:last-child {
    margin: 0;
}
#access .tab-area li.active {
    pointer-events: none;
    background: #fff;
    color: rgba(149,121,43,1);
    border: 2px solid rgba(149,121,43,1);
}
#access .tab-area li .img {
    height: 60px;
    margin-bottom: 10px;
}
#access .tab-area li:first-child .img {
    background: url("../../access/img/access.svg") no-repeat;
    background-size: 120px;
    background-position: center;
}
#access .tab-area li:nth-child(2) .img {
    background: url(../../access/img/bus.svg) no-repeat;
    background-size: 60px;
    background-position: center;
}
#access .tab-area li:nth-child(3) .img {
    background: url("../../access/img/airport2.svg") no-repeat;
    background-size: 60px;
    background-position: center;
}
#access .tab-area li:nth-child(4) .img {
    background: url("../../access/img/taxi.svg") no-repeat;
    background-size: 60px;
    background-position: center;
}
#access .tab-area li:first-child.active .img {
    background: url("../../access/img/g_access.svg") no-repeat;
    background-size: 120px;
    background-position: center;
}
#access .tab-area li:nth-child(2).active .img {
    background: url(../../access/img/g_bus.svg) no-repeat;
    background-size: 60px;
    background-position: center;
}
#access .tab-area li:nth-child(3).active .img {
    background: url("../../access/img/g_airport2.svg") no-repeat;
    background-size: 60px;
    background-position: center;
}
#access .tab-area li:nth-child(4).active .img {
    background: url("../../access/img/g_taxi.svg") no-repeat;
    background-size: 60px;
    background-position: center;
}
#access .panel-area .panel {
    display: none;
}
#access .panel-area .panel.active {
    display: block;
}
#access .panel-area .panel figure {
    text-align: center;
    line-height: 0;
}
#access .panel-area .panel figure img {
    max-width: 1000px;
    width: 100%;
    height: auto;
}
#access .linkgroup {
    display: flex;
    justify-content: center;
}
#access .linkgroup a {
	width: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2.66% 0 0;
    padding: 14px;
}
#access .linkgroup a:last-child {
    margin: 0;
}
#access .linkgroup a .img {
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    #access .mapblock {
        margin: 40px 0 80px;
    }
    #access .mapblock figure{
        margin-bottom: 25px;
    }

    #access .tab-area {
        flex-wrap: wrap;
    }
    #access .tab-area li,#access .tab-area li:last-child {
        width: 49%;
        margin: 0 2% 10px 0;
    }
    #access .tab-area li:nth-child(2n) {
        margin: 0 0 10px;
    }
	#access .linkgroup a {
		width: 49%;
		margin: 0 2% 0 0;
	}
}
/*@media only screen and (max-width: 500px) {
    #access .linkgroup {
        display: block;
    }
    #access .linkgroup a {
        width: 100%;
        margin: 0 0 20px;
    }
}
*/
.time_tag span {
	background: #fff;
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #ccc;
	margin: 15px 0 0;
}
@media only screen and (max-width: 960px) {
	.time_tag span {
		font-size: 1.3rem;
	}
}

.anchor {
	display: flex;
	flex-wrap: wrap;
}
.anchor li {
	margin: 0 10px 10px 0;
}
.anchor li a {
	display: block;
	color: #fff;
	background: rgba(149,121,43,1);
	padding: 10px 40px 10px 20px;
	position: relative;
}
.anchor li a:after {
	content: "";
	position: absolute;
	top: -3px;
	bottom: 0;
	right: 15px;
	margin: auto 0;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.anchorpad {
	margin-top: -60px;
	padding-top: 60px;
}
@media only screen and (min-width: 769px) {
	.anchor li a:hover {
		opacity: 0.7;
	}
}
@media only screen and (max-width: 768px) {
	.anchor {
		justify-content: space-between;
		margin-bottom: 35px;
	}
	.anchor li {
		width: calc(50% - 7px);
		margin: 0 0 15px;
	}
	.anchor li:first-child {
		width: 100%;
	}
	.anchor li a {
		padding: 10px 35px 10px 15px;
		font-size: 15px;
	}
}