@charset "UTF-8";
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイル */

/************************************
** 基本設定
************************************/

body {
	background-color: #0D0D0D;
	color: #fff;
	font-size: 16px;
	line-height: 1.75;
}

#body ul, #body ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#body dl, #body dt, #body dd {
	margin: 0;
	padding: 0;
}
#body a {
	color: #fff;
}

::selection {
  background-color: #fff;
  color: #000;
}

#container {
	padding: 0;
	margin: 0 auto;
}


/* PC */
@media screen and (min-width:751px) {
	.pc-only {
		display: block;
	}
	.sp-only {
		display: none;
	}
}

/* スマホ */
@media screen and (max-width:750px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	
	#body {
		width: 100%;
		margin: 0 auto;
	}
	
}



/************************************
** ナビゲーション
************************************/

header #h-top {
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}
header nav {
	margin: 0 0 0 auto;
	padding: 0;
}
header nav #navi .menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
header nav #navi .menu li {
	font-size: 14px;
}
header nav #navi .menu li a {
	
}
header #navi #navi .menu > li {
	margin-right: 20px;
}

/* mobile menu */
header #mobile-navi {
	display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  float: inherit;
  background-color: #000;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  margin-left: 0 !important;
}
#mobile-navi-in {
  width: 90%;
  margin: 10vw auto;
}
#mobile-navi #mobile-navi-header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  width: 95%;
  margin: 0 auto 0 5%;
  padding: 5% 0;
}
#mobile-navi #mobile-navi-header #mobile-navi-logo {
  width: 50%;
  max-width: 242px;
}
#mobile-navi #mobile-navi-header #mobile-navi-logo a,
#mobile-navi #mobile-navi-header #mobile-navi-logo a img {
  display: block;
  line-height: 1;
}
#mobile-navi #mobile-navi-header .member_loginout {
  line-height: 1;
  margin: 0 0 0 auto;
}
#mobile-navi #mobile-navi-header .member_loginout a {
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
#mobile-navi #mobile-navi-header .member_loginout #member-mypage.avator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  /* 上下中央寄せ */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  width: 38px;
  height: 38px;
}
#mobile-navi #mobile-navi-header .member_loginout #member-mypage.avator a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 38px;
  color: #000;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
}
#mobile-navi #mobile-navi-header .member_loginout #member-mypage.avator a:hover {
  opacity: 0.7;
}
#mobile-navi #mobile-navi-header .reservation {
  margin-right: 55px;
}
#mobile-navi #mobile-navi-header .reservation a {
  display: block;
  background-color: #000;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding: 12px 18px;
  font-size: 18px;
  margin-left: 20px;
  border: 1px solid #fff;
}
#mobile-navi #mobile-navi-in {
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 3rem 0;
}
#mobile-navi #mobile-navi-in > figure {
  width: calc(100% - 500px);
}
#mobile-navi #mobile-navi-in #mobile-navi-content {
  position: relative;
  width: 450px;
}
#mobile-navi #mobile-navi-in #mobile-navi-content .mobile-menu-newsletter {
  position: absolute;
  right: 0;
  bottom: 0;
}
#mobile-navi .mobile-navi-menu {
  width: 100%;
  margin: 0 auto 5vw auto;
  padding: 0;
  list-style-type: none;
}
#mobile-navi .mobile-navi-menu li {
  font-size: 18px;
  margin-bottom: 1em;
}
#mobile-navi .mobile-navi-menu li a {
  color: #fff;
}

#mobile-menu-newsletter {
  position: absolute;
  bottom: 0;
  width: 470px;
}
#mobile-menu-newsletter h5 {
  font-size: 16px;
}
#mobile-menu-newsletter .newsletter-submit p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mobile-menu-newsletter form {
  position: relative;
}
#mobile-menu-newsletter form input[type="email"] {
  display: block;
  width: 260px;
  background-color: transparent;
  color: #fff;
  margin: 0;
  padding: 13px 16px;
}
#mobile-menu-newsletter form ::placeholder {
  color: #fff !important;
}
#mobile-menu-newsletter form input[type="submit"] {
  display: block;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  margin: 0 0 0 10px;
  padding: 8px 32px;
}
#mobile-menu-newsletter form .wpcf7-not-valid-tip {
  position: absolute;
  font-size: 12px;
}
#mobile-menu-newsletter form .wpcf7-response-output {
  font-size: 12px;
  color: #000;
  margin: 0;
  padding: 0;
}
#mobile-menu-newsletter form .wpcf7-list-item {
  margin: 0;
}
#mobile-menu-newsletter form .wpcf7-list-item input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: #222;
  width: 1em;
  height: 1em;
  top: 5px;
}
#mobile-menu-newsletter form .wpcf7-list-item input[type="checkbox"]:checked::before {
  position: absolute;
  top: -4px;
  left: 1px;
  content: '✔';
  color: #fff;
}
#mobile-menu-newsletter form .wpcf7-list-item-label {
  font-size: 12px;
}
#mobile-menu-newsletter form .wpcf7-list-item-label a {
  color: #fff;
  text-decoration: underline;
}
#mobile-menu-newsletter form .wpcf7-list-item-label a:hover {
  text-decoration: none;
}
#mobile-menu-newsletter .wpcf7 form .wpcf7-response-output {
  border-color: transparent;
  color: #46b450;
}

#mobile-navi-close {
  position: fixed;
  right: 2.5vw;
  top: 37px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#mobile-navi-close span{
  display: block;
  background-color: rgba(0,0,0,0);
  margin: 0 auto;
	position: relative;
	top: 0px;
  width: 30px;
	height: 30px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
#mobile-navi-close span:before,
#mobile-navi-close span:after {
  position: absolute;
	content: '';
}
#mobile-navi-close span:before,
#mobile-navi-close span:after {
  position: absolute;
  top: 15px;
	width: 30px;
	height: 1px;
	background-color: #fff;
	display: block;
  opacity: 1;
}
#mobile-navi-close span:before {
	transition-property: margin, transform;
	transition-duration: .2s;
  margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
#mobile-navi-close span:after {
	transition-property: margin, transform;
	transition-duration: .2s;
  margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}


header #h-top nav#gnavi{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
}
header #h-top nav#gnavi #navi{
  display: none;
}
header #h-top nav#gnavi #navi ul{
	
}
header #h-top nav#gnavi #navi ul li{
	
}
header #h-top .member_loginout {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  line-height: 1;
}
header #h-top .member_loginout a {
  cursor: pointer;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-size: 18px;
	/*font-family: yana,sans-serif;*/
  white-space: nowrap;
}
.page-template-cookie-policy-page header #h-top .member_loginout a,
.page-template-about-page header #h-top .member_loginout a,
.page-template-terms-and-conditions-page header #h-top .member_loginout a,
.page-template-privacy-policy-page header #h-top .member_loginout a,
.page-template-for-japan-page header #h-top .member_loginout a {
	color: #000;
}
header #h-top .member_loginout #member-mypage {
  margin: 0 1em 0 0;
}
header #h-top .member_loginout #member-mypage.avator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  /* 上下中央寄せ */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  width: 38px;
  height: 38px;
}
header #h-top .member_loginout #member-mypage.avator a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 38px;
  color: #000;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  /*border: 1px solid #eee;*/
}
header #h-top .member_loginout #member-mypage.avator a:hover {
  opacity: 0.7;
}
header #h-top .is_login {
	
}
header #h-top .is_logout {
	
}
header #h-top .reservation {
	
}
header #h-top .reservation a {
	display: block;
	/*background-color: #000;*/
	color: #fff;
	line-height: 1;
	text-align: center;
	padding: 12px 18px;
	font-size: 18px;
	/* font-family: yana,sans-serif; */
	margin-left: 20px;
	border: 1px solid #fff;
}
.page-template-cookie-policy-page header #h-top .reservation a,
.page-template-about-page header #h-top .reservation a,
.page-template-terms-and-conditions-page header #h-top .reservation a,
.page-template-privacy-policy-page header #h-top .reservation a,
.page-template-for-japan-page header #h-top .reservation a {
	border: 1px solid #000;
	color: #000;
}
header #h-top .reservation a:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	opacity: 1;
}
.page-template-cookie-policy-page header #h-top .reservation a:hover,
.page-template-about-page header #h-top .reservation a:hover,
.page-template-terms-and-conditions-page header #h-top .reservation a:hover,
.page-template-privacy-policy-page header #h-top .reservation a:hover,
.page-template-for-japan-page header #h-top .reservation a:hover {
	background-color: #000;
	color: #fff;
	border: 1px solid #fff;
}


/* PC */
@media screen and (min-width:961px) {
	#header nav#mobile-navi {
		display: none !important;
	}
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	header #h-top nav#gnavi #navi {
		display: none;
	}
	header #h-top nav#gnavi .reservation {
		margin-left: auto;
	}
	
	header nav#mobile-navi {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		float: inherit;
		background-color: #000;
		width: 100%;
		height: 100vh;
		padding-top: 0;
		margin-left: 0 !important;
	}
  #mobile-navi .mobile-navi-header {
    display: none;
  }
	#mobile-navi-in {
		width: 90%;
		margin: 10vw auto;
	}
	
	
	#mobile-navi .mobile-navi-menu {
		width: 100%;
		margin: 0 auto 5vw auto;
		padding: 0;
		list-style-type: none;
	}
	#mobile-navi .mobile-navi-menu > li {
		font-size: 20px;
		letter-spacing: 0.1em;
		margin: 0;
		padding: 0;
	}
	#mobile-navi .mobile-navi-menu > li a {
		position: relative;
		display: block;
		color: #fff !important;
		text-align: center;
		padding: 5px 0;
	}
	#mobile-navi-footer {
		width: 100%;
	}
  
	#mobile-navi-footer .reservation a {
		display: block;
		width: 100%;
		background-color: #fff;
		font-size: 23px;
		line-height: 1;
		color: #000;
		text-align: center;
		padding: .7em 0;
	}
	#mobile-navi-footer ul {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		list-style-type: none;
		margin: 10vw 0 0 0;
		padding: 0;
	}
	#mobile-navi-footer ul li {
		width: 100%;
	}
	#mobile-navi-footer ul li a{
		display: block;
		width: 100%;
		line-height: 1;
		color: #fff;
		text-align: center;
	}
	#mobile-navi-footer ul li a img{
		display: inline-block;
		width: 18px;
		height: auto;
		vertical-align: middle;
		margin-right: .5em;
	}
	
	#mobile-navi-close {
		position: fixed;
		right: 20px;
		top: 15px;
		display: block;
		background: url(/wp/wp-content/themes/simplicity2-child/images/icon_close.png) no-repeat left center;
		background-size: contain;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	header #h-top .member_loginout {
    margin-right: 70px;
  }
  header #h-top .member_loginout a {
    font-size: 14px;
  }
	header #h-top nav#gnavi {
		display: none;
	}
	header #h-top .reservation {
		display: none;
	}
  
	header nav#mobile-navi {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		float: inherit;
		background-color: #000;
		width: 100%;
		height: 100vh;
		padding-top: 0;
		margin-left: 0 !important;
	}
	#mobile-navi-in {
		width: 90%;
		margin: 10vw auto;
	}
	#mobile-navi #mobile-navi-header .reservation {
    display: none;
  }
  #mobile-navi #mobile-navi-header .member_loginout {
		display: none;
	}
	
	#mobile-navi .mobile-navi-menu {
		width: 100%;
		margin: 0vw auto 5vw auto;
		padding: 0;
		list-style-type: none;
	}
	#mobile-navi .mobile-navi-menu > li {
		font-size: 20px;
		margin: 0 0 1em 0;
		padding: 0;
	}
	#mobile-navi .mobile-navi-menu > li a {
		position: relative;
		display: block;
		color: #fff !important;
		text-align: left;
		padding: 3px 0;
	}
	#mobile-navi-footer {
		width: 100%;
	}
	#mobile-navi-footer ul {
		width: 100%;
		list-style-type: none;
		margin: 15vw 0 0 0;
		padding: 0;
	}
	#mobile-navi-footer ul li {
		width: 100%;
    margin-bottom: 20px;
	}
	#mobile-navi-footer ul li a {
		display: block;
		width: 100%;
    background-color: #000;
    font-size: 20px;
		line-height: 1;
		color: #fff;
		text-align: center;
    padding: .5em 0;
    border: 1px solid #fff;
	}
  #mobile-navi-footer ul li a:hover {
    background-color: #fff;
		color: #000;
    opacity: 1;
    cursor: pointer;
	}
	#mobile-navi-footer ul li a img {
		display: inline-block;
		width: 18px;
		height: auto;
		vertical-align: middle;
		margin-right: .5em;
	}
  #mobile-navi-footer ul#mobile-navi-sign li.signup {
    
  }
  #mobile-navi-footer ul#mobile-navi-sign li.signup a {
    display: block;
    width: inherit;
    font-size: 16px;
    margin: 0 auto;
    padding: .5em 0;
    border: none;
    cursor: pointer;
  }
  #mobile-navi-footer ul#mobile-navi-sign li.signup a:hover {
		background-color: inherit;
    color: inherit;
	}
	
	#mobile-navi-close {
		position: fixed;
		right: 20px;
		top: calc(2.5% + 5px);
		display: block;
		/*background: url(/wp/wp-content/themes/simplicity2-child/images/icon_close.png) no-repeat left center;*/
		background-size: contain;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	
}



/*************************************************************************

** modal signup

**************************************************************************/

#modal-signup {
	display: none;
}
#modal-signup-overlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
#modal-signup-in {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10001;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 90%;
	max-width: 1240px;
  height: 90vh;
  background-color: #000;
  border: 1px solid #fff;
  margin: 0 auto;
  padding: 60px 0;
  overflow-y: auto;
}
#modal-signup #modal-signup-title {
  width: 90%;
  max-width: 850px;
  font-size: 40px;
  color: #fff;
  margin: 0 auto .5em auto;
}
#modal-signup #modal-signup-title + p {
  width: 90%;
  max-width: 850px;
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
  margin: 1em auto;
}
#modal-signup #wpmem_reg {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
}
#modal-signup #wpmem_reg form fieldset {
  position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
  margin: 40px auto 20px auto;
}
#modal-signup #wpmem_reg form fieldset .field {
  width: 47.5%;
}

/*#modal-signup #wpmem_reg form .field:nth-child(4),*/
#modal-signup #wpmem_reg form .field:nth-child(5),
#modal-signup #wpmem_reg form .field:nth-child(6),
#modal-signup #wpmem_reg form .field:nth-child(7),
/*#modal-signup #wpmem_reg form .field:nth-child(9),*/
/*#modal-signup #wpmem_reg form .field:nth-child(10),*/
#modal-signup #wpmem_reg form .field:nth-child(11),
#modal-signup #wpmem_reg form .field:nth-child(16){
  /*display: none;*/
  visibility: hidden;
  position: absolute;
}
#modal-signup #wpmem_reg form .recaptcha-container {
  position: absolute;
  right: 0;
  bottom: 100px;
}

#modal-signup #wpmem_reg form fieldset .field:has(.log) { order: 1; }
#modal-signup #wpmem_reg form fieldset .field:has(.pwd) { order: 2; }
#modal-signup #wpmem_reg form fieldset input[name="a"] { order: 3; }
#modal-signup #wpmem_reg form fieldset input[name="redirect_to"] { order: 4; }
#modal-signup #wpmem_reg form fieldset .link-text { order: 5; }
#modal-signup #wpmem_reg form fieldset .button_div { order: 6; }

#modal-signup #wpmem_reg legend {
  display: none;
}
#modal-signup #wpmem_reg + small.note {
  display: block;
  text-align: center;
}
#modal-signup #wpmem_reg .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #707070;
}
#modal-signup #wpmem_reg form .field:nth-child(14),
#modal-signup #wpmem_reg form .field:nth-child(15){
  /*width: 230px;*/
  font-size: 12px;
  margin: 1rem auto 0;
  padding: 0 25%;
  border-bottom: none;
}
#modal-signup #wpmem_reg form .field:nth-child(14) input,
#modal-signup #wpmem_reg form .field:nth-child(15) input {
  display: inline-block;
  margin-right: 1em;
}
#modal-signup #wpmem_reg form .field:nth-child(14) a {
  color: #fff;
}
#modal-signup #wpmem_reg .div_text {
  position: relative;
  margin-bottom: 0;
}
#modal-signup #wpmem_reg .div_text input {
  display: block;
  margin-left: auto;
}
#modal-signup #wpmem_reg fieldset label {
  position: relative;
  /*top: 1.8em;*/
  top: 0em;
}
#modal-signup #wpmem_reg fieldset .field label .req {
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
}
#modal-signup #wpmem_reg .button_div {
	margin: 30px auto 0;
}
#modal-signup #wpmem_reg .button_div #rememberme,
#modal-signup #wpmem_reg .button_div #rememberme + label {
  display: none;
}
#modal-signup #wpmem_reg .link-text-forgot,
#modal-signup #wpmem_reg .link-text-forgot a {
  font-size: 12px;
  color: #fff;
}
#modal-signup #wpmem_reg .button_div input[type="submit"] {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #000;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: normal;
  padding: 1em 3em;
  border: 1px solid #fff;
  margin: 0 auto;
}
#modal-signup #wpmem_reg .button_div input[type="submit"]:hover {
  opacity: 0.7;
}
#modal-signup #wpmem_reg label {
  font-family: "inter-variable", sans-serif;
  color: #fff;
}
#modal-signup #wpmem_reg input[type="text"],
#modal-signup #wpmem_reg input[type="email"],
#modal-signup #wpmem_reg input[type="password"]{
  width: 100%;
  color: #fff;
  background-color: transparent;
  font-family: "inter-variable", sans-serif;
  text-align: right;
  border: none;
}

#modal-signup #modal-signup-close {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}
#modal-signup #modal-signup-close span{
  display: block;
  background-color: rgba(0,0,0,0);
  margin: 0 auto;
	position: relative;
	top: 0px;
  width: 30px;
	height: 30px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
#modal-signup #modal-signup-close span:before,
#modal-signup #modal-signup-close span:after {
  position: absolute;
	content: '';
}
/*#modal-signup #modal-signup-close span,*/
#modal-signup #modal-signup-close span:before,
#modal-signup #modal-signup-close span:after {
  position: absolute;
  top: 15px;
	width: 30px;
	height: 1px;
	background-color: #fff;
	display: block;
  opacity: 1;
}
#modal-signup #modal-signup-close span:before {
	/*margin-top: -12px;*/
	transition-property: margin, transform;
	transition-duration: .2s;
	/*transition-delay: .2s, 0;*/
  margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
#modal-signup #modal-signup-close span:after {
	/*margin-top: 12px;*/
	transition-property: margin, transform;
	transition-duration: .2s;
	/*transition-delay: .2s, 0;*/
  margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}
#modal-signup .wpmem_msg,
#modal-signup .req-text {
  display: none;
}

/* スマホ */
@media screen and (max-width:750px) {
  #modal-signup-in {
    top: 50%;
    height: 80vh;
    padding: 5vw 0;
    overflow-y: auto;
  }
  #modal-signup #modal-signup-close {
    right: 20px;
    top: 20px;
  }
  #modal-signup #modal-signup-title {
    font-size: 20px;
  }
  #modal-signup #modal-signup-title + p,
  #modal-signup-in .field label{
    font-size: 14px;
  }
  #modal-signup #wpmem_reg form fieldset {
    display: block;
    margin: 40px auto 20px auto;
  }
  #modal-signup #wpmem_reg form fieldset .field {
    width: 100%;
  }
  #modal-signup #wpmem_reg form .field:nth-child(14), #modal-signup #wpmem_reg form .field:nth-child(15) {
    width: 100%;
    padding: 0;
    font-size: 12px;
  }
  #modal-signup #wpmem_reg form .field:nth-child(15) label {
    font-size: 12px;
  }
  #modal-signup #wpmem_reg form .recaptcha-container {
    position: inherit;
    right: inherit;
    bottom: inherit;
  }
  #modal-signup #wpmem_reg form fieldset .button_div {
    max-width: 100%;
  }
  #modal-signup #wpmem_reg form fieldset .button_div input[type="submit"] {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 1em 0;
  }
}




/*************************************************************************

** modal signin

**************************************************************************/

#modal-signin {
	display: none;
}
#modal-signin-overlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
#modal-signin-in {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10001;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 90%;
	max-width: 1240px;
  background-color: #000;
  border: 1px solid #fff;
  margin: 0 auto;
  padding: 60px 0;
}
#modal-signin #modal-signin-title {
  width: 90%;
  max-width: 560px;
  font-size: 20px;
  color: #fff;
  margin: 1em auto;
}
#modal-signin #wpmem_login {
  width: 90%;
  max-width: 560px;
  margin: 0 auto;
}
#modal-signin #wpmem_login form fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#modal-signin #wpmem_login form fieldset .field:has(.log) { order: 1; }
#modal-signin #wpmem_login form fieldset .field:has(.pwd) { order: 2; }
#modal-signin #wpmem_login form fieldset input[name="a"] { order: 3; }
#modal-signin #wpmem_login form fieldset input[name="redirect_to"] { order: 4; }
#modal-signin #wpmem_login form fieldset .link-text { order: 5; }
#modal-signin #wpmem_login form fieldset .button_div { order: 6; }

#modal-signin #wpmem_login legend {
  display: none;
}
#modal-signin #wpmem_login .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  /*border-bottom: 1px solid #707070;*/
}
#modal-signin #wpmem_login .div_text {
  position: relative;
  margin-bottom: 0;
  /*border-bottom: 1px solid #707070;*/
}
#modal-signin #wpmem_login .div_text input {
  display: block;
  margin-left: auto;
}
#modal-signin #wpmem_login fieldset label {
  position: relative;
  /*top: 1.8em;*/
  top: 0em;
}
#modal-signin #wpmem_login .button_div {
	margin-top: 60px;
}
#modal-signin #wpmem_login .button_div #rememberme,
#modal-signin #wpmem_login .button_div #rememberme + label {
  display: none;
}
#modal-signin #wpmem_login .link-text-forgot,
#modal-signin #wpmem_login .link-text-forgot a {
  font-size: 12px;
  color: #fff;
}
#modal-signin #wpmem_login .button_div input[type="submit"] {
  width: 100%;
  background-color: #fff;
  color: #000;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: normal;
  letter-spacing: 0;
  border: 1px solid #fff;
}
#modal-signin #wpmem_login .button_div input[type="submit"]:hover {
  opacity: 0.7;
}
#modal-signin #wpmem_login label {
  font-family: "inter-variable", sans-serif;
  color: #fff;
}
#modal-signin #wpmem_login input[type="text"],
#modal-signin #wpmem_login input[type="password"]{
  width: 300px;
  color: #fff;
  background-color: transparent;
  font-family: "inter-variable", sans-serif;
  text-align: right;
  border: none;
}

#modal-signin #wpmem_login .button-backtohomes {
  display: none;
}

#modal-signin #modal-signin-signup {
	width: 90%;
	margin: 2em auto 0;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
#modal-signin #modal-signin-signup a {
	color: #fff;
	text-decoration: underline;
  cursor: pointer;
}
#modal-signin #modal-signin-signup a:hover {
	text-decoration: none;
}

#modal-signin #modal-signin-close {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}
#modal-signin #modal-signin-close span{
  display: block;
  background-color: rgba(0,0,0,0);
  margin: 0 auto;
	position: relative;
	top: 0px;
  width: 30px;
	height: 30px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
#modal-signin #modal-signin-close span:before,
#modal-signin #modal-signin-close span:after {
  position: absolute;
	content: '';
}
/*#modal-signin #modal-signin-close span,*/
#modal-signin #modal-signin-close span:before,
#modal-signin #modal-signin-close span:after {
  position: absolute;
  top: 15px;
	width: 30px;
	height: 1px;
	background-color: #fff;
	display: block;
  opacity: 1;
}
#modal-signin #modal-signin-close span:before {
	/*margin-top: -12px;*/
	transition-property: margin, transform;
	transition-duration: .2s;
	/*transition-delay: .2s, 0;*/
  margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
#modal-signin #modal-signin-close span:after {
	/*margin-top: 12px;*/
	transition-property: margin, transform;
	transition-duration: .2s;
	/*transition-delay: .2s, 0;*/
  margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}
#modal-signin .wpmem_msg {
  display: none;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  #modal-signin-in {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 100%;
    height: calc(100vh - 40vw);
    border: none;
    margin: 0 auto;
    padding: 20vw 0;
  }
  #modal-signin #wpmem_login fieldset .field {
    display: block;
  }
  #modal-signin #wpmem_login fieldset label {
    white-space: nowrap;
  }
  
  #modal-signin #wpmem_login input[type="text"],
  #modal-signin #wpmem_login input[type="password"]{
    width: 100%;
  }
  #modal-signin #modal-signin-close {
    right: 20px;
    top: 20px;
  }
  #modal-signin #wpmem_login .link-text-register{
    display: none;
  }
  #modal-signin #wpmem_login .button_div {
    margin-top: 40px;
  }
  
  

}



/************************************
** 投稿・ページ
************************************/

.entry-content img {
	display: block;
}
.page article h2 {
}

/* 共通ボタン */
.button_back_to_home {
	width: 300px;
	margin: 13.5rem auto 10rem auto;
}
.button_back_to_home a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	width: 100%;
	padding: 0.5em 0;
	font-size: 20px;
	text-align: center;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {

}

/* スマホ */
@media screen and (max-width:750px) {
  
  #body {
    padding-top: 17vw;
  }
  
  .button_back_to_home {
		width: 100%;
		margin: 9.3rem auto 10rem auto;
	}
  
}



/************************************
** footer
************************************/

footer {
	
}



/************************************
** 共通パーツ
************************************/

.sec_inner {
}
.sec_inner a img {
	webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	border: none !important;
	background: none !important;
}
.bx-loading{
	display: none;
}
.link_style1 {
}
.link_style1 a {
	position: relative;
	background: url(images/icon-arrow1.svg) no-repeat right center;
	background-size: 1em auto;
	border-bottom: 1px solid #707070;
	padding-right: 1.4em;
	font-size: 20px;
}
.link_style1 a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	background-color: #fff;
	width: 0;
	height: 1px;
	transition: all 0.3s ease;
}
.link_style1 a:hover {
	opacity: 1;
}
.link_style1 a:hover::after {
	width: 100%;
}
.link_style2 {
}
.link_style2 a {
	background: url(images/icon-arrow1.svg) no-repeat right center;
	background-size: 1em auto;
	padding-right: 1.4em;
	font-size: 16px;
	line-height: 1;
}
.button_style1 {
}
.button_style1 a {
	box-sizing: border-box;
	display: block;
	background-color: #fff;
	width: 100%;
	padding: 1em;
	font-size: 20px;
	color: #000 !important;
	text-align: center;
	line-height: 1;
}
.grecaptcha-badge {
  /*display: none;
  visibility: hidden;*/
}


/* スマホ */
@media screen and (max-width:750px) {
	
	
}


/************************************
** Form Initialize
************************************/

input:focus-visible {
  outline: none;
}






/************************************
** WP members
************************************/

/* login form */
#wpmem_login,
#wpmem_reg {
  
}
#wpmem_login legend,
#wpmem_reg legend {
  display: block;
  font-family: trajan-pro-3, sans-serif !important;
  font-weight: normal !important;
  color: #fff;
  padding-top: 2em;
  margin: 0 0 2em !important;
}
#wpmem_login .div_text,
#wpmem_reg .div_text {
  margin-bottom: 0 !important;
}
#wpmem_login .field,
#wpmem_reg .field {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #707070;
}
#wpmem_login .field label,
#wpmem_reg .field label {
  font-family: "inter-variable", sans-serif;
  color: #fff;
}
#wpmem_login .field input[type="text"],
#wpmem_login .field input[type="password"],
#wpmem_login .field input[type="text"]:focus,
#wpmem_login .field input[type="password"]:focus,
#wpmem_login .field input[type="text"]:autofill,
#wpmem_login .field input[type="password"]:autofill,
#wpmem_reg .field input[type="text"],
#wpmem_reg .field input[type="password"],
#wpmem_reg .field input[type="text"]:focus,
#wpmem_reg .field input[type="password"]:focus,
#wpmem_reg .field input[type="text"]:autofill,
#wpmem_reg .field input[type="password"]:autofill {
  font-family: "inter-variable", sans-serif;
  background-color: transparent !important;
  color-scheme: dark;
  color: #fff;
  text-align: right;
}

#wpmem_login .button_div,
#wpmem_reg .button_div {
	margin-top: 60px;
}
#wpmem_login .button_div #rememberme,
#wpmem_login .button_div #rememberme + label {
  display: none;
}
#wpmem_login .link-text-forgot,
#wpmem_login .link-text-forgot a {
  font-size: 12px;
  color: #fff;
}
#wpmem_login .button-backtohomes,
#wpmem_reg .button-backtohomes {
  display: none;
}
#wpmem_login .button_div input[type="submit"],
#wpmem_reg .button_div input[type="submit"] {
  width: 100%;
  background-color: transparent;
  color: #fff;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: normal;
  border: 1px solid #fff;
}
#wpmem_login .button_div input[type="submit"]:hover,
#wpmem_reg .button_div input[type="submit"]:hover {
  background-color: #fff;
  color: #000;
}




/************************************
** HOME(home)
************************************/

.home {
}

/* loading */
.home #loading {
  position: fixed;
  top: 0;
  z-index: 100000;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.home #loading img {
  width: 462px;
  height: auto;
  max-width: 80%;
}

.home .grecaptcha-badge {
  display: none;
}

/* mouse-stalker */
.home #mouse-stalker {
	position: fixed;
	z-index: 999;
	top: -100px;
	left: -100px;
	width: 200px;
	height: 200px;
	opacity: 0;
	pointer-events: none;
	transition: transform .3s ease-out;
}
.home #mouse-stalker span {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 100vh;
	background-color: rgba(0, 0, 0, 0.23);
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 24px;
	line-height: 1.83;
	text-align: center;
}


/* keyvisual */
.home #keyvisual {
  position: relative;
	width: 100%;
}
.home #keyvisual .sec_inner {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 12.5rem 0 10rem;
}
.home #keyvisual h1 {
	position: absolute;
	z-index: 60;
	left: 6.77%;
	bottom: 4.68rem;
	/* font-size: clamp(2.5rem, 0.096rem + 5.13vw, 6.25rem); */
	font-size: 40px;
	line-height: 1.38;
}
.home #keyvisual .bx-wrapper .bx-viewport li a {
  display: block;
  width: 100%;
}
.home #keyvisual .bx-wrapper .bx-viewport li a span {
  display: block;
  width: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 4/2.3;
}
.home #keyvisual .bx-wrapper .bx-viewport > li[aria-hidden="false"] {
  animation: anime_zoom 4s linear;
}
.home #keyvisual .bx-wrapper .bx-viewport > li[aria-hidden="true"] {
  transform: scale(1.2);
}
@keyframes anime_zoom {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
  }
}

/*
.home #keyvisual .kv_link_find {
	position: absolute;
	z-index: 11;
	top: 6.56rem;
	right: 17.7%;
	width: clamp(100px, 10.41vw ,200px);
	height: clamp(100px, 10.41vw ,200px);
}
.home #keyvisual .kv_link_find a {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 100vh;
	background-color: rgba(0, 0, 0, 0.23);
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: clamp(1rem, 0.679rem + 0.68vw, 1.5rem);
	line-height: 1.83;
	text-align: center;
}
*/
.home #keyvisual #kv-bxslider-wrap {
  position: relative;
	width: 64.58%;
	margin: 0 auto;
  cursor: pointer;
}
.home #keyvisual #kv-bxslider-wrap #kv-bxslider-sp {
	display: none;
}
.home #keyvisual #kv-bxslider-wrap .kv_bxslider li {
	position: relative;
}
.home #keyvisual #kv-bxslider-wrap .kv_bxslider li::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to right,  transparent 0%,transparent 65%,rgba(0,0,0,0.6) 100%);
}
.home #keyvisual #kv-bxslider-wrap .bx-controls {
	width: fit-content;
	margin: 1.12rem 0 0 auto;
}
.home #keyvisual #kv-bxslider-wrap .bx-wrapper:nth-child(2) .bx-controls {
  display: none;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-controls-direction {
	position: relative;
	width: 230px;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-controls-direction a {
	position: absolute;
	bottom: auto;
	top: auto;
	z-index: 99;
	width: auto;
	height: auto;
	text-indent: 0;
	color: #fff;
	font-size: 12px;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-controls-direction .bx-prev {
  left: 0;
	right: inherit;
	background: none;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-controls-direction .bx-next {
	left: inherit;
	right: 0;
	background: none;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-pager {
	position: relative;
	bottom: auto;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #505050;
	padding: 0 3em;
	width: auto;
	line-height: 1;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-pager.bx-default-pager a {
	background: linear-gradient(transparent 0% 45%, #505050 45% 55%, transparent 55% 100%);
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0;
	outline: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-pager.bx-default-pager a:hover,
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-pager.bx-default-pager a.active,
.home #keyvisual #kv-bxslider-wrap .bx-controls .bx-pager.bx-default-pager a:focus {
	background: linear-gradient(transparent 0% 45%, #fff 45% 55%, transparent 55% 100%);
}
.home #keyvisual .kv_link_about {
	/*position: relative;*/
  position: absolute;
  right: 0;
  bottom: -7vw;
	z-index: 12;
	width: 64.58%;
	margin: 0 auto 0;
	text-align: right;
}
.home #keyvisual div[class^="kv_bg_image"] {
	position: absolute;
	z-index: 1;
	opacity: 0.2;
	width: 65%;
}
.home #keyvisual .kv_bg_image1 {
  width: 65%;
  aspect-ratio: 836/417;
	bottom: 28.22vw;
	left: -51.1vw;
}
.home #keyvisual .kv_bg_image2 {
  width: 65%;
  aspect-ratio: 836/417;
	bottom: -7.8vw;
	left: 85.98vw;
}
.home #keyvisual .kv_bg_image1 div {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/wp/wp-content/themes/simplicity2-child/images/top/slider/top-yama-no-chaya.jpg');
  width: 100%;
  aspect-ratio: 836/417;
}
.home #keyvisual .kv_bg_image2 div {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/wp/wp-content/themes/simplicity2-child/images/top/slider/top-atami-kaihorou.jpg');
  width: 100%;
  aspect-ratio: 836/417;
}
.home #keyvisual #kv-bxslider-wrap .slider-progress{
	position: absolute;
	right: 65px;
	bottom: -28px;
	z-index: 99;
	width: 100px;
	height: 2px;
  border-radius:10px;
  background: #666;
  overflow:hidden;
}
.home #keyvisual #kv-bxslider-wrap .slider-progress span{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	height: 100%;
	background: #fff; 
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.home #mouse-stalker {
		display: none;
	}
	.home #keyvisual .sec_inner {
		padding: 0 0 4vw;
    overflow: visible;
	}
	.home #keyvisual h1 {
		left: 5vw;
		bottom: 20.11vw;
		font-size: 35px;
		line-height: 1.43;
	}
	/*
	.home #keyvisual .kv_link_find {
		display: none;
	}
	*/
	.home #keyvisual #kv-bxslider-wrap {
		width: 100%;
	}
	.home #keyvisual #kv-bxslider-wrap #kv-bxslider-pc {
		display: none;
	}
	.home #keyvisual #kv-bxslider-wrap #kv-bxslider-sp {
		display: block;
	}
  .home #keyvisual #kv-bxslider-wrap #kv-bxslider-sp li a span{
    display: block;
		height: 80vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}
	.home #keyvisual #kv-bxslider-wrap .kv_bxslider li::before {
		background: linear-gradient(to left, transparent 0%,rgba(0,0,0,0.8) 100%);
	}
  .home #keyvisual #kv-bxslider-wrap .bx-wrapper:nth-child(1) .bx-controls {
		display: none;
	}
  .home #keyvisual #kv-bxslider-wrap .bx-wrapper:nth-child(2) .bx-controls {
    display: block;
    margin: 1rem 5vw 0 auto;
  }
  .home #keyvisual #kv-bxslider-wrap .bx-controls .bx-controls-direction {
    width: 200px;
  }
  .home #keyvisual #kv-bxslider-wrap .slider-progress {
    position: absolute;
    bottom: -25px;
    right: calc(5vw + 50px);
    width: 100px;
  }
	.home #keyvisual .kv_link_about {
		display: none;
	}
	.home #keyvisual div[class^="kv_bg_image"] {
		display: none;
	}
  

}



/* Find */
.home #find {
	background-color: #222222;
	width: 100%;
}
.home #find .sec_inner {
	width: 64.58%;
	margin: 0 auto;
	padding: 3.75rem 0 4.31rem;
}
.home #find .sec_inner h2 {
	font-size: 20px;
}
.home #find #find-search .search_box {
  position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: 1rem;
}
.home #find #find-search .search_box input[type="search"] {
	display: block;
	border: 1px solid #707070;
	background-color: #222222;
	width: 82.66%;
	padding: 1em 1.5em;
	color: #fff;
}
.home #find #find-search .search_box input[type="search"]::placeholder {
	color: #CECECE;
}
.home #find #find-search .search_box #map-close:after {
  content: "";
  position: absolute;
  left: 79%;
  top: 22px;
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  font-size: 16px;
  transform: rotate(45deg);
  cursor: pointer;
}
.home #find #find-search .search_box.open #map-close:after {
  top: 26px;
  transform: rotate(-135deg);
}
.home #find #find-search .search_box button {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	background-color: #222;
	width: 14.51%;
	margin: 0;
	padding: 1em 0;
	font-size: clamp(0.75rem, 0.51rem + 0.51vw, 1.125rem);
	font-weight: normal;
	color: #fff;
}
.home #find #find-search #find-search-map {
	display: none;
  position: absolute;
  left: 0;
  top: 56px;
  z-index: 20;
  width: calc(82.66% - 2px);
  height: 50vw;
  background: #222 url("images/map.png") no-repeat center center;
  background-size: 80%;
  border: 1px solid #707070;
}
.home #find #find-search #find-search-map ul li {
  position: absolute;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}
.home #find #find-search #find-search-map ul li:before {
  content: "";
  position: absolute;
  left: -25px;
  top: -3px;
  display: inline-block;
  background: url("images/checkbox-off.svg") no-repeat center center;
  width: 19px;
  height: 19px;
}
.home #find #find-search #find-search-map ul li.selected:before {
  background: url("images/checkbox-on.svg") no-repeat center center;
}
.home #find #find-search #find-search-map ul li#map-hokkaido       {left: 45%; top: 10%;}
.home #find #find-search #find-search-map ul li#map-honshu-north   {left: 75%; top: 30%;}
.home #find #find-search #find-search-map ul li#map-honshu-east    {left: 70%; top: 50%;}
.home #find #find-search #find-search-map ul li#map-honshu-central {left: 30%; top: 30%;}
.home #find #find-search #find-search-map ul li#map-honshu-west    {left: 15%; top: 42%;}
.home #find #find-search #find-search-map ul li#map-shikoku        {left: 45%; top: 60%;}
.home #find #find-search #find-search-map ul li#map-kyushu         {left: 15%; top: 65%;}

.home #find #find-tag {
  display: none;
	margin-top: 3.75rem;
}
.home #find #find-tag .tag_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.home #find #find-tag .tag_list li {
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 100vh;
	background: #fff url(images/icon-dot1.svg) no-repeat 1.2em center;
	background-size: 0.35em;
	width: fit-content;
	margin: 1em 1em 0 0;
	padding: 0.5em 1.8em 0.5em 2.5em;
	font-size: 14px;
	color: #000;
	text-align: center;
	cursor: pointer;
}
.home #find #find-tag .tag_list .select {
	border: 1px solid #414141;
	background: #000 url(images/icon-cross1.svg) no-repeat 1em center;
	background-size: 0.7em;
	color: #fff;
}
.home #find .find_button {
	display: none;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	.home #find {
		background-color: inherit;
	}
	.home #find .sec_inner {
		width: 90%;
		padding: 14vw 0 5.5vw;
	}
	.home #find .sec_inner > form {
		display: none;
	}
	.home #find .find_button {
		display: block;
	}
	.home #find .find_button a {
		box-sizing: border-box;
		display: block;
    background: #fff url(images/icon-filter.svg) no-repeat 87% center;
		background-size: 1.2em auto;
		padding: 1em 1em 1em 0;
		font-size: 20px;
		text-align: center;
		color: #000;
	}

}



/* Culture */
.home #culture {
	width: 100%;
}
.home #culture .sec_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 64.58%;
	margin: 0 auto;
	padding: 4.87rem 0 5rem;
}
.home #culture .sec_inner figure {
	width: 40.32%;
}
.home #culture .sec_inner .culture_text {
	width: 50%;
}
.home #culture .sec_inner .culture_text h2 {
	font-size: 40px;
	line-height: 1.4;
}
.home #culture .sec_inner .culture_text p {
	margin: 2.8em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
.home #culture .sec_inner .culture_text .culture_link {
	margin-top: 3rem;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	.home #culture .sec_inner {
		display: block;
		width: 90%;
		padding: 5.5vw 0 12vw;
	}
	.home #culture .sec_inner figure {
		width: 100%;
	}
	.home #culture .sec_inner .culture_text {
		width: 100%;
	}
	.home #culture .sec_inner .culture_text h2 {
		margin-top: 0.8em;
		font-size: 24px;
	}
	.home #culture .sec_inner .culture_text p {
		margin: 1.5em 0 0;
	}
	.home #culture .sec_inner .culture_text .culture_link {
		margin-top: 1.2em;
	}

}



/* Link */
.home #link {
	width: 100%;
}
.home #link .sec_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 95.83%;
	margin: 0 auto;
	padding: 5rem 0 4.5rem;
}
.home #link .sec_inner div[id^="link-"] {
	width: 32.5%;
	aspect-ratio: 1 / 0.41575492341356673;
	transition: background-size 1s cubic-bezier(.23,1,.32,1), opacity .6s cubic-bezier(.23,1,.32,1);
}
.home #link .sec_inner div[id^="link-"] a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.62);
	width: 100%;
	height: 100%;
	font-size: 30px;
	text-align: center;
	line-height: 1.38;
}
.home #link .sec_inner #link-find {
	background: url(images/top/find-img1.jpg) no-repeat center center;
	background-size: 100% auto;
}
.home #link .sec_inner #link-loyalty {
	background: url(images/top/loyalty-img1.jpg) no-repeat center center;
	background-size: 100% auto;
}
.home #link .sec_inner #link-experience {
	background: url(images/top/experience-img1.jpg) no-repeat center center;
	background-size: 100% auto;
}
.home #link .sec_inner #link-interview {
	background: url(images/top/interview-img1.jpg?1) no-repeat center center;
	background-size: 100% auto;
}
.home #link .sec_inner div[id^="link-"]:hover {
	opacity: 0.6;
	background-size: 110% auto !important;
}
.home #link .sec_inner div[id^="link-"]:hover a {
	opacity: 1;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	.home #link .sec_inner {
		display: block;
		width: 90%;
		padding: 12vw 0 10vw;
	}
	.home #link .sec_inner div[id^="link-"] {
		width: 100%;
		aspect-ratio: 1 / 0.36827195467422097;
	}
	.home #link .sec_inner div[id^="link-"] a {
		font-size: 20px;
		line-height: 1.4;
	}
	.home #link .sec_inner #link-loyalty {
		margin-top: 1em;
	}

}



/* Garally */
.home #garally {
	overflow: hidden;
	width: 100%;
}
.home #garally .sec_inner {
	padding: 4.5rem 0 5rem;
}
.home #garally #garally-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 64.58%;
	margin: 0 auto;
}
.home #garally #garally-header h2 {
	font-size: 32px;
}
.home #garally #garally-bxslider-wrap {
	width: 64.58%;
	margin: 2.81rem auto 0;
}
.home #garally #garally-bxslider-wrap .bx-viewport {
	overflow: visible !important;
}
.home #garally #garally-bxslider-wrap #garally-bxslider li {
	width: 20.83vw !important;
	margin: 0 0.37rem;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.home #garally #garally-bxslider-wrap #garally-bxslider li a {
	display: block;
  width: 100%;
  background-position: center center;
  background-size: cover;
  aspect-ratio: 1/1;
}
.home #garally #garally-bxslider-wrap #garally-bxslider li a span {
	display: block;
  width: 100%;
  background-position: center center;
  background-size: cover;
  aspect-ratio: 1/1;
}
.home #garally #garally-bxslider-wrap #garally-bxslider li a:hover {
  transform: scale(1.2,1.2);
  transition: all 1s;
}
.home #garally .bx-loading {
  display: none;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	.home #garally .sec_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 10vw 0 9vw;
	}
	.home #garally #garally-header {
		display: contents;
	}
	.home #garally #garally-header h2 {
		order: 1;
		width: 90%;
		margin: 0 auto;
		font-size: 32px;
	}
	.home #garally #garally-header .garally_link {
		order: 3;
		width: 90%;
		margin: 1rem auto 0;
	}
	.home #garally #garally-bxslider-wrap {
		order: 2;
		width: 90%;
		margin: 1.5rem auto 0;
	}
	.home #garally #garally-bxslider-wrap #garally-bxslider li {
		width: 55.47vw !important;
		margin: 0 0.2rem;
	}
	
}



/* News */
.home #news {
	width: 100%;
}
.home #news .sec_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 64.58%;
	margin: 0 auto;
	padding: 5rem 0 2.5rem;
}
.home #news .sec_inner h2 {
	font-size: 32px;
	line-height: 1.38;
}
.home #news #news-list {
	width: 65.32%;
}
.home #news #news-list > ul {
	border-bottom: 1px solid #707070;
}
.home #news #news-list li a {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  /*
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  */
	border-top: 1px solid #707070;
	width: 100%;
	padding: 0.87rem;
}
.home #news #news-list li .thumb {
	width: 22.5%;
	line-height: 0;
}
.home #news #news-list li .thumb img {
	width: 100%;
	height: auto;
}
.home #news #news-list li .text {
	width: 74.16%;
}
.home #news #news-list li .text .date {
	display: block;
	font-size: 12px;
}
.home #news #news-list li .text .title {
	display: block;
	font-size: 18px;
	line-height: 1.4;
}
.home #news #news-list li .text .detail {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 0.8em;
	font-size: 16px;
	color: #707070;
}
.home #news #news-list li:first-child .thumb {
	width: 45.14%;
}
.home #news #news-list li:first-child .text {
	width: 51.79%;
}
.home #news #news-list li:first-child .text .title {
	font-size: 26px;
}
.home #news #news-list li:first-child .text .detail {
	overflow: visible;
	white-space: normal;
	line-height: 1.75;
}
.home #news #news-list .news_link {
	margin-top: 3.12rem;
	text-align: right;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	.home #news .sec_inner {
		display: block;
		width: 90%;
		padding: 9vw 0 6.5vw;
	}
	.home #news #news-list {
		width: 100%;
		margin-top: 1.5rem;
	}
	.home #news #news-list li a {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		padding: 0.87rem 0;
	}
	.home #news #news-list li .thumb {
		width: 35.97%;
	}
	.home #news #news-list li .text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 59.49%;
	}
	.home #news #news-list li .text .title {
		flex-grow: 1;
		order: 1;
		font-size: 16px;
	}
	.home #news #news-list li .text .detail {
		display: none;
	}
	.home #news #news-list li .text .date {
		order: 2;
		margin-top: 0.3em;
		font-size: 10px;
		text-align: right;
		color: #707070;
	}
	.home #news #news-list li:first-child .thumb {
		width: 35.97%;
	}
	.home #news #news-list li:first-child .text {
		width: 59.49%;
	}
	.home #news #news-list li:first-child .text .title {
		font-size: 16px;
	}
	.home #news #news-list .news_link {
		display: none;
	}
	
}



/* Banner */
.home #banner {
	width: 100%;
}
.home #banner .sec_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	padding: 2.5rem 0 12.5rem;
}
.home #banner .sec_inner div[id^="banner-"] {
	width: 19.5%;
	aspect-ratio: 1 / 0.26058631921824105;
}
.home #banner .sec_inner div[id^="banner-"] a {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	/*font-size: clamp(1.25rem, 0.769rem + 1.03vw, 2rem);*/
  font-size: 1rem;
	text-align: center;
}
.home #banner .sec_inner #banner-about a {
	padding-left: 2.5em;
}
.home #banner .sec_inner #banner-about {
	background: url(images/top/bnr-about.jpg) no-repeat center center;
	background-size: 100% auto;
}
.home #banner .sec_inner #banner-items {
	background: url(images/top/bnr-premium.png) no-repeat center center;
	background-size: 100% auto;
}
.home #banner .sec_inner #banner-loyalty {
	background: url(images/top/bnr-loyalty.jpg?1) no-repeat center center;
	background-size: 100% auto;
}
.home #banner .sec_inner #banner-partner {
	background: url(images/top/bnr-partner.jpg?1) no-repeat center center;
	background-size: 100% auto;
}
.home #banner .sec_inner #banner-partner-hotel {
	background: url(images/top/bnr-partner-hotel.jpg?1) no-repeat center center;
	background-size: 100% auto;
}
.home #banner .sec_inner div[id^="banner-"]:hover {
	opacity: 0.7;
}

.home #banner .sec_inner .find_button {
	display: none;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
	.home #banner .sec_inner {
		display: block;
		width: 90%;
		padding: 6.5vw 0 25vw;
	}
	.home #banner .sec_inner div[id^="banner-"] {
		width: 100%;
	}
	.home #banner .sec_inner div[id^="banner-"] a {
		border: 1px solid #414141;
		font-size: 20px;
	}
	.home #banner .sec_inner #banner-about a span {
		font-size: 14px;
	}
	.home #banner .sec_inner > div {
		margin-bottom: 1rem;
	}
	.home #banner .sec_inner .find_button {
		display: block;
	}
	.home #banner .sec_inner .find_button a {
		box-sizing: border-box;
		display: block;
		background: #fff url(images/icon-calendar1.svg) no-repeat 87% center;
		background-size: 1.2em auto;
		margin-top: 2rem;
		padding: 1em 1em 1em 0;
		font-size: 20px;
		text-align: center;
		color: #000;
	}

}



/*************************************************************************

** COMMON STYLE

**************************************************************************/

.page_content {
}


/* タブレット */
@media screen and (max-width:960px) {
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
}



/*************************************************************************

** About The Ryokan Collection

**************************************************************************/

body.page-about {
	background-color: #fff;
}
#about {
	background-color: #fff;
	padding: 12.5rem 0;
	color: #0D0D0D;
}
#about #page-header {
	width: 100%;
	padding: 0 0 4.5rem;
}
#about #page-header #entry-title {
	width: 60%;
	margin: 0 auto;
	font-size: 52px;
	line-height: 1.38;
}
#about #page-body {
	width: 100%;
	padding: 4.5rem 0 0;
}
#about #page-body .sec_inner {
	width: 60%;
	margin: 0 auto;
}
#about #page-body .sec_inner dl {
	margin: 2.5rem 0;
}
#about #page-body .sec_inner dl dt {
	border-bottom: 1px solid #ccc;
	font-size: 24px;
}
#about #page-body .sec_inner dl dd {
	margin-top: 1.5em;
	font-size: 16px;
	line-height: 1.75;
}
#about #page-body .sec_inner dl dd a {
	color: #0D0D0D;
	text-decoration: underline;
}
#about #page-body .sec_inner dl dd a:hover {
	text-decoration: none;
}
#about #page-body .sec_inner .about_img2 {
	width: 40%;
	min-width: 400px;
	margin: 6rem auto 5rem;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#about {
		padding: 18vw 0;
	}
	#about #page-header {
		padding: 0 0 5.7vw;
	}
	#about #page-header #entry-title {
		width: 90%;
		font-size: 28px;
	}
	#about #page-body {
		padding: 5.7vw 0 0;
	}
	#about #page-body .sec_inner {
		width: 100%;
	}
	#about #page-body .sec_inner dl {
		width: 90%;
		margin: 0 auto;
	}
	#about #page-body .sec_inner dl:nth-of-type(2) {
		margin-bottom: 5.6rem;
	}
	#about #page-body .sec_inner dl dt {
		font-size: 20px;
	}
	#about #page-body .sec_inner dl dd {
		margin-top: 1em;
	}
	#about #page-body .sec_inner .about_img1 {
		margin: 0 auto 1.8rem;
	}
	#about #page-body .sec_inner .about_img2 {
		width: 50%;
		min-width: 200px;
		margin: 8.75rem auto 1.8rem;
	}
	#about #page-body .sec_inner .about_img3 {
		width: 90%;
		margin: 4.68rem auto 3.12rem;
	}
	#about #page-body .sec_inner .about_img4 {
		width: 90%;
		margin: 4.68rem auto 3.12rem;
	}
	#about #page-body .sec_inner .about_img5 {
		width: 90%;
		margin: 1.25rem auto 0;
	}

}



/*************************************************************************

** Find a Ryokan

**************************************************************************/

.page-template-find-ryokan-page .page-content {
	padding: 10rem 0 5rem;
}
.page-template-find-ryokan-page #page-header {
	width: 100%;
	padding: 0 0 4.5rem;
}
.page-template-find-ryokan-page #page-header #entry-title {
	width: 64.58%;
	margin: 0 auto;
	font-size: 52px;
}
.page-template-find-ryokan-page #page-header h2 {
	width: 64.58%;
	margin: 0.5em auto 6.25rem;
	font-size: 52px;
}
.page-template-find-ryokan-page #find {
	background-color: #222222;
}
.page-template-find-ryokan-page #find .sec_inner {
	width: 64.58%;
	margin: 0 auto;
	padding: 3.75rem 0 4.31rem;
}
.page-template-find-ryokan-page #find .sec_inner h2 {
	font-size: 20px;
}
.page-template-find-ryokan-page #find #find-search .search_box {
  position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: 1rem;
}
.page-template-find-ryokan-page #find #find-search .search_box input[type="text"] {
	display: block;
	border: 1px solid #707070;
	background-color: #222222;
	width: 82.66%;
	padding: 1em 1.5em;
	color: #fff;
}
.page-template-find-ryokan-page #find #find-search .search_box input[type="text"]::placeholder {
	color: #CECECE;
}
.page-template-find-ryokan-page #find #find-search .search_box button {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	background-color: #222;
	width: 14.51%;
	margin: 0;
	padding: 1em 0;
	font-size: clamp(0.75rem, 0.51rem + 0.51vw, 1.125rem);
	font-weight: normal;
	color: #fff;
}
.page-template-find-ryokan-page #find #find-search .search_box .reset-tag {
  position: absolute;
  right: 0;
  top: -3em;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.page-template-find-ryokan-page #find #find-tag {
	margin-top: 3.75rem;
}
.page-template-find-ryokan-page #find #find-tag .tag_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.page-template-find-ryokan-page #find #find-tag .tag_list li {
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 100vh;
	background: #fff url(images/icon-dot1.svg) no-repeat 1.2em center;
	background-size: 0.35em;
	width: fit-content;
	margin: 1em 1em 0 0;
	padding: 0.5em 1.8em 0.5em 2.5em;
	font-size: 14px;
	color: #000;
	text-align: center;
	cursor: pointer;
  transition: all 0.5s;
}
.page-template-find-ryokan-page #find #find-tag .tag_list .selected {
	border: 1px solid #414141;
	background: #000 url(images/icon-check.svg) no-repeat 1em center;
	background-size: 0.7em;
	color: #fff;
  transition: all 0.5s;
}
.page-template-find-ryokan-page #find .find_button {
	display: none;
}

/* serach result */
.page-template-find-ryokan-page #search-result-info {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  -webkit-align-items: center;
	align-items: center;
  margin-top: 3rem;
}
.page-template-find-ryokan-page #search-result-info .search-results-sort {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.page-template-find-ryokan-page #search-result-info .search-results-sort h2 {
  font-size: 20px;
  margin-right: 2em;
}
.page-template-find-ryokan-page #search-result-info .search-results-sort select[name="search-result-sort"] {
  font-size: 16px;
  background-color: transparent;
  color: #fff;
  text-align: left;
  border: none;
  border-bottom: 1px solid #707070;
}
.page-template-find-ryokan-page #search-result-info .search-results-sort select[name="search-result-sort"] option {
  background-color: #707070;
  color: #fff;
  padding: 0;
  border: none;
  border-radius: 0;
}
.page-template-find-ryokan-page #search-result-info .search-results-sort select option:selected {
  background-color: #000;
}
.page-template-find-ryokan-page #search-result-info .search-results-number {
  /*text-align: right;*/
  font-size: 20px;
}
.page-template-find-ryokan-page #search-result-info .search-results-number strong {
  font-size: 50px;
  font-weight: 400;
}

/* ryokan area */
.page-template-find-ryokan-page #ryokan-area-wrap {
	width: 90%;
	margin: 0 7.5% 0 2.5%;
  padding: 50px 0;
}
.page-template-find-ryokan-page #ryokan-area-wrap #All {
	display: none;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  padding: 0 0 50px 0;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area h2 {
	margin-bottom: 1em;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area > figure {
	width: 20vw;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area > figure.fixed {
	position: fixed;
  top: 10vw;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area .ryokan-area-inner {
	width: 75%;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area > figure.fixed + .ryokan-area-inner {
	padding-left: 25%;
}
.page-template-find-ryokan-page #ryokan-area-wrap #All .ryokan-area-inner {
	width: 75%;
  margin: 0 0 0 17.5%;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li {
  width: 31%;
	margin: 0 2% 5rem 0;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li.selected {
  transition: all 0.5s;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li img {
  width: 100%;
  height: inherit;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li a:hover img {
  transform: scale(1.05,1.05);
  transition: all 1s;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li figure span {
  display: block;
  width: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 4/2.3;
  margin-bottom: 10px;
  transition: all 1s;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li figure span:hover {
  background-size: 120%;
}
.page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li .text span {
  font-size: 20px;
}
.page-template-find-ryokan-page .grecaptcha-badge {
  display: none;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}

/* スマホ */
@media screen and (max-width:750px) {
	
  .page-template-find-ryokan-page .page-content {
    padding: 0 0 5rem;
  }
  .page-template-find-ryokan-page #page-header {
    padding: 0 0 2rem;
  }
  .page-template-find-ryokan-page #page-header #entry-title {
    width: 90%;
    font-size: 28px;
  }
	.page-template-find-ryokan-page #find {
    position: relative;
		background-color: inherit;
	}
	.page-template-find-ryokan-page #find .sec_inner {
		width: 90%;
		padding: 5vw 0;
	}
  .page-template-find-ryokan-page #filter {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 90%;
    background-color: #222;
    margin: 0;
    padding: 5vw;
  }
  .page-template-find-ryokan-page #filter a {
    box-sizing: border-box;
    display: block;
    background: #fff url(images/icon-filter.svg) no-repeat 87% center;
    background-size: auto;
    background-size: 1.2em auto;
    padding: 1em 1em 1em 0;
    font-size: 16px;
    text-align: center;
    color: #000;
    cursor: pointer;
  }
  .page-template-find-ryokan-page #filter a:hover {
    display: block;
    transition: all 1s;
    opacity: 1;
  }
  .page-template-find-ryokan-page #find {
    background-color: #222222;
    width: 100%;
  }
	.page-template-find-ryokan-page #find .sec_inner > form {
		
	}
  .page-template-find-ryokan-page #find #find-search .search_box {
    display: block;
  }
  .page-template-find-ryokan-page #find #find-search .search_box input[type="text"] {
    width: calc(100% - 2px);
    padding: 0.5em;
  }
  .page-template-find-ryokan-page #find #find-search .search_box button {
    width: calc(100% - 2px);
    background-color: #fff;
    color: #000;
    font-size: 16px;
    margin: 1em auto 2em;
    padding: 1em 0;
  }
  .page-template-find-ryokan-page #find #find-search .search_box button:hover {
    opacity: 0.7;
  }
  /*
	.page-template-find-ryokan-page #find .find_button {
		display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    background-color: #222;
	}*/
	.page-template-find-ryokan-page #find .find_button a {
		box-sizing: border-box;
		display: block;
		background: #fff url(images/icon-filter.svg) no-repeat 87% center;
		background-size: 1.2em auto;
		padding: 1em 1em 1em 0;
		font-size: 16px;
		text-align: center;
		color: #000;
	}
  .page-template-find-ryokan-page #find .ms-choice {
    display: block;
    width: 100%;
    height: 2em;
    font-family: "inter-variable", sans-serif !important;
    font-variation-settings: "wght" 400;
    letter-spacing: inherit;
    line-height: 2em;
    color: #000;
    padding: 5px 0;
  }
  .page-template-find-ryokan-page #find .ms-choice > div.icon-caret {
    top: 1em;
  }
  
  /* ryokan area */
  .page-template-find-ryokan-page #ryokan-area-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area {
    display: block;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area h2 {
    margin-bottom: 1em;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area > figure {
    display: none;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area .ryokan-area-inner {
    width: 100%;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list {
    display: block;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li {
    width: 100%;
    margin: 0 0 2em 0;
  }
  .page-template-find-ryokan-page #ryokan-area-wrap .ryokan-area-list li .text span {
    font-size: 16px;
  }
  
  /* serach result */
  .page-template-find-ryokan-page #search-result-info {
    display: block;
    margin-top: 0;
  }
  .page-template-find-ryokan-page #search-result-info .search-results-sort {
    display: none;
  }
  .page-template-find-ryokan-page #search-result-info .search-results-sort h2,
  .page-template-find-ryokan-page #search-result-info .search-filter h2 {
    font-size: 14px;
    margin-right: 2em;
    margin-bottom: 1em;
  }
  .page-template-find-ryokan-page #search-result-info .search-results-sort select[name="search-result-sort"]  {
    font-size: 14px;
    width: 100%;
  }
  .page-template-find-ryokan-page #search-result-info .search-filter select[name="search-filter"] {
    width: 100%;
    font-family: "inter-variable", sans-serif !important;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    background-color: transparent;
    color: #fff;
    text-align: left;
    border: none;
  }
  .page-template-find-ryokan-page #search-result-info .search-filter select[name="search-filter"] option {
    background-color: #707070;
    font-family: "inter-variable", sans-serif !important;
    font-variation-settings: "wght" 400;
    color: #fff;
    /*padding: 0;*/
    border: none;
    border-radius: 0;
  }
  .page-template-find-ryokan-page #search-result-info .search-results-number {
    font-size: 14px;
    text-align: right;
    margin: 0;
    opacity: 0.5;
  }
  .page-template-find-ryokan-page #search-result-info .search-results-number strong {
    font-size: 14px;
  }


}



/*************************************************************************

** Search Result

**************************************************************************/
.search-results,
.search-no-results {
  
}

.search-results .page-content,
.search-no-results .page-content {
	padding: 12.5rem 0 5rem;
}
.search-results #page-header,
.search-results #page-header{
	width: 100%;
	padding: 0 0 2rem;
}
.search-results #page-header #entry-title,
.search-no-results #page-header #entry-title {
	width: 64.58%;
	margin: 0 auto;
	font-size: 52px;
}
.search-results #page-header h2,
.search-no-results #page-header h2 {
	width: 64.58%;
	margin: 0.5em auto 6.25rem;
	font-size: 52px;
}

.search-results #search-result-info,
.search-no-results #search-result-info {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.search-results #search-result-info .search-results-sort,
.search-no-results #search-result-info .search-results-sort {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.search-results #search-result-info .search-results-sort h2,
.search-no-results #search-result-info .search-results-sort h2 {
  font-size: 20px;
  margin-right: 2em;
}
.search-no-results #search-result-info .search-results-sort h2 {
  font-size: 20px;
  margin-right: 2em;
}
.search-results #search-result-info .search-results-sort select[name="search-result-sort"],
.search-no-results #search-result-info .search-results-sort select[name="search-result-sort"] {
  font-size: 16px;
  background-color: transparent;
  color: #fff;
  text-align: left;
  border: none;
  border-bottom: 1px solid #707070;
}
.search-results #search-result-info .search-results-sort select[name="search-result-sort"] option,
.search-no-results #search-result-info .search-results-sort select[name="search-result-sort"] option {
  background-color: #707070;
  color: #fff;
  padding: 0;
  border: none;
  border-radius: 0;
}
.search-results #search-result-info .search-results-sort select option:selected,
.search-no-results #search-result-info .search-results-sort select option:selected {
  background-color: #000;
}
.search-results #search-result-info .search-results-number,
.search-no-results #search-result-info .search-results-number {
  /*text-align: right;*/
  font-size: 20px;
}
.search-results #search-result-info .search-results-number strong,
.search-no-results #search-result-info .search-results-number strong {
  font-weight: 400;
  font-size: 50px;
}
.search-results #find,
.search-no-results #find {
	background-color: #222222;
}
.search-results #find .sec_inner,
.search-no-results #find .sec_inner {
	width: 64.58%;
	margin: 0 auto;
	padding: 3.75rem 0 4.31rem;
}
.search-results #find .sec_inner h2,
.search-no-results #find .sec_inner h2 {
	font-size: 20px;
}
.search-results #find #find-search .search_box,
.search-no-results #find #find-search .search_box {
  position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: 1rem;
}
.search-results #find #find-search .search_box input[type="text"],
.search-no-results #find #find-search .search_box input[type="text"] {
	display: block;
	border: 1px solid #707070;
	background-color: #222222;
	width: 82.66%;
	padding: 1em 1.5em;
	color: #fff;
}
.search-results #find #find-search .search_box input[type="text"]::placeholder,
.search-no-results #find #find-search .search_box input[type="text"]::placeholder {
	color: #CECECE;
}
.search-results #find #find-search .search_box .reset-tag,
.search-no-results #find #find-search .search_box .reset-tag {
  position: absolute;
  right: 0;
  top: -3em;
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.search-results #find #find-search .search_box button,
.search-no-results #find #find-search .search_box button {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	background-color: #222;
	width: 14.51%;
	margin: 0;
	padding: 1em 0;
	font-size: clamp(0.75rem, 0.51rem + 0.51vw, 1.125rem);
	font-weight: normal;
	color: #fff;
}
.search-results #find #find-tag,
.search-no-results #find #find-tag {
	margin-top: 3.75rem;
}
.search-results #find .tag_list,
.search-no-results #find .tag_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.search-results #find .tag_list li,
.search-no-results #find .tag_list li {
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 100vh;
	background: #fff url(images/icon-dot1.svg) no-repeat 1.2em center;
	background-size: 0.35em;
	width: fit-content;
	margin: 1em 1em 0 0;
	padding: 0.5em 1.8em 0.5em 2.5em;
	font-size: 14px;
	color: #000;
	text-align: center;
	cursor: pointer;
}
.search-results #find .tag_list .selected,
.search-no-results #find .tag_list .selected {
	border: 1px solid #414141;
	background: #000 url(images/icon-check.svg) no-repeat 1em center;
	background-size: 0.7em;
	color: #fff;
}
.search-results #find .find_button,
.search-no-results #find .find_button {
	display: none;
}

/* mobile filter menu */
#filter-mobile-menu {
  display: none;
}

/* ryokan area */
.search-results #ryokan-area-wrap,
.search-no-results #ryokan-area-wrap {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 64.58%;
	margin: 0 auto;
  padding: 50px 0;
}
.search-results #ryokan-area-wrap article,
.search-no-results #ryokan-area-wrap article {
  /*
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  */
	width: 32%;
	margin: 0 2% 5rem 0;
  padding: 0;
}
.search-results #ryokan-area-wrap article:nth-child(3n) {
	margin-right: 0;
}
.search-results #ryokan-area-wrap article figure {
  width: 100%;
  aspect-ratio: 4/2.3;
  overflow: hidden;
}
.search-results #ryokan-area-wrap article figure img {
  display: block;
  width: 100%;
  height: inherit;
}
.search-results #ryokan-area-wrap article .entry-card-content {
  width: 100%;
  margin: 10px 0 0 0;
}
.search-results #ryokan-area-wrap article .entry-card-content header {
  font-size: 14px;
}
.search-results #ryokan-area-wrap article .entry-card-content .entry-snippet {
  display: none;
}

.search-results #ryokan-area-wrap .post-meta {
  display: none;
}

.search-results #ryokan-area-wrap .ryokan-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  padding: 0 0 50px 0;
}
.search-results #ryokan-area-wrap .ryokan-area h2 {
	margin-bottom: 1em;
}
.search-results #ryokan-area-wrap .ryokan-area > figure {
	width: 20%;
}
.search-results #ryokan-area-wrap .ryokan-area .ryokan-area-inner {
	width: 75%;
}
.search-results #ryokan-area-wrap .ryokan-area-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.search-results #ryokan-area-wrap .ryokan-area-list li {
  width: 31%;
	margin: 0 2% 1em 0;
}
.search-results #ryokan-area-wrap .ryokan-area-list li img {
  width: 100%;
  height: inherit;
}

.search-results .grecaptcha-badge,
.search-results .pagination {
  display: none;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  .search-results #header,
  .search-no-results #header {
    background-color: #000;
	}
  .search-results #find .sec_inner,
  .search-no-results #find .sec_inner {
    width: 90%;
    padding: 5vw 0 5vw;
  }
  .search-results #page-header #entry-title,
  .search-no-results #page-header #entry-title {
    width: 90%;
    font-size: 26px;
  }
  .search-results #page-header h2,
  .search-no-results #page-header h2 {
    width: 90%;
    margin: 0.5em auto 6.25rem;
    font-size: 28px;
  }
  .search-results .page-content,
  .search-no-results .page-content {
    padding-top: 0;
  }
  .search-results #find,
  .search-no-results #find {
    position: relative;
    background-color: #222222;
    width: 100%;
  }
  
  
  .search-results #find #find-search .search_box {
    display: block;
  }
  .search-results #find #find-search .search_box input[type="text"] {
    width: calc(100% - 2px);
    padding: 0.5em;
  }
  .search-results #find #find-search .search_box button {
    width: calc(100% - 2px);
    background-color: #fff;
    color: #000;
    font-size: 16px;
    margin: 1em auto 2em;
    padding: 1em 0;
  }
  .search-results #find #find-search .search_box button:hover {
    opacity: 0.7;
  }
  
  
  .search-results #filter,
  .search-no-results #filter {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 90%;
    background-color: #222;
    margin: 0;
    padding: 5vw;
  }
  .search-results #filter a,
  .search-no-results #filter a {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 1em 0;
    border: 1px solid #fff;
    cursor: pointer;
  }
  .search-results #filter a:after,
  .search-no-results #filter a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 6px);
    display: block;
    background: url("images/icon-filter.svg") no-repeat center center;
    background-size: 18px;
    width: 18px;
    height: 13px;
  }
  
  .search-results #filter a:hover,
  .search-no-results #filter a:hover {
    display: block;
    transition: all 1s;
    opacity: 1;
  }
  
  
  
  .search-results #find .sec_inner h2,
  .search-no-results #find .sec_inner h2 {
    font-size: 16px;
  }
  .search-results #find #filter-mobile-menu,
  .search-no-results #find #filter-mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    width: 90vw;
    height: 100vh;
    background-color: #000;
    padding: 5vw; 
  }
  .search-results #find #filter-mobile-menu h2,
  .search-no-results #find #filter-mobile-menu h2 {
    margin: 5vw 0;
  }
  .search-results #find #filter-mobile-menu .tag_list,
  .search-no-results #find #filter-mobile-menu .tag_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .search-results #find #filter-mobile-menu .tag_list li,
  .search-no-results #find #filter-mobile-menu .tag_list li {
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 100vh;
    background: #fff url(images/icon-dot1.svg) no-repeat 1.2em center;
    background-size: 0.35em;
    width: fit-content;
    margin: 1em 1em 0 0;
    padding: 0.5em 1.8em 0.5em 2.5em;
    font-size: 11px;
    color: #000;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
  }
  .search-results #find #filter-mobile-menu .tag_list .selected,
  .search-no-sults #find #filter-mobile-menu .tag_list .selected {
    border: 1px solid #414141;
    background: #000 url(images/icon-check.svg) no-repeat 1em center;
    background-size: 0.7em;
    color: #fff;
    transition: all 0.5s;
  }
  .search-results #find #filter-mobile-menu .btn-close,
  .search-no-results #find #filter-mobile-menu .btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
  }
  .search-results #find #filter-mobile-menu .btn-close span,
  .search-no-results #find #filter-mobile-menu .btn-close span {
    display: block;
    background-color: rgba(0,0,0,0);
    margin: 0 auto;
    position: relative;
    top: 0px;
    width: 30px;
    height: 30px;
    transition-duration: 0s;
    transition-delay: .2s;
    transition: background-color 0.3s;
  }
  .search-results #find #filter-mobile-menu .btn-close span:before,
  .search-results #find #filter-mobile-menu .btn-close span:after,
  .search-no-results #find #filter-mobile-menu .btn-close span:before,
  .search-no-results #find #filter-mobile-menu .btn-close span:after {
    position: absolute;
    content: '';
  }
  /*#modal-signin #modal-signin-close span,*/
  .search-results #find #filter-mobile-menu .btn-close span:before,
  .search-results #find #filter-mobile-menu .btn-close span:after,
  .search-no-results #find #filter-mobile-menu .btn-close span:before,
  .search-no-results #find #filter-mobile-menu .btn-close span:after {
    position: absolute;
    top: 15px;
    width: 30px;
    height: 1px;
    background-color: #fff;
    display: block;
    opacity: 1;
  }
  .search-results #find #filter-mobile-menu .btn-close span:before,
  .search-no-results #find #filter-mobile-menu .btn-close span:before {
    /*margin-top: -12px;*/
    transition-property: margin, transform;
    transition-duration: .2s;
    /*transition-delay: .2s, 0;*/
    margin-top: 0;
    transform: rotate(45deg);
    transition-delay: 0, .2s;
  }
  .search-results #find #filter-mobile-menu .btn-close span:after,
  .search-no-results #find #filter-mobile-menu .btn-close span:after {
    /*margin-top: 12px;*/
    transition-property: margin, transform;
    transition-duration: .2s;
    /*transition-delay: .2s, 0;*/
    margin-top: 0;
    transform: rotate(-45deg);
    transition-delay: 0, .2s;
  }
  
  .search-results #find #filter-mobile-menu .search-filter,
  .search-no-results #find #filter-mobile-menu .search-filter {
    position: fixed;
    bottom: 20px;
    z-index: 50;
    width: 90%;
    margin: 2em auto 0 auto;
  }
  .search-results #find #filter-mobile-menu .search-filter a,
  .search-no-results #find #filter-mobile-menu .search-filter a {
    box-sizing: border-box;
    display: block;
    background: #fff url(images/icon-filter.svg) no-repeat 87% center;
    background-size: auto;
    background-size: 1.2em auto;
    padding: 1em 1em 1em 0;
    font-size: 16px;
    text-align: center;
    color: #000;
    cursor: pointer;
  }
  .search-results #find #filter-mobile-menu .search-filter a:hover,
  .search-no-results #find #filter-mobile-menu .search-filter a:hover {
    display: block;
    transition: all 1s;
    opacity: 1;
  }
  
  /* search result */
  .search-results #search-result-info .search-results-sort,
  .search-no-results #search-result-info .search-results-sort {
    display: none;
    margin-top: 1.7rem;
  }
  .search-results #search-result-info .search-results-sort h2,
  .search-no-results #search-result-info .search-results-sort h2 {
    font-size: 14px;
  }
  .search-results #search-result-info .search-results-sort ul,
  .search-no-results #search-result-info .search-results-sort ul {
    font-size: 14px;
  }
  .search-results #search-result-info .search-results-number,
  .search-no-results #search-result-info .search-results-number {
    font-size: 14px;
    margin: 0 0 0 auto;
  }
  .search-results #search-result-info .search-results-number strong,
  .search-no-results #search-result-info .search-results-number strong {
    font-size: 14px;
  }
  
  /* ryokan area */
  .search-results #ryokan-area-wrap,
  .search-no-results #ryokan-area-wrap {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 20vw 0;
  }
  .search-results #ryokan-area-wrap article,
  .search-no-results #ryokan-area-wrap article {
    width: 100%;
    margin: 0 0 2rem 0 !important;
    padding: 0;
  }
  
  #find-tag {
    display: none;
  }
  .page-template-find-ryokan-page #find .sec_inner h2 {
    font-size: 16px;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    width: 90vw;
    height: 100vh;
    background-color: #000;
    padding: 5vw;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu h2 {
    margin: 5vw 0;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .tag_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .tag_list li {
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 100vh;
    background: #fff url(images/icon-dot1.svg) no-repeat 1.2em center;
    background-size: 0.35em;
    width: fit-content;
    margin: 1em 1em 0 0;
    padding: 0.5em 1.8em 0.5em 2.5em;
    font-size: 11px;
    color: #000;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .tag_list .selected {
    border: 1px solid #414141;
    background: #000 url(images/icon-check.svg) no-repeat 1em center;
    background-size: 0.7em;
    color: #fff;
    transition: all 0.5s;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span{
    display: block;
    background-color: rgba(0,0,0,0);
    margin: 0 auto;
    position: relative;
    top: 0px;
    width: 30px;
    height: 30px;
    transition-duration: 0s;
    transition-delay: .2s;
    transition: background-color 0.3s;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span:before,
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span:after {
    position: absolute;
    content: '';
  }
  /*#modal-signin #modal-signin-close span,*/
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span:before,
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span:after {
    position: absolute;
    top: 15px;
    width: 30px;
    height: 1px;
    background-color: #fff;
    display: block;
    opacity: 1;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span:before {
    /*margin-top: -12px;*/
    transition-property: margin, transform;
    transition-duration: .2s;
    /*transition-delay: .2s, 0;*/
    margin-top: 0;
    transform: rotate(45deg);
    transition-delay: 0, .2s;
  }
  .page-template-find-ryokan-page #find #filter-mobile-menu .btn-close span:after {
    /*margin-top: 12px;*/
    transition-property: margin, transform;
    transition-duration: .2s;
    /*transition-delay: .2s, 0;*/
    margin-top: 0;
    transform: rotate(-45deg);
    transition-delay: 0, .2s;
  }
  
  .page-template-find-ryokan-page #find #filter-mobile-menu .search-filter  {
      position: fixed;
      bottom: 20px;
      z-index: 50;
      width: 90%;
      margin: 2em auto 0 auto;
    }
    .page-template-find-ryokan-page #find #filter-mobile-menu .search-filter a {
      box-sizing: border-box;
      display: block;
      background: #fff url(images/icon-filter.svg) no-repeat 87% center;
      background-size: auto;
      background-size: 1.2em auto;
      padding: 1em 1em 1em 0;
      font-size: 16px;
      text-align: center;
      color: #000;
      cursor: pointer;
    }
    .page-template-find-ryokan-page #find #filter-mobile-menu .search-filter a:hover {
      display: block;
      transition: all 1s;
      opacity: 1;
    }
  
}



/*************************************************************************

** Partner Airline

**************************************************************************/

#partner-airline {
	padding: 12.5rem 0;
}
#partner-airline #page-header {
	width: 100%;
	padding: 0 0 4.5rem;
}
#partner-airline #page-header #entry-title {
	width: 60%;
	margin: 0 auto;
	font-size: 20px;
}
#partner-airline #page-header h2 {
	width: 60%;
	margin: 0.5em auto 6.25rem;
	font-size: 52px;
}
#partner-airline #page-body {
	width: 100%;
}
#partner-airline #page-body .sec_inner {
	width: 60%;
	margin: 0 auto;
	padding: 4.5rem 0 0;
}
#partner-airline #page-body .sec_inner p {
	font-size: 16px;
	line-height: 1.75;
}
#partner-airline #page-body .sec_inner #banner-airlines + p {
	margin: 3.5em 0 0;
}
#partner-airline #page-body .sec_inner dl {
	margin-top: 3.4rem;
}
#partner-airline #page-body .sec_inner dl dt {
	border-bottom: 1px solid #ccc;
	font-size: 24px;
}
#partner-airline #page-body .sec_inner dl dd {
	margin-top: 1.5rem;
}
#partner-airline #page-body .sec_inner dl dd ul {
	padding-left: 1em;
	font-size: 16px;
}
#partner-airline #page-body .sec_inner dl dd ul li {
	list-style-type: disc;
	font-size: 16px;
	line-height: 1.75;
}
#partner-airline #page-body .sec_inner dl dd p {
	margin: 0 0 2em;
}
#partner-airline #page-body .sec_inner a {
	color: #999;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  #partner-airline {
    padding: 0;
  }
	#partner-airline #page-header {
		padding: 10vw 0 3.8vw;
	}
	#partner-airline #page-header #entry-title {
		width: 90%;
		font-size: 10px;
	}
	#partner-airline #page-header h2 {
		width: 90%;
		margin: 0.5em auto 3.12rem;
		font-size: 28px;
	}
	#partner-airline #page-body .sec_inner {
		width: 90%;
		padding: 3.8vw 0 0;
	}
	#partner-airline #page-body .sec_inner #banner-airlines + p {
		margin: 1.5em 0 0;
	}
	#partner-airline #page-body .sec_inner dl {
		margin-top: 6.87rem;
	}
	#partner-airline #page-body .sec_inner dl dt {
		font-size: 20px;
	}
	
}


/*************************************************************************

** Premium Items

**************************************************************************/

#premium-items {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 95%;
  margin: 0 auto;
	padding: 12.5rem 0;
}
#premium-items #page-header {
	width: 30%;
  margin-left: 2.5%;
}
#premium-items #page-header #entry-title {
	font-size: 52px;
  margin: 0 auto 1em auto;
}
#premium-items #page-header .sec_inner .entry-content p {
	font-size: 16px;
	line-height: 1.75;
}
#premium-items #page-body {
	width: 60%;
}
#premium-items #page-body .sec_inner {
	width: 100%;
	margin: 0 auto;
}
#premium-items #page-body .sec_inner .entry-content p {
	font-size: 16px;
	line-height: 1.75;
}
#premium-items #page-body .sec_inner ul.item-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#premium-items #page-body .sec_inner ul.item-list li {
	width: calc(33.33% - 5px);
  margin: 0 5px 5px 0;
  overflow: hidden;
}
#premium-items #page-body .sec_inner ul.item-list li:nth-child(3n) {
  margin: 0 0 5px 0;
}
#premium-items #page-body .sec_inner ul.item-list li a {
	display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  aspect-ratio: 1/1;
}
#premium-items #page-body .sec_inner ul.item-list li a:hover {
  transform:scale(1.2,1.2);
  transition: all ease 1s;
}
#premium-items #page-body .sec_inner ul.item-list li img {
	height: auto;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#premium-items {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  #premium-items #page-header {
    width: 100%;
    margin: 0;
  }
  #premium-items #page-header #entry-title {
    font-size: 26px;
    margin: 0 auto 1em auto;
  }
  #premium-items #page-header p {
    display: none;
  }
  #premium-items #page-body {
    width: 100%;
    padding: 0 0 20vw 0;
  }
  #premium-items #page-body .click-for-details {
    font-size: 12px;
    text-align: right;
    margin: 1em 0;
  }
  #premium-items #page-body .sec_inner ul.item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 10vw 0;
  }
  #premium-items #page-body .sec_inner ul.item-list li {
    width: 48.5%;
    margin: 0 0 3vw 0;
  }
  #premium-items #page-body .sec_inner ul.item-list li:nth-child(3n) {
    margin: 0 0 3vw 0;
  }
	
}



/*************************************************************************

** Order Form

**************************************************************************/

#order-form-page {
  
}
#order-form-page #order-form-wrap {
  margin: 10vw auto 0 auto;
}
#order-form-page #order-form-wrap #order-form-title {
  width: 60%;
  margin: 0 auto;
}
#order-form-page #order-form-wrap #order-form-title .category-name {
  font-size: 24px;
  margin: 0 0 .5em 0;
}
#order-form-page #order-form-wrap #order-form-title h1 {
  font-size: 52px;
  margin: 0 0 1em 0;
}
#order-form-page #order-form-wrap #item-info h2 {
  font-size: 32px;
  margin: 0 0 1em 0;
}
#order-form-page #order-form-wrap #item-info small.subtitle {
  display: block;
  font-size: 16px;
  margin: 0 0 1em 0;
}
#order-form-page #order-form-wrap #item-info ul.item_bxslider li img {
  display: block;
  height: auto;
}
#order-form-page #order-form {
  position: relative;
  width: 60%;
  margin: 0 auto;
}
#order-form-page #order-form #item-info {
  position: absolute;
  width: 45%;
}
#order-form-page #order-form #item-info h2 {
  margin-bottom: .5em;
}
#order-form-page #order-form #item-info #item-bxslider {
  margin: 2em 0;
}
#order-form-page #order-form #item-info dl {
  
}
#order-form-page #order-form #item-info dl dt {
  font-size: 16px;
  margin-bottom: .5em;
}
#order-form-page #order-form #item-info dl dd {
  font-size: 24px;
}
#order-form-page #order-form #order-form1 {
  width: 45%;
  margin-left: 55%;
}
#order-form-page #order-form #order-form1 {
  width: 45%;
  margin-left: 55%;
}

#order-form-page #order-form dl input {
  font-family: "inter-variable", sans-serif;
  font-variation-settings: "wght" 400;
}
#order-form-page #order-form #order-form1 #member-info dl input {
  pointer-events: none;
}
#order-form-page #order-form #order-form1 small {
  color: #707070;
}
#order-form-page #order-form .hidden {
  position: absolute;
}
#order-form-page #order-form #order-form2 {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 100%;
  margin: 15rem 0 5rem 0;
}
#order-form-page #order-form #order-form2 > div {
  width: 45%;
}

#order-form-page #order-form h2 {
  margin-bottom: 2em;
}
#order-form-page #order-form dl {
  position: relative;
  margin-bottom: 3rem;
}
#order-form-page #order-form form dl dt {
  position: absolute;
  /*top: .8rem;*/
  top: -20px;
  font-size: 12px;
}
#order-form-page #order-form form dl:focus dt {
  /*
  position: inherit;
  font-size: 10px;
  */
}
#order-form-page #order-form form dl p {
  margin: 0;
  padding: 0;
}
#order-form-page #order-form input[type="text"],
#order-form-page #order-form input[type="email"],
#order-form-page #order-form input[type="tel"],
#order-form-page #order-form select {
  font-size: 16px;
  background-color: transparent;
  color: #fff;
  text-align: left;
  border: none;
  border-bottom: 1px solid #707070;
}
#order-form-page #order-form input[type="text"]:focus,
#order-form-page #order-form input[type="email"]:focus,
#order-form-page #order-form input[type="tel"]:focus,
#order-form-page #order-form select:focus {
  box-shadow: none;
}
#order-form-page #order-form select {
  width: 100%;
}
#order-form-page #order-form .select dt {
  font-size: 12px;
  top: -20px;
}
#order-form-page #order-form form #order-form1 dt,
#order-form-page #order-form form #order-form1 dt,
#order-form-page #order-form form #order-form1 dt,
#order-form-page #order-form form #order-form1 dt {
  font-size: 12px;
  top: -20px;
}
#order-form-page #order-form #order-form2 input[type="checkbox"] {
  margin-bottom: 3rem;
}
#order-form-page #order-form #order-form2 input[type="checkbox"] + span {
  white-space: nowrap;
}
#order-form-page #order-form select option {
  background-color: #707070;
  color: #fff;
  padding: 0;
  border: none;
  border-radius: 0;
}
#order-form-page #order-form #order-form2 .wpcf7-list-item {
  margin-left: 0;
}
#order-form-page #order-form input[type="submit"] {
  box-sizing: border-box;
	display: block;
	background-color: #0D0D0D;
  border-radius: 0;
	border: 1px solid #fff;
	width: 50%;
  height: auto;
	margin: 6.25rem auto 0;
	padding: 0.8em 0.5em;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: normal;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
#order-form-page #order-form input[type="submit"]:hover {
	background-color: #fff;
	color: #0D0D0D;
}

/* delivery and payment */
#order-form-page #delivery-and-payment {
  line-height: 1.75;
  margin: 5rem auto 10rem auto;
}


.page-order-form  #wpmem_reg {
  display: none;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}



/* スマホ */
@media screen and (max-width:750px) {
  
  #order-form-page #order-form-wrap {
    margin: 0rem auto 0 auto;
  }
  #order-form-page #order-form-wrap #order-form-title .category-name {
    font-size: 14px;
  }
  #order-form-page #order-form-wrap #order-form-title {
    width: 90%;
    margin-bottom: 2em;
  }
  #order-form-page #order-form-wrap #order-form-title h1 {
    font-size: 28px;
  }
  #order-form-page #order-form {
    width: 90%;
    margin: 0 auto;
  }
  #order-form-page #order-form #item-info {
    position: inherit;
    width: 100%;
  }
  #order-form-page #order-form-wrap #item-info h2 {
    font-size: 20px;
  }
  #order-form-page #order-form-wrap #item-info small.subtitle {
    font-size: 12px;
  }
  #order-form-page #order-form dl {
    margin-bottom: 2rem;
  }
  #order-form-page #order-form #item-info dl dt {
    font-size: 12px;
  }
  #order-form-page #order-form #item-info dl dd {
    font-size: 20px;
  }
  #order-form-page #order-form #order-form1 {
    width: 100%;
    margin: 0;
  }
  #order-form-page #order-form #order-form2 {
    display: block;
  }
  #order-form-page #order-form input[type="text"],
  #order-form-page #order-form input[type="email"],
  #order-form-page #order-form input[type="tel"],
  #order-form-page #order-form select,
  #order-form-page #order-form .wpcf7-list-item-label {
    font-size: 14px;
  }
  #order-form-page #order-form #order-form2 > div {
    width: 100%;
  }
  
  #order-form-page #order-form #order-form2 {
    margin: 2.5rem 0 2.5rem 0;
  }
  
  #order-form-page #order-form input[type="submit"] {
    width: 100%;
    margin: 6.25rem auto 0;
    padding: 0.8em 0;
  }
  #order-form-page #delivery-and-payment {
    font-size: 14px;
    line-height: 1.75;
  }
  
}


/*************************************************************************

** Loyalty Program

**************************************************************************/

#loyalty-program {
	background-color: #1D0C3C;
	padding: 12.5rem 0;
}
#loyalty-program #page-header {
	width: 100%;
	padding: 0 0 6.25rem;
}
#loyalty-program #page-header .sec_inner {
	width: 60%;
	margin: 0 auto;
}
#loyalty-program #page-header .sec_inner #entry-title-wrap {
	
}
#loyalty-program #page-header .sec_inner #entry-title-wrap .sub-title {
	font-size: 24px;
}
#loyalty-program #page-header .sec_inner #entry-title-wrap #entry-title {
	font-size: 52px;
}
#loyalty-program #page-header .sec_inner dl {
	margin-top: 4rem;
}
#loyalty-program #page-header .sec_inner dl dt {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	font-size: 24px;
}
#loyalty-program #page-header .sec_inner dl dd {
	margin-top: 1em;
	font-size: 16px;
}
#loyalty-program #page-header .sec_inner .account_button {
	margin-top: 3.1rem;
	width: 100%;
	max-width: 380px;
}
#loyalty-program #page-body .sec_inner {
	width: 60%;
	margin: 0 auto;
	padding: 6.25rem 0;
}
#loyalty-program #page-body .sec_inner h2 {
	font-size: 52px;
	line-height: 1.38;
}
#loyalty-program #page-body .sec_inner h2 + p {
	margin: 1.5em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
#loyalty-program #page-body #membership-benefit #benefit-list {
	counter-reset: number 0;
}
#loyalty-program #page-body #membership-benefit #benefit-list li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, 0.31);
	/*border: 1px solid rgba(42, 23, 78, 1);*/
	width: 100%;
	margin-top: 4.3rem;
}
#loyalty-program #page-body #membership-benefit #benefit-list li h3,
#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text {
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: 50%;
}
#loyalty-program #page-body #membership-benefit #benefit-list li h3 {
	padding: 4.5% 5.4%;
	font-size: 24px;
}
#loyalty-program #page-body #membership-benefit #benefit-list li h3::before {
	position: absolute;
	display: block;
	counter-increment: number 1;
	content: counter(number) ".";
	top: -0.3em;
	left: -0.2em;
	font-size: 60px;
}
#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text {
	padding: 4.5% 3.4% 4.5% 0;
}
#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text p {
	margin: 0;
	font-size: 16px;
	line-height: 1.75;
}
#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text .benefit_more_link {
	margin-top: 2em;
	text-align: right;
}
#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text .benefit_more_link a {
	cursor: pointer;
}
#loyalty-program #page-body #membership-benefit #benefit-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 9.3rem;
}
#loyalty-program #page-body #membership-benefit #benefit-link li {
	width: 46%;
	max-width: 380px;
}
#loyalty-program #page-body #membership-benefit #benefit-link li:first-child {
	margin-right: 7%;
}
#loyalty-program #page-body #membership-benefit #benefit-link li a {
	border: 1px solid #fff;
	font-size: clamp(0.75rem, 0.429rem + 0.68vw, 1.25rem);
}
#loyalty-program #page-body #membership-benefit #benefit-link li:first-child a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	width: 100%;
	padding: 1em;
	font-size: clamp(0.75rem, 0.429rem + 0.68vw, 1.25rem);
	text-align: center;
	line-height: 1;
}
#loyalty-program #page-body #membership-benefit #login-text {
	margin: 1.8em 0 0;
	font-size: 16px;
	text-align: center;
}
#loyalty-program #page-body #membership-benefit #login-text a {
	text-decoration: underline;
}
#loyalty-program #page-body .sec_inner #wpmem_reg {
  width: 100%;
  margin: 100px 0 0 0;
}
#loyalty-program #page-body .sec_inner form {
	color: #fff;
}
#loyalty-program #page-body .sec_inner .wpmem_msg {
  background-color: transparent;
  border-radius: 0;
  margin: 5rem 0;
}



/* registration */
#loyalty-program #page-body .sec_inner form#wpmem_register_form legend {
	display: none;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field {
  position: relative;
  /*
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  */
  width: 47.5%;
  margin: 0 0 4em 0;
  border-bottom: 1px solid #776D8A;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field > label {
  position: absolute;
  top: -20px;
  font-size: 12px;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field > .div_text,
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field > .div_select {
  width: 100%;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field > .div_select {
  position: relative;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field select {
  background: none;
  -webkit-appearance: none;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field > .div_select:after {
  display: block;
	position: absolute;
	top: 0em;
	right: 0.5em;
	width: 0.5em;
	height: 0.5em;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #fff;
	content: "";
	pointer-events: none;
	font-size: 16px;
	transform: rotate(45deg);
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field > .div_select:focus-within:after {
  top: 0.25em;
	transform: rotate(-135deg);
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field select option {
  background-color: #776D8A;
  color: #fff;
  padding: 0;
  border: none;
  border-radius: 0;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(1) {
  /*display: none !important;*/
  position: absolute;
  visibility: hidden;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(7),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(8),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(9),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(10),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(13){
  position: absolute;
  right: 0;
  width: 47.5%;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(7)  {top: 0;}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(8)  {top: 5.6em;}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(9)  {top: 11.3em;}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(10) {top: 16.9em;}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(13) {top: 34.6em;}

#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(11),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(14),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15){
  width: 100%;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(13) {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 47.5%;
  margin: 0 0 2em 0;
  padding: 0;
  border-bottom: 1px solid #776D8A;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(14),
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15) {
  width: 80%;
  font-size: 14px;
  margin: 3em auto 0;
  padding: 0 20%;
  border: none;
  white-space: nowrap;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(14) input,
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15) input {
  margin-right: 1em;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15) {
  margin: 1em auto 3em;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15) > div {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15){
  display: block !important;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(16){
  /*display: none;*/
  visibility: hidden;
  position: absolute;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form label {
  display: block;
  width: 50%;
  font-size: 14px;
  white-space: nowrap;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(14) label {
  display: inline;
  width: inherit;
  font-size: 10px;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form label span.req,
#loyalty-program #page-body .sec_inner form#wpmem_register_form input[name="tos"] + a + span.req {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin-left: 3px;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form label + div {
  display: block;
  width: 50%;
  font-size: 14px;
  margin-bottom: 0;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form .req-text {
  display: none;
}
#loyalty-program #page-body .sec_inner form#wpmem_register_form input[name="siteguard_captcha"] {
  width: 47.5%;
  text-align: left;
  border-bottom: 1px solid #776D8A;
}

#loyalty-program #page-body .sec_inner form#wpmem_register_form fieldset {
  position: relative;
  display: block;
}

/* edit profile */
#loyalty-program #page-body .sec_inner form#wpmem_profile_form fieldset {
  display: block;
}
#loyalty-program #page-body .sec_inner form input[type="text"],
#loyalty-program #page-body .sec_inner form input[type="email"],
#loyalty-program #page-body .sec_inner form input[type="password"],
#loyalty-program #page-body .sec_inner form select,
#loyalty-program #page-body .sec_inner form input[type="radio"] {
  font-family: "inter-variable", sans-serif;
  font-size: 16px;
  background-color: transparent;
  color: #fff;
}
#loyalty-program #page-body .sec_inner form input[type="text"]:focus,
#loyalty-program #page-body .sec_inner form input[type="email"]:focus,
#loyalty-program #page-body .sec_inner form input[type="password"]:focus,
#loyalty-program #page-body .sec_inner form select:focus,
#loyalty-program #page-body .sec_inner form input[type="radio"]:focus {
  /*text-align: right;*/
  border: none;
  box-shadow: none;
}
#loyalty-program #page-body .sec_inner form select {
  
}
#loyalty-program #page-body .sec_inner form select option {
  color: #000;
}
#loyalty-program #page-body .sec_inner form input[type="text"],
#loyalty-program #page-body .sec_inner form input[type="email"],
#loyalty-program #page-body .sec_inner form input[type="password"],
#loyalty-program #page-body .sec_inner form select {
  text-align: left;
}
#loyalty-program #page-body .sec_inner form input[type="text"],
#loyalty-program #page-body .sec_inner form input[type="email"],
#loyalty-program #page-body .sec_inner form input[type="password"],
#loyalty-program #page-body .sec_inner form select,
#loyalty-program #page-body .sec_inner form textarea {
  padding: 0;
}
#loyalty-program #page-body .sec_inner form .button_div {
  margin: 0 auto;
  border: none;
  text-align: center;
}
#loyalty-program #page-body .sec_inner form .button_div input {
  display: inline-block;
  width: 20em;
  max-width: 100%;
  background-color: #fff;
  color: #000;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 1em 0;
  border: 1px solid #fff;
}
#loyalty-program #page-body .sec_inner form .button_div input:hover {
  opacity: 0.7;
}


/* login form */
#loyalty-program #page-body .sec_inner #wpmem_login {
  display: none;
}
#loyalty-program #page-body .sec_inner #wpmem_login #rememberme {
  display: none;
}
#loyalty-program #page-body .sec_inner #wpmem_login form .field:nth-child(2),
#loyalty-program #page-body .sec_inner #wpmem_login form .field:nth-child(3){
  position: inherit;
  visibility: inherit;
  width: 100%;
}



/* モーダルウィンドウ Colorbox */
.page-loyalty-program #cboxOverlay.loyalty_modal {
	background-color: #707070;
}
.page-loyalty-program .loyalty_modal #cboxContent {
	background-color: #16092E;
}
.page-loyalty-program .loyalty_modal #free-night-award {
	background-color: #16092E;
	padding: 6%;
}
.page-loyalty-program .loyalty_modal #free-night-award h3 {
	font-size: 20px;
}
.page-loyalty-program .loyalty_modal #free-night-award h3 + p {
	margin: 2em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
.page-loyalty-program .loyalty_modal #free-night-award ol {
	list-style-type: upper-latin;
	padding: 0 0 0 1em;
	font-size: 16px;
	line-height: 1.75;
}
.page-loyalty-program .loyalty_modal #free-night-award ol li {
	padding: 1.5em 0 0 0.5em;
}
.page-loyalty-program .loyalty_modal #cboxClose {
	position: absolute;
	top: 25px;
	right: 25px;
	display: block;
	background: url(images/icon_close.svg) no-repeat center top;
	background-size: 25px auto;
	width: 40px;
	height: auto;
	padding-top: 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	outline: none;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#loyalty-program {
		padding: 18vw 0;
	}
	#loyalty-program #page-header {
		padding: 0 0 5vw;
	}
	#loyalty-program #page-header .sec_inner {
		width: 90%;
	}
	#loyalty-program #page-header .sec_inner h2 {
		font-size: 10px;
	}
	#loyalty-program #page-header .sec_inner #entry-title-wrap #entry-title {
		font-size: 28px;
	}
  #loyalty-program #page-header .sec_inner #entry-title-wrap .sub-title {
    font-size: 18px;
  }
	#loyalty-program #page-header .sec_inner dl {
		margin-top: 2.5rem;
	}
	#loyalty-program #page-header .sec_inner dl dt {
		font-size: 20px;
	}
  #loyalty-program #page-header .sec_inner dl dd {
    margin-top: 1em;
    font-size: 14px;
  }
	#loyalty-program #page-header .sec_inner .account_button {
		max-width: none;
	}
  #loyalty-program #page-body .sec_inner h2 + p {
    font-size: 14px;
  }
	#loyalty-program #page-body .sec_inner {
		width: 90%;
		padding: 11.4vw 0;
	}
	#loyalty-program #page-body .sec_inner h2 {
		font-size: 28px;
		line-height: 1.79;
	}
	#loyalty-program #page-body #membership-benefit {
		width: 100%;
	}
	#loyalty-program #page-body #membership-benefit h2 {
		width: 90%;
		margin: 0 auto;
	}
	#loyalty-program #page-body #membership-benefit h2 + p {
		width: 90%;
    font-size: 14px;
		margin: 1.5em auto 0;
	}
	#loyalty-program #page-body #membership-benefit #benefit-list li {
		display: block;
		margin-top: 16.5vw;
	}
	#loyalty-program #page-body #membership-benefit #benefit-list li h3,
	#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text {
		width: 100%;
	}
	#loyalty-program #page-body #membership-benefit #benefit-list li h3 {
		border-bottom: none;
		padding: 3rem 5vw 0;
	}
	#loyalty-program #page-body #membership-benefit #benefit-list li h3::before {
		left: 5vw;
	}
	#loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text {
		padding: 1.5rem 5vw 3rem;
	}
  #loyalty-program #page-body #membership-benefit #benefit-list li .benefit_list_text p {
    font-size: 14px;
  }
	#loyalty-program #page-body #membership-benefit #benefit-link {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 25vw;
	}
	#loyalty-program #page-body #membership-benefit #benefit-link li {
		width: 90%;
		max-width: none;
		margin: 0 auto;
	}
	#loyalty-program #page-body #membership-benefit #benefit-link li:first-child {
		margin: 1.37rem auto 0;
		order: 2;
	}
	#loyalty-program #page-body #membership-benefit #benefit-link li a {
		font-size: 20px;
	}
	#loyalty-program #page-body #membership-benefit #benefit-link li:first-child a {
		font-size: 20px;
	}
	#loyalty-program #page-body #membership-benefit #login-text {
		margin: 1.8em 5vw 0;
	}
	#loyalty-program #page-body .sec_inner form#wpmem_register_form fieldset {
		display: block;
	}
  #loyalty-program #page-body .sec_inner #wpmem_reg {
    width: 100%;
    overflow: hidden;
  }
  #loyalty-program #page-body .sec_inner form#wpmem_register_form .field {
		width: 100%;
	}
  #loyalty-program #page-body .sec_inner form#wpmem_register_form .field{
    position: inherit !important;
    right: inherit !important;
    top: inherit !important;
    width: 100% !important;
    padding: 0 !important;
  }
	#loyalty-program #page-body .sec_inner form .field:nth-child(13) {
		width: 100%;
		font-size: 12px;
		padding: 0;
	}
	#loyalty-program #page-body .sec_inner form .field:nth-child(15) label {
		font-size: 12px;
	}
	#loyalty-program #page-body .sec_inner form fieldset {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
  #loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(14),
  #loyalty-program #page-body .sec_inner form#wpmem_register_form .field:nth-child(15) {
    white-space: inherit;
  }
	#loyalty-program #page-body .sec_inner form .button_div {
		width: 100%;
	}
	#loyalty-program #page-body .sec_inner form .button_div input {
		box-sizing: border-box;
		width: 100%;
		background-color: #fff;
		color: #000;
		font-size: 18px;
	}
	
	/* モーダルウィンドウ Colorbox */
	.page-loyalty-program #cboxOverlay.loyalty_modal {
		background-color: #1D0C3C;
	}
  .page-loyalty-program #colorbox.loyalty_modal {
		position: fixed !important;
    top: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
	}
	.page-loyalty-program .loyalty_modal #cboxContent {
		background-color: #1D0C3C;
	}
	.page-loyalty-program .loyalty_modal #free-night-award {
		background-color: #1D0C3C;
		padding: 10vw 5vw;
	}
  .page-loyalty-program .loyalty_modal #free-night-award p,
  .page-loyalty-program .loyalty_modal #free-night-award ol li{
    font-size: 14px !important;
	}
	.page-loyalty-program .loyalty_modal #cboxClose {
		top: 0;
		right: 0;
		background: url(images/icon_close.svg) no-repeat center center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		padding-top: 0;
		text-indent: -9999px;
	}

}



/*************************************************************************

** Member Page

**************************************************************************/

#mypage {
	background-color: #1D0C3C;
	padding: 12.5rem 0;
}
#mypage #page-header {
	width: 100%;
	padding: 0 0 6.25rem;
}
#mypage #page-header .sec_inner {
  position: relative;
	width: 60%;
  min-width: 800px;
	margin: 0 auto;
}
#mypage #page-header .sec_inner #entry-title-wrap {
	
}
#mypage #page-header .sec_inner #entry-title-wrap .sub-title {
	font-size: 24px;
}
#mypage #page-header .sec_inner #entry-title-wrap #entry-title {
	font-size: 52px;
}
#mypage #page-header .sec_inner #LRC-info {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 100px 0 0 0;
}
#mypage #page-header .sec_inner #LRC-info .LRC-logo {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-align-items: center;
	align-items: center;
  width: 450px;
}
#mypage #page-header .sec_inner #LRC-info .LRC-logo figure {
  width: 200px;
  margin-right: 20px;
}
#mypage #page-header .sec_inner #LRC-info .LRC-logo figure img {
  display: block;
  width: 100%;
}
#mypage #page-header .sec_inner #LRC-info .LRC-logo div {
  font-size: 24px;
  white-space: nowrap;
}
#mypage #page-header .sec_inner #LRC-info .LRC-number {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
  -webkit-align-items: center;
	align-items: center;
  width: 30%;
  font-size: 16px;
}
#mypage #page-header .sec_inner #LRC-info .LRC-number dt {
  margin: 0 1em 0 0;
  padding: 5px 10px;
  border: 1px solid #fff;
  white-space: nowrap;
}
#mypage #page-header .sec_inner .btn-logout {
  position: absolute;
  right: 0;
  top: 0;
}
#mypage #page-header .sec_inner .btn-logout a {
  font-size: 14px;
  color: #776D8A;
}



#mypage #page-body .sec_inner {
	width: 60%;
  min-width: 800px;
	margin: 0 auto;
	padding: 0;
}
#mypage #page-body .sec_inner h2 {
	font-size: 36px;
	line-height: 1.38;
  margin-bottom: 2em;
  padding-bottom: 10px;
  border-bottom: 1px solid #776D8A;
}
#mypage #page-body .sec_inner h2 small {
	font-size: 24px;
}
#mypage #page-body .sec_inner h2 + p {
	margin: 1.5em 0 0;
	font-size: 16px;
	line-height: 1.75;
}



#mypage #page-body .sec_inner #wpmem_reg {
  width: 100%;
}
#mypage #page-body .sec_inner form {
	color: #fff;
}
#mypage #page-body .sec_inner form legend {
	display: none;
}
#mypage #page-body .sec_inner form .field {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 47.5%;
  margin: 0 0 2em 0;
  border-bottom: 1px solid #776D8A;
}
#mypage #page-body .sec_inner form .field:nth-child(11),
#mypage #page-body .sec_inner form .field:nth-child(12),
#mypage #page-body .sec_inner form .field:nth-child(13),
#mypage #page-body .sec_inner form .field:nth-child(16),
#mypage #page-body .sec_inner form .field:nth-child(17){
  width: 100%;
}
#mypage #page-body .sec_inner form .field:nth-child(16),
#mypage #page-body .sec_inner form .field:nth-child(17) {
  width: 60%;
  font-size: 10px;
  margin: 3em auto 0;
  padding: 0 20%;
  border: none;
}
#mypage #page-body .sec_inner form .field:nth-child(17) {
  margin: 1em auto 3em;
}
#mypage #page-body .sec_inner form .field:nth-child(18) {
  display: none;
}
#mypage #page-body .sec_inner form label {
  display: block;
  width: 50%;
	font-size: 14px;
  white-space: nowrap;
}
#mypage #page-body .sec_inner form .field:nth-child(17) label {
  display: inline;
  width: inherit;
  font-size: 10px;
}
#mypage #page-body .sec_inner form label span.req {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin-left: 3px;
}
#mypage #page-body .sec_inner form label + div {
  display: block;
  width: 50%;
	font-size: 14px;
}
#mypage #page-body .sec_inner form .req-text {
  display: none;
}
#mypage #page-body .sec_inner form fieldset {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#mypage #page-body .sec_inner form input[type="text"],
#mypage #page-body .sec_inner form input[type="email"],
#mypage #page-body .sec_inner form input[type="password"],
#mypage #page-body .sec_inner form select,
#mypage #page-body .sec_inner form input[type="radio"] {
  background-color: transparent;
  color: #fff;
}
#mypage #page-body .sec_inner form select option {
  color: #000;
}
#mypage #page-body .sec_inner form input[type="text"],
#mypage #page-body .sec_inner form input[type="email"],
#mypage #page-body .sec_inner form input[type="password"],
#mypage #page-body .sec_inner form select {
  text-align: right;
}
#mypage #page-body .sec_inner form input[type="text"],
#mypage #page-body .sec_inner form input[type="email"],
#mypage #page-body .sec_inner form input[type="password"],
#mypage #page-body .sec_inner form select,
#mypage #page-body .sec_inner form textarea {
  padding: 0;
}
#mypage #page-body .sec_inner form .button_div {
  margin: 0 auto;
  border: none;
}
#mypage #page-body .sec_inner form .button_div input {
  display: inline-block;
  width: 10em;
  background-color: transparent;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin: 0;
  border: 1px solid #fff;
}

/* モーダルウィンドウ Colorbox */
.page-mypage #cboxOverlay.loyalty_modal {
	background-color: #707070;
}
.page-mypage .loyalty_modal #cboxContent {
	background-color: #16092E;
}
.page-mypage .loyalty_modal #free-night-award {
	background-color: #16092E;
	padding: 6%;
}
.page-mypage .loyalty_modal #free-night-award h3 {
	font-size: 20px;
}
.page-mypage .loyalty_modal #free-night-award h3 + p {
	margin: 2em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
.page-mypage .loyalty_modal #free-night-award ol {
	list-style-type: upper-latin;
	padding: 0 0 0 1em;
	font-size: 16px;
	line-height: 1.75;
}
.page-mypage .loyalty_modal #free-night-award ol li {
	padding: 1.5em 0 0 0.5em;
}
.page-mypage .loyalty_modal #cboxClose {
	position: absolute;
	top: 25px;
	right: 25px;
	display: block;
	background: url(images/icon_close.svg) no-repeat center top;
	background-size: 25px auto;
	width: 40px;
	height: auto;
	padding-top: 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	outline: none;
}


/* for admin */
.page-mypage .admin-only {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  letter-spacing: 0;
}
.page-mypage .admin-only h2 {
  font-size: 20px !important;
  font-weight: bold;
  margin: 0.5em 0 !important;
  padding: 0 !important;
  border: none !important;
}
.page-mypage .admin-only .search-result {
  line-height: 1.75;
  margin: 2em 0;
}
.page-mypage .admin-only .search-result strong {
  color: #ffff00;
  margin: 0;
}
.page-mypage .admin-only form {
	width: calc(100% - 40px);
  background-color: #666;
  margin: 0 auto 2em auto;
  padding: 20px;
  border-radius: 5px;
}
.page-mypage .admin-only form input[type="text"] {
	display: inline;
  background-color: #fff !important;
  color: #000 !important;
  font-size: 20px;
  width: 200px;
  height: 51px;
  padding: 0 10px !important;
  border-radius: 5px;
}
.page-mypage .admin-only form input[type="button"] {
  position: relative;
  /*top: -2px;*/
	display: inline;
  background-color: #1D0C3C;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  height: 49px;
  letter-spacing: 0;
  margin: 0 0 0 2em;
  padding: 0 1em;
  border: 1px solid #1D0C3C;
  border-radius: 5px;
}

.page-mypage .admin-only #LoyaltyBenefitStatus {
  width: calc(100% - 40px);
  background-color: #fff;
  color: #000;
  font-size: 16px;
  line-height: 2;
  margin: 2em 0 6em 0;
  padding: 20px;
  border-radius: 5px;
}
/* // for admin */

#mypage #page-body .reservation_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#mypage #page-body .reservation_box .reservation_box_block1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
}
#mypage #page-body .reservation_box .reservation_box_block1 dl dt {
	font-size: 12px;
}
#mypage #page-body .reservation_box .reservation_box_block1 dl dd {
	font-size: 24px;
}
#mypage #page-body .reservation_box .reservation_box_block1 .status {
	background-color: #fff;
	padding: 0.5em 2em;
	font-size: 16px;
	text-align: center;
	color: #0D0D0D;
}
#mypage #page-body .reservation_box .reservation_box_block2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: calc(70% - 2rem);
}
#mypage #page-body .reservation_box .reservation_box_block2 figure {
	width: 260px;
	margin-right: 2rem;
}
#mypage #page-body .reservation_box .reservation_box_block2 ul {
	width: calc(100% - 260px - 2rem);
}
#mypage #page-body .reservation_box .reservation_box_block3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 30%;
}
#mypage #page-body .reservation_box .reservation_box_block3 ul {
	width: 47%;
  white-space: nowrap;
}
#mypage #page-body .reservation_box .reservation_box_block2 ul li,
#mypage #page-body .reservation_box .reservation_box_block3 ul li {
	margin-top: 3em;
	font-size: 12px;
	color: #776D8A;
}
#mypage #page-body .reservation_box .reservation_box_block2 ul li:first-child,
#mypage #page-body .reservation_box .reservation_box_block3 ul li:first-child {
	margin-top: 0;
}
#mypage #page-body .reservation_box .reservation_box_block2 ul li span,
#mypage #page-body .reservation_box .reservation_box_block3 ul li span {
	display: block;
	margin-top: 0.2em;
	font-size: 18px;
	color: #fff;
}

#mypage #page-body #under-reservation .reservation_box {
  margin-bottom: 2rem;
}



/* Tabs */
#mypage #page-body #history {
  margin-top: 5rem;
	border: 1px solid #FFF;
	background-color: #fff;
}
#mypage #page-body #history #history_tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #1D0C3C;
}
#mypage #page-body #history #history_tabs li {
	box-sizing: border-box;
	background-color: #1D0C3C;
	border-right: 1px solid #FFF;
	width: calc(100% / 3);
	padding: 1em 0.5em;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
}
#mypage #page-body #history #history_tabs li:last-child {
	border-right: none;
}
#mypage #page-body #history #history_tabs li.active/*,
#mypage #page-body #history #history_tabs li:hover*/{
	background-color: #fff;
	color: #1D0C3C;
}



/* Tab-contents */
/* Reservation */
#mypage #page-body #tab_content1 .reservation_box {
	border-top: 1px solid #C6C6C6;
	margin: 0 7.5%;
	padding: 3rem 0;
}
#mypage #page-body #tab_content1 .reservation_box:nth-child(1) {
	border-top: none;
}
#mypage #page-body #tab_content1 .reservation_box .reservation-date {
	color: #CCCCCC;
}
#mypage #page-body #tab_content1 .reservation_box .ryokan-name,
#mypage #page-body #tab_content1 .reservation_box .ryokan-name a {
	color: #1D0C3C;
}
#mypage #page-body #tab_content1 .reservation_box .status {
	box-sizing: border-box;
	border: 1px solid #707070;
	background-color: #fff;
	padding: 0.5em 2em;
	font-size: 16px;
	text-align: center;
	color: #0D0D0D;
}
#mypage #page-body #tab_content1 .reservation_box .confirmed {
	box-sizing: border-box;
	border: 1px solid #707070;
	background-color: #0D0D0D;
	padding: 0.5em 2em;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
#mypage #page-body #tab_content1 .reservation_box .reservation_box_block2 ul li,
#mypage #page-body #tab_content1 .reservation_box .reservation_box_block3 ul li {
	color: #1D0C3C;
	word-spacing: nowrap;
}
#mypage #page-body #tab_content1 .reservation_box .reservation_box_block2 ul li span,
#mypage #page-body #tab_content1 .reservation_box .reservation_box_block3 ul li span {
	color: #1D0C3C;
	word-spacing: inherit;
}

/* Premium Item */
#mypage #page-body #tab_content2 {
	display: none;
}
/* Orders */
#mypage #page-body #tab_content2 .premium_item_box {
	border-top: 1px solid #C6C6C6;
	margin: 0 7.5%;
	padding: 3rem 0;
}
#mypage #page-body .premium_item_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#mypage #page-body .premium_item_box .premium_item_box_block1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
}
#mypage #page-body .premium_item_box .premium_item_box_block1 dl dt {
	font-size: 12px;
}
#mypage #page-body .premium_item_box .premium_item_box_block1 dl dd {
	font-size: 24px;
}
#mypage #page-body .premium_item_box .premium_item_box_block1 .status {
	background-color: #fff;
	padding: 0.5em 2em;
	font-size: 16px;
	text-align: center;
	color: #0D0D0D;
}
#mypage #page-body .premium_item_box .premium_item_box_block2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: calc(70% - 2rem);
}
#mypage #page-body .premium_item_box .premium_item_box_block2 figure {
	width: 260px;
	margin-right: 2rem;
}
#mypage #page-body .premium_item_box .premium_item_box_block2 ul {
	width: calc(100% - 260px - 2rem);
}
#mypage #page-body .premium_item_box .premium_item_box_block3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 30%;
}
#mypage #page-body .premium_item_box .premium_item_box_block3 ul {
	width: 47%;
}
#mypage #page-body .premium_item_box .premium_item_box_block2 ul li,
#mypage #page-body .premium_item_box .premium_item_box_block3 ul li {
	margin-top: 3em;
	font-size: 12px;
	color: #776D8A;
}
#mypage #page-body .premium_item_box .premium_item_box_block2 ul li:first-child,
#mypage #page-body .premium_item_box .premium_item_box_block3 ul li:first-child {
	margin-top: 0;
}
#mypage #page-body .premium_item_box .premium_item_box_block2 ul li span,
#mypage #page-body .premium_item_box .premium_item_box_block3 ul li span {
	display: block;
	margin-top: 0.2em;
	font-size: 18px;
	color: #fff;
}

#mypage #page-body #under-reservation .premium_item_box {
  margin-bottom: 2rem;
}

#mypage #page-body #tab_content2 .premium_item_box:nth-child(1) {
	border-top: none;
}
#mypage #page-body #tab_content2 .premium_item_box .order-date {
	color: #CCCCCC;
}
#mypage #page-body #tab_content2 .premium_item_box .item-name,
#mypage #page-body #tab_content2 .premium_item_box .item-name a {
	color: #1D0C3C;
}
#mypage #page-body #tab_content2 .premium_item_box .status {
	box-sizing: border-box;
	border: 1px solid #707070;
	background-color: #fff;
	padding: 0.5em 2em;
	font-size: 16px;
	text-align: center;
  white-space: nowrap;
	color: #0D0D0D;
}
#mypage #page-body #tab_content2 .premium_item_box .confirmed {
	box-sizing: border-box;
	border: 1px solid #707070;
	background-color: #0D0D0D;
	padding: 0.5em 2em;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
#mypage #page-body #tab_content2 .premium_item_box .premium_item_box_block2 ul li,
#mypage #page-body #tab_content2 .premium_item_box .premium_item_box_block3 ul li {
	color: #1D0C3C;
  white-space: nowrap;
}
#mypage #page-body #tab_content2 .premium_item_box .premium_item_box_block2 ul li span,
#mypage #page-body #tab_content2 .premium_item_box .premium_item_box_block3 ul li span {
	color: #1D0C3C;
}
#mypage #page-body .tab_content .not_purchased {
  text-align: center;
	color: #1D0C3C;
  margin: 4rem auto 0;
}
#mypage #page-body .tab_content .button_style1 {
  width: 50%;
  margin: 4rem auto;
}
#mypage #page-body .tab_content .button_style1 a {
  box-sizing: border-box;
	display: block;
	border: 1px solid #1D0C3C;
	padding: 0.7em;
	font-size: 20px;
	text-align: center;
	color: #1D0C3C;
}
#mypage #page-body .tab_content .button_style1 a:hover {
	opacity: 0.7;
}

/* Sake */
#mypage #page-body #tab_content3 {
	display: none;
}
#mypage #page-body #tab_content3 .sake_box {
	border-bottom: 1px solid #C6C6C6;
	margin: 0 7.5%;
	padding: 3rem 0;
}
#mypage #page-body #tab_content3 .not_purchased {
	margin-bottom: 4rem;
}



/* Profile */
#mypage #page-body #your-profile {
	margin-top: 5rem;
}
#mypage #page-body #your-profile .profile_box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#mypage #page-body #your-profile .profile_box ul li {
	width: 100%;
	margin-top: 4em;
	font-size: 12px;
	color: #776D8A;
}
#mypage #page-body #your-profile .profile_box ul li span {
	display: block;
	margin-top: 0.2em;
	font-size: 16px;
	color: #fff;
}
#mypage #page-body #your-profile .profile_box ul li:nth-child(-n+8) {
	width: 47%;
}
#mypage #page-body #your-profile .profile_box ul li:nth-child(1) { order: 1; margin-top: 0; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(2) { order: 3; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(3) { order: 5; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(4) { order: 7; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(5) { order: 2; margin-top: 0; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(6) { order: 4; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(7) { order: 6; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(8) { order: 8; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(9) { order: 9; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(10) { order: 10; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(11) { order: 11; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(12) { order: 12; }
#mypage #page-body #your-profile .profile_box ul li:nth-child(13) { order: 13; }

#mypage #page-body #your-profile .profile_box .profile_edit_button {
	width: 100%;
	margin: 5rem auto 0;
}
#mypage #page-body #your-profile .profile_box .profile_edit_button ul,
#mypage #page-body #your-profile .profile_box .wpmem_msg + ul {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 80%;
  min-width: 500px;
  margin: 0 auto;
}
#mypage #page-body #your-profile .profile_box .profile_edit_button ul li,
#mypage #page-body #your-profile .profile_box .wpmem_msg + ul li {
	width: 47.5%;
  margin: 0;
}
#mypage #page-body #your-profile .profile_box .profile_edit_button ul li a,
#mypage #page-body #your-profile .profile_box .wpmem_msg + ul li a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	padding: 0.7em;
	font-size: 20px;
	text-align: center;
	color: #fff;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
}
#mypage #page-body #your-profile .profile_box .profile_edit_button a:hover,
#mypage #page-body #your-profile .profile_box .wpmem_msg + ul li a:hover {
	background-color: #fff;
	color: #000;
	opacity: 1;
}
#mypage #page-body #your-profile ul#profile_current:has(+ #profile_edit #wpmem_reg),
#mypage #page-body #your-profile ul#profile_current:has(+ #profile_edit #wpmem_pwdchange_form) {
	display: none;
}
#mypage #page-body #your-profile #profile_edit .wpmem_msg{
  display: none;
  font-family: "inter-variable", sans-serif;
  font-variation-settings: "wght" 400;
	background-color: transparent;
  margin: 0 auto 2rem;
  border: none;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#mypage {
		padding: 10vw 0 18vw 0;
	}
	#mypage #page-header {
		padding: 0 0 10vw;
	}
	#mypage #page-header .sec_inner {
		width: 90%;
    min-width: inherit;
	}
	#mypage #page-header .sec_inner h2 {
		font-size: 10px;
	}
  #mypage #page-header .sec_inner #entry-title-wrap .sub-title {
    font-size: 10px;
  }
  #mypage #page-header .sec_inner #entry-title-wrap #entry-title {
    font-size: 28px;
  }
  /*
	#mypage #page-header .sec_inner dl {
		margin-top: 2.5rem;
	}
	#mypage #page-header .sec_inner dl dt {
		font-size: 16px;
	}*/
  
  
	#mypage #page-header .sec_inner .account_button {
		max-width: none;
	}
  
  /* LRC info */
  #mypage #page-header .sec_inner #LRC-info {
    
  }  
  #mypage #page-header .sec_inner #LRC-info .LRC-logo {
    width: auto;
    margin-bottom: 1em;
  }
  #mypage #page-header .sec_inner #LRC-info .LRC-logo figure {
    display: none;
  }
  #mypage #page-header .sec_inner #LRC-info .LRC-logo div {
    font-size: 16px;
    white-space: nowrap;
  }
  #mypage #page-header .sec_inner #LRC-info .LRC-number {
    display: block;
    width: 100%;
    font-size: 14px;
    margin: 0;
  }
  #mypage #page-header .sec_inner #LRC-info .LRC-number dt {
    display: inline-block;
  }
  #mypage #page-header .sec_inner #LRC-info .LRC-number dd {
    display: inline-block;
  }
  
	#mypage #page-body .sec_inner {
		width: 90%;
    min-width: inherit;
		padding: 0 0 11.4vw 0;
	}
	#mypage #page-body .sec_inner h2 {
		font-size: 20px;
		line-height: 1.79;
	}
	#mypage #page-header .sec_inner #LRC-info {
    display: block;
    margin: 10vw 0 0 0;
  }
  
  #mypage #page-body #your-profile .profile_box .profile_edit_button ul,
  #mypage #page-body #your-profile .profile_box .wpmem_msg + ul {
    width: 100%;
    min-width: inherit;
  }
  
  #mypage #page-body .reservation_box {
    
  }
  #mypage #page-body .reservation_box .reservation_box_block1 {
    
  }
  #mypage #page-body .reservation_box .reservation_box_block1 dl dt {
    font-size: 10px;
  }
  #mypage #page-body .reservation_box .reservation_box_block1 dl dd {
    font-size: 14px;
  }
  #mypage #page-body .reservation_box .reservation_box_block1 .status {
    font-size: 12px;
  }
  #mypage #page-body .reservation_box .reservation_box_block2 {
    display: block;
    /*
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    */
    width: 100%;
  }
  #mypage #page-body .reservation_box .reservation_box_block2 figure {
    width: 100%;
    margin-right: 0%;
  }
  #mypage #page-body .reservation_box .reservation_box_block2 ul {
    width: 100%;
  }
  #mypage #page-body .reservation_box .reservation_box_block2 ul li span {
    font-size: 14px;
  }
  #mypage #page-body .reservation_box .reservation_box_block3 {
    width: 100%;
  }
  #mypage #page-body .reservation_box .reservation_box_block3 ul {
    width: 47%;
    white-space: nowrap;
  }
  #mypage #page-body .reservation_box .reservation_box_block2 ul li,
  #mypage #page-body .reservation_box .reservation_box_block3 ul li {
    margin-top: 1em;
    font-size: 10px;
  }
  #mypage #page-body .reservation_box .reservation_box_block2 ul li:first-child,
  #mypage #page-body .reservation_box .reservation_box_block3 ul li:first-child {
  }
  #mypage #page-body .reservation_box .reservation_box_block2 ul li span,
  #mypage #page-body .reservation_box .reservation_box_block3 ul li span {
    font-size: 14px;
  }
  
  #mypage #page-body #history #history_tabs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mypage #page-body #history #history_tabs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.3;
    height: 15vw;
    padding: 0 0.5em;
  }
  
  
  /* form */
	#mypage #page-body .sec_inner form .field {
		width: 100%;
	}
	#mypage #page-body .sec_inner form .field:nth-child(16),
	#mypage #page-body .sec_inner form .field:nth-child(17) {
		width: 100%;
		font-size: 12px;
		padding: 0;
	}
	#mypage #page-body .sec_inner form .field:nth-child(17) label {
		font-size: 12px;
	}
	#mypage #page-body .sec_inner form fieldset {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
  
  #mypage #page-body #your-profile .profile_box ul {
    display: block;
  }
  #mypage #page-body #your-profile .profile_box ul li {
    width: 100% !important;
    margin-top: 2em !important;
  }
  #mypage #page-body #your-profile .profile_box .profile_edit_button {
    margin: 2rem auto 0;
  }
  
	#mypage #page-body .sec_inner form .button_div {
		width: 100%;
	}
	#mypage #page-body .sec_inner form .button_div input {
		box-sizing: border-box;
		width: 100%;
		background-color: #fff;
		color: #000;
		font-size: 18px;
	}
  #mypage #page-body #wpmem_login .button_div input[type="submit"]{
    background-color: transparent;
  }
  #mypage #page-body #wpmem_login input[type="text"], #mypage #page-body #wpmem_login input[type="password"] {
    width: inherit !important;
  }
  
  #mypage #page-body #your-profile .profile_box .profile_edit_button ul {
    min-width: inherit;
    width: 100%;
  }
  #mypage #page-body #your-profile .profile_box .profile_edit_button ul li a, #mypage #page-body #your-profile .profile_box .wpmem_msg + ul li a {
    font-size: 14px;
    white-space: nowrap;
  }
	
	/* モーダルウィンドウ Colorbox */
	.page-mypage #cboxOverlay.loyalty_modal {
		background-color: #1D0C3C;
	}
	.page-mypage .loyalty_modal #cboxContent {
		background-color: #1D0C3C;
	}
	.page-mypage .loyalty_modal #free-night-award {
		background-color: #1D0C3C;
		padding: 10vw 5vw;
	}
	.page-mypage .loyalty_modal #cboxClose {
		top: 0;
		right: 0;
		background: url(images/icon_close.svg) no-repeat center center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		padding-top: 0;
		text-indent: -9999px;
	}
	
}



/*************************************************************************

** Member Edit Page

**************************************************************************/

.page-template-member-edit-page #header {
  background-color: transparent;
}
.page-template-member-edit-page #mypage #page-body .sec_inner {
  padding-top: 0;
}
.page-template-member-edit-page #mypage #page-body #your-profile {
	margin-top: 0;
}
#mypage #page-body #your-profile form#wpmem_profile_form {
	display: block;
  width: 90%;
  max-width: 560px;
  margin: 0 auto;
}
#mypage #page-body #your-profile form#wpmem_profile_form fieldset {
	display: block;
}
#mypage #page-body #your-profile form#wpmem_profile_form fieldset > div.div_text,
#mypage #page-body #your-profile form#wpmem_profile_form fieldset > div.div_text,
#mypage #page-body #your-profile form#wpmem_profile_form fieldset > div.div_select {
	width: 100%;
  font-size: 16px;
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #707070;
}
#mypage #page-body #your-profile form#wpmem_profile_form fieldset label {
	position: relative;
  /*top: 1.8em;*/
}
#mypage #page-body #your-profile form#wpmem_profile_form fieldset .field {
	width: 100%;
}
#mypage #page-body #your-profile form#wpmem_profile_form fieldset .field:nth-child(12) {
	border-bottom: 0;
}
#mypage #page-body #your-profile form#wpmem_profile_form fieldset .field:nth-child(13) {
	display: none;
}
#mypage #page-body #your-profile form#wpmem_profile_form .div_text input[type="text"],
#mypage #page-body #your-profile form#wpmem_profile_form .div_text input[type="email"],
#mypage #page-body #your-profile form#wpmem_profile_form .div_select select {
	width: 100%;
  font-family: "inter-variable", sans-serif !important;
  font-variation-settings: "wght" 400;
  font-size: 16px;
}
#mypage #page-body #your-profile form#wpmem_profile_form label[for="lrc_number"]{
  visibility: hidden;
  position: absolute;
}
#mypage #page-body #your-profile form#wpmem_profile_form label[for="lrc_number"] + .div_text {
  visibility: hidden;
  position: absolute;
}
#mypage #page-body #your-profile form#wpmem_profile_form label[for="newsletter"]{
  position: inherit;
  top: inherit;
  display: inline;
}
#mypage #page-body #your-profile form#wpmem_profile_form input[type="submit"] {
  
}
#mypage #page-body #your-profile form#wpmem_profile_form .button_div {
	width: 100%;
	margin: 5rem auto 0;
}
#mypage #page-body #your-profile form#wpmem_profile_form input[type="submit"] {
	box-sizing: border-box;
	display: block;
  width: 100%;
	border: 1px solid #fff;
	padding: 0.7em;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
#mypage #page-body #your-profile form#wpmem_profile_form input[type="submit"]:hover {
	background-color: #fff;
	color: #000;
	opacity: 1;
}

#page-body #wpmem_msg,
#page-body .wpmem_msg {
  text-align: center;
  background: transparent;
  border: 1px solid #d3d3d3;
  border-radius: 0 ;
  padding: 20px 0;
  margin: 10vw auto;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  #mypage #page-body #your-profile form#wpmem_profile_form {
    width: 100%;
    max-width: inherit;
  }
  
}




/*************************************************************************

** Password change Page

**************************************************************************/

#mypage #page-body #your-profile #wpmem_login {
  width: 100%;
}
#mypage #page-body #your-profile form#wpmem_pwdchange_form input[type="submit"] {
  
}
#mypage #page-body #your-profile form#wpmem_pwdchange_form .button_div {
	width: 50%;
	margin: 5rem auto 0;
}
#mypage #page-body #your-profile form#wpmem_pwdchange_form input[type="submit"] {
	box-sizing: border-box;
	display: block;
  width: 100%;
	border: 1px solid #fff;
	padding: 0.7em;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
#mypage #page-body #your-profile form#wpmem_pwdchange_form input[type="submit"]:hover {
	background-color: #fff;
	color: #000;
	opacity: 1;
}



/* スマホ */
@media screen and (max-width:750px) {
  
  #mypage #page-body #your-profile form#wpmem_pwdchange_form .button_div {
    width: 80%;
    margin: 10vw auto;
  }
  #mypage #page-body #your-profile form#wpmem_pwdchange_form .button_div input {
    background-color: transparent;
  }
  
}



/*************************************************************************

** Member Registered Page

**************************************************************************/

#registration {
	background-color: #1D0C3C;
	padding: 12.5rem 0;
}
#registration #page-header {
	width: 100%;
	padding: 0 0 6.25rem;
}
#registration #page-header .sec_inner {
  position: relative;
	width: 60%;
	margin: 0 auto;
}
#registration #page-header .sec_inner #entry-title-wrap {
	
}
#registration #page-header .sec_inner #entry-title-wrap .sub-title {
	font-size: 24px;
}
#registration #page-header .sec_inner #entry-title-wrap #entry-title {
	font-size: 52px;
}
#registration #page-body .wpmem_msg {
  width: 60%;
  background-color: transparent;
  margin: 0 auto;
  border-radius: 0;
  border: none;
  text-align: left;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
}



/* スマホ */
@media screen and (max-width:750px) {
	
	#registration {
		padding: 18vw 0;
	}
	#registration #page-header {
		padding: 0 0 5vw;
	}
	#registration #page-header .sec_inner {
		width: 90%;
	}
	#registration #page-header .sec_inner h2 {
		font-size: 10px;
	}
	#registration #page-header .sec_inner #entry-title-wrap #entry-title {
		font-size: 28px;
	}
  
  #registration #page-body .wpmem_msg {
    width: 90%;
  }
	
}



/*************************************************************************

** Member Registration Completed Page

**************************************************************************/

#registration-completed {
	background-color: #1D0C3C;
	padding: 12.5rem 0;
}
#registration-completed #page-header {
	width: 100%;
	padding: 0 0 6.25rem;
}
#registration-completed #page-header .sec_inner {
  position: relative;
	width: 60%;
	margin: 0 auto;
}
#registration-completed #page-header .sec_inner #entry-title-wrap {
	
}
#registration-completed #page-header .sec_inner #entry-title-wrap .sub-title {
	font-size: 24px;
}
#registration-completed #page-header .sec_inner #entry-title-wrap #entry-title {
	font-size: 52px;
}
#registration-completed #page-body .sec_inner {
  position: relative;
	width: 60%;
	margin: 0 auto;
}
#registration-completed #page-body .wpmem_msg {
  width: 60%;
  background-color: transparent;
  margin: 0 auto;
  border-radius: 0;
}
#registration-completed #page-body #wpmem_login {
  position: relative;
  width: 80%;
  background-color: transparent;
  margin: 5rem auto;
  border-radius: 0;
}
#registration-completed #page-body #wpmem_login legend,
#registration-completed #page-body #wpmem_login label {
  font-family: trajan-pro-3,sans-serif;
  font-weight: normal;
  color: #fff;
}
#registration-completed #page-body #wpmem_login legend {
  margin-bottom: 2em;
}
#registration-completed #page-body #wpmem_login .link-text-register {
  display: none;
}
#registration-completed #page-body #wpmem_login .link-text-forgot {
  position: absolute;
  bottom: 10rem;
  right: 0;
  color: #fff;
}
#registration-completed #page-body #wpmem_login .button_div {
  text-align: center;
}
#registration-completed #page-body #wpmem_login .button_div input {
  margin: 4em 0 2em;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
}



/* スマホ */
@media screen and (max-width:750px) {
	
	#registration-completed {
		padding: 18vw 0;
	}
	#registration-completed #page-header {
		padding: 0 0 5vw;
	}
	#registration-completed #page-header .sec_inner {
		width: 90%;
	}
	#registration-completed #page-header .sec_inner h2 {
		font-size: 10px;
	}
	#registration-completed #page-header .sec_inner #entry-title {
		font-size: 28px !important;
	}
  #registration-completed #page-body .sec_inner {
		width: 90%;
	}
  #registration-completed #page-body #wpmem_login {
    width: 90%;
  }
	
}



/*************************************************************************

** Password Reset

**************************************************************************/

#mypage #page-body .sec_inner #wpmem_login {
  width: 100%;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form fieldset legend {
  display: none;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form fieldset {
  display: block;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form fieldset .field {
  width: 100%;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form .link-text {
  display: none;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form .button_div {
  text-align: center;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form .button_div input {
  width: 80%;
  margin: 0 auto;
}
#mypage #page-body .sec_inner #wpmem_pwdreset_form .button_div input:hover {
  background-color: #fff;
  color: #000;
}



#mypage #page-body .sec_inner #wpmem_login {
  
}
#mypage #page-body .sec_inner #wpmem_login fieldset {
  display: block;
}
#mypage #page-body .sec_inner #wpmem_login fieldset .field {
  width: 100%;
}
#mypage #page-body .sec_inner #wpmem_login .link-text {
  display: none;
}
#mypage #page-body .sec_inner #wpmem_login .button_div {
  text-align: center;
}
#mypage #page-body .sec_inner #wpmem_login .button_div input {
  width: 80%;
  margin: 0 auto;
}
#mypage #page-body .sec_inner #wpmem_login .button_div input:hover {
  background-color: #fff;
  color: #000;
}




/* ログイン */
#mypage #page-body .wpmem_msg {
  width: calc(100% - 40px);
  margin: 0 auto 2rem auto;
  padding: 20px;
}
#mypage #page-body #wpmem_login {
  width: 90%;
  max-width: 560px;
  margin: 0 auto;
}
#mypage #page-body #wpmem_login form fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#mypage #page-body #wpmem_login form fieldset .field:has(.log) { order: 1; }
#mypage #page-body #wpmem_login form fieldset .field:has(.pwd) { order: 2; }
#mypage #page-body #wpmem_login form fieldset input[name="a"] { order: 3; }
#mypage #page-body #wpmem_login form fieldset input[name="redirect_to"] { order: 4; }
#mypage #page-body #wpmem_login form fieldset .link-text { order: 5; }
#mypage #page-body #wpmem_login form fieldset .button_div { order: 6; }

#mypage #page-body #wpmem_login legend {
  display: none;
}
#mypage #page-body #wpmem_login .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #707070;
}
#mypage #page-body #wpmem_login .div_text {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: .5em;
  /*border-bottom: 1px solid #707070;*/
}
#mypage #page-body #wpmem_login .div_text input {
  display: block;
  margin-left: auto;
}
#mypage #page-body #wpmem_login fieldset label {
  position: relative;
  /*top: 1.5em;*/
}
#mypage #page-body #wpmem_login .button_div {
	margin-top: 60px;
}
#mypage #page-body #wpmem_login .button_div #rememberme,
#mypage #page-body #wpmem_login .button_div #rememberme + label {
  display: none;
}
#mypage #page-body #wpmem_login .link-text-forgot,
#mypage #page-body #wpmem_login .link-text-forgot a {
  font-size: 12px;
  color: #fff;
}
#mypage #page-body #wpmem_login .button_div input[type="submit"] {
  width: 100%;
  color: #fff;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: normal;
  border: 1px solid #fff;
}
#mypage #page-body #wpmem_login label {
  font-family: "inter-variable", sans-serif;
  color: #fff;
}
#mypage #page-body #wpmem_login input[type="text"],
#mypage #page-body #wpmem_login input[type="password"]{
  width: 300px;
  color: #fff;
  background-color: transparent;
  font-family: "inter-variable", sans-serif;
  text-align: right;
  border: none;
}
#mypage #page-body #wpmem_login .button-backtohomes {
  display: none;
}



/*************************************************************************

** Payment Page

**************************************************************************/

#authorization {
	padding: 12.5rem 0;
}
#authorization #page-header {
	width: 100%;
	padding: 0 0 3rem;
}
#authorization #page-header .sec_inner {
	width: 60%;
	margin: 0 auto;
}
#authorization #page-header .sec_inner .sub-title {
	font-size: 24px;
}
#authorization #page-header .sec_inner #entry-title {
	font-size: 52px;
}
#authorization #page-header .sec_inner #entry-title + p {
	margin: 1.5em 0 0;
	font-size: 16px;
}
#authorization .wpmem_msg {
  display: none;
}
#authorization #wpmem_login {
	margin: 0 auto;
}
#authorization #page-body {
	width: 100%;
	padding: 3rem 0 0;
}
#authorization #page-body .sec_inner {
	width: 60%;
	margin: 0 auto;
}
#authorization #page-body .sec_inner h2 {
	border-bottom: 1px solid #707070;
	font-size: 24px;
  margin-bottom: 2em;
}
#authorization #page-body .sec_inner form p:not([class]) {
	display: contents;
}
#authorization #page-body .sec_inner form .form_label {
	margin-top: 3rem;
	font-size: 12px;
	color: #B7B7B7;
}
#authorization #page-body .sec_inner form .form_input {
	margin-top: 3rem;
	font-size: 16px;
}
#authorization #page-body .sec_inner form .form_label + .form_input {
	margin-top: 5px;
}
#authorization #page-body .sec_inner form .form_input .wpcf7-list-item {
	margin: 0 3em 0 0;
}
#authorization #page-body .sec_inner form .form_input .wpcf7-list-item.last {
	margin-right: 0;
}
#authorization #page-body .sec_inner form .form_input input[type="radio"] {
	position: relative;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background-color: #707070;
	vertical-align: -1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#authorization #page-body .sec_inner form .form_input input[type="radio"]:checked {
	background-color: #fff;
}
#authorization #page-body .sec_inner form .form_input input[type="radio"]:checked::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #000;
	content: '';
}
#authorization #page-body .sec_inner form .form_input input[type="text"] {
	background-color: #0D0D0D;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #707070;
	font-size: 16px;
	color: #fff;
}
#authorization #page-body .sec_inner form .form_input input[type="text"]::placeholder {
	color: #fff;
}
#authorization #page-body .sec_inner form .form_input span[data-name="expiry-m"],
#authorization #page-body .sec_inner form .form_input span[data-name="expiry-y"] {
	display: inline-block;
	position: relative;
}
#authorization #page-body .sec_inner form .form_input span[data-name="expiry-m"] {
	width: 120px;
	margin-right: 2rem;
}
#authorization #page-body .sec_inner form .form_input span[data-name="expiry-y"] {
	width: 200px;
}
#authorization #page-body .sec_inner form .form_input select {
	appearance: none;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 2em 10px 0;
	background-color: #0D0D0D;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #707070;
	outline: 0;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
}
#authorization #page-body .sec_inner form .form_input span[data-name="expiry-m"]::before,
#authorization #page-body .sec_inner form .form_input span[data-name="expiry-y"]::before {
	display: block;
	position: absolute;
	top: 0.7em;
	right: 0.5em;
	width: 0.5em;
	height: 0.5em;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #fff;
	content: "";
	pointer-events: none;
	font-size: 16px;
	transform: rotate(45deg);
}
#authorization #page-body .sec_inner form input[type="submit"],
#authorization #card-registration form button.mdc-button {
	box-sizing: border-box;
	display: block;
	background-color: #0D0D0D;
  border-radius: 0;
	border: 1px solid #fff;
	width: 50%;
  height: auto;
	margin: 6.25rem auto 0;
	padding: 0.8em 0.5em;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
#authorization #page-body .sec_inner form input[type="submit"]:hover,
#authorization #card-registration form button.mdc-button:hover{
	background-color: #fff;
	color: #0D0D0D;
}

#authorization #page-header .sec_inner .login_status {
  margin-top: 2em;
}
#authorization #page-header .sec_inner .btn-sign-out {
  width: 100%;
  max-width: 200px;
  background-color: #fff;
  margin-top: 2em;
  padding: 1em 0;
}
#authorization #page-header .sec_inner .btn-sign-out a {
  display: block;
  font-size: 18px;
  color: #000;
  text-align: center;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {

	#authorization {
		padding: 6.25rem 0;
	}
	#authorization #page-header {
		padding: 0 0 1.5rem;
	}
	#authorization #page-header .sec_inner {
		width: 90%;
	}
	#authorization #page-header .sec_inner .sub-title {
		font-size: 10px;
	}
	#authorization #page-header .sec_inner #entry-title {
		font-size: 36px;
	}
	#authorization #page-header .sec_inner #entry-title + p {
		margin: 3em 0 0;
	}
	#authorization #page-body {
		padding: 1.5rem 0 0;
	}
  #authorization #wpmem_login {
    width: 100%;
    margin: 0 auto;
  }
  #authorization #wpmem_login legend {
		font-size: 20px;
	}
	#authorization #page-body .sec_inner {
		width: 90%;
	}
	#authorization #page-body .sec_inner form .form_input .wpcf7-list-item {
		margin: 0 3em 1em 0;
	}
	#authorization #page-body .sec_inner form .form_input span[data-name="expiry-m"] {
		width: 35%;
	}
	#authorization #page-body .sec_inner form .form_input span[data-name="expiry-y"] {
		width: calc(100% - 35% - 2rem);
	}
	#authorization #page-body .sec_inner form input[type="submit"],
  #authorization #card-registration form button.mdc-button {
		width: 100%;
	}
	
}



/*************************************************************************

** Privacy Policy & Terms And Conditions & 国内の施設様へ & Cookie Policy

**************************************************************************/

body.page-template-for-japan-page {
  background-color: #EDEDED;
}
.page_type1 {
	background-color: #EDEDED;
	width: 100%;
	padding: 12.5rem 0;
	color: #000;
}
.page_type1 #page-header {
	width: 60%;
	margin: 0 auto;
}
.page_type1 #page-header #entry-title {
	font-size: 52px;
	line-height: 1.38;
}
.page_type1 #page-body {
	width: 100%;
}
.page_type1 #page-body .sec_inner {
	width: 60%;
	margin: 0 auto;
	padding: 8.75rem 0 0;
}
.page_type1 #page-body .sec_inner > p {
	margin: 0;
	font-size: 16px;
	line-height: 1.75;
}
.page_type1 #page-body .sec_inner dl {
	margin-top: 4rem;
}
.page_type1 #page-body .sec_inner dl:first-child {
	margin-top: 0;
}
.page_type1 #page-body .sec_inner dl dt {
	border-bottom: 1px solid #ccc;
	font-size: 24px;
}
.page_type1 #page-body .sec_inner dl dd {
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.75;
}
.page_type1 #page-footer {
	width: 100%;
}
.page_type1 #page-footer .sec_inner {
	box-sizing: border-box;
	border: 1px solid #707070;
	width: 60%;
	margin: 3.12rem auto 0;
	padding: 1.5rem 2rem;
}
.page_type1 #page-footer .sec_inner > p {
	margin: 0;
	font-size: 16px;
	line-height: 1.75;
}
.page_type1 #page-footer .sec_inner > p > strong {
	font-size: 20px;
}
.page_type1 #page-footer .sec_inner > p > a {
	color: #000;
  pointer-events: none;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  body:has(.page_type1) {
    background-color: #EDEDED;
  }
	.page_type1 {
		padding: 6.25rem 0;
	}
	.page_type1 #page-header {
		width: 90%;
	}
	.page_type1 #page-header #entry-title {
		font-size: 28px;
		line-height: 1.79;
	}
	.page_type1 #page-body .sec_inner {
		width: 90%;
		padding: 4.37rem 0 0;
	}
	.page_type1 #page-body .sec_inner dl dt {
		font-size: 20px;
	}
	.page_type1 #page-footer .sec_inner {
		width: 90%;
	}
	
}



/*************************************************************************

** Admin Only

**************************************************************************/

body:not(.admin-bar) .admin-only {
  display: none;
}

.admin-bar .admin-only {
  display: block;
}



/*************************************************************************

** Reservation Request

**************************************************************************/

#reservation {
	width: 100%;
	padding: 12.5rem 0 15.6rem 0;
}

/* for admin */
#reservation .admin-only {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  letter-spacing: 0;
}
#reservation .admin-only h2 {
  font-weight: bold;
  margin: 0.5em 0;
}
#reservation .admin-only .search-result {
  line-height: 1.75;
  margin: 2em 0;
}
#reservation .admin-only .search-result strong {
  color: #ffff00;
  margin: 0;
}
#reservation .admin-only form {
	width: calc(80% - 40px);
  background-color: #666;
  margin: 0 auto 5rem auto;
  padding: 20px;
  border-radius: 5px;
}
#reservation .admin-only form input[type="text"] {
	display: inline;
  font-size: 20px;
  width: 200px;
  height: 51px;
  padding: 0 10px;
  border-radius: 5px;
}
#reservation .admin-only form select {
  font-size: 20px;
  width: 300px;
	height: 51px;
  padding: 0 10px;
  cursor: pointer;
}
#reservation .admin-only form input[type="button"] {
  position: relative;
  /*top: -2px;*/
	display: inline;
  background-color: #1D0C3C;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  height: 49px;
  letter-spacing: 0;
  margin: 0 0 0 2em;
  padding: 0 1em;
  border: 1px solid #1D0C3C;
  border-radius: 5px;
}

/* reservation-wrap */
#reservation #reservation-wrap .sec_inner {
  /*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  */
	width: 80%;
	margin: 0 auto;
}
#reservation #reservation-wrap .sec_inner #reservation-title {
  position: relative;
	/*width: 46.56%;*/
}
#reservation #reservation-wrap .sec_inner #reservation-title #entry-title {
	font-size: 52px;
}
#reservation #reservation-wrap .sec_inner #reservation-title > p {
	margin: 5.37em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
#reservation #reservation-wrap .sec_inner #reservation-title .back-to-ryokan {
  position: absolute;
  right: 0;
  top: 2em;
}
#reservation #reservation-wrap .sec_inner #reservation-title .back-to-ryokan a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
#reservation #reservation-wrap .sec_inner #reservation-title .back-to-ryokan a::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: auto;
  background-size: contain;
  margin-right: 5px;
}

#reservation #reservation-wrap .sec_inner #reservation-form {
  position: relative;
  /*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  */
  width: 100%;
  margin-top: 5rem;
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info {
  position: absolute;
	width: 45%;
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info ul li {
	margin-top: 30px;
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info .bx-wrapper {
	margin-bottom: 50px !important;
}

#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  width: 25px;
  height: 2px;
  margin: 0 3px;
  border-radius: 0px;
}


#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info dl {
	margin-top: 20px;
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info dl dt {
	
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info dl dd div strong {
	font-size: 24px;
  font-weight: normal;
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info dl dd div {
	font-size: 14px;
  margin-bottom: 2em;
}
#reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info dl dd small {
  display: block;
	font-size: 14px !important;
  padding-bottom: 5em;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 {
	width: 100%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form1 {
	width: 45%;
  padding-left: 55%;
  padding-bottom: 5em;
}

/* date picker */
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 span.wpcf7-form-control-wrap.Check_in,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 span.wpcf7-form-control-wrap.Check_out {
  position: relative;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 span.wpcf7-form-control-wrap.Check_in:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 span.wpcf7-form-control-wrap.Check_out:after {
  content: "";
	display: block;
  position: absolute;
  top: 1em;
  right: 0.5em;
  width: 1em;
  height: 1em;
  background: url("images/icon-calendar1.svg") no-repeat center center;
}

.page-template-reservation-page #ui-datepicker-div {
  width: calc(36vw - 20px);
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  padding: 10px;
}
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-header {
  background-color: transparent; 
  border: none;
}
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  font-size: 14px;
  font-weight: 400;
}
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-calendar thead th {
  font-size: 12px;
  font-weight: 400;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-calendar tbody td {
  
}
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-calendar td a,
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-calendar td span {
  display: block;
  text-align: center;
  padding: 10px 0;
  border: none;
}
.page-template-reservation-page #ui-datepicker-div .ui-datepicker-calendar td a {
  background-color: #fff;
}
.page-template-reservation-page #ui-datepicker-div .ui-state-active,
.page-template-reservation-page #ui-datepicker-div .ui-widget-content .ui-state-active,
.page-template-reservation-page #ui-datepicker-div .ui-widget-header .ui-state-active,
.page-template-reservation-page #ui-datepicker-div a.ui-button:active,
.page-template-reservation-page #ui-datepicker-div .ui-button:active,
.page-template-reservation-page #ui-datepicker-div .ui-button.ui-state-active:hover {
  border: none;
  /*border: 1px solid #003eff;*/
  background: #EDEDED !important;
  /*background-color: rgb(0, 127, 255);*/
  font-weight: normal;
  color: #000;
}

#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 {
	width: 100%;
}

#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 #number-of-guests {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 4em;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 #number-of-adults {
  width: 47.5%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 #number-of-children {
  width: 47.5%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 #age-of-children {
  position: relative;
  display: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 #age-of-children small {
  position: absolute;
  bottom: -4em;
}


#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table {
	
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table th,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td {
  white-space: nowrap;
  padding: 0 2.5%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td:nth-child(1) {
  padding: 0 2.5% 0 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td:nth-child(2) {
  width: 47.5%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td:nth-child(3) {
  width: 25%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td:nth-child(4) {
  width: 27.5%;
  padding: 0 0 0 2.5%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td input[type="text"]::placeholder,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td input[type="number"]::placeholder,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td select {
  /*color: #666;*/
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .icon-plus {
  display: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .btn-add-guest {
  display: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 table td select {
  
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .flexbox-between {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .flexbox-between > section {
  width: 45%;
}
#reservation #reservation-wrap .sec_inner #reservation-form input[type="text"],
#reservation #reservation-wrap .sec_inner #reservation-form input[type="email"],
#reservation #reservation-wrap .sec_inner #reservation-form input[type="number"],
#reservation #reservation-wrap .sec_inner #reservation-form select,
#reservation #reservation-wrap .sec_inner #reservation-form input[type="radio"] {
  font-size: 16px;
  background-color: transparent;
  color: #fff;
}
#reservation #reservation-wrap .sec_inner #reservation-form input[type="text"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form input[type="email"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form input[type="number"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form select:focus,
#reservation #reservation-wrap .sec_inner #reservation-form input[type="radio"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form textarea {
  text-align: left;
  border: none;
  box-shadow: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form select {
  -webkit-appearance: none;
  border: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .selectbox {
  position: relative;
}
#reservation #reservation-wrap .sec_inner #reservation-form .selectbox .wpcf7-form-control-wrap:after {
  display: block;
	position: absolute;
	top: 1em;
	right: 0.5em;
	width: 0.5em;
	height: 0.5em;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #fff;
	content: "";
	pointer-events: none;
	font-size: 16px;
	transform: rotate(45deg);
}
#reservation #reservation-wrap .sec_inner #reservation-form select option {
  background-color: #222222;
  color: #fff;
  padding: 0;
  border: none;
  border-radius: 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .field {
  position: relative;
  margin-bottom: 2em;
  padding-top: 20px;
  border-bottom: 1px solid #707070;
}
#reservation #reservation-wrap .sec_inner #reservation-form .form1 .field:nth-child(4),
#reservation #reservation-wrap .sec_inner #reservation-form .form1 .field:nth-child(12),
#reservation #reservation-wrap .sec_inner #reservation-form .form1 .field:nth-child(15){
  border: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .form1 .field:nth-child(6),
#reservation #reservation-wrap .sec_inner #reservation-form .form1 .field:nth-child(11),
#reservation #reservation-wrap .sec_inner #reservation-form .form1 .field:nth-child(16){
  position: absolute;
  visibility: hidden;
}
#reservation #reservation-wrap .sec_inner #reservation-form .field.hidden,
#reservation #reservation-wrap .sec_inner #reservation-form .field.hidden {
  position: absolute;
  visibility: hidden;
}
#reservation #reservation-wrap .sec_inner #reservation-form .toggle-wrap {
  display: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .icon-plus {
  cursor: pointer;
  border: 1px solid #fff;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .field p {
  margin: 0;
  padding: 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .field .item-label {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  font-size: 12px;
  width: auto;
  white-space: nowrap;
  /*
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  */
}
#reservation #reservation-wrap .sec_inner #reservation-form .field .item-label input {
  
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 small {
  color: #666;
}
#reservation #reservation-wrap .sec_inner #reservation-form .field input[type="date"]::-webkit-calendar-picker-indicator {
  color: #fff !important;
  opacity: 1 !important;
  cursor: pointer;
}
#reservation #reservation-wrap .sec_inner #reservation-form .field input[type="date"]::-webkit-calendar-picker-indicator:hover {
  color: #fff;
  opacity: 1;
  
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .wpcf7-form-control-wrap .wpcf7-list-item {
  display: block;
  margin: 0 1em 0 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .wpcf7-form-control-wrap .wpcf7-list-item:nth-child(-1) {
  margin-right: 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .wpcf7-form-control-wrap .wpcf7-radio {
  display: block;
  padding: 10px 5px;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {
  display: inline;
  font-size: 16px;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .wpcf7-form-control-wrap .wpcf7-list-item input {
  display: inline;
  width: inherit;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .flexbox-between .toggle-wrap {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 100%;
}

#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 #free-shuttle .item-label {
  
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 #free-shuttle .wpcf7-list-item.last {
  position: absolute;
  visibility: hidden;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 320px;
  margin: 2em 0 0 auto;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height .item-label {
  margin-right: 1em;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height p {
  padding: 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height .wpcf7-radio {
  margin-left: 2em;
  padding: 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 textarea {
  field-sizing: content;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height + .field {
  position: relative;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height + .field .wpcf7-form-control-wrap + small {
  position: absolute;
  bottom: -2em;
}

#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 {
  width: 47.5%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form5,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7{
  width: 100%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 h3 {
  position: relative;
  font-size: 24px;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  margin: 4em 0 2em 0;
  cursor: pointer;
}
/*
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3 .field,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 .field,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .field,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 .field {
  display: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3 p,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 p,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 p,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 p {
  display: none;
}
*/
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form5 .field {
  border-bottom: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3 h3:before,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 h3:before,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 h3:before,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 h3:before{
  display: block;
	position: absolute;
	top: 1em;
	right: 0.5em;
	content: "Open";
	font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3 h3.open:before,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 h3.open:before,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 h3.open:before,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 h3.open:before{
  right: 0em;
	content: "Close";
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3 h3:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 h3:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 h3:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 h3:after{
  display: block;
	position: absolute;
	top: 1em;
	right: 4.5em;
	width: 0.5em;
	height: 0.5em;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #fff;
	content: "";
	pointer-events: none;
	font-size: 16px;
	transform: rotate(45deg);
  cursor: pointer;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form3 h3.open:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form4 h3.open:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 h3.open:after,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 h3.open:after{
  top: 1.3em;
	transform: rotate(-135deg);
}

#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight {
  
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field {
  padding-top: 0;
  border-bottom: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field .JAL_flight-label {
  width: 10em;
  margin-right: 2em;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field p .wpcf7-form-control-wrap {
  margin-right: 2em;
  border-bottom: 1px solid #707070;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field p .wpcf7-form-control-wrap input::placeholder {
  color: #707070;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles {
  margin-bottom: 5em;
  border-bottom: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles p .wpcf7-form-control-wrap:nth-child(2) {
  width: 30%;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles small {
  position: absolute;
  bottom: -4em;
}
#reservation #reservation-wrap .sec_inner #reservation-form input[name="JAL_MilesUsePoint"]{
	text-align: right;
  padding: 0 1em !important;
}
#reservation #reservation-wrap .sec_inner #reservation-form span[data-name="JAL_MilesUsePoint"]{
  border-bottom: 1px solid #707070;
}
#reservation #reservation-wrap .sec_inner #reservation-form span[data-name="Number_of_passenger"]{
  width: 10em;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .notice {
  font-size: 12px;
  color: #707070;
}


/* meals */
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 #Preferred_Breakfast_Time {
  margin-bottom: 5em;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form7 #Preferred_Breakfast_Time small {
  position: absolute;
  bottom: -2em;
}

#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="text"],
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="email"],
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="number"],
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="date"],
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p select,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p textarea {
	box-sizing: border-box;
	display: block;
  border: none;
  /*
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #707070;
  */
	background-color: #0D0D0D;
	width: 100%;
	max-width: none;
  font-family: "inter-variable", sans-serif;
	font-size: 20px;
	color: #fff;
  padding: 10px 5px;
}
#reservation #reservation-wrap .sec_inner #reservation-form table input[type="text"],
#reservation #reservation-wrap .sec_inner #reservation-form table input[type="number"],
#reservation #reservation-wrap .sec_inner #reservation-form table select {
  border-bottom: 1px solid #707070 !important;
}

#reservation #reservation-wrap .sec_inner #reservation-form ::placeholder,
#reservation #reservation-wrap .sec_inner #reservation-form dl dd ::placeholder {
	color: #707070;
}
#reservation #reservation-wrap .sec_inner #reservation-form dl dd :focus::placeholder {
	color: transparent;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="text"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="email"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="number"]:focus,
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 p input[type="date"]:focus{
  outline: none;
}
#reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .wpcf7-previous {
  box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	background-color: #000;
	margin: 5rem 0 0;
	padding: 0.5em 1em;
  color: #fff;
	font-size: 20px;
	text-align: center;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

#reservation #reservation-wrap .sec_inner #reservation-form input[type="submit"],
#reservation #reservation-wrap .sec_inner #reservation-form input[name="confirm"],
#reservation #reservation-wrap .sec_inner #reservation-form input[name="back"]{
	box-sizing: border-box;
	display: block;
	border: none;
	background-color: #fff;
	width: 90%;
  max-width: 550px;
	margin: 5em auto 0;
	padding: 1em;
	font-size: 20px;
	text-align: center;
	color: #000;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
#reservation #reservation-wrap .sec_inner #reservation-form input[name="back"]{
	width: auto;
  margin: 3em auto 0;
  padding: 0.5em 2em;
}
#reservation #reservation-wrap .sec_inner #reservation-form small.back-to-ryokan {
  display: block;
  text-align: center;
  margin: 2em auto;
}


/* Validation */
/*確認画面と完了画面を非表示*/
#reservation #reservation-wrap .confirm_area {
  display: none;
}
#reservation #reservation-wrap .confirm_area .item-label + p span {
  display: block;
  font-size: 20px;
  min-height: 1.5em;
}

/*デフォルトのサンクスメッセージを非表示*/
#reservation #reservation-wrap .wpcf7-response-output{
    
}
#reservation #reservation-wrap .validation-message {
  font-size: 12px;
  color: #ff0000;
}
#reservation #reservation-wrap .sec_inner #reservation-title > p.confirm-lead {
  display: none;
  margin: 2em 0 0;
  font-size: 16px;
  line-height: 1.75;
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#reservation {
		padding: 2rem 0;
	}
	#reservation #reservation-wrap .sec_inner {
		display: block;
		width: 90%;
	}
	#reservation #reservation-wrap .sec_inner #reservation-title {
		width: 100%;
	}
	#reservation #reservation-wrap .sec_inner #reservation-title #entry-title {
		font-size: 28px;
	}
  #reservation #reservation-wrap .sec_inner #wpmem_login {
    width: 100%;
    color: #2b2b2b;
    font-family: "inter-variable", sans-serif;
    font-variation-settings: "wght" 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
  }
  #reservation #reservation-wrap .sec_inner #wpmem_login fieldset {
    margin: 0 auto 40px auto;
  }
  #reservation #reservation-wrap .sec_inner #wpmem_login legend {
    font-size: 20px;
  }
  #reservation #reservation-wrap .sec_inner #wpmem_login .button_div {
    margin-top: 40px;
  }
  #reservation #reservation-wrap .sec_inner #reservation-title .back-to-ryokan {
    position: inherit;
    right: inherit;
    top: inherit;
    font-size: 14px;
    margin-top: 2em;
  }
	#reservation #reservation-wrap .sec_inner #reservation-title > p {
		margin: 8em 0 0;
	}
	#reservation #reservation-wrap .sec_inner #reservation-form {
		width: 100%;
		margin-top: 3.75rem;
	}
	#reservation #reservation-wrap .sec_inner #reservation-form dl {
		margin-top: 1.8rem;
	}
  
  #reservation #reservation-wrap .sec_inner #reservation-form #ryokan-info {
    position: inherit;
    width: 100%;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 input,
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 textarea,
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 select,
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 td{
    font-size: 16px !important;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 textarea {
    height: 4em;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form1 {
    width: 100%;
    padding-left: 0;
  }
  /* date picker */
  .page-template-reservation-page #ui-datepicker-div {
    width: 88%;
  }
  
  /* Guest detail */
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 #number-of-guests {
    padding-bottom: 2em;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height {
    width: 100%;
    margin: 0 0 1em 0;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form2 .unit-of-height .wpcf7-form-control-wrap {
    margin: 0;
  }
  
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .toggle-wrap {
    display: block;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .toggle-wrap > section {
    width: 100%;
  }
  
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles p {
    display: block;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 span[data-name="JAL_Miles"] {
    margin-bottom: 1em;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 span[data-name="JAL_Miles"] .wpcf7-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles small {
    position: inherit;
    bottom: inherit;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 #JAL_Miles p .wpcf7-form-control-wrap:nth-child(2) {
    width: 100%;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field .JAL_flight-label p {
    font-size: 14px;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field .JAL_flight-label p:nth-child(1) {
    font-size: 12px;
    width: 5em;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .form6 .JAL_flight .field p .wpcf7-form-control-wrap {
    margin-right: 1em;
  }
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7-form-control-wrap {
    margin: 1em 0 0 0;
  }
	
}


/* 確認画面 */
.page-template-reservation-confirm-page #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .item-label {
  top: 0;
}

/* 送信完了 */
#reservation-thanks {
	width: 100%;
	padding: 15.6rem 0;
}
#reservation-thanks #reservation-wrap .sec_inner {
	width: 60%;
	margin: 0 auto;
}
#reservation-thanks #reservation-wrap .sec_inner #reservation-title #entry-title {
	font-size: 52px;
}
#reservation-thanks #reservation-wrap .sec_inner #reservation-title > p {
	margin: 5.37em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
#reservation-thanks #reservation-wrap .sec_inner #reservation-title .button_back_to_home {
	width: 300px;
	margin: 13.5rem auto 0;
}
#reservation-thanks #reservation-wrap .sec_inner #reservation-title .button_back_to_home a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	width: 100%;
	padding: 0.5em 0;
	font-size: 20px;
	text-align: center;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#reservation-thanks {
		padding: 6.25rem 0;
	}
	#reservation-thanks #reservation-wrap .sec_inner {
		width: 90%;
	}
	#reservation-thanks #reservation-wrap .sec_inner #reservation-title #entry-title {
		font-size: 28px;
	}
	#reservation-thanks #reservation-wrap .sec_inner #reservation-title > p {
		margin: 8em 0 0;
	}
	#reservation-thanks #reservation-wrap .sec_inner #reservation-title .button_back_to_home {
		width: 100%;
		margin: 9.3rem auto 0;
	}
  
  #reservation #reservation-wrap .sec_inner #reservation-form .wpcf7 .flexbox-between .toggle-wrap {
    display: block;
  }
	
}



/*************************************************************************

** Confirm Reservation

**************************************************************************/

#reservation-sheet {
  width: 60%;
  margin: 5rem auto;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-collapse: collapse;
}
#reservation-sheet table {
  border-collapse: collapse;
}
#reservation-sheet td {
  padding: 0;
}
#reservation-sheet > tbody > tr > th,
#reservation-sheet > tbody > tr > td {
  /*font-size: 0;*/
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
}
#reservation-sheet .gray01 {
  color: #707070;
}
#reservation-sheet .brown01 {
  color: #707070;
}
#reservation-sheet td img {
  display: block;
}




/*************************************************************************

** Contact

**************************************************************************/

#contact {
	width: 100%;
	padding: 15.6rem 0;
}
#contact #contact-wrap .sec_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 60%;
	margin: 0 auto;
}
#contact #contact-wrap .sec_inner #contact-title {
	width: 35%;
}
#contact #contact-wrap .sec_inner #contact-title #entry-title {
	font-size: 52px;
}
#contact #contact-wrap .sec_inner #contact-title > p {
	margin: 5.37em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
#contact #contact-wrap .sec_inner #contact-form {
	width: 50.27%;
}
#contact #contact-wrap .sec_inner #contact-form p {
	display: contents;
}
#contact #contact-wrap .sec_inner #contact-form dl {
	margin-top: 2.8rem;
}
#contact #contact-wrap .sec_inner #contact-form dl:first-of-type {
	margin-top: 0;
}
#contact #contact-wrap .sec_inner #contact-form dl.hidden {
	position: absolute;
  visibility: hidden;
}
#contact #contact-wrap .sec_inner #contact-form dl dt {
	margin-bottom: 0.5em;
	font-size: 12px;
	color: #959595;
}
#contact #contact-wrap .sec_inner #contact-form dl dd input,
#contact #contact-wrap .sec_inner #contact-form dl dd textarea {
	box-sizing: border-box;
	display: block;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #707070;
	background-color: #0D0D0D;
	width: 100%;
	max-width: none;
  font-family: "inter-variable", sans-serif !important;
  font-variation-settings: "wght" 400;
	font-size: 16px;
	color: #fff;
}
#contact #contact-wrap .sec_inner #contact-form dl dd ::placeholder {
	color: #fff;
}
#contact #contact-wrap .sec_inner #contact-form dl dd :focus::placeholder {
	color: transparent;
}
#contact #contact-wrap .sec_inner #contact-form input[type="submit"] {
	box-sizing: border-box;
	display: block;
	border: none;
	background-color: #fff;
	width: 100%;
	margin: 1.5em 0 0;
	padding: 0.5em;
	font-size: 20px;
  font-weight: 400;
	text-align: center;
	color: #000;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#contact {
		padding: 6.25rem 0;
	}
	#contact #contact-wrap .sec_inner {
		display: block;
		width: 90%;
	}
	#contact #contact-wrap .sec_inner #contact-title {
		width: 100%;
	}
	#contact #contact-wrap .sec_inner #contact-title #entry-title {
		font-size: 28px;
	}
	#contact #contact-wrap .sec_inner #contact-title > p {
		margin: 8em 0 0;
	}
	#contact #contact-wrap .sec_inner #contact-form {
		width: 100%;
		margin-top: 3.75rem;
	}
	#contact #contact-wrap .sec_inner #contact-form dl {
		margin-top: 1.8rem;
	}
	
}


/* 送信完了 */
#contact-thanks {
	width: 100%;
	padding: 15.6rem 0;
}
#contact-thanks #contact-wrap .sec_inner {
	width: 60%;
	margin: 0 auto;
}
#contact-thanks #contact-wrap .sec_inner #contact-title #entry-title {
	font-size: 52px;
}
#contact-thanks #contact-wrap .sec_inner #contact-title > p {
	margin: 5.37em 0 0;
	font-size: 16px;
	line-height: 1.75;
}
#contact-thanks #contact-wrap .sec_inner #contact-title .button_back_to_home {
	width: 300px;
	margin: 13.5rem auto 0;
}
#contact-thanks #contact-wrap .sec_inner #contact-title .button_back_to_home a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #fff;
	width: 100%;
	padding: 0.5em 0;
	font-size: 20px;
	text-align: center;
}


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	#contact-thanks {
		padding: 6.25rem 0;
	}
	#contact-thanks #contact-wrap .sec_inner {
		width: 90%;
	}
	#contact-thanks #contact-wrap .sec_inner #contact-title #entry-title {
		font-size: 28px;
	}
	#contact-thanks #contact-wrap .sec_inner #contact-title > p {
		margin: 8em 0 0;
	}
	#contact-thanks #contact-wrap .sec_inner #contact-title .button_back_to_home {
		width: 100%;
		margin: 9.3rem auto 0;
	}
	
}


/*************************************************************************

** Partner一覧

**************************************************************************/

.page-partners {
  
}
.page-partners #page-header {
  width: 60%;
  margin: 12.5rem auto 0 auto;
}
.page-partners #page-header h1 {
  font-size: 52px;
  margin-bottom: 2em;
}
.page-partners #page-header p {
  font-size: 16px;
}
.page-partners #page-body {
  width: 60%;
  margin: 2em auto 10rem auto;
}
.page-partners #page-body #partner-hotel-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-partners #page-body #partner-hotel-list ul li {
  width: 32%;
  aspect-ratio: 1/1;
  margin: 0 2% 2em 0;
  overflow: hidden;
}
.page-partners #page-body #partner-hotel-list ul li:nth-child(3n) {
  margin-right: 0;
}
.page-partners #page-body #partner-hotel-list ul li img {
  display: block;
  height: inherit;
  margin-bottom: 0.5em;
}
.page-partners #page-body #partner-hotel-list ul li a:hover img {
  transform: scale(1.05,1.05);
  transition: all 1s;
}
.page-partners #page-body #partner-about {
	display: none;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.page-partners #page-header {
		width: 90%;
		margin: 2rem auto 0 auto;
	}
	.page-partners #page-header h1 {
		font-size: 28px;
		margin-bottom: 0;
	}
	.page-partners #page-header p {
		display: none;
	}
	.page-partners #page-body {
		width: 90%;
	}
	.page-partners #page-body #partner-hotel-list ul li {
		width: 100%;
		margin: 0 0 2em 0;
	}
	.page-partners #page-body #partner-hotel-list ul li .text .title {
		font-size: 20px;
	}
	.page-partners #page-body #partner-about {
		display: block;
		margin-top: 2rem;
	}
	.page-partners #page-body #partner-about h2 {
		border-bottom: 1px solid #CCC;
		font-size: 20px;
	}
	.page-partners #page-body #partner-about p {
		margin: 1em 0 0;
		font-size: 16px;
	}

}



/*************************************************************************

** Partner Hotels一覧

**************************************************************************/

.page-partner-hotels {
  
}
.page-partner-hotels #page-header {
  width: 60%;
  margin: 12.5rem auto 0 auto;
}
.page-partner-hotels #page-header h1 {
  font-size: 52px;
  margin-bottom: 2em;
}
.page-partner-hotels #page-header p {
  font-size: 16px;
}
.page-partner-hotels #page-body {
  width: 60%;
  margin: 2em auto 10rem auto;
}
.page-partner-hotels #page-body #partner-hotel-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-partner-hotels #page-body #partner-hotel-list ul li {
  width: 32%;
  aspect-ratio: 1/1;
  margin: 0 2% 2em 0;
  overflow: hidden;
}
.page-partner-hotels #page-body #partner-hotel-list ul li:nth-child(3n) {
  margin-right: 0;
}
.page-partner-hotels #page-body #partner-hotel-list ul li img {
  display: block;
  height: inherit;
  margin-bottom: 0.5em;
}
.page-partner-hotels #page-body #partner-hotel-list ul li a:hover img {
  transform: scale(1.05,1.05);
  transition: all 1s;
}
.page-partner-hotels #page-body #partner-about {
	display: none;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.page-partner-hotels #page-header {
		width: 90%;
		margin: 2rem auto 0 auto;
	}
	.page-partner-hotels #page-header h1 {
		font-size: 28px;
		margin-bottom: 0;
	}
	.page-partner-hotels #page-header p {
		display: none;
	}
	.page-partner-hotels #page-body {
		width: 90%;
	}
	.page-partner-hotels #page-body #partner-hotel-list ul li {
		width: 100%;
		margin: 0 0 2em 0;
	}
	.page-partner-hotels #page-body #partner-hotel-list ul li .text .title {
		font-size: 20px;
	}
	.page-partner-hotels #page-body #partner-about {
		display: block;
		margin-top: 2rem;
	}
	.page-partner-hotels #page-body #partner-about h2 {
		border-bottom: 1px solid #CCC;
		font-size: 20px;
	}
	.page-partner-hotels #page-body #partner-about p {
		margin: 1em 0 0;
		font-size: 16px;
	}

}



/*************************************************************************

** Top Interview一覧

**************************************************************************/

.page-voices {
  
}
.page-voices #page-header {
  width: 60%;
  margin: 12.5rem auto 0 auto;
}
.page-voices #page-header h1 {
  font-size: 52px; 
  line-height: 1;
  margin-bottom: 1em;
}
.page-voices #page-header .lead {
  font-size: 16px;
  margin-bottom: 5em;
}
.page-voices #page-header .lead p {
  margin: 0;
}
.page-voices #page-body {
  width: 60%;
  margin: 2em auto 10rem auto;
}
.page-voices #page-body #interview-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-voices #page-body #interview-list ul li {
  width: 32%;
  /*aspect-ratio: 1/1;*/
  margin: 0 2% 2em 0;
  /*overflow: hidden;*/
}
.page-voices #page-body #interview-list ul li:nth-child(3n) {
  margin-right: 0;
}
.page-voices #page-body #interview-list ul li a figure {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.page-voices #page-body #interview-list ul li img {
  display: block;
  height: inherit;
  margin-bottom: 1em;
}
.page-voices #page-body #interview-list ul li a:hover img {
  transform: scale(1.05,1.05);
  transition: all 1s;
}
.page-voices #page-body #interview-list ul li .text {
  font-size: 21px;
  line-height: 1.5;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  .page-voices #page-header {
		width: 90%;
		margin: 2rem auto 0 auto;
	}
	.page-voices #page-header h1 {
		font-size: 28px;
		margin-bottom: 2em;
	}
	.page-voices #page-header .lead {
    font-size: 14px;
  }
  .page-voices #page-header p {
    margin: 0;
  }
	.page-voices #page-body {
		width: 90%;
	}
	.page-voices #page-body #interview-list ul li {
		width: 100%;
		margin: 0 0 2em 0;
	}
	.page-voices #page-body #interview-list ul li .text {
		font-size: 16px;
	}

}



/*************************************************************************

** Experience一覧

**************************************************************************/

.page-experiences {
  
}
.page-experiences #page-header {
  width: 60%;
  margin: 12.5rem auto 0 auto;
}
.page-experiences #page-header h1 {
  font-size: 52px;
  margin-bottom: 2em;
}
.page-experiences #page-header p {
  font-size: 16px;
}
.page-experiences #page-header .experience-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #222;
  margin: 2em auto 4em auto;
  padding: 20px 40px;
}
.page-experiences #page-header .experience-navi li {
  width: 20%;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0 1em;
  border-right: 1px solid #fff;
}
.page-experiences #page-header .experience-navi li:nth-child(1) {
  border-left: 1px solid #fff;
}
.page-experiences #page-body {
  position: relative;
  top: -60px;
  width: 60%;
  margin: 2em auto 10rem auto;
}
.page-experiences #page-body h2 {
  font-size: 24px;
  line-height: 1;
  margin: 0em 0 1em 0;
  padding: 110px 0 0.5em 0;
  border-bottom: 1px solid #707070;
}
.page-experiences #page-body .experience-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-experiences #page-body .experience-list ul li {
  width: 32%;
  /*aspect-ratio: 1/1;*/
  margin: 0 2% 2em 0;
  /*overflow: hidden;*/
}
.page-experiences #page-body .experience-list ul li:nth-child(3n) {
  margin-right: 0;
}
.page-experiences #page-body .experience-list ul li img {
  display: block;
  height: inherit;
  margin-bottom: 1em;
}
.page-experiences #page-body .experience-list ul li a:hover img {
  transform: scale(1.05,1.05);
  transition: all 1s;
}
.page-experiences #page-body .experience-list ul li .text {
  font-size: 18px;
  line-height: 1.5;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.page-experiences #page-header {
		width: 90%;
		margin: 2rem auto 0 auto;
	}
	.page-experiences #page-header h1 {
		font-size: 28px;
		margin-bottom: 0;
	}
	.page-experiences #page-header p {
		display: none;
	}
  .page-experiences #page-header .experience-navi {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 5% 5px 5%;
  }
  .page-experiences #page-header .experience-navi li {
    width: auto;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 0 1em;
  }
  .page-experiences #page-header .experience-navi li:nth-child(2)::after {
    content: "";
    flex-basis: 100%;
    height: 0;
  }
  .page-experiences #page-header .experience-navi li:nth-child(3) {
    border-left: 1px solid #fff;
  }
  .page-experiences #page-body {
    top: -20vw;
    width: 90%;
  }
  .page-experiences #page-body h2 {
    margin: 0em 0 1em 0;
    padding: 20vw 0 0.5em 0;
  }
  .page-experiences #page-body .experience-list ul li {
    width: 100%;
    margin: 0 0 2em 0;
  }
  .page-experiences #page-body .experience-list ul li .text {
    font-size: 16px;
  }

}



/*************************************************************************

** Gallery

**************************************************************************/

.page-gallery {
  
}
.page-gallery #page-header {
	max-width: 1920px;
	margin: 12.5rem auto 5rem;
}
.page-gallery #page-header h1 {
	margin-left: 2.5%;
	font-size: 52px;
}
.page-gallery #page-body {
	margin-bottom: 200px;
}
/*
.page-gallery #page-body #rl-gallery-container-1 {
	max-width: 1920px;
	margin: 0 auto;
}
.page-gallery #page-body #rl-gallery-container-1 .rl-gallery-item {
	width: calc(20% - 10px);
	aspect-ratio: 1 / 1;
	margin: 5px;
}
.page-gallery #page-body #rl-gallery-container-1 .rl-gallery-item a {
  aspect-ratio: 1 / 1;
  overflow: hidden;
	cursor: pointer !important;
}
.page-gallery #page-body #rl-gallery-container-1 .rl-gallery-item a img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.page-gallery #page-body #rl-gallery-container-1 .rl-gallery-item a:hover img {
	transform:scale(1.2,1.2);
  transition: all ease 1s;
}
.page-gallery #page-body #rl-gallery-container-1 .rl-gallery-item .rl-gallery-caption {
  display: none;
}
*/
/* 改修 */
.page-gallery #page-body #gallery-container {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
}
.page-gallery #page-body #gallery-container .gallery-item {
	width: calc(20% - 10px);
	aspect-ratio: 1 / 1;
	margin: 5px;
}
.page-gallery #page-body #gallery-container .gallery-item a span {
  display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 180%;
  transition: all ease 1s;
}
.page-gallery #page-body #gallery-container .gallery-item a:hover span {
	background-size: 190%;
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.page-gallery #page-header {
		width: 90%;
		max-width: none;
		margin: 1.8rem auto 5rem;
	}
	.page-gallery #page-header h1 {
		font-size: 28px;
	}
	.page-gallery #page-body {
		margin-bottom: 100px;
	}
	.page-gallery #page-body #rl-gallery-container-1,
  .page-gallery #page-body #gallery-container {
		width: 90%;
		max-width: none;
	}
	.page-gallery #page-body #rl-gallery-container-1 .rl-gallery-item,
  .page-gallery #page-body #gallery-container .gallery-item {
		width: calc(50% - 10px);
	}
	
}



/*************************************************************************

** カテゴリーページ共通

**************************************************************************/

.category {
}
.category #list-page {
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	

}



/*************************************************************************

** Experience個別

**************************************************************************/

.single.categoryid-2 {
  
}
.single.categoryid-2 .back-to-list {
  text-align: right;
  margin: 8rem auto 30px;
  padding-right: 5%;
}
.single.categoryid-2 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-2 .back-to-list a:before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
.single.categoryid-2 .article header {
  width: 60%;
  margin: 10rem auto 0 auto;
}
.single.categoryid-2 .article header .entry-subtitle {
  font-size: 16px;
  margin-bottom: 1em;
}
.single.categoryid-2 .article header h1 {
  font-size: 32px;
  line-height: 1.75;
  margin-bottom: 2em;
}
.single.categoryid-2 figure {
  width: 60%;
  margin: 0 auto 0 auto;
  background-size: cover;
  background-position: center center;
}
.single.categoryid-2 figure img {
  width: 100%;
  margin: 0 auto;
}
.single.categoryid-2 .entry-content {
  width: 60%;
  max-width: 1100px;
  font-size: 16px;
  color: #ccc;
  line-height: 1.75;
  margin: 5rem auto 200px auto;
}
.single.categoryid-2 .entry-content img {
  width: 100% !important;
}
.single.categoryid-2 .entry-content h2 {
  font-family: trajan-pro-3,sans-serif !important;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  color: #ccc;
  margin: 3em 0 1em 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #707070;
}
.single.categoryid-2 .entry-content .written-by {
  font-size: 12px;
  color: #666;
  text-align: right;
  margin: 5em 0 5em auto;
}
.single.categoryid-2 .entry-content .caption {
  font-size: 12px;
  color: #666;
}
.single.categoryid-2 .entry-content .btn-ryokan {
  margin: 4em auto;
  text-align: center;
}
.single.categoryid-2 .entry-content .btn-ryokan a {
  display: inline-block;
  line-height: 1;
  color: #fff;
  background-color: #222;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #fff;
}
.single.categoryid-2 .navigation {
	display: none;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  .single.categoryid-2 .back-to-list {
    margin: 20px auto;
  }
  .single.categoryid-2 .back-to-list a {
    font-size: 14px;
  }
	.single.categoryid-2 .article header {
	  width: 90%;
	}
	.single.categoryid-2 .article header .category-name {
	  font-size: 10px;
	}
	.single.categoryid-2 .article header h1 {
	  font-size: 28px;
	  margin-top: 0;
	  margin-bottom: 1em;
	}
	.single.categoryid-2 .entry-content {
	  width: 90%;
	  margin-bottom: 100px;
	}
	
}



/*************************************************************************

** News & Promotion一覧

**************************************************************************/

.category.category-news {
}
.category.category-news #list-page {
	width: 100%;
	padding: 12.5rem 0;
}
.category.category-news #list-page-inner {
	width: 60%;
	margin: 0 auto;
}
.category.category-news #list-page-inner #archive-title {
	margin-bottom: 6.25rem;
	font-size: 52px;
}
.category.category-news #list-inner .entry-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  /*
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  */
	border-top: 1px solid #707070;
	margin: 0;
	padding: 1.8rem 0;
}
.category.category-news #list-inner .entry-card > figure {
	width: 32%;
}
.category.category-news #list-inner .entry-card > figure img {
  display: block;
  height: inherit;
}
.category.category-news #list-inner .entry-card .entry-card-content {
	width: 64.1%;
}
.category.category-news #list-inner .entry-card .entry-card-content header h2 {
	margin: 0 0 0.1em;
	font-size: 26px;
}
.category.category-news #list-inner .entry-card .entry-card-content header .post-date {
	font-size: 16px;
	color: #ccc;
}
.category.category-news #list-inner .entry-card .entry-card-content .entry-snippet {
	margin: 1em 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #6C6C6C;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.category.category-news #list-page {
		padding: 6.25rem 0;
	}
	.category.category-news #list-page-inner {
		width: 90%;
	}
	.category.category-news #list-page-inner #archive-title {
		margin-bottom: 1rem;
		font-size: 28px;
	}
	.category.category-news #list-inner .entry-card {
		display: block;
		border-top: none;
		padding: 1rem 0;
	}
	.category.category-news #list-inner .entry-card > figure,
  .category.category-news #list-inner .entry-card > figure a,
  .category.category-news #list-inner .entry-card > figure img {
    display: block;
		width: 100%;
	}
	.category.category-news #list-inner .entry-card .entry-card-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	.category.category-news #list-inner .entry-card .entry-card-content header {
		display: contents;
	}
	.category.category-news #list-inner .entry-card .entry-card-content header h2 {
		order: 2;
		margin: 0;
		font-size: 16px;
	}
	.category.category-news #list-inner .entry-card .entry-card-content header .post-meta {
		margin: 0.5rem 0 0;
	}
	.category.category-news #list-inner .entry-card .entry-card-content header .post-date {
		order: 1;
		font-size: 10px;
	}
	.category.category-news #list-inner .entry-card .entry-card-content .entry-snippet {
		display: none;
	}
	
}



/*************************************************************************

** singleページ共通

**************************************************************************/

.single {
}
.single #single-page {
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	
}



/*************************************************************************

** Partner個別
** Partner Hotel個別

**************************************************************************/

.single.categoryid-4,
.single.categoryid-5 {
  
}
.single.categoryid-4 .back-to-list,
.single.categoryid-5 .back-to-list {
  text-align: right;
  margin: 8rem auto 30px;
  padding-right: 5%;
}
.single.categoryid-4 .back-to-list a,
.single.categoryid-5 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-4 .back-to-list a:before,
.single.categoryid-5 .back-to-list a:before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
.single.categoryid-4 .article header,
.single.categoryid-5 .article header {
  width: 60%;
  margin: 5rem auto 0 auto;
}
.single.categoryid-4 .article header .category-name,
.single.categoryid-5 .article header .category-name {
  font-size: 20px;
  margin-bottom: 1em;
}
.single.categoryid-4 .article header h1,
.single.categoryid-5 .article header h1 {
  font-size: 52px;
  margin-bottom: 2em;
}
.single.categoryid-4 figure,
.single.categoryid-5 figure {
  background-size: cover;
  background-position: center center;
  height: 50vw;
}
.single.categoryid-4 figure img,
.single.categoryid-5 figure img {
  width: 100%;
  margin: 0 auto;
}
.single.categoryid-4 .entry-content,
.single.categoryid-5 .entry-content {
  width: 60%;
  max-width: 1100px;
  margin: 5rem auto 200px auto;
}
.single.categoryid-4 .entry-content img,
.single.categoryid-5 .entry-content img {
  width: 100% !important;
}

/* コンテンツエリア */
.single.categoryid-4 .entry-content .one_column_text,
.single.categoryid-5 .entry-content .one_column_text {
	width: 100%;
	margin: 3em 0;
	font-size: 16px;
	line-height: 1.75;
}
.single.categoryid-4 .entry-content .one_column_image,
.single.categoryid-5 .entry-content .one_column_image {
	width: 100%;
	margin: 3em 0;
}
.single.categoryid-4 .entry-content .one_column_image img,
.single.categoryid-5 .entry-content .one_column_image img {
	width: 100%;
	height: auto;
}
.single.categoryid-4 .entry-content .partner_information_wrap,
.single.categoryid-5 .entry-content .partner_information_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin: 3em 0;
}
.single.categoryid-4 .entry-content .partner_information_wrap .half_text,
.single.categoryid-5 .entry-content .partner_information_wrap .half_text {
	width: 50%;
	font-size: 16px;
	line-height: 1.75;
}
.single.categoryid-4 .entry-content .partner_information_wrap .partner_information,
.single.categoryid-5 .entry-content .partner_information_wrap .partner_information {
	width: 45%;
}
.single.categoryid-4 .entry-content .partner_information_wrap .partner_information h3,
.single.categoryid-5 .entry-content .partner_information_wrap .partner_information h3 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 24px;
}
.single.categoryid-4 .entry-content .partner_information_wrap .partner_information dl,
.single.categoryid-5 .entry-content .partner_information_wrap .partner_information dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #2E2E2E;
	margin-top: 2rem !important;
}
.single.categoryid-4 .entry-content .partner_information_wrap .partner_information dt,
.single.categoryid-5 .entry-content .partner_information_wrap .partner_information dt {
	width: calc(30% - 1em);
	font-size: 16px;
	line-height: 1.75;
}
.single.categoryid-4 .entry-content .partner_information_wrap .partner_information dd,
.single.categoryid-5 .entry-content .partner_information_wrap .partner_information dd {
	width: 70%;
	font-size: 16px;
	line-height: 1.75;
	text-align: right;
}
.single.categoryid-4 .navigation,
.single.categoryid-5 .navigation {
	display: none;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  .single.categoryid-4 .back-to-list,
  .single.categoryid-5 .back-to-list {
    margin: 20px auto;
  }
  .single.categoryid-4 .back-to-list a,
  .single.categoryid-5 .back-to-list a {
    font-size: 14px;
  }
	.single.categoryid-4 .article header,
	.single.categoryid-5 .article header {
	  width: 90%;
	}
	.single.categoryid-4 .article header .category-name,
	.single.categoryid-5 .article header .category-name {
	  font-size: 10px;
	}
	.single.categoryid-4 .article header h1,
	.single.categoryid-5 .article header h1 {
	  font-size: 28px;
	  margin-top: 0;
	  margin-bottom: 1em;
	}
	.single.categoryid-4 .entry-content,
	.single.categoryid-5 .entry-content {
	  width: 90%;
	  margin-bottom: 100px;
	}
	
	/* コンテンツエリア */
	.single.categoryid-4 .entry-content .partner_information_wrap,
	.single.categoryid-5 .entry-content .partner_information_wrap {
		display: block;
	}
	.single.categoryid-4 .entry-content .partner_information_wrap .half_text,
	.single.categoryid-5 .entry-content .partner_information_wrap .half_text {
		width: 100%;
	}
	.single.categoryid-4 .entry-content .partner_information_wrap .partner_information,
	.single.categoryid-5 .entry-content .partner_information_wrap .partner_information {
		width: 100%;
		margin: 3em 0;
	}
	.single.categoryid-4 .entry-content .partner_information_wrap .partner_information dd,
	.single.categoryid-5 .entry-content .partner_information_wrap .partner_information dd {
		font-size: 12px;
	}
	
}



/*************************************************************************

** Interview個別

**************************************************************************/

.single.categoryid-136 {
  
}
.single.categoryid-136 .back-to-list {
  text-align: right;
  margin: 8rem auto 30px;
  padding-right: 5%;
}
.single.categoryid-136 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-136 .back-to-list a:before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
.single.categoryid-136 .article header {
  width: 60%;
  margin: 5rem auto 0 auto;
}
.single.categoryid-136 .article header .entry-subtitle {
  font-size: 16px;
  margin-bottom: 1em;
}
.single.categoryid-136 .article header h1 {
  font-size: 32px;
  line-height: 1.75;
  margin-bottom: 2em;
}
.single.categoryid-136 figure {
  width: 60%;
  margin: 0 auto 0 auto;
  background-size: cover;
  background-position: center center;
}
.single.categoryid-136 figure img {
  width: 100%;
  margin: 0 auto;
}
.single.categoryid-136 .entry-content {
  width: 60%;
  max-width: 1100px;
  font-size: 16px;
  color: #ccc;
  line-height: 1.75;
  margin: 5rem auto 200px auto;
}
.single.categoryid-136 .entry-content img {
  width: 100% !important;
  margin: 2em auto 1em;
}
.single.categoryid-136 .entry-content p {
  margin: 2em auto;
}
.single.categoryid-136 .entry-content p .red {
  color: #f00 !important;
  border-color: #f00;
}
.single.categoryid-136 .entry-content p .yellow {
  color: #ff0 !important;
  border-color: #ff0;
}
.single.categoryid-136 .entry-content p .blue {
  color: #0ff !important;
  border-color: #0ff;
}
.single.categoryid-136 .entry-content p .underline {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.single.categoryid-136 .entry-content p .background {
  display: inline-block;
  background-color: #fff !important;
  color: #000 !important;
}
.single.categoryid-136 .entry-content p em {
  
}
.single.categoryid-136 .entry-content h2 {
  font-family: trajan-pro-3,sans-serif !important;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  color: #ccc;
  margin: 3em 0 1em 0;
}
.single.categoryid-136 .entry-content hr {
  margin: 4em 0 0 0;
  border: none;
  background-color: #707070;;
  border-width: 1px 0 0 0;
  border-top: double;
  border-color: black;
}
.single.categoryid-136 .entry-content .written-by{
  font-size: 12px;
  color: #666;
  /*text-align: right;*/
  margin: 5em 0 2em auto;
}
.single.categoryid-136 .post .article .photos-by{
  width: 60%;
  max-width: 1100px;
  font-size: 12px;
  color: #666;
  /*text-align: right;*/
  margin: 1em auto;
}
.single.categoryid-136 .entry-content div.caption {
  font-size: 12px;
  color: #666;
}
.single.categoryid-136 .entry-content small.caption {
  display: block;
  font-size: 12px;
  color: #666;
}
.single.categoryid-136 .entry-content .ryokan-info {
  background-color: #222;
  margin: 5em 0;
  padding: 30px;
  border: none;
}
.single.categoryid-136 .entry-content .ryokan-info h2 {
  margin: 0 0 1em 0;
}
.single.categoryid-136 .entry-content .btn-ryokan {
  margin: 4em auto;
  text-align: center;
}
.single.categoryid-136 .entry-content .btn-ryokan a {
  display: inline-block;
  line-height: 1;
  color: #fff;
  background-color: #222;
  text-align: center;
  margin: 0 auto;
  padding: 15px 20px;
  border: 1px solid #fff;
}
.single.categoryid-136 .navigation {
	display: none;
}

/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  .single.categoryid-136 .back-to-list {
    margin: 20px auto;
  }
  .single.categoryid-136 .back-to-list a {
    font-size: 14px;
  }
  .single.categoryid-136 figure {
    width: 100%;
  }
	.single.categoryid-136 .article header {
	  width: 90%;
	}
	.single.categoryid-136 .article header .category-name {
	  font-size: 10px;
	}
	.single.categoryid-136 .article header h1 {
	  font-size: 28px;
	  margin-top: 0;
	  margin-bottom: 1em;
	}
	.single.categoryid-136 .entry-content {
	  width: 90%;
	  margin-bottom: 100px;
	}
	
}



/*************************************************************************

** Experience個別

**************************************************************************/

.single.categoryid-2 {
  
}
.single.categoryid-2 .back-to-list {
  text-align: right;
  margin: 8rem auto 30px;
  padding-right: 5%;
}
.single.categoryid-2 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-2 .back-to-list a:before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
.single.categoryid-2 .article header {
  width: 60%;
  margin: 2rem auto 0 auto;
}
.single.categoryid-2 .article header .entry-subtitle {
  font-size: 16px;
  margin-bottom: 1em;
}
.single.categoryid-2 .article header h1 {
  font-size: 32px;
  line-height: 1.75;
  margin-bottom: 2em;
}
.single.categoryid-2 figure {
  width: 60%;
  margin: 0 auto 0 auto;
  background-size: cover;
  background-position: center center;
}
.single.categoryid-2 figure img {
  width: 100%;
  margin: 0 auto;
}
.single.categoryid-2 .entry-content {
  width: 60%;
  max-width: 1100px;
  font-size: 16px;
  color: #ccc;
  line-height: 1.75;
  margin: 5rem auto 200px auto;
}
.single.categoryid-2 .entry-content img {
  width: 100% !important;
}
.single.categoryid-2 .entry-content h2 {
  font-family: trajan-pro-3,sans-serif !important;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  color: #ccc;
  margin: 3em 0 1em 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #707070;
}

.single.categoryid-2 .entry-content .experienceTitle ul li {
  font-family: trajan-pro-3,sans-serif !important;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  color: #fff;
  background-color: #222;
  margin: 4em auto 2em auto !important;
  padding: 20px 40px !important;
}

.single.categoryid-2 .entry-content .experienceTitle + small {
  font-size: 14px;
}

.single.categoryid-2 .entry-content .caption {
  font-size: 12px;
  color: #666;
}
.single.categoryid-2 .entry-content .btn-ryokan {
  margin: 4em auto;
  text-align: center;
}
.single.categoryid-2 .entry-content .btn-ryokan a {
  display: inline-block;
  line-height: 1;
  color: #fff;
  background-color: #222;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #fff;
}
.single.categoryid-2 .navigation {
	display: none;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  .single.categoryid-2 .back-to-list {
    margin: 20px auto;
  }
  .single.categoryid-2 .back-to-list a {
    font-size: 14px;
  }
	.single.categoryid-2 .article header {
	  width: 90%;
	}
	.single.categoryid-2 .article header .category-name {
	  font-size: 10px;
	}
	.single.categoryid-2 .article header h1 {
	  font-size: 28px;
	  margin-top: 0;
	  margin-bottom: 1em;
	}
	.single.categoryid-2 .entry-content {
	  width: 90%;
	  margin-bottom: 100px;
	}
	
}



/*************************************************************************

** News & Promotion個別

**************************************************************************/

.single.categoryid-3 {
  
}
.single.categoryid-3 .back-to-list {
  text-align: right;
  margin: 5vw 0 30px auto;
  padding-right: 5%;
}
.single.categoryid-3 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-3 .back-to-list a::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: auto;
  background-size: contain;
  margin-right: 5px;
}
.single #single-page .category-news {
	width: 60%;
	margin: 0 auto;
	padding: 5rem 0 12.5rem;
}
.single #single-page .category-news .article header .entry-title {
	font-size: 30px;
	line-height: 1.6;
}
.single #single-page .category-news .article header .post-meta {
	margin: 0;
	font-size: 16px;
	color: #CCCCCC;
}
.single #single-page .category-news iframe {
  max-width: 100%;
  display: block;
	margin: 5rem auto 0 auto;
  overflow: hidden;
}
.single #single-page .category-news .article .info_box {
	box-sizing: border-box;
	background-color: #2B2B2B;
	width: 100%;
	margin-top: 2.5rem;
	padding: 1.87rem;
}
.single #single-page .category-news .article .info_box p:not([class]) {
	display: contents;
}
.single #single-page .category-news .article .info_box dl dt {
	border-bottom: 1px solid #CCCCCC;
	font-size: 24px;
}
.single #single-page .category-news .article .info_box dl dd {
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.75;
}
.single #single-page .category-news .article .info_box .more_link {
	margin-top: 0.5em;
	line-height: 1;
	text-align: right;
}
.single #single-page .category-news .article .detail_button {
	width: 40%;
	margin: 4.3rem auto;
}

/* ページ下部ナビゲーション */
.single.categoryid-3 #single-page #under-entry-body {
	width: 300px;
	margin: 0 auto;
}
.single.categoryid-3 #single-page #under-entry-body .navigation {
	overflow: visible;
}
.single.categoryid-3 #single-page #under-entry-body .navigation > div.prev,
.single.categoryid-3 #single-page #under-entry-body .navigation > div.next {
	display: block;
	border: none;
}
.single.categoryid-3 #single-page #under-entry-body .navigation > div.prev a,
.single.categoryid-3 #single-page #under-entry-body .navigation > div.next a {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	border: none;
	font-size: 16px;
}
.single.categoryid-3 #single-page #under-entry-body .navigation > div.prev a:before,
.single.categoryid-3 #single-page #under-entry-body .navigation > div.next a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.single.categoryid-3 #single-page #under-entry-body .navigation > div.prev a:before {
	left: -30px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.single.categoryid-3 #single-page #under-entry-body .navigation > div.next a:after {
	left: auto;
	right: -30px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.single.categoryid-3 #single-page #under-entry-body .navigation a span {
	display: inline;
	color: #fff;
	padding-right: 0;
	margin-top: 0;
	clear: left;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.single #single-page .category-news {
		width: 100%;
		padding: 0;
	}
	.single #single-page .category-news .article header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	.single #single-page .category-news .article header .entry-title {
		font-size: 20px;
		order: 2;
	}
	.single #single-page .category-news .article header .post-meta {
		margin: 0;
		font-size: 10px;
		color: #fff;
		order: 1;
	}
  .single #single-page .category-news .article .entry-content {
		width: 90%;
    overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
  .single #single-page .category-news iframe {
    width: 90vw !important;
    overflow: scroll;
    /*transform: scale(0.5);*/
  }
	.single #single-page .category-news .article .entry-content > p:not([class]) {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.single #single-page .category-news .article .info_box {
		margin-top: 5rem;
		padding: 5%;
	}
	.single #single-page .category-news .article .info_box dl dt {
		font-size: 20px;
	}
	.single #single-page .category-news .article .info_box .more_link {
		margin-top: 2em;
	}
	.single #single-page .category-news .article .detail_button {
		width: 90%;
		margin: 2rem auto;
	}
	
	/* ページ下部ナビゲーション */
	.single.categoryid-3 #single-page #under-entry-body {
		display: none;
	}
	
}



/*************************************************************************

** Ryokan個別

**************************************************************************/

.single.categoryid-8 {
  
}
.single.categoryid-8 .back-to-list {
  text-align: right;
  margin: 8vw 0 0 0;
  margin-top: calc(2.5vw + 100px);
  padding-right: 5%;
}
.single.categoryid-8 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-8 .back-to-list a::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: auto;
  background-size: contain;
  margin-right: 5px;
}
.single.categoryid-8 #page-header {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  flex-direction: row-reverse;
  /*
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  */
  width: 95%;
  margin: 3rem auto 0 auto;
}
.single.categoryid-8 #page-header #page-header-left {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
  background-color: #0D0D0D;
  width: 20vw;
  height: calc(100vh - 15vw);
  padding: 15vw 2.5vw 0 2.5vw;
}
.single.categoryid-8 #page-header #page-header-left h1 {
  font-size: 40px;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-area {
  font-size: 16px;
  margin: 1em 0 2em 0;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-story {
  display: none;
  font-size: 14px;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-summary {
  position: absolute;
  bottom: 5em;
  width: 75%;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-summary ul {
  display: none;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-summary .btn-factsheet {
  margin-bottom: 10px;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-summary .btn-factsheet a {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  border: 1px solid #fff;
  cursor: pointer;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-summary .btn-reservation {
  margin-bottom: 10px;
  cursor: pointer;
}
.single.categoryid-8 #page-header #page-header-left .ryokan-summary .btn-reservation a {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #000;
  background-color: #fff;
  padding: 5px 0;
  border: 1px solid #000;
  cursor: pointer;
}
.single.categoryid-8 #page-header #page-header-right {
  position: relative;
  width: 75%;
  height: 50vw;
  overflow: hidden;
  margin-left: 25%;
}
.single.categoryid-8 #page-header #page-header-right ul.ryokan_bxslider {
  width: 100%;
}
.single.categoryid-8 #page-header #page-header-right ul.ryokan_bxslider li {
  width: 100%;
  max-height: 44vw;
  /*aspect-ratio: 4/2.7;*/
  overflow: hidden;
}
.single.categoryid-8 #page-header #page-header-right ul.ryokan_bxslider li img {
  display: block;
  width: 100%;
}
.single.categoryid-8 #page-header #page-header-right .bx-controls-direction {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.single.categoryid-8 #page-header #page-header-right .bx-controls-direction a {
  top: -7.0vw;
  /*bottom: -6vw;*/
  z-index: 15;
  width: 20px;
  height: 5.2vw;
  background-color: rgba(0,0,0,0.7);
}
.single.categoryid-8 #page-header #page-header-right .bx-controls-direction a.bx-prev {
  left: 0;
  background: rgba(0,0,0,0.5) url('images/prev.svg') no-repeat center center;
  background-size: 10px 20px; 
}
.single.categoryid-8 #page-header #page-header-right .bx-controls-direction a.bx-next {
  left: inherit;
  right: 0;
  background: rgba(0,0,0,0.5) url('images/next.svg') no-repeat center center;
  background-size: 10px 20px; 
}
.single.categoryid-8 #page-header #page-header-right .bx-controls-direction a.bx-next {
  left: inherit;
  right: 0;
  background: rgba(0,0,0,0.5) url('images/next.svg') no-repeat center center;
  background-size: 10px 20px; 
}
.single.categoryid-8 #page-header #page-header-right .bx-wrapper {
  max-width: inherit !important;
}

#ryokan-bxslider-pager {
  /*
  position: absolute;
  top: 40vw;
  z-index: 10;
  */
  /*
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  */
  width: 72vw;
  height: 7vw;
  text-align: center;
  margin-top: 0;
  overflow: hidden;
}

#ryokan-bxslider-pager li {
  aspect-ratio: 4/2.3;
  overflow: hidden;
  /*float: left;
  width: 15.5vw;
  margin: 0 0.25vw;
  */
}

#ryokan-bxslider-pager a img {
  /*padding: 3px;
  border: solid #ccc 1px;*/
}

#ryokan-bxslider-pager a.active img {
  /*border: solid #5280DD 1px;*/
}

/* pege body */
.single.categoryid-8 #page-body {
  width: 95%;
  padding: 2.5%;
}
.single.categoryid-8 #page-body > .sec_inner {
  position: relative;
  width: 70%;
  margin-right: 5%;
  margin-left: auto;
}
.single.categoryid-8 #page-body > .sec_inner.open {
  margin-right: auto;
  margin-left: -15vw;
  transition: all 1s ease;
}
.single.categoryid-8 #page-body > .sec_inner.open .bx-wrapper ul li .image,
.single.categoryid-8 #page-body > .sec_inner.open .bx-wrapper ul li .title,
.single.categoryid-8 #page-body > .sec_inner.open .bx-wrapper .bx-controls,
.single.categoryid-8 #page-body > .sec_inner.open #story,
.single.categoryid-8 #page-body > .sec_inner.open #map {
  opacity: 0.5;
}
.single.categoryid-8 #page-body > .sec_inner.open .bx-wrapper .bx-controls a {
  pointer-events: none;
}
.single.categoryid-8 #page-body section {
  padding: 30px 0;
  border-bottom: 1px solid #707070;
}
.single.categoryid-8 #page-body h2 {
  width: 40%;
  font-size: 2.5vw;
  white-space: nowrap;
  margin-bottom: 1em;
}

.single.categoryid-8 #page-body #facilities .bx-wrapper .bx-prev,
.single.categoryid-8 #page-body #facilities .bx-wrapper .bx-next {
  top: inherit;
}
.single.categoryid-8 #page-body #experience .bx-wrapper .bx-prev,
.single.categoryid-8 #page-body #experience .bx-wrapper .bx-next {
  top: inherit;
}
.single.categoryid-8 #page-body #premiumitems .bx-wrapper .bx-prev,
.single.categoryid-8 #page-body #premiumitems .bx-wrapper .bx-next {
  top: inherit;
}

/* page-body */
.single.categoryid-8 #page-body {
  font-size: 16px;
}

/* topic */
.single.categoryid-8 #page-body .topic {
  background-color: #222;
  margin: 20px 0;
  padding: 30px;
  border: none;
}
.single.categoryid-8 #page-body .topic .sec_inner {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body .topic figure {
  width: 40%;
}
.single.categoryid-8 #page-body .topic div.text {
  width: 55%;
}
.single.categoryid-8 #page-body .topic div.text dt {
  font-size: 24px;
  line-height: 1.75;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body .topic div.text dt small {
  display: block;
  font-size: 14px;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body .topic div.text dd {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body .topic div.text .btn1{
  display: block;
  width: 150px;
  margin: 0 0 0 auto;
}
.single.categoryid-8 #page-body .topic div.text .btn1 a {
  display: inline-block;
  font-size: 16px;
  text-align: right;
  border-bottom: 1px solid #fff;
}

/* story */
.single.categoryid-8 #page-body #story {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #story .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #story .sec_inner .ryokan-story {
  line-height: 1.75;
}

/* interview */
.single.categoryid-8 #page-body #interview {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #interview .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #interview .sec_inner .ryokan-interview-image {
  display: block;
  margin-bottom: 1rem;
}
.single.categoryid-8 #page-body #interview .sec_inner .ryokan-interview-heading {
  line-height: 1.75;
}
.single.categoryid-8 #page-body #interview .sec_inner .btn-more {
  display: block;
  width: 100px;
  margin: 1em 0 0 auto;
}
.single.categoryid-8 #page-body #interview .sec_inner .btn-more a {
  display: block;
  font-size: 16px;
  text-align: center;
  margin-right: 1px;
  padding: 0;
  border: 1px solid #fff;
  cursor: pointer;
}

/* message */
.single.categoryid-8 #page-body #message {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #message .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #message .sec_inner h3 {
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #message .sec_inner .ryokan-story {
  line-height: 1.75;
}

/* rooms */
.single.categoryid-8 #page-body #rooms {
  margin: 0 auto;
}
.single.categoryid-8 #page-body #rooms .sec_inner {
  position: relative;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul {
  
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li {
  width: 22.5vw !important;
  margin: 0 2.5vw 0 0;
  cursor: pointer;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li:hover {
  opacity: 0.7;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li span {
  display: block;
  width: 100%;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li span.name {
  font-size: 20px;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li span.image {
  display: block;
  width: 100%;
  aspect-ratio: 4/2.3;
  overflow: hidden;
  margin-bottom: 20px;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li span img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.single.categoryid-8 #page-body #rooms .sec_inner ul li span.comment {
  line-height: 1.75;
  height: 5em;
  color: #707070;
  overflow: hidden;
}
.single.categoryid-8 #page-body #rooms #roomTypeNum {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: auto;
  font-size: 16px;
  white-space: nowrap;
  padding: .5em 2em;
  border: 1px solid #fff;
}
.single.categoryid-8 #page-body #rooms #roomTypeNum strong {
  font-size: 20px;
  font-weight: normal;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper {
  position: relative;
  padding-bottom: 40px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls a {
  background: none;
  width: auto;
  height: inherit;
  text-indent: inherit;
  white-space: nowrap;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-prev {
  left: -50px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-next {
  right: -50px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-prev:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(135deg);
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-next:after {
  content: "";
  position: absolute;
  right: -30px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-45deg);
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls {
  position: inherit;
  left: inherit;
  right: inherit;
  margin: 6em 30px 0 auto;
  width: 160px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-controls-direction {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-controls-direction a {
  position: inherit;
  left: inherit;
  right: inherit;
}

/* modal */
.single.categoryid-8 #page-body #rooms-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.single.categoryid-8 #page-body #rooms-modal-inner {
  position: fixed;
  left: calc(50% - 40vw - 100px);
  top: calc(50% - 35vh - 50px);
  z-index: 1000;
  background-color: #0D0D0D;
  width: 80vw;
  height: 70vh;
  padding: 50px 100px;
  border: 1px solid #fff;
  overflow-y: scroll;
}
.single.categoryid-8 #page-body #rooms-modal.open {
  
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider {
  
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2px;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title {
  display: block;
  width: 47.5%;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  width: 100%;
  line-height: 1;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons > span {
  font-family: inherit !important;
  font-size: 14px;
  line-height: 20px;
  padding: 0 1em 0 0;
  white-space: nowrap;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons > span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  vertical-align: middle;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons > span.icon-guest:before {
  background-image: url("images/ryokan/icon-guest.svg");
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons > span.icon-size:before {
  background-image: url("images/ryokan/icon-size.svg");
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons > span.icon-bath:before {
  background-image: url("images/ryokan/icon-bath.svg?1");
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .icons > span.icon-bed:before {
  background-image: url("images/ryokan/icon-bed.svg?1");
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .type {
  display: block;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .name {
  display: block;
  font-size: 24px;
  line-height: 1.3;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .rate {
  display: block;
  font-size: 24px !important;
  line-height: 1;
  margin: 0;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .rate small {
  font-size: 14px;
  line-height: 1;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .note {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  color: #999;
  margin-top: 1em;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .comment {
  display: block;
  font-size: 14px;
  line-height: 1.75;
  /*max-height: 15em;*/
  margin: 3em 0;
  /*overflow-y: auto;*/
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .image {
  display: block;
  width: 47.5%;
  aspect-ratio: 4/2.5;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .image .room-image-item {
  display: block;
  aspect-ratio: 4/2.5;
  overflow: hidden;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .image .room-image-pager {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  width: auto;
  margin: 20px auto 0;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .image .room-image-pager li {
  display: inline-block;
  width: 20px;
  height: 3px;
  background-color: #666;
  margin: 0 5px;
  cursor: pointer;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .image .room-image-pager li.active {
  background-color: #fff;
}
.single.categoryid-8 #page-body #rooms-modal .bx-wrapper .bx-controls-direction {
  width: 100%;
}
.single.categoryid-8 #page-body #rooms-modal .bx-wrapper .bx-controls-direction a {
  width: 20px;
  height: 40px;
  top: 30vh;
  z-index: 10010;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.single.categoryid-8 #page-body #rooms-modal .bx-wrapper .bx-controls-direction a:hover {
  opacity: 0.7;
}
.single.categoryid-8 #page-body #rooms-modal .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -60px;
  background-image: url('./images/prev.svg');
}
.single.categoryid-8 #page-body #rooms-modal .bx-wrapper .bx-controls-direction a.bx-next {
  left: inherit;
  right: -60px;
  background-image: url('./images/next.svg');
}
#rooms-modal-bxslider-pager {
  position: absolute;
  /*top: 35vw;*/
  z-index: 10;
  /*
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  */
  width: 80vw;
  height: 8vw;
  text-align: center;
  margin-top: 50px;
  overflow: hidden;
}

#rooms-modal-bxslider-pager a {
  float: left;
  width: 12vw;
  margin: 0;
}

#rooms-modal-bxslider-pager a img {
  padding: 3px;
  /*border: solid #ccc 1px*/
}

#rooms-modal-bxslider-pager a.active img {
  /*border: solid #5280DD 1px;*/
  opacity: 0.7;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
  cursor: pointer;
  display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close:after {
  content: "Close";
  display: block;
  font-size: 10px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span {
  margin: 0 auto;
	position: relative;
	top: 12px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:before,
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:after {
  position: absolute;
	content: '';
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span,
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:before,
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:after {
	width: 30px;
	height: 1px;
	background-color: #fff;
	display: block;
  opacity: 1;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:before {
	margin-top: -12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:after {
	margin-top: 12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}

.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span {
  background-color: rgba(0,0,0,0);
	transition: 0.3s background-color;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
.single.categoryid-8 #page-body #rooms-modal #rooms-modal-close span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}

/**********************************************
↓↓↓ 20250413修正 ↓↓↓
***********************************************/

/* facilities */
.single.categoryid-8 #page-body #facilities {
  margin: 0 auto;
}
.single.categoryid-8 #page-body #facilities .sec_inner {
  position: relative;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul {
  /* レイアウト変更 */
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  */
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li {
  /*width: 22.5vw !important;
  margin: 0 2.5vw 0 0;*/
  width: 15.7vw !important;
  margin: 0 1vw 2vw 0;
  cursor: pointer;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li:nth-child(4n) {
  margin: 0 0 2vw 0;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li:hover {
  opacity: 0.7;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span {
  display: block;
  width: 100%;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span.image {
  overflow: hidden;
  aspect-ratio: 4/2.4;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span.name {
  position: relative;
  width: calc(100% - 20px);
  font-size: 16px;
  margin-bottom: 1em;
  padding-right: 20px;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span.name:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0.4em;
  background: url("images/arrow-right.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span.comment {
  line-height: 1.75;
  height: 5em;
  color: #707070;
  overflow: hidden;
}
.single.categoryid-8 #page-body #facilities #facilityTypeNum {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: auto;
  font-size: 16px;
  white-space: nowrap;
  padding: .5em 2em;
  border: 1px solid #fff;
}
.single.categoryid-8 #page-body #facilities #facilityTypeNum strong {
  font-size: 20px;
  font-weight: normal;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper {
  position: relative;
  padding-bottom: 40px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls a {
  background: none;
  width: auto;
  height: inherit;
  text-indent: inherit;
  white-space: nowrap;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-prev {
  left: -50px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-next {
  right: -50px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-prev:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(135deg);
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-next:after {
  content: "";
  position: absolute;
  right: -30px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-45deg);
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls {
  position: inherit;
  left: inherit;
  right: inherit;
  margin: 6em 30px 0 auto;
  width: 160px;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-controls-direction {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-controls-direction a {
  position: inherit;
  left: inherit;
  right: inherit;
}

/* modal */
.single.categoryid-8 #page-body #facilities-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.single.categoryid-8 #page-body #facilities-modal-inner {
  position: fixed;
  left: calc(50% - 40vw - 100px);
  top: calc(50% - 35vh - 50px);
  z-index: 1000;
  background-color: #0D0D0D;
  width: 80vw;
  height: 70vh;
  padding: 50px 100px;
  border: 1px solid #fff;
  overflow-y: auto;
}
.single.categoryid-8 #page-body #facilities-modal.open {
  
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider {
  
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  flex-direction: row-reverse;
  /*
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  */
  padding: 0 2px;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title {
  display: block;
  width: 47.5%;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .name {
  display: block;
  font-size: 24px;
  line-height: 1.3;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment {
  display: block;
  font-size: 14px;
  line-height: 1.75;
  /*max-height: 15em;*/
  margin-top: 4em;
  /*overflow-y: auto;*/
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment ul,
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment ol {
  margin: 0;
  padding: 0;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment ol li {
  display: block;
  list-style-type: decimal;
  margin: 0;
  padding: 0;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment ul li {
  display: block;
  list-style-type: disc;
  margin: 0;
  padding: 0;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment li:before {
  content: "・";
  display: inline-block;
  font-size: 16px;
  margin-right: 0.5em;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image {
  display: block;
  width: 47.5%;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image > span {
  display: block;
  width: 100%;
  height: 26vw;
  overflow: hidden;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image > span img {
  display: block;
  width: 100%;
  height: 26vw;
  object-fit: cover;
  object-position: center; /* 中央でトリミング（デフォルト） */
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image .facility-image-pager {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  width: auto;
  margin: 20px auto 0;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image .facility-image-pager li {
  display: inline-block;
  width: 20px;
  height: 3px;
  background-color: #666;
  margin: 0 5px;
  cursor: pointer;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image .facility-image-pager li.active {
  background-color: #fff;
}
.single.categoryid-8 #page-body #facilities-modal .bx-wrapper .bx-controls-direction {
  width: 100%;
}
.single.categoryid-8 #page-body #facilities-modal .bx-wrapper .bx-controls-direction a {
  width: 20px;
  height: 40px;
  top: 30vh;
  z-index: 10010;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.single.categoryid-8 #page-body #facilities-modal .bx-wrapper .bx-controls-direction a:hover {
  opacity: 0.7;
}
.single.categoryid-8 #page-body #facilities-modal .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -60px;
  background-image: url('./images/prev.svg');
}
.single.categoryid-8 #page-body #facilities-modal .bx-wrapper .bx-controls-direction a.bx-next {
  left: inherit;
  right: -60px;
  background-image: url('./images/next.svg');
}
#facilities-modal-bxslider-pager {
  position: absolute;
  /*top: 35vw;*/
  z-index: 10;
  /*
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  */
  width: 80vw;
  height: 8vw;
  text-align: center;
  margin-top: 50px;
  overflow: hidden;
}

#facilities-modal-bxslider-pager a {
  float: left;
  width: 12vw;
  margin: 0;
}

#facilities-modal-bxslider-pager a img {
  padding: 3px;
  /*border: solid #ccc 1px*/
}

#facilities-modal-bxslider-pager a.active img {
  /*border: solid #5280DD 1px;*/
  opacity: 0.7;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
  cursor: pointer;
  display: block;
	width: 30px;
	height: 30px;
	margin: 0;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close:after {
  content: "Close";
  display: block;
  font-size: 10px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span {
  margin: 0 auto;
	position: relative;
	top: 12px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:before,
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:after {
  position: absolute;
	content: '';
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span,
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:before,
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:after {
	width: 30px;
	height: 1px;
	background-color: #fff;
	display: block;
  opacity: 1;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:before {
	margin-top: -12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:after {
	margin-top: 12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}

.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span {
  background-color: rgba(0,0,0,0);
	transition: 0.3s background-color;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
.single.categoryid-8 #page-body #facilities-modal #facilities-modal-close span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}



/**********************************************
↑↑↑ 20250413修正 ↑↑↑
***********************************************/

/* facilities 
.single.categoryid-8 #page-body #facilities {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #facilities .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li {
  
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span {
  display: block;
  width: 100%;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span.name {
  font-size: 20px;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.single.categoryid-8 #page-body #facilities .sec_inner ul li span.comment {
  //height: 5em;
  //overflow: hidden;
}
.single.categoryid-8 #page-body #facilities .bx-wrapper .bx-controls {
  position: inherit;
  left: inherit;
  right: inherit;
  margin: 2em 30px 0 auto;
  width: 160px;
}
*/

/* experience */
.single.categoryid-8 #page-body #experience {
  position: relative;
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #experience .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #experience .sec_inner ul li .title {
  display: block;
  font-size: 20px;
  line-height: 1.6;
  margin-top: 1em;
}
.single.categoryid-8 #page-body #experience .sec_inner .btn-more {
  display: block;
  width: 100px;
  margin: 1em 0 0 auto;
}
.single.categoryid-8 #page-body #experience .sec_inner .btn-more a {
  display: block;
  font-size: 16px;
  text-align: center;
  margin-right: 1px;
  padding: 0;
  border: 1px solid #fff;
  cursor: pointer;
}

/* modal */
.single.categoryid-8 #page-body #experience-modal {
  display: none;
  position: fixed;
  right: -50vw;
  top: 0;
  z-index: 100;
  background-color: #0D0D0D;
  width: 35vw;
  height: 100vh;
  padding: 0 2.5vw;
  overflow-y: scroll;
}
.experience-modal-inner {
  position: relative;
}
.single.categoryid-8 #page-body #experience-modal .move-page-modal-top {
  z-index: 8000;
  position: absolute;
  top: inherit;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.single.categoryid-8 #page-body #experience-modal .move-page-modal-top::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/wp/wp-content/themes/simplicity2-child/images/arrow-back.svg") no-repeat center center;
  background-size: auto;
  background-size: auto;
  background-size: contain;
  margin-right: 5px;
}

.single.categoryid-8 #page-body #experience-modal #experience-backToTopBtn {
  position: sticky;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
  visibility: hidden;
}
.single.categoryid-8 #page-body #experience-modal #experience-backToTopBtn.show {
  visibility: visible;
}
.single.categoryid-8 #page-body #experience-modal #experience-backToTopBtn a {
  display: inline-block;
  width: auto;
  margin: 0 0 0 auto;
}

.single.categoryid-8 #page-body #experience .btn-close,
.single.categoryid-8 #page-body #premiumitems .btn-close{
  display: none;
  position: absolute;
  right: 0;
  top: 75%;
  background-color: #0D0D0D;
  width: 100px;
}
.single.categoryid-8 #page-body #experience .btn-close a,
.single.categoryid-8 #page-body #premiumitems .btn-close a{
  display: block;
  font-size: 16px;
  text-align: center;
  padding: 0;
  border: 1px solid #fff;
  cursor: pointer;
}
.single.categoryid-8 #page-body .experience-modal-inner {
  padding: 2.5vw 0;
}
.single.categoryid-8 #page-body #experience-modal.open {
  right: 0;
  transition: right 1s;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-title {
  margin-bottom: 0;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-title small {
  display: block;
  font-size: 12px;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-title h3 {
  font-size: 32px;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content {
  font-size: 16px;
  line-height: 1.75;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content .experienceTitle {
  margin: 3rem 0 1rem 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #707070;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content .experienceTitle ul {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content .experienceTitle li {
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  font-size: 20px;
  line-height: 1.75;
  margin-right: 1em;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content .experienceTitle li:nth-child(1) {
  white-space: nowrap;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content img {
  margin: 2rem 0;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content .experienceTitle,
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content .experienceBold,
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content .experienceName {
  font-size: 20px;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  margin-bottom: 1rem;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content table {
  padding: 0;
  border: none;
}
.single.categoryid-8 #page-body #experience-modal #experience-modal-content table td {
  padding: 0;
  border: none;
}

/* premiumitems */
.single.categoryid-8 #page-body #premiumitems {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #premiumitems .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #premiumitems .sec_inner ul .title {
  display: block;
  font-size: 20px;
  line-height: 1.6;
  margin-top: 1em;
}
.single.categoryid-8 #page-body #premiumitems .sec_inner .btn-more {
  display: block;
  width: 100px;
  margin: 1em 1px 0 auto;
}
.single.categoryid-8 #page-body #premiumitems .sec_inner .btn-more a {
  display: block;
  font-size: 16px;
  text-align: center;
  padding: 0;
  border: 1px solid #fff;
  cursor: pointer;
}

/* modal */
.single.categoryid-8 #page-body #premiumitem-modal {
  display: none;
  position: fixed;
  right: -50vw;
  top: 0;
  z-index: 100;
  background-color: #0D0D0D;
  width: 35vw;
  height: 100vh;
  padding: 0 2.5vw;
  overflow-y: scroll;
}
.single.categoryid-8 #page-body #premiumitem-modal-inner {
  padding: 2.5vw 0;
}
.single.categoryid-8 #page-body #premiumitem-modal.open {
  right: 0;
  transition: right 1s;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-title {
  margin-bottom: 0;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-title small {
  display: block;
  font-size: 12px;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-title h3 {
  font-size: 32px;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content {
  font-size: 16px;
  line-height: 1.75;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content img {
  margin: 2rem 0;
}
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content .premiumItemTitle,
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content .premiumItemBold,
.single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content .premiumItemName {
  font-size: 20px;
  font-family: trajan-pro-3,sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0em;
  margin-bottom: 1rem;
}

/* map & transportation */
.single.categoryid-8 #page-body #map {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #map .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #map .sec_inner .mapTransMap {
  margin-bottom: 20px;
}
.single.categoryid-8 #page-body #map .sec_inner .mapTransMap #map_canvas {
  aspect-ratio: 16/9;
}
.single.categoryid-8 #page-body #map .sec_inner table {
  width: 100%;
}
.single.categoryid-8 #page-body #map .sec_inner table th,
.single.categoryid-8 #page-body #map .sec_inner table td {
  background-color: transparent;
  color: #fff;
  line-height: 1.75;
  text-align: left;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #707070;
}
.single.categoryid-8 #page-body #map .sec_inner table td {
  text-align: right;
}
.single.categoryid-8 #page-body #map .sec_inner table tr:nth-child(4) td {
  text-align: left;
}
.single.categoryid-8 #page-body #map .sec_inner select {
  width: 100%;
  margin-bottom: 1em;
}
.single.categoryid-8 #page-body #map .detailbtn a {
  display: none;
  font-size: 14px;
  margin-left: 1em;
  padding: 10px;
  border: 1px solid #fff;
}
.single.categoryid-8 #page-body #map td .detailbtn {
  margin: 10px 0;
}

/* movie */
.single.categoryid-8 #page-body #movie {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 0 auto;
}
.single.categoryid-8 #page-body #movie .sec_inner {
  width: 60%;
}
.single.categoryid-8 #page-body #movie .sec_inner iframe {
  display: block;
  aspect-ratio: 16/9;
}

.single.categoryid-8 #page-body .btnBookNow {
  
}
.single.categoryid-8 #page-body .btnBookNow a {
  display: block;
  width: 100%;
  font-size: 2.5em;
  text-align: center;
  margin: 100px auto 0 auto;
  padding: 1em 0;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all 0.5s ease;
}
.single.categoryid-8 #page-body .btnBookNow a:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  opacity: 1;
}

.single.categoryid-8 .navigation {
  display: none;
}

/* fact sheet */
.single.categoryid-8 #factsheet {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.single.categoryid-8 #factsheet .sec_inner {
  position: relative;
  z-index: 20;
  width: 80%;
  max-width: 1000px;
  background-color: #000;
  color: #fff;
  margin: 50px auto 0 auto;
  padding: 5%;
  border: 1px solid #707070;
}
.single.categoryid-8 #factsheet .sec_inner .scroll-wrap {
  height: 75vh;
  overflow-y: scroll;
}
.single.categoryid-8 #factsheet .sec_inner h3 {
  font-size: 24px;
}
.single.categoryid-8 #factsheet .sec_inner table {
  
}
.single.categoryid-8 #factsheet .sec_inner table th,
.single.categoryid-8 #factsheet .sec_inner table td {
  font-size: 14px;
  text-align: left;
  line-height: 1.8;
  vertical-align: top;
  background-color: transparent;
  padding: 0;
  border: none;
}
.single.categoryid-8 #factsheet .sec_inner table th {
  padding-right: 1em;
  border-right: 1px solid #707070;
}
.single.categoryid-8 #factsheet .sec_inner table td {
  padding-left: 1em;
}
.single.categoryid-8 #factsheet .factsheet-group {
	margin: 0 0 50px 0;
}
.single.categoryid-8 #factsheet .factsheet-group h3 {
	margin-bottom: 1em;
}
.single.categoryid-8 #factsheet .factsheet-group > div {
	width: 60%;
  margin-left: 30%;
  padding-left: 1em;
  border-left: 1px solid #707070;
}
.single.categoryid-8 #factsheet .factsheet-group table {
	width: 100%;
}
.single.categoryid-8 #factsheet .factsheet-group th {
	width: 30%;
}
.single.categoryid-8 #factsheet .factsheet-group td {
	width: 59%;
}
.single.categoryid-8 #factsheet .overlayTitle,
.single.categoryid-8 #factsheet .table-wrap-btn,
.single.categoryid-8 #factsheet .overlayCloseButton {
	display: none;
}
.single.categoryid-8 #factsheet .roomrates table {
	width: 100%;
  margin-bottom: 2em;
}
.single.categoryid-8 #factsheet .roomrates table td {
	padding: 0 0.5em 0 0.5em;
}
.single.categoryid-8 #factsheet .roomrates table td.rateheader{
  padding: 0 0 .5em 0;
}
.single.categoryid-8 #factsheet .roomrates table tr:nth-child(1) td.rateheader:nth-child(2) {
	padding-left: 1em;
}
.single.categoryid-8 #factsheet .roomrates table tr:nth-child(1) td.rateheader:nth-child(3),
.single.categoryid-8 #factsheet .roomrates table tr:nth-child(1) td.rateheader:nth-child(4){
	text-align: center;
}
.single.categoryid-8 #factsheet .roomrates table tr:nth-child(2) td.rateheader {
	text-align: center;
}
.single.categoryid-8 #factsheet .roomrates table td.rates {
  width: 100px;
  text-align: center;
}
.single.categoryid-8 #factsheet .roomrates table td.rates:nth-child(1) {
  /*text-align: left;*/
}
.single.categoryid-8 #factsheet .roomrates table td.roomname {
  width: 25%;
  text-align: left;
	border-right: 1px solid #707070;
  padding-left: 0;
}
.single.categoryid-8 #factsheet .roomrates table td.season {
	padding-left: 1em;
}

/* 202507 改修 */
.single.categoryid-8 #factsheet #roomrates table {
	width: 70%;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}
.single.categoryid-8 #factsheet #roomrates table th,
.single.categoryid-8 #factsheet #roomrates table td {
  padding: 0.5em 1em;
	border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.single.categoryid-8 #factsheet #roomrates table thead th,
.single.categoryid-8 #factsheet #roomrates table thead td {
  text-align: center;
}
.single.categoryid-8 #factsheet #roomrates table th {
	width: 48%;
  white-space: nowrap;
}
.single.categoryid-8 #factsheet #roomrates table td {
	width: auto;
  text-align: center;
}
.single.categoryid-8 #factsheet #roomrates table th.room-name {
	
}
.single.categoryid-8 #factsheet #roomrates table td.room-rate span {
	display: inline-block;
  margin-left: 1em;
}


.single.categoryid-8 #factsheet #factsheet-close {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 200;
  cursor: pointer;
  display: block;
	width: 30px;
	height: 20px;
	margin: 10px 25px;
}
.single.categoryid-8 #factsheet #factsheet-close:after {
  content: "Close";
  display: block;
  font-size: 10px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
}
.single.categoryid-8 #factsheet #factsheet-close span {
  margin: 0 auto;
	position: relative;
	top: 12px;
	transition-duration: 0s;
	transition-delay: .2s;
  transition: background-color 0.3s;
}
.single.categoryid-8 #factsheet #factsheet-close span:before,
.single.categoryid-8 #factsheet #factsheet-close span:after {
  position: absolute;
	content: '';
}
.single.categoryid-8 #factsheet #factsheet-close span,
.single.categoryid-8 #factsheet #factsheet-close span:before,
.single.categoryid-8 #factsheet #factsheet-close span:after {
	width: 30px;
	height: 1px;
	background-color: #fff;
	display: block;
  opacity: 1;
}
.single.categoryid-8 #factsheet #factsheet-close span:before {
	margin-top: -12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}
.single.categoryid-8 #factsheet #factsheet-close span:after {
	margin-top: 12px;
	transition-property: margin, transform;
	transition-duration: .2s;
	transition-delay: .2s, 0;  
}

.single.categoryid-8 #factsheet #factsheet-close span {
  background-color: rgba(0,0,0,0);
	transition: 0.3s background-color;
}
.single.categoryid-8 #factsheet #factsheet-close span:before {
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0, .2s;
}
.single.categoryid-8 #factsheet #factsheet-close span:after {
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0, .2s;
}



/* 外部サイト対応 */
a#signup2 {
  display: none;
}
.postid-375 a#signup1,
.postid-377 a#signup1,
.postid-378 a#signup1,
.postid-379 a#signup1,
.postid-353 a#signup1 {
  display: none;
}
.postid-375 a#signup2,
.postid-377 a#signup2,
.postid-378 a#signup2,
.postid-379 a#signup2,
.postid-353 a#signup2 {
  display: inline;
}





/* スマホ */
@media screen and (max-width:960px) {
	
  .single.categoryid-8 .back-to-list {
    position: relative;
    z-index: 110;
    margin: 30vw 0 0 0;
    padding-right: 5%;
  }
  .single.categoryid-8 #page-header {
    position: relative;
    display: block;
    width: 100%;
    margin: 10vw auto 0 auto;
  }
  .single.categoryid-8 #page-header #page-header-left {
    position: absolute;
    top: -55vw;
    width: 80vw;
    height: inherit;
    background-color: transparent;
    padding: 7.5vw 0 0 5vw;
    /*
    position: relative;
    width: calc(95% - 5vw);
    height: inherit;
    padding: 5vw 2.5vw 0 2.5vw;
    */
  }
  .single.categoryid-8 #page-header #page-header-left h1 {
    /*position: absolute;
    top: -70vw;*/
    font-size: 28px;
  }
  .single.categoryid-8 #page-header #page-header-left .ryokan-summary {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 30;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 90%;
    background-color: #000;
    padding: 5vw;
  }
  .single.categoryid-8 #page-header #page-header-left .ryokan-summary #btn-factsheet {
    width: 47.5%;
    font-size: 14px;
    white-space: nowrap;
    margin-bottom: 0;
  }
  .single.categoryid-8 #page-header #page-header-left .ryokan-summary #btn-reservation,
  .single.categoryid-8 #page-header #page-header-left .ryokan-summary #btn-reservationRoka {
    width: 47.5%;
    white-space: nowrap;
    margin-bottom: 0;
  }
  .single.categoryid-8 #page-header #page-header-right {
    width: 100%;
    height: inherit;
    margin-left: 0;
  }
  .single.categoryid-8 #ryokan-bxslider-pager {
    height: 14vw;
  }
  .single.categoryid-8 #ryokan-bxslider-pager li {
    width: 20vw !important;
  }
  .single.categoryid-8 #page-header #page-header-right .bx-controls-direction a {
    top: -12vw;
    bottom: inherit;
    height: 12vw;
  }
  
  .single.categoryid-8 #page-body {
    width: 100vw;
    padding: 0;
    overflow: hidden;
  }
  .single.categoryid-8 #page-body > .sec_inner {
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
  }
  
  /* topic */
  .single.categoryid-8 #page-body .topic {
    margin: 40px 0 20px 0;
    padding: 20px;
  }
  .single.categoryid-8 #page-body .topic .sec_inner {
    display: block;
  }
  .single.categoryid-8 #page-body .topic figure {
    width: 100%;
  }
  .single.categoryid-8 #page-body .topic div.text {
    width: 100%;
  }
  .single.categoryid-8 #page-body .topic div.text dt {
    font-size: 24px;
  }
  .single.categoryid-8 #page-body .topic div.text dt small {
    font-size: 14px;
  }
  .single.categoryid-8 #page-body .topic div.text dd {
    font-size: 16px;
  }
  .single.categoryid-8 #page-body .topic div.text .btn1{
    width: 100px;
  }
  .single.categoryid-8 #page-body .topic div.text .btn1 a {
    font-size: 14px;
  }
  
  .single.categoryid-8 #page-body #story .sec_inner .ryokan-story {
    font-size: 14px;
  }
  .single.categoryid-8 #page-body #story,
  .single.categoryid-8 #page-body #interview,
  .single.categoryid-8 #page-body #message,
  .single.categoryid-8 #page-body #facilities,
  .single.categoryid-8 #page-body #experience,
  .single.categoryid-8 #page-body #cuisine,
  .single.categoryid-8 #page-body #premiumitems,
  .single.categoryid-8 #page-body #map {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .single.categoryid-8 #page-body #story .sec_inner,
  .single.categoryid-8 #page-body #interview .sec_inner,
  .single.categoryid-8 #page-body #message .sec_inner,
  .single.categoryid-8 #page-body #facilities .sec_inner,
  .single.categoryid-8 #page-body #experience .sec_inner,
  .single.categoryid-8 #page-body #premiumitems .sec_inner,
  .single.categoryid-8 #page-body #cuisine .sec_inner,
  .single.categoryid-8 #page-body #map .sec_inner {
    width: 100%;
  }
  .single.categoryid-8 #page-body h2 {
    font-size: 24px;
  }
  
  /* rooms */
  .single.categoryid-8 #page-body #rooms {
    background-color: #fff;
    color: #000;
    padding: 5vw;
  }
  
  .single.categoryid-8 #page-body #rooms .sec_inner ul li{
    width: 90vw !important;
    margin: 0 0 0 0;
  }
  .single.categoryid-8 #page-body #rooms .sec_inner > .btn-reservation {
    position: absolute;
    bottom: 90px;
    width: 100%;
  }
  .single.categoryid-8 #page-body #rooms .sec_inner > .btn-reservation a {
    width: calc(100% - 2px);
    text-align: center;
    padding: 1em 0 !important;
    border: 1px solid #000;
  }
  .single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls {
    margin: 6em auto 0 auto;
  }
  .single.categoryid-8 #page-body #rooms > .sec_inner .bx-wrapper .bx-controls a {
    color: #000;
  }
  .single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-prev::before,
  .single.categoryid-8 #page-body section > .sec_inner .bx-wrapper .bx-controls .bx-next::after{
    border-color: #000;
  }
  .single.categoryid-8 #page-body #rooms #roomTypeNum {
    display: none;
  }
  
  .single.categoryid-8 #page-body #experience {
    display: block;
    margin: 0 auto;
  }
  .single.categoryid-8 #page-body #premiumitems {
    display: block;
  }
  .single.categoryid-8 #page-body #movie {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .single.categoryid-8 #page-body #movie .sec_inner {
    width: 100%;
  }
  .single.categoryid-8 #page-body #movie iframe {
    width: 100%;
  }
  .single.categoryid-8 #page-body .btnBookNow a {
    width: 90%;
    margin: 10vw auto 0 auto;
  }
  .single.categoryid-8 #page-body .btnBookNow a {
    font-size: 20px;
  }
  
  .single.categoryid-8 #factsheet .sec_inner table th,
  .single.categoryid-8 #factsheet .sec_inner table td,
  .single.categoryid-8 #factsheet .notetext {
    font-size: 12px;
  }
  .single.categoryid-8 #factsheet #roomrates table {
    width: 100%;
  }
  .single.categoryid-8 #factsheet #roomrates table th {
    white-space: inherit;
  }
  
  
  
  /* Modal */
  .single.categoryid-8 #page-body #rooms-modal {
    color: #fff;
  }
  .single.categoryid-8 #page-body #rooms-modal-inner {
    left: 0;
    top: 0;
    width: 90vw;
    height: calc(100vh - 10vw);
    padding: 5vw 5vw 10vw 5vw;
    border: none;
    overflow-y: scroll;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li {
    display: block;
    padding: 0 1px;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title {
    width: 100%;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .image {
    width: 100%;
    margin: 20vw 0 10vw 0;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .name {
    font-size: 24px;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .comment {
    font-size: 14px;
    height: inherit;
    overflow-y: inherit;
    margin-top: 2em !important;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-bxslider li .rooms-modal-title .comment + .btn-reservation a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1em 0 !important;
  }
  .single.categoryid-8 #page-body #rooms-modal #rooms-modal-close {
    right: 20px;
    top: 20px;
  }
  
  
  /***************************************
  ↓↓↓ 20250413修正 ↓↓↓
  *****************************************/
  
  
  /* facilities */
  .single.categoryid-8 #page-body #facilities {
    background-color: #fff;
    color: #000;
    padding: 5vw;
  }
  .single.categoryid-8 #page-body #facilities .sec_inner ul {
    -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
  }
  .single.categoryid-8 #page-body #facilities .sec_inner ul li {
    /*width: 90vw !important;*/
    width: 47.5% !important;
    margin: 0 0 0 0;
  }
  .single.categoryid-8 #page-body #facilities .sec_inner ul li span img {
    margin-bottom: 10px;
  }
  .single.categoryid-8 #page-body #facilities .sec_inner ul li span.name {
    font-size: 14px;
  }
  .single.categoryid-8 #page-body #facilities .sec_inner > .btn-reservation {
    position: absolute;
    bottom: 90px;
    width: 100%;
  }
  .single.categoryid-8 #page-body #facilities .sec_inner > .btn-reservation a {
    width: calc(100% - 2px);
    text-align: center;
    padding: 1em 0 !important;
    border: 1px solid #000;
  }
  .single.categoryid-8 #page-body #facilities > .sec_inner .bx-wrapper .bx-controls a {
    color: #000;
  }
  .single.categoryid-8 #page-body #facilities #facilityTypeNum {
    display: none;
  }
  
  /* Modal */
  .single.categoryid-8 #page-body #facilities-modal {
    color: #fff;
  }
  .single.categoryid-8 #page-body #facilities-modal-inner {
    left: 0;
    top: 0;
    width: 90vw;
    height: calc(100vh - 10vw);
    padding: 5vw 5vw;
    border: none;
    overflow-y: auto;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li {
    display: block;
    padding: 0 1px;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title {
    width: 100%;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image {
    width: 100%;
    margin: 20vw 0 10vw 0;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image > span,
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .image > span img{
    height: auto;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .name {
    font-size: 24px;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment {
    font-size: 14px;
    height: inherit;
    overflow-y: inherit;
    margin-top: 2em !important;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-bxslider li .facilities-modal-title .comment + .btn-reservation a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1em 0 !important;
  }
  .single.categoryid-8 #page-body #facilities-modal #facilities-modal-close {
    right: 20px;
    top: 20px;
  }
  
  /***************************************
  ↑↑↑ 20250413修正 ↑↑↑
  *****************************************/
  
  
  /*
  .single.categoryid-8 #page-body #facilities .sec_inner ul li span.comment {
    font-size: 10px !important;
    line-height: 1.75 !important;
  }
  .single.categoryid-8 #page-body #facilities .bx-wrapper .bx-controls {
    margin: 2em auto 0 auto !important;
  }
  */
  
  .single.categoryid-8 #page-body #premiumitem-modal,
  .single.categoryid-8 #page-body #experience-modal {
    width: calc(100% - 10vw);
    padding: 20vw 5vw 5vw 5vw;
  }
  .single.categoryid-8 #page-body #premiumitem-modal.open,
  .single.categoryid-8 #page-body #experience-modal.open {
    right: inherit;
    left: 0;
  }
  .single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-content,
  .single.categoryid-8 #page-body #experience-modal #experience-modal-content {
    font-size: 14px;
  }
  .single.categoryid-8 #page-body #premiumitem-modal .premiumitem-modal-content,
  .single.categoryid-8 #page-body #experience-modal .experience-modal-content {
    height: 90vh;
    overflow: auto;
  }
  .single.categoryid-8 #page-body #premiumitem-modal #premiumitem-modal-title h3,
  .single.categoryid-8 #page-body #experience-modal #experience-modal-title h3{
    font-size: 24px;
  }
  .single.categoryid-8 #page-body #experience .sec_inner ul li .title,
  .single.categoryid-8 #page-body #premiumitems .sec_inner ul li .title {
    font-size: 16px;
  }
  .single.categoryid-8 #page-body #experience .bx-viewport,
  .single.categoryid-8 #page-body #premiumitems .bx-viewport{
    overflow-y: visible; 
  }
  .single.categoryid-8 #page-body #premiumitems .btn-close,
  .single.categoryid-8 #page-body #experience .btn-close{
    position: fixed;
    right: 20px;
    top: 20vw;
    z-index: 100;
    width: 100px;
  }
  
  .single.categoryid-8 #page-body #map .sec_inner .mapTransMap #map_canvas {
    aspect-ratio: 1/1;
  }
  .categoryid-8 #page-body #map .detailbtn a {
    display: block;
    font-size: 12px;
    padding: 5px;
    white-space: nowrap;
  }
  
  /* admin menu */
  #reservation .admin-only form {
    width: calc(90% - 40px);
  }
  #reservation .admin-only h2 {
    font-size: 16px;
  }
  #reservation .admin-only .search-result {
    font-size: 12px;
  }
  #reservation .admin-only input[type="text"],
  #reservation .admin-only select,
  #reservation .admin-only input[type="button"]{
    display: block !important;
    width: 100% !important;
  }
  #reservation .admin-only input[type="button"]{
    margin: 2em auto 0 !important;
  }
  
  
}



/*************************************************************************

** Premium Item個別

**************************************************************************/

.single.categoryid-6 {
  
}
.single.categoryid-6 #single-page-inner {
  margin-top: 10vw;
}
.single.categoryid-6 .back-to-list {
  text-align: right;
  margin: 30px auto;
  padding-right: 5%;
}
.single.categoryid-6 .back-to-list a {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
.single.categoryid-6 .back-to-list a::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("images/arrow-back.svg") no-repeat center center;
  background-size: auto;
  background-size: contain;
  margin-right: 5px;
}
.single.categoryid-6 article {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 85%;
  margin: 0 auto;
  padding: 0 0 5rem 0;
}
.single.categoryid-6 article header {
  width: 45%;
}
.single.categoryid-6 article header .category-name  {
  font-size: 20px;
  margin-bottom: 1em;
}
.single.categoryid-6 article header .entry-title {
  font-size: 42px;
  margin-bottom: 1em;
}
.single.categoryid-6 article header figure {
  
}
.single.categoryid-6 article header figure img {
  width: 100%;
}
.single.categoryid-6 article header .item-detail {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 2rem 0;
}
.single.categoryid-6 article header .item-detail dl {
  width: 60%;
}
.single.categoryid-6 article header .item-detail dl dt {
  font-size: 16px;
  margin-bottom: 2em !important;
}
.single.categoryid-6 article header .item-detail dl dd {
  font-size: 22px;
  line-height: 1.5;
}
.single.categoryid-6 article header .item-detail .btn-wrap {
  width: auto;
}
.single.categoryid-6 article header .item-detail .btn-wrap a.btn-order {
  display: block;
  background-color: #fff;
  color: #000 !important;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
  padding: .7em 2em;
}
.single.categoryid-6 article header .navigation {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  /*
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  width: 250px;*/
}
.single.categoryid-6 article header .navigation > div {
  float: inherit;
  border: none;
}
.single.categoryid-6 article header .navigation > div:nth-child(2) {
  margin-left: 2em;
}
.single.categoryid-6 article header .navigation a {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  color: #fff;
  padding: 0;
  cursor: pointer;
}
.single.categoryid-6 article header .navigation div.prev a {
  padding-left: 1em;
}
.single.categoryid-6 article header .navigation div.next a {
  padding-right: 1em;
}
.single.categoryid-6 article header .navigation a span {
  display: inline-block;
  line-height: 1.5;
  padding: 0;
}
.single.categoryid-6 article header .navigation a:before,
.single.categoryid-6 article header .navigation a:after {
  position: absolute;
  display: inline-block;
}
.single.categoryid-6 article header .navigation div.prev a:before {
  content: "";
  left: 1px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.single.categoryid-6 article header .navigation div.next a:after {
  content: "";
  left: inherit;
  right: 1px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.single.categoryid-6 article .entry-content {
  width: 45%;
}


/* ページ下部ナビゲーション */
.single.categoryid-6 #single-page #under-entry-body {
	
}
.single.categoryid-6 #single-page #under-entry-body .navigation {
	display: none;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
  .single.categoryid-6 #single-page-inner {
    margin-top: 0;
  }
	.single.categoryid-6 article {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5rem 0;
  }
  .single.categoryid-6 article header {
    width: 100%;
  }
  .single.categoryid-6 article header .entry-title {
    font-size: 28px;
  }
  .single.categoryid-6 article header .item-detail {
    display: block;
  }
  .single.categoryid-6 article header .item-detail dl {
    width: 100%;
  }
  .single.categoryid-6 article header .item-detail .btn-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #222222;
    padding: 5vw;
  }
  .single.categoryid-6 article header .item-detail .btn-wrap a.btn-order {
    width: 68%;
    font-size: 16px;
    padding: .7em 0;
  }
  .single.categoryid-6 article header .item-detail .btn-wrap a.btn-back {
    display: block;
    width: 30%;
    background-color: #000;
    color: #fff !important;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    padding: .7em 0;
    border: 1px solid #fff;
  }
  .single.categoryid-6 article .entry-content {
    width: 100%;
  }
	
}




/*************************************************************************

** 404

**************************************************************************/

.error404 {
}
.error404 .msg {
	width: 60%;
	margin: 200px auto 150px auto;
}
.error404 .msg .entry-title {
	font-size: 52px;
	margin: 0 0 1em 0;
}
.error404 .msg .entry-title strong {
	font-size: 104px;
  font-weight: normal;
	margin: 0;
}
.error404 .msg .msg-inner {
	margin: 0 auto;
}
.error404 .msg .msg-inner p {
	font-size: 16px;
	line-height: 2.0em;
}
.error404 .msg .btn-single {
	width: 260px;
	margin: 100px auto;
}
.error404 .msg .btn-single a {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  border: 1px solid #fff;
  cursor: pointer;
}




/* スマホ */
@media screen and (max-width:960px) {
	.error404 .msg {
		display: block;
		width: 90%;
		margin: 10vw auto 15vw auto;
	}
	.error404 .msg .entry-title {
		font-size: 30px;
		margin: 0 0 1em 0;
	}
	.error404 .msg .msg-inner {
		margin: 0 auto;
	}
}



/*************************************************************************

** topic個別

**************************************************************************/

.single.categoryid-120 {
  
}
.single.categoryid-120 .back-to-list {
  text-align: right;
  margin: 8rem auto 30px;
  padding-right: 5%;
}
.single.categoryid-120 .back-to-list a {
	text-decoration: underline;
}
.single.categoryid-120 .back-to-list a:before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("images/arrow-back.svg") no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}
.single #single-page .category-topics {
	width: 60%;
	margin: 2.5rem auto 12.5rem;
}
.single #single-page .category-topics .article header .category-name {
	margin-bottom: 0.5em;
	font-size: 16px;
	line-height: 2.2;
}
.single #single-page .category-topics .article header .entry-title {
	font-size: 32px;
	line-height: 1.5;
}
.single #single-page .category-topics .article p:not([class]) {
	display: contents;
}

.single #single-page .category-topics .article .entry-content .topic-eye-catch {
	margin: 3.12rem auto 6.25rem;
}
.single #single-page .category-topics .article .entry-content .topic-block {
	margin-bottom: 6.25rem;
}
.single #single-page .category-topics .article .entry-content .topic-block .topic-block-title {
	background-color: #222;
	margin-bottom: 3.12rem;
	padding: 1em 2.5em;
	font-size: 20px;
	line-height: 1.5;
}
.single #single-page .category-topics .article .entry-content .topic-block .topic-block-text {
	margin: 0 0 2em;
	font-size: 16px;
	line-height: 1.75;
}
.single #single-page .category-topics .article .entry-content .topic-block .topic-block-box {
	margin: 5.12rem 0;
}
.single #single-page .category-topics .article .entry-content .topic-block .topic-block-subtitle {
	border-bottom: 1px solid #707070;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	font-size: 24px;
	line-height: 1.75;
}
.single #single-page .category-topics .article .entry-content .topic-block .topic-block-list {
	padding-left: 1rem;
}
.single #single-page .category-topics .article .entry-content .topic-block .topic-block-list li {
	list-style: disc;
	font-size: 16px;
	line-height: 1.75;
}
.single #single-page .category-topics .article .entry-content .topic-image-block {
	margin-bottom: 3.12rem;
}
.single #single-page .category-topics .article .entry-content .topic-image-block figure {
	margin-bottom: 2rem;
}
.single #single-page .category-topics .article .entry-content .topic-button .topic-contact a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #FFF;
	padding: 1em;
	font-size: 39px;
	line-height: 1;
	text-align: center;
}
.single #single-page .category-topics .article .entry-content .topic-button .topic-back {
	display: none;
}

/* ページ下部ナビゲーション */
.single.categoryid-120 #single-page #under-entry-body {
	display: none;
	width: 300px;
	margin: 0 auto;
}
.single.categoryid-120 #single-page #under-entry-body .navigation {
	overflow: visible;
}
.single.categoryid-120 #single-page #under-entry-body .navigation > div.prev,
.single.categoryid-120 #single-page #under-entry-body .navigation > div.next {
	display: block;
	border: none;
}
.single.categoryid-120 #single-page #under-entry-body .navigation > div.prev a,
.single.categoryid-120 #single-page #under-entry-body .navigation > div.next a {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	border: none;
	font-size: 16px;
}
.single.categoryid-120 #single-page #under-entry-body .navigation > div.prev a:before,
.single.categoryid-120 #single-page #under-entry-body .navigation > div.next a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.single.categoryid-120 #single-page #under-entry-body .navigation > div.prev a:before {
	left: -30px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.single.categoryid-120 #single-page #under-entry-body .navigation > div.next a:after {
	left: auto;
	right: -30px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.single.categoryid-120 #single-page #under-entry-body .navigation a span {
	display: inline;
	color: #fff;
	padding-right: 0;
	margin-top: 0;
	clear: left;
}


/* タブレット */
@media screen and (max-width:960px) {
	
	
}


/* スマホ */
@media screen and (max-width:750px) {
	
	.single.categoryid-120 .back-to-list {
		margin: 0 0 2rem 0;
	}
	.single.categoryid-120 .back-to-list a {
		text-decoration: underline;
	}
	.single.categoryid-120 .back-to-list a:before {
		content: "";
		position: relative;
		top: 3px;
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url("images/arrow-back.svg") no-repeat center center;
		background-size: contain;
		margin-right: 5px;
	}
	.single #single-page .category-topics {
		width: 90%;
		margin: 0 auto;
	}
	.single #single-page .category-topics .article header .category-name {
		margin-bottom: 0.5em;
		font-size: 14px;
		line-height: 2.57;
	}
	.single #single-page .category-topics .article header .entry-title {
		margin: 0;
		font-size: 20px;
		line-height: 1.8;
	}
	
	.single #single-page .category-topics .article .entry-content .topic-eye-catch {
		margin: 2rem auto 3.12rem;
	}
	.single #single-page .category-topics .article .entry-content .topic-block {
		margin-bottom: 3.12rem;
	}
	.single #single-page .category-topics .article .entry-content .topic-block .topic-block-title {
		margin-bottom: 2rem;
		padding: 1.25em;
		font-size: 16px;
		line-height: 1.4;
	}
	.single #single-page .category-topics .article .entry-content .topic-block .topic-block-text,
	.single #single-page .category-topics .article .entry-content .topic-block .topic-block-note {
		font-size: 14px;
	}
	.single #single-page .category-topics .article .entry-content .topic-block .topic-block-box {
		margin: 3.12rem 0;
	}
	.single #single-page .category-topics .article .entry-content .topic-block .topic-block-list li {
		font-size: 14px;
	}
	.single #single-page .category-topics .article .entry-content .topic-image-block {
		margin-bottom: 3.12rem;
	}
	.single #single-page .category-topics .article .entry-content .topic-button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.single #single-page .category-topics .article .entry-content .topic-button .topic-contact {
		width: 60%;
	}
	.single #single-page .category-topics .article .entry-content .topic-button .topic-contact a {
		padding: 0.75em;
		font-size: 16px;
	}
	.single #single-page .category-topics .article .entry-content .topic-button .topic-back {
		display: block;
		width: 35%;
	}
	.single #single-page .category-topics .article .entry-content .topic-button .topic-back a {
		display: block;
		box-sizing: border-box;
		background-color: #FFF;
		padding: calc(0.75em + 1px);
		text-align: center;
		font-size: 16px;
		line-height: 1;
		color: #222;
	}

}



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

追加 Sample Itinerary COVA KAKUDA 

----------------------------------------*/
.categoryid-138 {
  
}
.categoryid-138 .article .eye-catch {
  display: none;
}
.categoryid-138 .rl-gallery-container {
  margin: 5rem 0;
}
.categoryid-138 .rl-gallery-container .rl-gallery-item {
  /*height: 10vw;*/
  aspect-ratio: 4/2.5;
  overflow: hidden;
}
.categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(4) img,
.categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(5) img,
.categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(10) img {
  position: relative;
  top: -8vw;
}
.categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(12) img {
  position: relative;
  top: -5vw;
}
.categoryid-138 .rl-gallery-container .rl-gallery-caption {
  display: none !important;
}
.categoryid-138 .rl-gallery-container {
  
}

/* スマホ */
@media screen and (max-width:750px) {
	
  .categoryid-138 .entry-content h2 {
    font-size: 18px;
  }
  .categoryid-138 .entry-content p {
    font-size: 14px;
    /*text-align: justify;*/
  }
  .categoryid-138 .rl-gallery-container .rl-gallery-item {
    width: calc(100% / 3 - 2px) !important;
  }
  .categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(4) img,
  .categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(5) img,
  .categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(10) img {
    top: -20vw;
  }
  .categoryid-138 .rl-gallery-container .rl-gallery-item:nth-child(12) img {
    top: -10vw;
  }
  
}



#wpmem_msg, .wpmem_msg {
  background: none !important;
}