@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :  about.css
 style info :  
=================================================================== */
.membersIndex .content {
    width: 870px;
}
@media only screen and (max-width: 991px) {
	.membersIndex .content {
		width: inherit;
	}
	
	
}

.lineupSMPbtn {
	padding:10px;
	background:#f6f4eb;
	text-align:center;
	font-size:1.4em;
	display:none;
}
.lineupSMPbtn:hover {
	background:#94204d;
	color:#FFF;
}
.pcNone {
	display: none;
}
.spNone {
	display: block;
}

.text_right {
	text-align: right;
}

.foot_bnr {
	line-height: 0;
	margin: 20px 0 40px;
	text-align: right;
}


/* ------------------------------------------------
 about index
------------------------------------------------ */

.catch {
	color: #6f570d;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 25px;
}
.graf {
	padding: 30px;
	border: 3px solid #f6f4eb;
	text-align: center;
}
.aboutUnit {
	margin-bottom: 20px;
}
.aboutUnit .aboutUnitLeft {
	float: left;
	width: 425px;
	height: 250px;
}
.aboutUnit .aboutUnitRight {
	float: left;
	width: 365px;
	padding: 20px 30px 0 30px;
	height: 230px;
	background: #f6f4eb;
}
.aboutUnit2 .aboutUnitLeft {
	height: 330px;
}
.aboutUnit2 .aboutUnitRight {
	height: 310px;
}

.aboutUnit .aboutUnitRight h5 {
	color: #a0194e;
	font-size: 17px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 5px;
}
.aboutUnit2 .aboutUnitRight p {
	line-height: 1.6;
}
.aboutUnit .aboutUnitRight .about_txt_s {
	font-size: 0.9em;
}
.aboutUnit .aboutUnitRight .about_txt_color {
	color: #a0194e;
}

/* ------------------------------------------------
 resort
------------------------------------------------ */

.resortStyle {
	background: url(../../../img/pages/about/resort/resort_bg.png) no-repeat center 70px;
}
.resortSubTtl {
	text-align: center;
	margin-bottom: 25px;
}
.resortBox1 {
	width: 416px;
	height: 256px;
	float: left;
	border: 1px solid #cacaca;
	padding: 1px;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.resortBoxLeft {
	float: left;
}
.article .resortBoxLeft p, .article .resortBox3Left {
	margin-bottom: 0;
}
.resortBoxRight {
	float: left;
	width: 217px;
}
.resortBox1 h5 {
	background: #f6f6f6;
	font-size: 23px;
	text-align: center;
	font-weight: normal;
	padding: 13px 0;
	line-height: 1.3;
	letter-spacing: -0.5px;
}
.resortBox1 ul {
	padding: 15px 5px 15px 10px;
}
.resortBox1 li {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.3;
  	text-indent:-1em;
  	padding-left:1em;
}
.resortBox2 {
	width: 416px;
	height: 256px;
	float: right;
	border: 1px solid #cacaca;
	padding: 1px;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.resortBox2 h5 {
	background: #f6f6f6;
	font-size: 23px;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.5px;
	height: 85px;
	line-height: 85px;
}
.resortBox2 ul {
	padding: 15px 0px 15px 10px;
}
.resortBox2 li {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.3;
  	text-indent:-1em;
  	padding-left:1em;
  	letter-spacing: -0.5px;
}
.resortBox3 {
	width: 662px;
	height: 206px;
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #8f214b;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.resortBox3Left {
	float: left;
	width: 279px;
}
.resortBox3Right {
	float: left;
	width: 383px;
	background: #fff;
}
.resortBox3 h5 {
	background: #f6f6f6;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.5px;
	height: 80px;
	line-height: 80px;
	color: #8f214b;
}
.resortBox3 h5 span {
	font-size: 16px;
}
.resortBox3 ul {
	padding: 15px 0px 0px 50px;
	margin-top: 10px;
}
.resortBox3 li {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.3;
  	text-indent:-1em;
  	padding-left:1em;
  	letter-spacing: -0.5px;
}
.resort_arrow {
	clear: both;
	text-align: center;
	background: url(../../../img/pages/about/resort/resort_arrow_bg.png) no-repeat center top;
	width: 436px;
	height: 89px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
.resortBox4 {
	width: 558px;
	height: 322px;
	float: left;
	border: 1px solid #8f214b;
}
.resortBox4 h5 {
	color: #8f214b;

	font-size: 24px;
	text-align: center;
	font-weight: normal;
	line-height: 65px;
	height: 65px;
	background: #f6f6f6;
}
.resortBox4 h5 span {
	font-size: 36px;
}
.resortBox4_content {
	padding: 17px;
}
.article .resortBox4_logo {
	float: left;
	width: 74px;
	margin-right: 30px;
	margin-bottom: 0;
}
.resortBox4_txt {
	float: left;
	width:420px;
}
.resortBox4_txt span {
	font-size: 0.9em;
}
.resortBox4_content li {
	float: left;
}
.resortBox4_content li.li_center {
	margin: 0 7px;
}
.resortBox5 {
	width: 258px;
	height: 322px;
	float: right;
	border: 1px solid #ac9242;
}
.resortBox5 h5 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	background: #f6f6f6;
	color: #574610;
	padding: 10px 0;
}
.resortBox5 h5 span {
	display: block;
	font-size: 36px;
}
.article .resortBox5 p {
	padding: 60px 25px;
	margin-bottom: 0;
}
.resort_graf_left {
	float: left;
	margin-right: 40px;
	width: 390px;
}
.resort_graf_right {
	float: left;
	width: 440px;
}
.pager {
	margin-top: 20px;
}
.prev_btn {
	color: #94204d;
	float: left;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-left: 50px;
	margin-bottom: 30px;
}
.prev_btn a {
	color: #94204d;
	text-decoration: underline;
	font-size: 1.2em;
	line-height: 1.3em;
}
.next_btn {
	color: #94204d;
	float: right;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-right: 50px;
	margin-bottom: 30px;
}
.next_btn a {
	color: #94204d;
	text-decoration: underline;
	font-size: 1.2em;
	line-height: 1.3em;
}

/* ------------------------------------------------
 number
------------------------------------------------ */

.number_reason_unit {
	border: 1px solid #8f214b;
	margin-bottom: 10px;
	padding: 10px 25px;
}
.number_reason_last {
	margin-bottom: 50px;
}
.number_reason_unit h4 {
	float: left;
	border-right: 1px solid #cccccc;
	margin-right: 20px;
	padding: 15px 20px 15px 0;
}
.number_reason_unit ul {
	float: left;
}
.number_reason_unit li {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 10px 0;
}
.number_graf_img {
	display: block;
}
.number_graf {
	background: url(../../../img/pages/about/number/graf_bg.png) left 2px no-repeat;
	width: 860px;
	height: 459px;
	position: relative;
	padding-top: 2px;
}
.number_graf1_01 {
	position: absolute;
	top: 0px;
	right: 0px;
}
.number_graf1_01 h5, .number_graf1_02 h5 {
	padding-left: 0px;
}
.number_graf1_01 li, .number_graf1_02 li, .number_graf1_03 li, .number_graf1_unit li {
	font-size: 1.25em;
	line-height: 1.3em;
	margin-top: 10px;
  	text-indent: -1em;
  	padding-left: 1em;
}
@media screen and (max-width: 640px) {
.number_graf1_01 li, .number_graf1_02 li, .number_graf1_03 li, .number_graf1_unit li {
	font-size: 1.6em;
}
}

.number_graf1_02 {
	position: absolute;
	top: 163px;
	right: 0px;
}
.number_graf1_03 {
	position: absolute;
	top: 329px;
	right: 0px;
}
.number_graf1_units {
	margin: 0 0 0 -15px;	
}
.number_graf1_unit {
	width: 427px;
	float: left;
	margin: 30px 0 0 15px;
}
.number_graf1_unit h5 {
	border-bottom: 1px solid #bdbdbd;
}
.number_grafs {
	margin: 30px 0 0 -30px;
}
.number_graf2, .number_graf3, .number_graf4 {
	margin: 0 0 0 30px;
	float: left;
	width: 270px;
}
.number_graf1_unit h5 {
	text-align: center;
}
.subTtl {
	background: none repeat scroll 0 0 #f7f5ef;
    border-left: 2px solid #a0194e;
    display: block;
    padding: 4px 0 4px 10px;
	border-bottom: 1px solid #d1c6a5;
}
.number_graf2 p {
	margin-top: 50px;
	text-align: center;
}
.number_graf3 p {
	margin-top: 20px;
	text-align: center;
}
.number_graf4 p {
	margin-top: 20px;
	text-align: center;
}
.article .number_graf5 {
	text-align: center;
	margin: 40px 0 50px 0;
}

/* ------------------------------------------------
 howto index
------------------------------------------------ */

.stepBox {
	background: #f6f4eb;
	border: 1px solid #c9c3a6;
	padding: 20px 0;
	margin-bottom: 50px;
}
.stepBox h3 {
	text-align: center;
	color: #574610;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}
.stepBox .step1 {
	float: left;
	width: 250px;
	margin-left: 25px;
	background: url(../../../img/pages/howto/index/step_arrow.png) no-repeat right 23px;
	padding-right: 35px;
}
.stepBox .step2 {
	float: left;
	width: 250px;
	background: url(../../../img/pages/howto/index/step_arrow.png) no-repeat right 23px;
	padding-right: 35px;
}
.stepBox .step3 {
	float: left;
	width: 250px;
}
.stepBox .step1 p, .stepBox .step2 p, .stepBox .step3 p {
	margin-top: 10px;
	line-height: 1.3em;
}
.price_box h4, .ticket_box h4 {
	color: #962e56;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.5;
}
.price_left {
	float: left;
	width: 320px;
	margin-right: 30px;
}
.price_right {
	float: left;
	width: 510px;
}
.price_right table th {
	border-bottom: 1px solid #fff;
	background: #f2ece1;
	font-size: 1.25em;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}
.price_right table th.last {
	border-bottom: 1px solid #c9c3a6;
}
.price_right table {
	border: 1px solid #c9c3a6;
	width: 100%;
	margin-bottom: 10px;
}
.price_right table td {
	font-size: 1.25em;
	height: 50px;
	line-height: 50px;
	border-left: 1px solid #c9c3a6;
	border-bottom: 1px solid #c9c3a6;
	text-align: center;
	width: 200px;
	vertical-align: middle;
}
.price_right table td.two {
	line-height: 1.5em;
}
.price_right li {
	font-size: 1.15em;
	line-height: 1.5em;
}
.ticket_left {
	width: 350px;
	float: left;
	margin-right: 35px;
}
.ticket_left li {
  	text-indent: -1em;
  	padding-left: 1em;
	font-size: 1.4em;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.ticket_left li span {
	font-size: 0.9em;
}
.ticket_right {
	width: 483px;
	float: left;
}
.howto_graf_box h4 {
	color: #962e56;
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 20px;
	letter-spacing: -0.9px;
	line-height: 1.5;
}
.howto_graf_box h4 span {
	font-size: 19px;
}
.howto_graf1 {
	position: relative;
	margin-bottom: 45px;
}
.howto_graf1_txt {
	position: absolute;
	top: 15px;
	left: 20px;
}
.howto_graf_left {
	float: left;
	width: 330px;
	margin-right: 35px;
}
.howto_graf_left h5 {
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 20px;
}
.howto_graf_right {
	float: left;
	width: 476px;
}
.howto_graf_right dt {
	float: left;
	font-size: 1.6em;
	text-align: center;
	width: 195px;
	height: 40px;
	line-height: 40px;
}
.howto_graf_right dd {
	float: left;
	font-size: 1.6em;
	text-align: center;
	width: 280px;
	height: 38px;
	line-height: 38px;
}
.howto_graf_right_top {
	margin-bottom: 10px;
}
.howto_graf_right_top dt {
	background: #a99342;
	color: #fff;
}
.howto_graf_right_top dd {
	border: 1px solid #a99342;
	border-left: none;
}
.howto_graf_right_bottom dt {
	background: #c9c9c9;
}
.howto_graf_right_bottom dd {
	border: 1px solid #c9c9c9;
	border-left: none;
	margin-bottom: 50px;
}
.howto_graf_right dd {
	float: left;
}
.howto_graf_box table {
	border: 1px solid #c9c3a6;
	width: 100%;
	margin-bottom: 10px;
}
.howto_graf_box table th {
	border-bottom: 1px solid #fff;
	background: #f2ece1;
	font-size: 1.25em;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}
.howto_graf_box table th.last {
	border-bottom: 1px solid #c9c3a6;
}
.howto_graf_box table td {
	font-size: 1.25em;
	height: 50px;
	line-height: 50px;
	border-left: 1px solid #c9c3a6;
	border-bottom: 1px solid #c9c3a6;
	text-align: center;
	width: 195px;
	vertical-align: middle;
}
.article .howto_graf2 {
	margin-bottom: 10px;
}
h5.howto_step {
	font-size: 24px;
	font-weight: normal;
	margin: 35px 0 15px 0;
}

#guide{
	margin-top:-105px;
	padding-top:105px;
}

.howto_guide_btn{
	width:100%;	
	text-align:center;
}
.howto_guide_btn_left{
	margin-right:20px;
	margin-bottom:20px;
	float:left;
}
.howto_guide_btn_right{
	margin-bottom:20px;
	float:left;
}
.howto_guide_btn img:hover{
	opacity:.7;
}
.textHddInner span.new{
	margin-left:10px;
}

@media screen and (max-width:640px) {
	h5.howto_step {
		font-size: 18px;
	}
	.howto_guide_btn_left,
	.howto_guide_btn_right{
		width:100%;
		clear:both;
	}

}
.howtoCancel_txt {
	margin-bottom: 50px;
}
.howtoCancel_txt li {
	font-size: 1.2em;
	margin-bottom: 10px;
}

/* ------------------------------------------------
 howto example
------------------------------------------------ */

.example_box li {
	float: left;
	margin-bottom: 15px;
}
.example_box li.li_odd {
	margin-right: 40px;
}
.example_box li.li_last {
	margin: 0 auto 35px auto;
	float: none;
	text-align: center;
}

/* ------------------------------------------------
 lineup pre
------------------------------------------------ */

.pre_about_unit {
	border-top: 1px solid #a0194e;
	border-bottom: 1px solid #a0194e;
	float: left;
	padding: 1px 0;
	margin-bottom: 20px;
}
.article .pre_about_unit p {
	width: 278px;
	border: 1px solid #ac9341;
	margin-bottom: 0;
	text-align: center;
	height: 44px;
	color: #55440b;
	font-size: 1.65em;
	line-height: 1.3;
	padding: 30px 0;
}
.pre_about_unit_center {
	margin: 0 15px;
	margin-bottom: 20px;
}
.article .pre_about_unit_center p, .article .pre_about_unit_last p {
	padding: 20px 0;
	height: 64px;
}

.pre_group {
	background: #f6f4eb;
	border-top: 2px solid #c9c3a6;
	padding: 25px 40px 0 40px;
}
.pre_group_top {
	border-bottom: 1px solid #c9c3a6;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.pre_group_top h4 {
	float: left;
	width: 400px;
	font-size: 1.3em;
	font-weight: normal;
	display: table;
	}
	.pre_group_top h4 span.pre_group_ttl {
		color: #6e5609;
		font-size: 1.8em;
		font-weight: normal;
		display: table-cell;
		vertical-align: top;
		line-height: 1;
		padding-top: 3px;
	}
	.pre_group_top h4 span.pre_group_icon {
		margin: 0 15px;
		display: table-cell;
		}
		.pre_group_top h4 span.pre_group_icon img { vertical-align: baseline;}
	.pre_group_top h4 span.pre_group_price {
		color: #a0194e;
		font-size: 2.5em;
		display: table-cell;
	}
@media screen and (max-width:720px) {
.pre_group_top h4 {
	display: block;
	}
	.pre_group_top h4 span.pre_group_ttl {
		display: inline-block;
	}
	.pre_group_top h4 span.pre_group_icon {
		display: inline-block;
		}
	.pre_group_top h4 span.pre_group_price {
		display: inline-block;
	}
}
.pre_txt {
	text-align: right;
	font-size: 1.3em;
	margin-top: 5px;
}
.article .pre_btn {
	margin: 15px auto 40px auto;
	text-align: center;
}
.article .pre_group_top p {
	float: left;
	margin-bottom: 0;
	line-height: 1.3;
}
.article .pre_group_top p span {
	color: #a0194e;
}
.pre_group_txt {
	float: right!important;
  margin-top: 10px;
  font-size: 1.7em;
}
.pre_group_unit {
	float: left;
	width: 375px;
	background: #fffdf6;
	margin-bottom: 30px;
}
.pre_group_unit a {
	text-decoration: none;
}
.pre_group_unit h5 {
	text-align: center;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
}
.pre_group_unit_odd {
	margin-right: 40px;
}
.article .pre_group_unit_img {
	margin-bottom: 15px;
}
.article .pre_group_unit_btn {
	margin-bottom: 10px;
}
.article .pre_group_unit_btn a,
.article .pre_group_unit_btn span {
	background: url(../../../img/pages/lineup/pre/icon_pre_btn.png) left center #505050 no-repeat;
	color: #fff;
	width: 110px;
	height: 26px;
	line-height: 26px;
	margin: 0 auto;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 0.9em;
	padding-left: 10px
}
.pre_step {
	border: 3px solid #dddddd;
	padding: 17px 27px 25px 22px;
}
.pre_step_left {
	float: left;
	width: 160px;
	margin-right: 25px;
}
.pre_step_right {
	width: 630px;
	float: left;
}
.pre_step_right h5 {
	font-size: 2em;
	font-weight: normal;
	color: #a0194e;
	margin-bottom: 15px;
}
.article .pre_step_right p {
	margin-bottom: 0;
}
.article .pre_step_right .pre_step_txt {
	font-size: 1.5em;
	line-height: 1.4;
	margin-bottom: 15px;
}
.pre_step_txt span {
	color: #a0194e;
}
.pre_step_color {
	font-size: 1.25em;
	background: #f6f3e1;
	padding: 5px 10px;
}
.pre_step_color span {
	color: #a0194e;
}
.article .pre_step_arrow {
	margin-bottom: 0;
	margin-left: 90px;
}
.article .pre_step_right .pre_step_link {
	text-align: right;
	margin: 10px 0;
}
.pre_step_right_box {
	border: 1px solid #b3ab8a;
	padding: 15px;
}
.pre_step_txt2 {
	color: #44402e;
}
.pre_step_txt3 {
	font-size: 1.3em;
}
.pre_step2 .pre_step_left {
	margin-top: 7%;
}
.pre_step3 .pre_step_left {
	margin-top: 14%;
}
.pre_step_left img {
	border: 1px solid #8f214b;
}
.pre_step_right_box2 {
	border: 3px solid #e7deb7;
}
.pre_step_right_box2 div {
	border: 1px solid #e7deb7;
	margin: 1px;
	padding: 25px;
	background: #fffce7;
}
.pre_step_right_box2 div h6 {
	color: #8c1554;
	font-size: 2em;
	font-weight: normal;
	border-bottom: 1px solid #e7deb7;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.pre_step_right_box2 div p {
	line-height: 1.5;
}
.pre_step_right_box2 div p span {
	color: #a0194e;	
}
.pre_step_img {
	margin-top: 15px;
}
.pre_step_right_box2 ul {
	margin: 15px 0 0 0;
}
.pre_step_right_box2 li {
	font-size: 1.3em;
	line-height: 1.5;
}
.pre_step_last {
	background: #fffce7;
	border: 1px solid #e7deb7;
	height: 55px;
	line-height: 55px;
	width: 660px;
	text-align: center;
}
.pre_step_last span {
	color: #a0194e;
}
.article .pre_step_arrow2 {
	margin-bottom: 0;
	margin-left: 100px;
	float: left;
}
.article .pre_step_last {
	float: right;
	margin-top: 20px;
	margin-bottom: 50px;
}

/* ------------------------------------------------
 tateshina
------------------------------------------------ */

.w100 img {
	width: 100%;
}
.singleTitle {
	background: #A99242;
	text-align: center;
	padding: 10px 0;
}
.tateshina_txt {
	margin: 5px 0;
}
.tateshina_list li {
	float: left;
	border: 1px solid #D9D8D8;
	width: 216px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	border-right: none;
	color: #fff;
	font-size: 1.5em;
}
.tateshina_list li.current {
	background: #A99242;
}
.tateshina_list li a {
	display: block;
	color: #333333;
	text-decoration: none;
}
.tateshina_list {
	margin-bottom: 20px;
	border-right: 1px solid #D9D8D8;
}
.tateshina_mainImage {
	position: relative;
	/*margin-bottom: 20px;*/
}
.tateshina_mainImage p.mainImage_price {
	padding: 0;
	height: 60px;
	background: url(../../../img/elements/header/headerDetailsBG2.png) 0 0 repeat;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	font-size: 1.6em;
	line-height: 60px;
	width: 95%;
	position: relative;
	top: -80px;
	display: block;
}
.tateshina_mainImage .mainImage_price2 {
	padding: 10px 0;
	background: url(../../../img/elements/header/headerDetailsBG2.png) 0 0 repeat;
	text-align: center;
	margin: 0 auto;
	width: 95%;
	position: relative;
	top: -110px;
	}
	.tateshina_mainImage .mainImage_price2.ito {
		background: url(../../../img/elements/header/headerDetailsBG3.png) 0 0 repeat;
		top: -125px;
	}
	.tateshina_mainImage .mainImage_price2.top2 {
		top: -80px;
	}
	.tateshina_mainImage .mainImage_price2.hiddden {
		background: none;
	}
	.tateshina_mainImage .mainImage_price2.top2.nasu {
		top: -100px;
	}
	.tateshina_mainImage .mainImage_price2 .mainImage_price2_inner {
		display: table;
		margin: 0 auto;
	}
	.tateshina_mainImage .mainImage_price2.hiddden .mainImage_price2_inner {
		display:none;
	}
	.tateshina_mainImage .mainImage_price2 .mainImage_price2_inner div {
		display: table-row;
		}
		.tateshina_mainImage .mainImage_price2 div p {
			display: table-cell;
			font-size: 1.6em;
			line-height: 1.4;
			text-align: left;
		}
		.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl {
			text-align: right;
		}
	.tateshina_mainImage p.mainImage_price span,
	.tateshina_mainImage .mainImage_price2 span {
		font-size: 1.5em;
	}
	.mainImage_price2_ttl .touroku {
		font-size: 1.3em!important;
	}
	.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl em { font-style: normal;}
	.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl .pcOnly { display: inline-block;}
	.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl .spOnly { display: none;}
	@media screen and (max-width: 640px) {
		.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl .pcOnly { display: none;}
		.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl .spOnly { display: inline-block;}
	}
.mainImage_textWrap {
	position:absolute;
	left: 35px;
	bottom: 35px;
	color: #fff;
}
.mainImage_textWrap.-kinugawa_keisui {
	position:absolute;
	left: 35px;
	top: 35px;
	color: #fff;
}
.mainImage_textWrap h3 {
	font-size: 2.6rem;
	margin-bottom: 14px;
}
.mainImage_textWrap.-kinugawa_keisui h3 {
	font-size: 2.6rem;
	margin-bottom: 14px;
	text-shadow: 0 0 12px #000, 0 0 12px #000, 0 0 12px #000;
}
.mainImage_textWrap p {
	font-size: 1.68rem;
	color:#fff;
	display: block;
}
.mainImage_textWrap.-kinugawa_keisui p {
	font-size: 1.68rem;
	color:#fff;
	display: block;
	text-shadow: 0 0 12px #000, 0 0 12px #000, 0 0 12px #000;
}
.mainImage_informationText {
	text-align: center;
	margin-bottom: 20px;
	font-size:1.4rem;
}
.mainImage_informationText p {margin-top: 25px;}
.mainImage_informationText p .caption {
	display:block;
	font-size:1.3rem;
}
.mainImage_informationText .detailBtn {
	margin: 0 auto;
	text-align: center;
}
.mainImage_informationText .detailBtn a {
	display: inline-block;
	background: #333;
	color: #fff;
	width: 250px;
	padding: 15px 30px;
	text-decoration: none;
	transition:.3s;
}
.mainImage_informationText .detailBtn a:hover {
	background: #666;
}
.tateshina_info {
	margin-top: -60px;
	margin-bottom: 25px;
}
.tateshina_info.tateshina_info2 {
	margin-top: -30px;
}
.tateshina_info.info_outline {
	margin-top:0
}
.tateshina_info_box {
	background: #fdfbf3;
	border: 1px solid #94204d;
	padding: 30px;
	display: flex;
	align-items: center;
}
.higashiyama_info_box + .tateshina_info_box {
	padding: 15px;
	border: none;
	margin-top: 10px;
	background: url("../../../../common/img/pages/lineup/kyoto_higashiyama/bgTexture.png");
	padding: 40px 35px;
	display: flex;
	align-items: center;
}
.higashiyama_info_box {
	position: relative;
	/* background: url("../../../../common/img/pages/lineup/kyoto_higashiyama/bgTexture.png"); */
	background: none;
	border: none;
	/* padding: 45px 40px; */
	padding: 0 15px;
	margin: 30px 0;
}
.tateshina_info h4 {
	color: #665A40;
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px solid #665A40;
	padding: 0 0 10px 10px;
}
.tateshina_info_left {
	float: left;
	margin: 0px 90px 0 0px;
}
.higashiyama_info_box .tateshina_info_left {

}
.higashiyama_info_box + .tateshina_info_box .tateshina_info_left {
	width:70%;
	margin-right: 65px;
}
.linkText {
	position: absolute;
	bottom: 0;
	right: 0;
}
.recruit_table + .tateshina_info_box {
	margin-top: 30px;
}
.tateshina_info_left.left_ito {
	float: left;
	margin: 0px 40px 0 0px;
}
.tateshina_info_half {
	width:50%;
}
.tateshina_info_left2 {
	margin-right: 230px!important;
}
.tateshina_info_left p,
.tateshina_info_all p {
	margin-top: 15px;
	line-height: 1.2;
}
.tateshina_info .higashiyama_info_box .tateshina_info_left p,
.tateshina_info .higashiyama_info_box .tateshina_info_all p {
    color: #524107;
    font-size:1.6rem;
    line-height:1.6;
}
.higashiyama_info_box + .tateshina_info_box .tateshina_info_left p {
    color: #524107;
}
.tateshina_info_all p {
	margin-bottom: 0;
}
.tateshina_info_left p small,
.tateshina_info_all p small {
	font-size:1.2rem;
}
.tateshina_info_left h5,
.tateshina_info_all h5,
.conceptBox h5,
.commonBox h5{
	font-size: 2.3em;
	line-height: 1.4;
	color: #94204d;
	border-bottom: 1px solid #94204d;
	padding: 0 0 5px 0;
	/* text-align: center; */
}
.tateshina_info .higashiyama_info_box h5,
.higashiyama_info_box + .tateshina_info_box .tateshina_info_left h5 {
    font-size: 2.25em;
    color: #836a13;
    border-bottom: 1px solid #836a13;
    text-align: left;
}
.tateshina_info_left h5 span {
	font-size: 0.8em;
}
.tateshina_info_left ul {
	margin-top: 15px;
}
.tateshina_info_left ul li {
	font-size: 1.15em;
	line-height: 1.3;
}
.tateshina_info_right {
	float: left;
	/* margin-top: 3%; */
}
.tateshina_info_right2 {
	float: left;
	margin-top: 0.8%;
}
.tateshina_app_left1 {
	float: left;
	width: 575px;
	margin-right: 15px;
}
.tateshina_app_left1 .caption_txt2 {
	display: block;
	margin: 5px 0 0 0;
	font-size: 0.85em;
	text-align: right;
}
.caption_bigTxt {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px 0!important;
	text-align: right;
	line-height: 1.2;
}
.tateshina_app1 {
	position: relative;
	display: none;
}
.tateshina_movie {
	position: absolute;
	right: 0;
	bottom: 0;
}
.article .movie_box {
	margin-bottom: 0;
}
.article .movie_box_inner {
	background: #000;
	padding: 0 11px 11px 11px;
	display: block;
	line-height: 0;
}
.commonBoxWrap {
	display:flex;
}
.conceptBox,.commonBox {
	padding: 30px;
	border: none;
	background: none;
	margin: 0;
	display: block;
}
.commonBox {
	margin: 50px 0 0;
}
.conceptBox .conceptBoxWrap,.commonBox .conceptBoxWrap {
	display:flex;
}
.conceptBox .tateshina_info_left {
	float:none;
	width: 61%;
	margin: 0 25px 0 0;
}
.commonBox .tateshina_info_left {
	width: 57%;
	margin: 0 25px 0 0;
}
.commonBox02 .tateshina_info_left {
	width: 27%;
}
.commonBox .tateshina_info_right {
	/* float: left; */
	width: 39%;
	margin-top: 0;
}
.commonBox02 .tateshina_info_right {
	width: 69%;
}
.conceptBox .tateshina_info_left:only-child {
	width: 100%;
	margin:0;
}
.conceptBox h5,.commonBox h5 {
	margin-bottom: 12px;
}
.conceptBox h5,.commonBox h5 {
	text-align:left;
}
.conceptBox h5.text_higashiyama,.commonBox h5.text_higashiyama {
	color: #836a13;
	border-bottom: 1px solid #836a13;
}
.conceptBox p,.commonBox p {
	margin-bottom:15px;
	line-height: 1.8;
}
.conceptBox figure,.commonBox figure {
	/* max-width:300px; */
	margin: 15px auto 0;
}
.higashiyama_public {}
.higashiyama_public p {
	color: #836a13;
	font-size: 18px;
	line-height: 1.3;
}
.higashiyama_public ul {
	color: #836a13;
	border:1px solid;
	border-width:1px 0;
	padding:10px 0;
}
.tateshina_info_left .higashiyama_public li {
	font-size: 16px;
	line-height: 1.6;
}
@media only screen and (max-width: 767px) {
	.mainImage_textWrap {
		left: 15px;
		bottom: 15px;
	}
	.mainImage_textWrap.-kinugawa_keisui {
		left: 15px;
		top: 15px;
	}
	.mainImage_textWrap h3 {
		font-size: 1.6rem;
		margin-bottom: 8px;
	}
	.mainImage_textWrap.-kinugawa_keisui h3 {
		font-size: 1.6rem;
		margin-bottom: 8px;
		text-shadow: 0 0 12px #000, 0 0 12px #000, 0 0 12px #000;
	}
	.mainImage_textWrap p {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	.mainImage_textWrap.-kinugawa_keisui p {
		font-size: 1.1rem;
		line-height: 1.4;
		text-shadow: 0 0 12px #000, 0 0 12px #000, 0 0 12px #000;
	}
	.mainImage_informationText {
		font-size:1.2rem;
	}
	.mainImage_informationText .detailBtn a {
		display: block;
		width: 80%;
	}
	.conceptBox .conceptBoxWrap {
		display:block;
	}
	.conceptBox .tateshina_info_left {
		width: 100%;
		margin: 10px 0;
	}
	.conceptBox figure {
		max-width:320px;
		margin:0 auto 40px;
	}
}

/*20160322*/
.appearance_pcOnly {
	width: 100%;
	}
	.appearance_pcOnly .appearance_pcOnly_photo {
		text-align: left;
		width: 575px;
		line-height: 0;
		vertical-align: bottom;
	}
	.appearance_pcOnly .caption_txt {
		padding-top: 10px;
		color: #000;
		font-size: 1.2em;
	}
	.appearance_pcOnly .movie_box {
		padding-left: 15px;
		width: 280px;
		vertical-align: bottom;
	}
	.appearance_pcOnly .appearance_pcOnly_txt {
		padding-left: 15px;
		color: #000;
		font-size: 1.4em;
		line-height: 1.8;
		padding-bottom: 10px;
	}
@media screen and (max-width:640px) {
	.appearance_pcOnly { display: none;}
}
/*20160322*/

.movie_txt {
	font-size: 1.15em;
	margin-top: 5px;
	text-align:right;
}
.tateshina_app2 {
	margin-bottom: 90px;
}
.tateshina_app_left2 {
	float: left;
	width: 295px;
	border-top: 2px solid #A99242;
	background: rgba(120,107,75, 0.1);
	height: 248px;
}
.tateshina_app_left2 ul {
	margin: 55px 0 0 20px;
	color: #333333;
}
.tateshina_app_left2 li {
	font-size: 1.7em;
	margin-bottom: 10px;
}
.tateshina_app_left2 p {
	margin: 40px 0 0 20px;
	font-size: 0.9em;
	line-height: 1.3;
}
.tateshina_app_right {
	float: left;
	width: 280px;
}

.tateshina_hot_left {
	float: left;
	width: 275px;
	margin-right: 20px;
} 
.tateshina_hot_right {
	float: left;
	width: 575px;
}
.tateshina_hot_left p, .tateshina_hot_right p {
	margin-bottom: 0;
}
.tateshina_right_txt {
	font-size: 1.15em;
	text-align: right;
}
p.tateshina_left_txt {
	font-size: 1.15em;
	padding-left:1.15em;
	padding-bottom: 0;
	text-indent: -1em;
	line-height: 1.5;
	margin-top:4px;
	margin-bottom: 0px;
	text-align: left;
}
.tateshina_hot_right .tateshina_right_txt {
	margin: 5px 0 20px 0;
}
.tateshina_rest_left {
	float: left;
	width: 280px;
	margin-right: 15px;
}
.tateshina_rest_long h4,
.tateshina_rest_left h4 {
	color: #A99242;
	font-size: 2.5em;
	font-weight: normal;
	border-top: 1px dotted #A99242;
	border-bottom: 1px dotted #A99242;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.2;
	}
	.tateshina_rest_long h4 span,
	.tateshina_rest_left h4 span {
		font-size: 0.6em;
	}
.tateshina_rest_left li {
	font-size: 1.1em;
	line-height: 1.5;
}
.tateshina_rest_right {
	float: left;
	width: 575px;
}
.tateshina_rest_right p {
	margin-bottom: 0;
}
.caption_txt {
	margin: 10px 0 20px 0;
	font-size: 1.15em;
	text-align: right;
	letter-spacing: 0.1em;
}
.tateshina_rest_right .tateshina_right_txt {
	margin: 5px 0 20px 0;
}
.tateshina_etc_left {
	float: left;
	width: 427px;
	margin-right: 15px;
}
.tateshina_etc_left ul, .tateshina_etc_right ul, .tateshina_etc_list {
	margin: 15px 0 0px 10px;
}
.tateshina_etc_list_top {
	margin-top: 0;
}
.tateshina_etc_left li, .tateshina_etc_right li, .tateshina_etc_list li {
	font-size: 1.35em;
	line-height: 1.5;
	margin-bottom: 5px;
}
.tateshina_etc_left p.tateshina_etc_txt {
	margin: 10px 0 0px 10px;
	font-size: 1.15em;
}
.tateshina_etc_right {
	float: left;
	width: 427px;
}
.tateshina_etc_right p {
	margin-bottom: 0;
}
.tateshina_tel_box {
	background: #FEF8EA;
	border: 2px solid #DBD5C7;
	margin: 50px 0;
	}
	.tateshina_tel_box .tateshina_tel_ttl {
		text-align: center;
		font-size: 1.8em;
		margin: 0;
		padding: 10px 0;
	}
	.tateshina_tel_box .inner {
		display: table;
		padding: 0 0 20px 0;
		width: 100%;
	}
	.tateshina_tel_box .tateshina_tel_left {
		display: table-cell;
		width: 50%;
		padding: 0 20px;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #9C8662;
	}
	.tateshina_tel_box .tateshina_tel_right {
		display: table-cell;
		width: 50%;
		padding: 0 20px;
		}
		.tateshina_tel_box .tateshina_tel_left p {
			margin-bottom: 5px;
		}
		.tateshina_tel_box .tateshina_tel_right p {
			margin-bottom: 0;
		}
.tateshina_tel_name {
	font-size: 1.6em;
	line-height: 1.5;
}
.tateshina_tel_tokyo {
	margin: 0 0 5px 10px;
}
.tateshina_tel_oosaka {
	margin: 5px 0 5px 10px;
}
.tateshina_tel_box .reservation{
	text-align: center;
}
.tateshina_tel_box .reservation a {
	background: url(../../../img/arrow-black.png) 0 50% no-repeat;
	padding-left: 12px;
	font-size:16px;
	line-height: 1.2;
	text-decoration-line: none;
}
.tateshina_tel_box .reservation a span{
	text-decoration-line: underline;
}
@media screen and (max-width: 720px) {
.tateshina_tel_box .tateshina_tel_right .tateshina_tel_name {




	font-size: 1.2em;
}
}
/* ------------------------------------------------
 tateshina2
------------------------------------------------ */

.tateshina_gest {
	margin-bottom: 30px;
}
.tateshina_gest_left {
	float: left;
	width: 575px;
	margin-right: 10px;
}
.tateshina_gest_left p.last {
	margin-bottom: 0;
}
.tateshina_gest_left table {
	width: 100%;
	margin-top: 5px;
}
.tateshina_gest_left th {
	text-align: left;
	color: #666666;
	border: 1px solid #CCCCCC;
	font-size: 1.4em;
	background: #F6F5F0;
	padding: 5px 15px;
	line-height: 1.5;
}
.tateshina_gest_left td {
	padding: 5px 15px;
	font-size: 1.4em;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
}
.tateshina_gest_left_table {
	width: 100%;
	margin-top: 5px;
	display: table;
	border-collapse: collapse;
}
.tateshina_gest_left_table .ttl_pc,
.tateshina_gest_left_table .txt {
	display: table-row;
}
.tateshina_gest_left_table .ttl_pc p {
	display: table-cell;
	text-align: left;
	color: #666666;
	border: 1px solid #CCCCCC;
	font-size: 1.4em;
	background: #F6F5F0;
	padding: 5px 10px;
	line-height: 1.5;
}
.tateshina_gest_left_table .txt p {
	display: table-cell;
	padding: 5px 15px;
	font-size: 1.4em;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	}
	.tateshina_gest_left_table .txt p .ttl {
		display: none;
	}
	
	.compact_table .ttl_pc p,
	.compact_table .txt p{
		padding: 0;
		vertical-align: middle;
	}
	
	.compact_table span{
		display: flex;
		align-items: center;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.compact_table span:not(:last-child){
		border-bottom: dotted #fff 1px;
	}
	
	.compact_table.room_table span:not(:last-child){
		border-bottom: dotted #ccc 1px;
	}
		.swipeIcon {
			display: none;
		}
	
	@media only screen and (max-width: 767px) {

		.tateshina_gest.slideroom {
			position: relative;
			overflow-y: hidden;
			overflow-x: auto;
			z-index: 300;
		}
		.slideroom .tateshina_gest_left_table {
			max-width: none;
			width: 700px !important;
		}
		.swipeIcon {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 301;
			width: 110px;
			animation: horizontal 1s ease-in-out infinite alternate;
		}

	}
	@media screen and (max-width: 640px){
		.compact_table .ttl_pc p,
		.compact_table .txt p{
			font-size: 11.5px;
		}
		
		.compact_table .ttl_pc p:first-child{
			width: 80px;
		}
		
		.compact_table .ttl_pc p:nth-child(2){
			width: 40px;
		}
		
		.compact_table span{
			height: 60px;
		}
		.compact_table span{
			padding: 5px;
			text-align: center;
			justify-content: center;
		}
	}
	@keyframes horizontal {
		0% {
			transform: translate(-30%, -50%);
		}
		100% {
			transform: translate(-70%, -50%);
		}
	}
	
	/* @media screen and (max-width: 640px){
		.scroll_table_wrap{
			overflow: scroll;
		}
		.tateshina_gest_left_table.scroll_table{
			min-width: 680px;
		}
		.tateshina_gest_left_table.scroll_table_viala{
			min-width: 880px;
		} */
	}

/* ------------------------------------------------
 nasu_retreat
------------------------------------------------ */
.tateshina_mainImage .nasu_retreat_mainImage_price2 {
	top: -125px;
}
.nasu_retreat_mainImage_price2 > div > * {
	display: flex !important;
	justify-content: center;
	align-items: baseline;
}
h4.nasu_retreat_contents {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.6;
}
h5.nasu_retreat_textHdd {
	margin-top: 75px;
	margin-bottom: 20px;
	font-size: 2.3em;
	font-weight: normal;
	line-height: 1.4;
}
.nasu_retreat_infobox {
	margin: -80px 0 80px;
}
.nasu_retreat_infobox h4 {
	text-align: center;
	color: #000000;
	font-size: 2.3em;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
}
.nasu_retreat_infolist {
	width: 65%;
	margin: 10px auto 0;
	font-size: 1.4em;
}
.nasu_retreat_infolist span {
	font-size: 0.92em;
}
.nasu_retreat_hukugou_column,
.nasu_retreat_honkan_column,
.nasu_retreat_3column,
.nasu_retreat_pet_column {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.nasu_retreat_3column > li {
	width: 32.2%;
	box-sizing: border-box;
}
.nasu_retreat_3column > li > p {
	margin-top: 10px;
}
.nasu_retreat_hukugou_column li:first-child {
	width: 66.3%;
	box-sizing: border-box;
}
.nasu_retreat_hukugou_column li:last-child {
	width: 32.2%;
	padding-left: 1.5%;
	box-sizing: border-box;
}
.nasu_retreat_honkan_column > li {
	width: 49.1%;
	box-sizing: border-box;
}
.nasu_retreat_honkan_column > li:nth-child(-n+4) {
	margin-bottom: 20px;
}
.nasu_bnr_box {
	margin-bottom: 50px !important;
	text-align: center;
}
.nasu_bnr_box > a {
	display: block;
}
.nasu_retreat_room_price {
	font-size: 1.9em;
}
.nasu_retreat_room_attention {
	font-size: 1.15em;
	text-align: left;
}
.nasu_retreat_pet_column > p:first-child {
	width: 32.185%;
}
.nasu_retreat_pet_column > p:last-child {
	width: 63%;
}
h5.nasu_retreat_access_h5 {
	margin-top: 0;
}
.tateshina_mainImage .mainImage_price2 .nasu_retreat_price div {
	display: block;
}


/* ========================================================================================================================================================
 @media screen and (max-width:720px)
======================================================================================================================================================== */

/*
@media screen and (max-width: 720px) {
.tateshina_gest_left_table {
	width: 100%;
	margin-top: 5px;
	display: block;
	}
	.tateshina_gest_left_table .ttl_pc { display: none;}
	.tateshina_gest_left_table .txt {
		display: block;
		margin-bottom: 10px;
		border-bottom: 1px solid #CCCCCC;
	}
	.tateshina_gest_left_table .txt p {
		display: block;
		padding: 0;
		font-size: 1.4em;
		border: none;
		line-height: 1.5;
		margin: 0;
		}
		.tateshina_gest_left_table .txt p .ttl {
			background: #F6F5F0;
			color: #666666;
		}
		.tateshina_gest_left_table .txt p span {
			display: block!important;
			padding: 5px 15px;
			border-top: 1px solid #CCCCCC;
			border-left: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
		}
}
*/



.tateshina_gest_right {
	float: left;
	width: 281px;
}
sup {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    bottom: 1.5ex;
    font-size: 0.6em;
}
h4.type {
	font-size: 1.98em;
	font-weight: normal;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}
.tateshina_standard_unit {
	margin-top: 25px;
}
.tateshina_standard_unit h5 {
	color: #333333;
	font-size: 1.65em;
}
.tateshina_standard_unit ul {
	margin: 5px 0 30px 0;
}
.tateshina_standard_unit li {
	font-size: 1.45em;
	line-height: 1.5em;
}
.tateshina_standard_unit p {
	margin-bottom: 0;
}
.tateshina_standard_left {
	width: 420px;
	float: left;
	margin-right: 20px;
	}
.img_short .tateshina_standard_left {
	width: 595px;
}
.img_long .tateshina_standard_left {
	width: 375px;
}
	.tateshina_standard_left .tateshina_standard_left_box {
		display: table;
		width: 100%;
		padding-top: 7px;
		}
		.tateshina_standard_left .tateshina_standard_left_inLeft {
			display: table-cell;
			width: 250px;
			padding-right: 20px;
		}
		.tateshina_standard_left .tateshina_standard_left_inRight {
			display: table-cell;
			width: 150px;
		}
.tateshina_standard_left .roomImg {
    position:relative;
    width:427px;
}
.tateshina_standard_left .roomImg figcaption {
	position:absolute;
	bottom: -17px;
	right:0;
	font-size: 12px;
}
.tateshina_standard_right {
	width: 430px;
	float: left;
}
.img_short .tateshina_standard_right {
	width: 255px;
}
.img_long .tateshina_standard_right {
	width: 475px;
}
.tateshina_standard_right p:not(:first-child):not(.caption_txt){
	margin-top: 25px;
}
.tateshina_standard_right2 {
	width: 250px;
	float: left;
}
.tateshina_standard_right .photo_unit2 li {
	float: left;
	width: 427px;
	margin-right: 10px;
}
.tateshina_standard_right .photo_unit2 li.photo_unit2_li_last {
	margin-right: 0;
}
.tateshina_standard_right .photo_unit2 li .caption_txt {
	font-size: 0.8em;
}
.tateshina_standard_right .photo_unit3 li {
	float: left;
	width: 280px;
	margin-right: 10px;
}
.tateshina_standard_right .photo_unit3 li.photo_unit3_li_last {
	margin-right: 0;
}
.tateshina_standard_right .photo_unit3 li .caption_txt {
	font-size: 0.8em;
}
.tateshina_standard_last {
	margin-bottom: 50px;
}
.standard_unit .tateshina_standard_left {
	width: 840px;
	margin-bottom: 20px;
}
.standard_unit .tateshina_standard_right {
	width: 840px;
}
.standard_unit .tateshina_standard_right {
	width: 100%;
	float: none;
}
.tateshina_family_left {
	float: left;
	width: 300px;
	margin: 25px 0 0 0;
}
.tateshina_family_left h5 {
	color: #333333;
	font-size: 1.65em;
}
.tateshina_family_left ul {
	margin: 5px 0 30px 0;
}

.tateshina_family_left li {
	font-size: 1.45em;
	line-height: 1.5em;
}
.tateshina_family_right {
	float: left;
	width: 570px;
	margin: 25px 0 0 0;
}
.pet_link{
	text-align:right;
	font-size: 1.3em;
	margin: 15px 0 0 0;
}
@media only screen and (max-width: 767px) {
	.img_short .tateshina_standard_left,
	.img_short .tateshina_standard_right,
	.img_long .tateshina_standard_left,
	.img_long .tateshina_standard_right,
	.tateshina_standard_left .roomImg {
		width:100%;
	}
}

/* ------------------------------------------------
 tateshina3
------------------------------------------------ */

.tateshina_access_left {
	float: left;
	width: 420px;
	margin: 25px 30px 0 0;
}
.tateshina_access_center {
	width:500px;
	margin: 25px auto 0;
}
.tateshina_access_center_only {
	width: 700px;
	margin: 25px auto 0;
}
.tateshina_access_center h4 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.tateshina_access_left h4, .tateshina_access_right h4,
.tateshina_access_center_only h4 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.tateshina_access_right {
	float: left;
	width: 420px;
	margin-top: 25px;
}
.access_ttl {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.access_subTtl {
	font-size: 1.3em;
	margin-bottom: 5px;
}
.access_bus_left {
	float: left;
	width: 205px;
	margin-right: 10px;
}
.access_bus_right {
	float: left;
	width: 205px;
}
.access_bus_left h5, .access_bus_right h5 {
	font-size: 1.3em;
	margin: 5px 0;
}
.tateshina_access_left li {
	font-size: 1.1em;
	line-height: 1.5;
}
@media only screen and (max-width: 767px) {
	.tateshina_access_center_only {
		width: 100%;
	}
}

/* ------------------------------------------------
 tateshina4
------------------------------------------------ */

.recruit_table {
	display: table;
	border-left: 1px solid #b68d2e;
    border-top: 1px solid #b68d2e;
    margin-bottom: 50px;
    width: 100%;
}
.recruit_table_last {
	margin-bottom: 10px;
}
.recruit_table div {
	display: table-row;
}
.recruit_table .sub p {
    border-bottom: 1px dotted #bababa;
}
.recruit_table .sub.-dands p.subTh,
.recruit_table .sub.-dands p.contenttxt {
    border-bottom: 1px solid #b68d2e;
}
.recruit_table .ttl {
    background-color: #f5eeda;
	width: 25%;
}
.recruit_table div p {
	display: table-cell;
    border-bottom: 1px solid #b68d2e;
    border-right: 1px solid #b68d2e;
    color: #444;
    font-weight: normal;
    padding: 5px 10px;
    text-align: left;
	font-size: 1.4em;
    line-height: 1.5;
	}
	.recruit_table div .indent {
		text-indent: 0!important;
	}
.recruit_table .subTh {
    background: none repeat scroll 0 0 #fdfbf3;
    text-align: right;
}
.recruit_table .subTh .txtLeft {
    float: left;
}
.recruit_table .txt_or {
 color: #FF6600;
}
.recruit_table_ttl {
	margin-bottom: 15px;
}
.recruit_table_ttl_link {
	text-align: right;
}

/* ========================================================================================================================================================
 @media screen and (max-width:720px)
======================================================================================================================================================== */

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

.tateshina_standard_right .photo_unit2 li {
	width: 100%!important;
	float: none;
	}
	.tateshina_standard_right img,
	.tateshina_standard_right .photo_unit2 li img {
		width: 100%!important;
	}

.recruit_table {
	display: block;
	border-left: 1px solid #b68d2e;
    border-top: 1px solid #b68d2e;
    margin-bottom: 30px;
}
.recruit_table div {
	display: block;
}
.recruit_table .sp_none { display: none;}
.recruit_table .sub p,
.recruit_table .subTh_sp {
    border-bottom: 1px dotted #bababa;
}
.recruit_table .sub.-dands p.subTh {
    border-bottom: 1px dotted #bababa;
}
.recruit_table .sub.-dands p.contenttxt {
    border-bottom: 1px solid #b68d2e;
}
.recruit_table .ttl {
    background-color: #f5eeda;
    width: auto;
    font-weight: bold;
}
.recruit_table div p {
	display: block;
    border-bottom: 1px solid #b68d2e;
    border-right: 1px solid #b68d2e;
    color: #444;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom: 0;
    text-align: left;

	font-size: 1.4em;
    line-height: 1.5;
}
.recruit_table .subTh {
    background: none repeat scroll 0 0 #fdfbf3;
    text-align: left;
    font-weight: normal;
    position: relative;
}
.recruit_table .subTh .txtLeft {
    position: absolute;
    left: 10px;
}
.recruit_table .indent {
	padding-left: 3em;
	text-indent: 0;
	background: #fff;
}
.recruit_table .indentTtl {
    padding-left: 3em;
}
}

.baseNavi_list {
	margin-bottom: 20px;
	background: #D9D8D8;
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 1px;
	}
	@media screen and (max-width:640px) {
		.baseNavi_list:after {
	    	content: "";
	    	clear: both;
	    	height: 0;
	    	display: block;
	    	visibility: hidden;
		}
	}
	.baseNavi_list li {
		display: table-cell;
		width: 25%;
		height: 33px;
		border-right: none;
		text-indent: -9999em;
		overflow: hidden;
		}
	.baseNavi_list.nav_total5 li {
		width: 20%;
	}
		.baseNavi_list .nav1 { background: url(../../../img/pages/lineup/common/navi1.png) #fff top center no-repeat;}
		.baseNavi_list .nav2 { background: url(../../../img/pages/lineup/common/navi2.png) #fff top center no-repeat;}
		.baseNavi_list .nav3 { background: url(../../../img/pages/lineup/common/navi3.png) #fff top center no-repeat;}
		.baseNavi_list .nav4 { background: url(../../../img/pages/lineup/common/navi4.png) #fff top center no-repeat;}
		.baseNavi_list .nav6 { background: url(../../../img/pages/lineup/common/navi6.png) #fff top center no-repeat;}
		.baseNavi_list .nav7 { background: url(../../../img/pages/lineup/common/navi7.png) #fff top center no-repeat;}
		.baseNavi_list .nav8 { background: url(../../../img/pages/lineup/common/navi8.png) #fff top center no-repeat;} /* kyoto_higashiyama */
		.baseNavi_list .nav_cs {background: url(../../../img/pages/lineup/common/navi_cs.png) #A6A6A6 top center no-repeat;}
		.baseNavi_list li a {
			display: block;
			text-indent: -9999em;
			overflow: hidden;
			height: 33px;
		}
		.baseNavi_list li:hover,
		.baseNavi_list li.current {
			background-color: #A99242;
			background-position: bottom;
		}
		.baseNavi_list li.nav_cs:hover,
		.baseNavi_list li.nav_cs.current {
			background-color: #A6A6A6;
		}

/* ------------------------------------------------
 arima
------------------------------------------------ */

.arima_list {
	margin-bottom: 20px;
	background: #D9D8D8;
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 1px;
	}
	@media screen and (max-width:640px) {
	.arima_list:after {
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	}
	.arima_list li {
		display: table-cell;
		width: 20%;
		height: 33px;
		border-right: none;
		text-indent: -9999em;
		overflow: hidden;
		}
		.arima_list .nav1 { background: url(../../../img/pages/lineup/arima/navi1.png) #fff top center no-repeat;}
		.arima_list .nav2 { background: url(../../../img/pages/lineup/arima/navi2.png) #fff top center no-repeat;}
		.arima_list .nav3 { background: url(../../../img/pages/lineup/arima/navi3.png) #fff top center no-repeat;}
		.arima_list .nav4 { background: url(../../../img/pages/lineup/arima/navi4.png) #fff top center no-repeat;}
		.arima_list .nav5 { background: url(../../../img/pages/lineup/arima/navi5.png) #fff top center no-repeat;}
		.arima_list .nav6 { background: url(../../../img/pages/lineup/arima/navi6.png) #fff top center no-repeat;}
		.arima_list .nav8 { background: url(../../../img/pages/lineup/arima/navi8.png) #fff top center no-repeat;} /* kyoto_higashiyama */
		.arima_list li a {
			display: block;
			text-indent: -9999em;
			overflow: hidden;
			height: 33px;
		}
		.arima_list li:hover,
		.arima_list li.current {
			background-color: #A99242;
			background-position: bottom;
		}
.arima_hot_top {
	margin-bottom: 10px;
}
.arima_hot_top_left {
	float: left;
	margin-right: 15px;
}
.arima_hot_top_right {
	float: right;
}
.article .arima_hot_top_left p, .article .arima_hot_top_right p {
	margin-bottom: 0;
}
.article .tateshina_rest_right {
	float: left;
	margin-bottom: 0;
}
.arima_hot_bottom_left {
	float: left;
	width: 260px;
	margin-right: 35px;
}
.arima_hot_bottom_left2 {
	float: left;


	width: 555px;
	margin-right: 35px;


}
.arima_hot_bottom_left2 span {
	font-size: 0.9em;
}
.arima_hot_bottom_center {
	float: left;
	width: 280px;
	margin-right: 15px;
}
.article .arima_hot_bottom_center p, .article .arima_hot_bottom_right p {
	margin-bottom: 0;
}
.arima_hot_bottom_right {
	float: left;
	width: 280px;
}
.arima_rest_unit1, .arima_rest_unit2 {
	margin-bottom: 20px;
}
.arima_rest_unit1 .arima_rest_left {
	float: left;
	width: 430px;
	margin-right: 13px;
}
.arima_rest_unit1 .arima_rest_right {
	float: left;
	width: 427px;
}
.arima_rest_unit1 .arima_rest_left2 {
	float: left;
	width: 30%;
	margin-right: 20px;
}

.arima_rest_unit1 .arima_rest_right2 {
	float: right;
	width: 575px;
}
.article .arima_rest_unit1 .arima_rest_right p,
.article .arima_rest_unit1 .arima_rest_right2 p {
	margin-bottom: 0;
}
.article .arima_rest_unit2 .arima_rest_left {
	float: left;
	width: 427px;
	margin-right: 13px;
}
.article .arima_rest_unit2 .arima_rest_left p {
	margin-bottom: 0;
}
.arima_rest_unit2 .arima_rest_right {
	float: right;
	width: 430px;
}
.arima_rest_unit1 h4, .arima_rest_unit2 h4 {
	color: #A99242;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -.05rem;
	border-top: 1px dotted #A99242;
	border-bottom: 1px dotted #A99242;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 10px;
	}
	.arima_rest_unit1 h4 span, .arima_rest_unit2 h4 span {
		font-size: 0.7em;
	}
@media screen and (max-width:720px) {
.arima_rest_unit1 h4, .arima_rest_unit2 h4 {
	font-size: 1.8em;
	padding: 10px 0;
}
}

/* ------------------------------------------------
 arima2
------------------------------------------------ */

.gest_subTtl {
	font-size: 1.5em;
	margin-bottom: 20px;
}

/* ------------------------------------------------
 atami
------------------------------------------------ */
.largeTypeBox {
	border:#426c93 solid 1px;
	padding:20px;
	margin:20px auto 0;
}
.largeTypeBox h5.textHdd {
	font-size: 1.6em;
	font-weight: normal;
	color:#1b456d;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:#ccc solid 1px;
	text-align:center;
}
.largeTypeBox ul {
	word-spacing: -1em;
	display: table;
	display: block\9;
	width: 100%;
	margin:auto;
	color:#1b456d;
}
.largeTypeBox ul li {
	display: inline-block;
	vertical-align: top;

	/display: inline;
	/zoom: 1;
	position:relative;
	width:50%;
	margin:0 0 15px;
	font-size:1.6em;
	text-align:center;
}
.largeTypeBox ul li.Lsize {
	width:100%;
	margin:0;
	text-align:center;
	font-size:1.15em;
	color:#000;
}
@media screen and (max-width:640px) {
.largeTypeBox ul li {
	width:100%;
	font-size:1.4em;
	text-align:left;
}
.largeTypeBox ul li.Lsize {
	text-align:left;
}
.tateshina_access_center {
	width: auto;
}
}

/* ------------------------------------------------
 yet
------------------------------------------------ */

.yet_txt {
	margin-bottom: 30px;
}
.yet_case_menu {
	margin-bottom: 20px;
	margin-top: 0px;
}
/*@-moz-document url-prefix() {
	.yet_case_menu {
		margin-bottom: 20px;
		margin-top: 130px;
	}
}*/
.yet_case_menu_unit {
	float: left;
	width: 188px;
	margin-right: 39px;
}
.yet_case_menu_last {
	margin-right: 0;
}
.yet_case_menu_unit h5 {
	color: #55440f;
	text-align: center;
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: normal;
}
.article .yet_case_menu_img {
	margin-bottom: 10px;
}
.article .yet_case_menu_txt {
	text-align: center;
	margin-bottom: 10px;
}
.yet_content_unit {
	margin-bottom: 65px;
  	padding-top: 110px;
  	margin-top: -110px;
}
.yet_content_left {
	float: left;
	width: 250px;
	margin-right: 30px;
}
.yet_content_left h4 {
	border: 1px solid #9b7528;
	text-align: center;
	margin-bottom: 10px;
	height: 38px;
	line-height: 38px;
	color: #55440f;
	font-size: 2.5em;
	font-weight: normal;
}
.article .yet_content_left_img {
	margin-bottom: 10px;
}
.article .yet_content_left_txt {
	text-align: center;
	margin-bottom: 0;
	color: #55440f;
}
.yet_content_right {
	float: left;
	width: 590px;
}
.yet_content_right ul {
	border-bottom: 1px dotted #a6936c;
	padding-bottom: 5px;
}
.yet_content_right .yet_ul_img {
	margin-top: 0;
	border-bottom: 1px dotted #a6936c;
	padding-bottom: 5px;
}
.yet_content_right li {
	color: #992b56;
	font-size: 2em;
	margin-bottom: 5px;
	line-height: 1.5;
  font-weight: bold;
}
.yet_content_right p {
	margin-top: 15px;
}
.article .yet_arrow {
	margin-bottom: 0;
	text-align: center;
}
.yet_recom_unit {
	float: left;
	width: 250px;
	margin-right: 60px;
	background: #f6f4eb;
	padding-bottom: 10px;
}
.yet_recom_last {
	margin-right: 0;
}
.article .yet_recom_img {
	margin-bottom: 0;
}
.yet_recom_unit h5 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0;
}
.yet_recom_unit ul {
	background: #fff;
	border: 1px solid #d5c2aa;
	border-bottom: none;
	width: 230px;
	margin: 0 auto;
}
.yet_recom_unit li {
	color: #992b56;
	height: 43px;
	line-height: 43px;
	font-size: 1.3em;
	border-bottom: 1px solid #d5c2aa;
	background: url(../../../img/pages/lineup/yet/icon_check.png) no-repeat 10px center;
	padding-left: 40px;
}
.yet_recom_unit li.two {
	line-height: 1.5em;
	padding-top: 5px;
}
.article .yet_recom_btn {
	margin-bottom: 0;
}
.yet_recom_btn a {
	width: 105px;
	height: 26px;
	line-height: 26px;
	margin: 10px auto 0 auto;
	display: block;
	text-decoration: none;
	color: #fff;
	background: url(../../../img/pages/lineup/yet/icon_btn.png) no-repeat 10px center #505050;
	padding-left: 15px;
	text-align: center;
	font-size: 0.9em;
}
#case4 {
	margin-bottom: 30px;
}
.yet_btn {
	text-align: center;
}
.yet_btn a {
	display: block;
	color: #fff;
	background: url(../../../img/pages/lineup/yet/icon_btn.png) 20px center no-repeat #505050;
	text-decoration: none;
	width: 315px;

	margin: 0 auto 40px auto;
	height: 50px;
	line-height: 50px;
	font-size: 1.25em;
	padding-left: 25px;
}


/* ------------------------------------------------
 viala
------------------------------------------------ */

.viala_about_top {
	background: url(../../../img/pages/lineup/arima/viala_bg.png) center right #A99242 no-repeat;
	border: 1px solid #A99242;
	border-bottom: none;
}
.viala_about_top h4 {
	border: 1px solid #fff;
	border-bottom: none;
	font-size: 2em;
	padding: 10px 15px;
	color: #fff;
	line-height: 1.5;
	font-weight: normal;
}
.viala_about_top h4 .pcOnly {
	display: inline;
}
@media screen and (max-width:720px) {
	.viala_about_top h4 .pcOnly { display: none;}
	.viala_about_top h4 .ttl { display: block; text-align: center;}
	.viala_petBox {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 10px;
		}
		.viala_petBox th { font-weight: normal; width: 70%; padding-right: 20px;}
		.viala_petBox td { text-align: right;}
}
.viala_about_bottom {
	background: #10253F;
	border: 1px solid #10253F;
	border-top: none;
}
.viala_about_bottom_inner {
	border: 1px solid #fff;
	border-top: none;
	padding: 15px 15px 15px 35px;
}
.article .viala_about_bottom p {
	margin-bottom: 0;
}
.viala_about_bottom_left {
	float: left;
	margin: 35px 35px 0 0;
}
@media screen and (max-width:720px) {
	.viala_about_bottom_left .pcNone {
		display: inline!important;
		width: 160px!important;
		margin-left: 15px;
	}
}
.viala_about_bottom_center {
	float: left;
	margin-right: 30px;
}
.viala_about_bottom_center h5 {
	color: #fff;
	font-size: 1.6em;
	border-bottom: 1px solid #fff;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
    font-weight: normal;
 }
.viala_about_bottom_center li {
	color: #fff;
	font-size: 1.35em;
	line-height: 1.5;
	margin-top: 10px;
  	text-indent:-1em;
  	padding-left:1em;
}
.viala_about_bottom_right {
	float: right;
}

.viala_box {
	background: #10253F;
	padding: 50px 20px 1px 20px;
	}
	.viala_box .pet_link {
		margin: -20px 0 10px;
	}
	.viala_box .pet_link.mt20 {
		margin: 20px 0 0;
	}
	.viala_box .pet_link a {
		color: #fff;
	}
	.viala_box h5 {
		  color: #fff;
		font-size: 1.65em;
		margin-top: 20px;
		margin-bottom: -10px;
	}
.viala_box .gest_subTtl {
	color: #fff;
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 1.4em;
	}
	.viala_box .gest_subTtl.mt0 {
		margin-top: 0;
	}
.viala_box .tateshina_gest_left {
	width: 550px;
	margin-right: 10px;
}
.viala_box .tateshina_gest_right {
	width: 270px;
}
.viala_box .tateshina_gest_left_table .ttl_pc p {
	background: #666666;
	color: #fff;
	text-align: center;
}
.viala_box .tateshina_gest_left_table .txt p {
	color: #fff;
}
.viala_box .tateshina_right_txt {
	color: #fff;
	letter-spacing: -1px;
	margin: 5px 0 0 0;

}
.viala_box h4 {
	color: #fff;
	border-bottom: 1px solid #D4C5A4;
	margin-top: 30px;
}
.viala_box p {
	color: #fff;
}
.viala_li {
	margin: 20px 0 30px 0;
}
.viala_li li {
	float: left;
	color: #fff;
	font-size: 1.4em;
	margin-right: 15px;
}
.viala_img_box_left {
	float: left;
	width: 410px;
}
.viala_img_box_right {
	float: right;
	width: 410px;
}
@media screen and (max-width:640px) {
	.viala_img_box_left,
	.viala_img_box_right {
	float: none;
	width: 100%;
}
}
.viala_img_box1_left {
	float: left;
	margin-right: 10px;
	width: 270px;
}
.viala_img_box1_right {
	float: left;
	width: 550px;
}
.viala_img_box2_left {
	float: left;
	margin-right: 10px;
	width: 550px;
	margin-bottom: 10px!important;
}
.viala_img_box2_right {
	float: left;
	width: 270px;
	margin-bottom: 10px!important;
}

/* .viala_box.karuizawaandviala .viala_img_box1_left {
	float: left;
	margin-right: 30px;
	width: 270px;
}
.viala_box.karuizawaandviala .viala_img_box1_right {
	float: left;
	width: 550px;
}
.viala_box.karuizawaandviala .viala_img_box2_left {
	float: left;
	margin-right: 10px;
	width: 550px;
	margin-bottom: 10px!important;
}
.viala_box.karuizawaandviala .viala_img_box2_right {
	float: left;
	width: 270px;
	margin-bottom: 10px!important;
} */
/* ------------------------------------------------
 member
------------------------------------------------ */

.navTtl {
	margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: normal;
}
.member_txt {
	margin-bottom: 20px;
}
.member_units {
	margin-left: -20px;
}
.member_unit a {
	text-decoration: none;
	display: block;
	width: 200px;
	float: left;
	border: 1px solid #c9c9c9;
	margin: 0 0 20px 20px;
	height: 222px;
}
.member_unit a:hover {

	background:#f6ecda;
}
.member_unit a span {
	display: block;
	text-align: center;
}



.member_unit span.new {
	width:44px;
	position:absolute;
	left:2px;
	top:2px;
}
@media screen and (max-width:480px){
	.member_unit span.new {
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
}
}

.member_unit .member_unit_ttl_sp {
	padding: 10px 0;
	font-size: 1.4em;
	line-height: 1.3em;
	display: none;
	white-space: nowrap;
}
.member_unit .member_unit_ttl_pc {
	line-height: 0;
}
@media screen and (max-width:640px) {
	.member_unit .member_unit_ttl_sp { display: block; float: left; width: 50%;}
	.member_unit .member_unit_ttl_pc { display: none;}
}

.member_unit .member_unit_ttl2 {
	padding: 20px 0;
	font-size: 1.5em;
	line-height: 1.3em;
}
.member_unit .member_unit_txt_sp { display: none;}
.member_unit .member_unit_txt {
	color: #6f570d;
	font-size: 1.45em;
	line-height: 1.3em;
	padding: 10px 0 3px 0;
	letter-spacing: -1px;
}
@media screen and (max-width:640px) {
	.member_unit .member_unit_txt_sp { display: block;}
	.member_unit .member_unit_txt_pc { display: none;}
}
.member_unit .member_unit_txtIn {
	background: url(../../../img/pages/member/index/icon_member.png) no-repeat left center;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
	padding-left: 10px;
}
.member_unit .member_unit_txtS {
	font-size: 0.8em;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
}
.member_unit .member_unit_txt2 {
	font-size: 1.1em;
	line-height: 1.3em;
	padding-bottom: 10px;
}
.member_unit .member_unit_img_sp {
	display: none;
}
h3.memberTtl {
	display: none;
}

.member_nav {
	padding-bottom: 30px;
	}
	.member_nav .ttl {
		margin: -80px 0 15px;
		padding-top: 90px;
	}
	.member_nav .ttl2 {
		background: url(../../../img/pages/member/index/nav_arr2.png) #f6f4eb right no-repeat;
		font-size: 14px;
		border-bottom: 1px solid #fff;
		}
		.member_nav .ttl2 a, .member_nav .ttl2 span {
			display: block;
			padding: 7px 10px;
			text-decoration: none;
		}
	.member_nav .ttl3 {
		background: url(../../../img/pages/member/index/nav_arr1.png) #f6f4eb right no-repeat;
		font-size: 14px;
		border-bottom: 1px solid #fff;

		}
		.member_nav .ttl3 a {
			display: block;
			padding: 7px 10px;
			text-decoration: none;
		}
	.member_nav ul {
		border-left: 1px solid #f6f4eb;
		border-right: 1px solid #f6f4eb;
		}
		.member_nav ul li {
			background: url(../../../img/pages/member/index/nav_arr1.png) right no-repeat;
			font-size: 12.5px;
			}
			.member_nav ul li a {
				text-decoration: none;
				display: block;
				padding: 12px 10px;
				border-bottom: 1px solid #f6f4eb;
				text-indent: 1em;
			}

/* ------------------------------------------------
 member detail
------------------------------------------------ */

.member_detail_ttlBox {
	border: 1px solid #d1d1d1;
	padding: 20px;
	margin-bottom: 40px;
	width: 830px;
}
.member_detail_ttlBox_left {
	float: left;
	width: 470px;
	margin-right: 20px;
}
.member_detail_ttlBox_left h2 {
	color: #6f570d;
	margin: 5px 0 35px 0;
	font-size: 2em;
	line-height: 1.7;
	font-weight: normal;
}
.member_detail_ttlBox_right {
	float: left;
	width: 340px;
}
.member_detail_ttlBox_img {
	float: left;
	width: 153px;
	margin-right: 15px;
}
.member_detail_ttlBox_txt {
	float: left;
}
.member_detail_ttlBox_txt1 {
	color: #fff;
	background: #a99342;
	padding: 0 10px;
	font-size: 1.75em;
	line-height: 1.7;
}
.member_detail_ttlBox_txt2 {
	font-size: 1.6em;
	line-height: 1.7;
	text-align: center;
}
.member_detail_ttlBox_dl dl {
	float: left;
	margin-bottom: 10px;
}
.member_detail_ttlBox_dl dt {
	float: left;
	color: #fff;
	background: #a99342;
	font-size: 1.5em;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 170px;
	margin-right: 10px;
}
.member_detail_ttlBox_dl dd {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 1.4em;
}
.indent {


	text-indent: 1em;
}
.member_detail_caption {
	font-size: 1.15em;
	letter-spacing: -0.9px;
}
.article .member_detail_img {
	margin-bottom: 5px;
}
.member_detail_left1 {
	float: left;
	width: 410px;
}
.member_detail_right1 {
	float: right;
	width: 415px;
}
.member_detail_left2 {
	float: left;
	width: 490px;
}
.member_detail_right2 {
	float: right;
	width: 335px;
}
.member_detail_right3 {
	float: right;
	width: 440px;
}
.member_detail_right4 {
	float: right;
	width: 390px;
}
.member_detail_right5 {
	float: right;
	width: 540px;
}
.member_detail_right6 {
	float: right;
	width: 300px;
}
.member_detail_right7 {
	float: right;
	width: 190px;
}

.member_detail_right8 {
	float: right;
	width: 650px;
}
.member_detail_left3 {
	float: left;
	width: 425px;
}
.member_detail_left4 {
	float: left;
	width: 390px;
	margin-bottom: 40px;
}
.member_detail_left5 {
	float: left;
	width: 440px;
}
.member_detail_left6 {
	float: left;
	width: 300px;
}
.member_detail_left7 {
	float: left;
	width: 540px;
}
.member_detail_left8 {
	float: left;
	width: 290px;
}
.member_detail_left9 {
	float: left;
	width: 650px;
}
.member_detail_left9a {
	width: 100%;
}

.member_detail_left10 {
	float: left;
	width: 190px;
}
.member_detail_btnBox {
	background: #f6f4eb;
	border: 1px solid #c9c3a6;
	padding: 20px;
	margin-bottom: 40px;
}
.article .member_detail_btnBox_left {
	float: left;
	margin-right: 30px;
	width: 280px;
	margin-bottom: 0;
}
.member_detail_btnBox_right h4 {
	font-size: 2.2em;
	margin-bottom: 10px;
	color: #574610;
	font-weight: normal;
}
.member_detail_btnBox_right ul {
	margin-top: 38px;
}
.member_detail_btnBox_right ul li a {
	width: 252px;
	text-decoration: none;
	color: #fff;
	background: url(../../../img/pages/lineup/yet/icon_btn.png) left center;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.5em;
}
.member_detail_btnBox_right ul li.btn_first a {
	background: url(../../../img/pages/lineup/yet/icon_btn.png) 10px center #555555 no-repeat;
	float: left;
}
.member_detail_btnBox_right ul li.btn_last a {
	background: url(../../../img/pages/lineup/yet/icon_btn.png) 10px center #94204d no-repeat;
	float: right;
}
.member_detail_etc_unit a {
	display: block;
	float: left;
	border: 1px solid #c9c9c9;
	padding: 12px;
}
.member_detail_etc_unit span {
	display: block;
}
.member_detail_etc_txtBox {
	width: 190px;
	float: left;
	margin-right: 14px;
}
.member_detail_etc_img {
	float: left;
	width: 188px;
}
.member_detail_etc_txt1 {
	font-size: 1.4em;
	line-height: 1.3;
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: center;
	margin-top: 5px
}
.member_detail_etc_unit .member_detail_etc_txt2 {
	color: #6f570d;
	font-size: 1.35em;
	text-align: center;
	margin-bottom: 10px;
	letter-spacing: -0.9px;
}
.member_detail_etc_unit .member_detail_etc_txt2In {
	background: url(../../../img/pages/member/index/icon_member.png) no-repeat left center;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
	padding-left: 10px;
}
.member_detail_etc_txt3 {
	text-align: center;
	font-size: 1.1em;
}
.member_detail_etc_unit2 .member_detail_etc_txt1 {
	margin-top: 15px;
}
.member_detail_etc_right a {
	float: right;
}
.member_detail_iida {
	margin-bottom: 20px;
}
.member_detail_left3 .member_detail_iida dt {
	float: left;
	color: #000;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.8;
    width: 60px;
}
.member_detail_left3 .member_detail_iida dd {
	float: left;
	color: #000;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.8;
    width: 365px;
}
.member_detail_right1 .member_detail_iida dt,
.member_detail_right5 .member_detail_iida dt,
.member_detail_right8 .member_detail_iida dt,
.member_detail_left9 .member_detail_iida dt,
.member_detail_left7 .member_detail_iida dt {
	float: left;
	color: #000;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.8;
    width: 60px;
}
.member_detail_right1 .member_detail_iida dd {
	float: left;
	color: #000;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.8;
    width: 355px;
}
.member_detail_left7 .member_detail_iida dd,
.member_detail_right5 .member_detail_iida dd {
	float: left;
	color: #000;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.8;
    width: 480px;
}
.member_detail_left9 .member_detail_iida dd ,
.member_detail_right8 .member_detail_iida dd {
	float: left;
	color: #000;
    font-size: 1.4em;
    letter-spacing: 0;
    line-height: 1.8;
    width: 590px;
}
	.member_detail_left9 .member_detail_iida dd {
		width: 800px;
	}

/* ------------------------------------------------
 pet
------------------------------------------------ */

.contentOnly {
	width: 870px;
	margin: 0 auto;
	float: none;
}
.pet_search_box {
	background: #f6f4eb;
	border: 1px solid #c9c3a6;
	padding: 20px 19px;
	margin-bottom: 5px;
	position: relative;
}
.pet_search_box h4 {
	font-size: 1.7em;
	line-height: 1.5;
	font-weight: normal;
	background: url(../../../img/pages/pet/icon_search.png) no-repeat left center;
	padding-left: 25px;
}
.pet_search_box ul {
	margin-left: -10px;
}
.pet_search_box li a {
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	background: url(../../../img/pages/lineup/yet/icon_btn.png) no-repeat 10px center #a99342;
	margin: 10px 0 0 10px;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	letter-spacing: -1px;
}
.pet_search_box .pet_nav_liFirst {
	font-size: 1.1em;
	position: absolute;
	top: 20px;
	right: 80px;

}
.pet_search_box .pet_nav_liLast {
	font-size: 1.1em;
	position: absolute;
	top: 20px;
	right: 20px;
}
.pet_search_box .pet_nav_liFirst span {
	background: url(../../../img/pages/pet/icon1.png) no-repeat;
	line-height: 1.8;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
    padding-left: 25px;
}
.pet_search_box .pet_nav_liLast span {
	background: url(../../../img/pages/pet/icon2.png) no-repeat;
	line-height: 1.8;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
    padding-left: 25px;
}
.pet_nav {
	border-left: 1px solid #c9c9c9;

	border-top: 1px solid #c9c9c9;
}
.pet_nav_unit {
	float: left;
	width: 16.5%;
	border: 1px solid #c9c9c9;
	border-left: none;
	border-top: none;
	height: 145px;
	background: url(../../../img/pages/pet/icon5.png) 98% 98% no-repeat #f6f6f6;
}
.pet_nav_unit2 {
	background: url(../../../img/pages/pet/icon2.png) 98% 98% no-repeat #f6f6f6;
}
.pet_nav_last {
	background: none;
}
.pet_nav_unit a {
	display: block;
	text-decoration: none;
}
.pet_nav_unit span {
	display: block;
	text-align: center;
}
.pet_nav_txt1 {
	display: none!important;
	color: #6f570d;
	margin: 5px 0 0 0;
	line-height: 1.5;
	font-size: 1.3em;
}
.pet_nav_txt1 span {
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
    background: url("../../../img/pages/member/index/icon_member.png") no-repeat left center;
    padding-left: 10px;
}
@media screen and (max-width:640px) {.pet_nav_txt1 {display:block!important;}}
.pet_nav_txt2 { margin-top: 7px;}
.pet_nav_txt3 {
	color: #6f570d;
	margin: 0;
	line-height: 1.3;
	font-size: 1.3em;
}
.pet_nav_txt3 span {
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
    background: url("../../../img/pages/member/index/icon_member.png") no-repeat left 7px;
    padding-left: 10px;
}
.pet_nav_unit .pet_nav_txt4 {
	display: none;
}
.pet_li {
	font-size: 1.25em;
	line-height: 1.3;
	margin-top: 10px;
}
.pet_note{
	font-size: 1.25em;
  margin: 10px 0 0;
  line-height: 1.3;
  color: #83214d;
}
.pet_unit_first {
	margin-top: 35px;
}
.pet_unit {
	border: 1px solid #a99342;
	margin-bottom: 15px;
	padding: 20px;
}
.pet_unit_left {
	float: left;
	width: 480px;
	margin-right: 30px;
}
.pet_unit h4 {
	position: relative;
	line-height: 0;
	border-top: 1px solid #a99342;
	border-bottom: 1px solid #a99342;
	padding: 16px 0 17px 10px;
	background: #f6f6f6;
	margin-bottom: 5px;
}
.pet_unit h4 span {
	position:absolute;
	bottom: 15px;
	right: 15px;
	font-size: 1.25rem;
}
.pet_unit_left table {
	border: 1px solid #c9c3a6;
	width: 100%;
	margin-top: 5px;
}
.pet_unit_left th {
	border-right: 1px solid #c9c3a6;
	vertical-align: middle;
	font-size: 1.3em;
	font-weight: normal;
	background: #f6f4eb;
	line-height: 1.5;
}
.pet_unit_left td {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5;
}
.pet_unit_left td span.pet_table_name {
	border-bottom: 1px solid #c9c3a6;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
	width: 90%;
	padding: 0;
}
td.pet_table_room {
	vertical-align: middle;
	padding-left: 10px;
	font-size: 1.4em;
}
td.pet_table_room span {
	font-size: 1.6em;
}
td.pet_table_right {
	text-align: left;
	vertical-align: middle;
}
.pet_unit_left td span.pet_table_txt {
	border-top: 1px solid #c9c3a6;
    display: inline-block;  
    *display: inline;  
    *zoom: 1;
	padding: 0;
	width: 95%;
}
.pet_table_price {
	font-size: 1.5em;
}
.pet_table_s {
	font-size: 0.85em;
}
.pet_border {
	border-top: 1px solid #c9c3a6;
}
.pet_table_m {
	font-size: 1.1em;
	vertical-align: middle;
}

.pet_table_txt2 {
	vertical-align: middle;
}
.pet_box ul li {
	margin-bottom: 10px;
}
.pet_unit_left ul {
	margin-top: 15px;
}
.pet_unit_left li {
	float: left;
	font-size: 1.4em;
	margin-right: 15px;
}
.pet_unit_left li span {
	font-size: 0.85em;
}
.pet_box {
	margin-top: 10px;
}
.pet_box p {
	float: left;
	width: 114px;
	margin-right: 15px;
}
.pet_box ul {
	float: left;
	width: 350px;
	margin-top: 10px;
}
.pet_unit_right {
	float: left;
	width: 315px;
}
.pet_unit_right p {
	margin-bottom: 5px;
}
.pet_unit_right_liFirst a {
	display: block;
	color: #fff;
	width: 135px;
	height: 45px;
	line-height: 0;
	float: left;
	margin-right: 5px;
}
.pet_unit_right_liLast a {
	display: block;
	color: #fff;
	width: 175px;
	height: 45px;
	line-height: 0;
}
.pet_unit_right ul + ul {
	margin-top: 5px;
}
.pet_noImage {
	font-size: 1.3em;
}
.pet_table_space {
	margin-top: -50px;
}
@media only screen and (max-width: 767px) {
	.pet_unit h4 span {
		bottom: 9px;
		right: 6px;
		font-size: 1.1rem;
	}

}
@media screen and (max-width:640px) {
.pet_table_space {
	margin-top: 0px;
}	
}
.pet_item_ttl {
	font-size: 2.1em;
	font-weight: normal;
	color: #8f214b;
	margin-bottom: 10px;
}
.pet_item table, .pet_item th, .pet_item td, .pet_item tr {
	border: 1px solid #c9c3a6;
}
.pet_item table {
	width: 430px;
}
.pet_item th {
	background: #fcfbf9;
	height: 50px;
	vertical-align: middle;
	font-size: 1.1em;
	line-height: 1.3;
}
.pet_item td.first {
	background: #f2ece1;
	text-decoration: underline;
	border-bottom: 1px solid #ffffff;
}
.pet_item td.first_last {
	border-bottom: none;
}
.pet_item td {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3em;
}

/*20160331*/
.pet_item td span{
	display:block;
	padding-top: 0.4em;
	font-size: 0.9em;
	}
/*20160331*/

.pet_item_left {
	float: left;
	width: 430px;
	margin-right: 10px;
}
.pet_item_right {
	float: left;
	width: 430px;
}
.pet_item_right_bottom {
	border: 1px solid #c9c9c9;
	height: 26px;
	line-height: 26px;
	margin-top: 10px;
}
.pet_item_right_bottom li {
	float: left;
	margin-left: 23px;
	font-size: 1.2em;
}
.pet_icon1 {
	background: url(../../../img/pages/pet/icon1.png) no-repeat left center;
	padding-left: 30px;
}
.pet_icon2 {
	background: url(../../../img/pages/pet/icon2.png) no-repeat left center;
	padding-left: 30px;
}
.pet_icon3 {
	background: url(../../../img/pages/pet/icon3.png) no-repeat left center;
	padding-left: 30px;
}
.pet_icon4 {
	background: url(../../../img/pages/pet/icon4.png) no-repeat left center;
	padding-left: 30px;
}

/* ========================================================================================================================================================
 @media screen and (max-width:1100px)
======================================================================================================================================================== */

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

.tateshina_standard_right .photo_unit2 li {
	width: 49%;
	margin-right: 2%;
}

.lineupSMPbtn {
	display:block;
}
.lnavWrap .lineupNav {
	display:none;
}
.lnavWrap .lineupNav .none {
	display:none;
}

.about_sub .pcNone {
	display: block;
}
.about_sub .spNone {
	display: none;
}

/* ------------------------------------------------
 about index
------------------------------------------------ */

.lnavWrap .about_sub li {
	display: block;
	width: 100%;
}
.lnavWrap .about_sub li img {
	width: 100%;
}
.aboutUnit .aboutUnitLeft {
	width: 50%;
	height: auto;
}
.aboutUnit .aboutUnitLeft img {
	width: 100%;
}
.aboutUnit .aboutUnitRight {
	width: 50%;
	height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 5px;
}
.next_btn {
	color: #94204d;
	margin-left: 0;
}

/* ------------------------------------------------
 resort
------------------------------------------------ */

.resortStyle {
	background: none;
}
.resortBox1 {
	float: none;
	margin: 0 auto 20px auto;
}
.resortBox2 {
	float: none;
	margin: 0 auto;
}
.article .resortBoxLeft {
	margin-bottom: 0;
}
.resortBox3 {
	width: 600px;
	margin: 0 auto;
}
.resortBox3 h5 {
	font-size: 22px;
}
.resortBox3 h5 span {
	font-size: 14px;
}
.resortBox3Right {
	width: 320px;
}
.resortBox3Right ul {
	margin-top: 0;
	padding: 15px 10px;
}
.resortBox3Right li:last-child {
	margin-bottom: 0;
}
.resortBox4 {
	margin: 0 auto 20px auto;
	float: none;
}
.resortBox5 {
	margin: 0 auto;
	float: none;
}
.resort_arrow {
	text-align: center;
	background: none;
	height: auto;
	margin: 50px auto 0 auto;
	padding: 0;
}
.resort_graf_left {
	margin-right: 5%;
	width: 45%;
}
.resort_graf_right {
	float: left;
	width: 50%;
}

/* ------------------------------------------------
 number
------------------------------------------------ */

.number_reason_unit h4 {
	width: 35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-right: none;
    margin-right: 0;
}
.number_reason_unit h4 img {
	width: 100%;
}
.number_reason_unit ul {
	width: 62%;
	border-left: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}
.number_graf {
	background: none;
	width: auto;
	position: static;
	height: auto;
}
.number_graf1_01, .number_graf1_02, .number_graf1_03 {
	position: static;
	top: auto;
	left: auto;
	margin-bottom: 30px;
}
.number_graf1_03 {
	margin-bottom: 0;

}
.number_graf1_01 h5, .number_graf1_02 h5, .number_graf1_03 h5 {
	border-bottom: 1px solid #bdbdbd;
}


/* ------------------------------------------------
 howto index
------------------------------------------------ */

.stepBox .step1 {
	width: 250px;
	margin: 0 auto;
	float: none;
	padding-right: 0;
	padding-bottom: 35px;
	background: url(../../../img/pages/howto/index/step_arrow_sp.png) center bottom no-repeat;
}
.stepBox .step2 {
	width: 250px;
	margin: 0 auto;
	float: none;
	padding-right: 0;
	padding-bottom: 35px;
	background: url(../../../img/pages/howto/index/step_arrow_sp.png) center bottom no-repeat;
}
.stepBox .step3 {
	width: 250px;
	margin: 0 auto;
	float: none;
}
.howto_graf_box table td, .howto_graf_box table th {
	width: auto;
	line-height: 1.5;
	padding: 5px;
	height: auto;
}

/* ------------------------------------------------
 howto example
------------------------------------------------ */

.example_box li {
	float: left;
	margin-bottom: 15px;
	width: 47%;
}
.example_box li.li_odd {
	margin-right: 6%;
}
.example_box li img {
	width: 100%;
}

/* ------------------------------------------------
 lineup pre
------------------------------------------------ */

.pre_group_unit {
	width: 48%;
}
.pre_group_unit_odd {
	margin-right: 4%;
}
.pre_step_left {
	width: 20%;
	margin-right: 3%;
}
.pre_step_right {
	width: 77%;
}
.pre_step_last {
	width: auto;
	padding: 0 10px;
}

/* ------------------------------------------------
 tateshina1
------------------------------------------------ */


.tateshina_mainImage p.mainImage_price, .tateshina_mainImage .mainImage_price2 {
    font-size: 1.4em;
    letter-spacing: -0.4px;
}
.tateshina_mainImage .mainImage_price2 {
	top: -95px;
}
.tateshina_mainImage .nasu_retreat_mainImage_price2 {
	top: -125px;/* for nasu_retreat */
}
.tateshina_mainImage p.mainImage_price span,.tateshina_mainImage .mainImage_price2 span {
    font-size: 1.4em;
}
.tateshina_mainImage .mainImage_price2 div p {
	font-size: 1.0em;
}
.tateshina_list {
	width: 100%;
}
.tateshina_list li {
	width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.35em;
}
.tateshina_app1 {
	display: none;
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
	}
	.tateshina_app1 .tateshina_app_left1 {
		display: table-cell;
		float: none;
	}
	.tateshina_app1 .tateshina_app_right {
		display: table-cell;
		width: 280px;
		float: none;
		padding-left: 15px;
	}
.higashiyama_info_box {
	/* padding: 35px 0 35px 30px; */
}
.tateshina_info_left {
	width: 60%;
	margin-right: 5%;
}
.commonBoxWrap {
	display:block;
}
.commonBox .tateshina_info_left,
.commonBox .tateshina_info_right {
	width: 100%;
}
.commonBox02 .tateshina_info_right img {
	width: 90%;
}
.higashiyama_info_box + .tateshina_info_box .tateshina_info_left {
	width: 65%;
	margin-right: 5%;
}
.higashiyama_public {
	text-align: center;
	width: 90%;
	margin: 0 auto 20px;
	}
.tateshina_info_right {
	width: 35%;
	text-align: center;
}
.tateshina_info_right img {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
.tateshina_app_left1 {
	width: 65%;
}
.tateshina_movie {
	width: 33%;
}
.tateshina_app_left2 {
	width: 30%;
	height: auto;
	padding-bottom: 20px;
}
.tateshina_app_right2 {
	width: 70%;}
.tateshina_app_right2 img {
	width: 100%;
}
.tateshina_hot_left {
	width: 32%;
	margin-right: 3%;
}
.tateshina_hot_right {
	width: 65%;
}
.tateshina_hot_right img {
	width: 100%;
}
.tateshina_rest_left {
	width: 32%;
	margin-right: 3%;
}
.tateshina_rest_right {
	width: 65%;
}
.tateshina_rest_right img {
	width: 100%;
}
.tateshina_etc_left {
	width: 49%;
	margin-right: 2%;
}
.tateshina_etc_right {
	width: 49%;
}
.tateshina_tel_left {
	width: 25%;
	margin: 3% 3% 0 3%;
}
.tateshina_tel_center {
	width: 12%;
	padding-right: 2%;
	margin-right: 2%;
}
.tateshina_tel_right {
	width: 44%;
}

/* ------------------------------------------------
 tateshina2
------------------------------------------------ */

.tateshina_gest_left {
	width: 68%;
	margin-right: 2%;
}
.tateshina_gest_right {
	width: 30%;
}
.tateshina_standard_left {
	width: 48%;
	margin-right: 4%;
}
.tateshina_standard_right {
	width: 49%;
}
.tateshina_family_left {
	width: 30%;
	margin-right: 5%;
}
.tateshina_family_right {
	width: 65%;
}
.tateshina_standard_right .photo_unit3 li {
	width: 32%;
	margin-right: 2%;
}
.tateshina_standard_right .photo_unit3 li.photo_unit3_li_last {
	margin-right: 0;
}
.standard_unit .tateshina_standard_left {
	width: 100%;
}

/* ------------------------------------------------
 tateshina3
------------------------------------------------ */

.tateshina_access_left {
	width: 48%;
	margin-right: 4%;
}
.tateshina_access_right {
	width: 48%;
}
.tateshina_access_left ul {
	margin-bottom: 20px;
}

.baseNavi_list {
	width: 100%;
}
.baseNavi_list .nav2 {
	width: 8%;
}
ul.baseNavi_list li.cell3 {
	width: 25%;
}
.baseNavi_list .nav3 {
	width: 24%;
}
.baseNavi_list .nav4 {
	width: 12%;
}

/* ------------------------------------------------
 arima
------------------------------------------------ */

.arima_list {
	width: 100%;
}
.arima_list .nav2 {
	width: 8%;
}
.arima_list .nav4 {
	width: 24%;
}
.arima_list .nav5 {
	width: 12%;
}
.arima_hot_top {
	width: 100%;
}
.arima_hot_top_left {
	width: 49%;
	margin-right: 2%;
}
.arima_hot_top_right {
	width: 49%;
	float: right;
}
.arima_hot_bottom_left {
    width: 32%;
    margin-right: 2%
}
.arima_hot_bottom_left2 {
    width: 66%;
    margin-right: 2%
}
.arima_hot_bottom_center {
    width: 32%;
    margin-right: 2%;
}
.arima_hot_bottom_right {
    width: 32%;
}
.arima_rest_unit1 .arima_rest_left {
	width: 49%;
    margin-right: 2%;
}
.arima_rest_unit1 .arima_rest_right {
	width: 49%;
}
.article .arima_rest_unit2 .arima_rest_left {
	width: 49%;
    margin-right: 2%;
}
.arima_rest_unit2 .arima_rest_right {
	width: 49%;
}
.arima_rest_unit1 .arima_rest_right2 {
	width: 65%;
}

/* ------------------------------------------------
 yet
------------------------------------------------ */

.yet_case_menu_unit {
	width: 21%;
	margin-right: 5.33%;
}
.yet_case_menu_last {
	margin-right: 0;
}
.yet_content_left {
	width: 30%;
	margin-right: 5%;
}
.yet_content_right {
	width: 65%;
}
.yet_recom_unit {
	width: 30%;
	margin-right: 5%;
}
.yet_recom_last {
	margin-right: 0;
}
.yet_recom_unit ul {
	width: auto;
	margin: 0 10px;
}
.yet_recom_unit li {
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

/* ------------------------------------------------
 viala
------------------------------------------------ */

.viala_about_bottom_left {
	width: 15%;
	margin-right: 3%;
}
.viala_about_bottom_center {
	width: 45%;
	margin-right: 3%;
}
.viala_about_bottom_right {
	width: 34%;
}
.viala_box .tateshina_gest_left {
	width: 68%;
	margin-right: 2%;
}
.viala_box .tateshina_gest_right {
	width: 30%;
}
.viala_img_box1, .viala_img_box2 {
	width: 100%;
}
.viala_img_box1_left {
	width: 32.3%;
	margin-right: 2%;
}
.viala_img_box1_right {
	width: 65.7%;
}
.viala_img_box2_left {
	width: 65.7%;
	margin-right: 2%;
}
.viala_img_box2_right {
	width: 32.3%;
}
/* .viala_box.karuizawaandviala .viala_img_box1_left{
	width: 31.8%;
	margin-right: 3%;
}
.viala_box.karuizawaandviala .viala_img_box1_right{
	width: 65.2%;
} */

/* ------------------------------------------------
 member detail
------------------------------------------------ */

.member_detail_ttlBox {
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.member_detail_ttlBox_left {
	width: 62%;
	margin-right: 2%
}
.member_detail_ttlBox_right {
	width: 36%;
}
.member_detail_left1, .member_detail_left2, .member_detail_left3, .member_detail_left4, .member_detail_left5, .member_detail_left6, .member_detail_left7 {
	width: 49%;
	margin-right: 2%;
}
.member_detail_right1, .member_detail_right2, .member_detail_right3, .member_detail_right4, .member_detail_right5, .member_detail_right6 {
	width: 49%;
}
.member_detail_btnBox_right ul li a {
	margin-bottom: 20px;
}
.member_detail_btnBox_right ul li.btn_first a {
	float: left;
	margin-right: 13px;
}
.member_detail_btnBox_right ul li.btn_last a {
	float: left;
}
.member_detail_etc_left a {
	margin-bottom: 20px;
	margin-right: 30px;
}
.member_detail_etc_right a {
	float: left;
}
.member_detail_iida {
	width: 100%;
}
.member_detail_left3 .member_detail_iida dt, .member_detail_right1 .member_detail_iida dt {
	width: auto;
}
.member_detail_ttlBox_dl {
	width: 49%;
	float: left;
}
.member_detail_ttlBox_dl dl {
	float: none;
}
.member_detail_ttlBox_dl dt {
	float: none;
	font-size: 1.2em;
	width: 100%;
}
.member_detail_ttlBox_dl dd {
	float: none;
	font-size: 1.2em;
}
.member_detail_left3 .member_detail_iida dd {
	width: 100%;
}
.member_detail_left7 .member_detail_iida dd {
	width: 100%;
}
.member_detail_right1 .member_detail_iida dd {
	width: 100%;
}
.member_detail_right5 .member_detail_iida dd {
	width: 100%;
}

/* ------------------------------------------------
 pet
------------------------------------------------ */

.contentOnly {
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.pet_unit_left {
	width: 55%;
	margin-right: 2%;
}
.pet_unit_right {
	width: 43%;
}
.pet_unit_right_liFirst a {
	width: 46%;
	margin-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -1px;
}
.pet_unit_right_liLast a {
	width: 52%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    letter-spacing: -1px;
}

.pet_item_right {
	width: 49%;
}
.pet_item_right table {
	width: 100%;
}
.pet_item table.pet_item_left {
	width: 49%;
	margin-right: 2%;
}


}





/* ========================================================================================================================================================
 @media screen and (max-width:640px)
======================================================================================================================================================== */



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

	.fs15em {
		font-size: 1.6em;
	}

	.topicPathWrap > .inner > ul > li {
		font-size:1.3em;
		color: #000;
	}

	.topicPathWrap > .inner > ul > li a {
		color: #000;
	}

	h3.textHdd > .textHddInner {
		font-weight: bold;
    line-height: 1.4;
	}
	.catch {
		color: #513f08;
		font-weight: bold;
	}

	.tateshina_mainImage .mainImage_price2 .mainImage_price2_inner {
		display: block;
		margin: 0 auto;
		}
		.tateshina_mainImage .mainImage_price2 .mainImage_price2_inner div {
			display: block;
			margin-bottom: 15px;
		}
	.tateshina_mainImage .mainImage_price2 div {
		display: block;
		}
		.tateshina_mainImage .mainImage_price2 div p {
			display: inline;
			font-size: 0.9em;
			line-height: 1.2;
			text-align: left;
		}
		.tateshina_mainImage .mainImage_price2 div .mainImage_price2_ttl {
			text-align: right;
		}

	.pcNone {
		display: block;
	}
	.spNone {
		display: none;
	}

/* ------------------------------------------------
 about index
------------------------------------------------ */

	.lnavWrap .about_sub li {
		display: block;
		width: 100%;
	}
	.lnavWrap .about_sub li img {
		width: 100%;
	}
	.graf {

		padding: 0;
		border: none;
	}
	.aboutUnit .aboutUnitLeft {
		float: none;
		width: 100%;
		height: auto;
	}
	.aboutUnit .aboutUnitLeft img {
		width: 100%;
	}
	.aboutUnit .aboutUnitRight {
		float: none;
		width: 100%;
		height: auto;
		padding-bottom: 5px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}

/* ------------------------------------------------
 resort
------------------------------------------------ */

	.resortStyle {
		background: none;
	}
	.resortBox1 {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.article .resortBoxLeft {
		width: 25%;
		margin-top: 15px;
		margin-right: 10px;
		float: right;
	}
	.resortBoxLeft img {
		width: 100%;
	}
	.resortBoxRight {
		width: 100%;
		float: none;
	}
	.resortBoxRight ul {
		width: 65%;
		float: left;
	}
	.resortBox2 {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.resortBox2 ul {
		padding: 15px 0 15px 10px;
	}
	.resortBox3 {
		width: 100%;

		height: auto;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	.resortBox3 ul {
		padding: 15px 10px;
	}
	.resortBox3 img {
		width: 100%;
	}
	.resortBox3 h5  {
		line-height: 1.3;
		height: auto;
		padding: 13px 0;
	}
	.resortBox3 h5 span {
		display: block;
	}
	.resortBox3Left {
		margin-top: 15px;
		margin-right: 10px;
		float: right;
		width: 25%;
	}
	.resortBox3Right {
		float: none;
		width: 100%;
	}
	.resortBox3Right ul {
		width: 60%;
		float: left;
	}
		.resortBox3Right img {
			width: auto;
	}
	.resortBox4 {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		float: none;


	}
	.resortBox4 h5,
	.resortBox5 h5  {
		line-height: 1.3;
		height: auto;
		padding: 13px 0;
		font-size: 20px;
	}
	.resortBox4 h5 span,
	.resortBox5 h5 span {
		display: inline;
		font-size: 20px;
	}
	.resortBox4_txt {
		width: 100%;
	}
	.article .resortBox4_logo {
		float: none;
		margin: 0 auto 10px auto;
	}
	.resortBox4 li {
		width: 32%;
		margin-right: 2%;
	}
	.resortBox4 li:last-child {
		margin-right: 0;
	}
	.resortBox4_content li.li_center {
		margin: 0 2% 0 0;
	}
	.resortBox4 li img {
		width: 100%;
	}
	.resortBox5 {
		width: 100%;

		height: auto;
		float: none;
	}
	.article .resortBox5 p {
	  padding: 15px;
	  margin-bottom: 0;
	}
	.resort_right {
		margin-bottom: 30px;
	}
	.prev_btn {
		float: none;
		margin: 0;
		text-align: center;
		margin-bottom: 5px;
	}
	.next_btn {
		float: none;
		margin: 0;
		text-align: center;
	}

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

		width: 100%;
	}
	.resort_graf_left {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.resort_graf_right {
		float: none;
		width: 100%;
	}
	.resort_graf_left img, .resort_graf_right img {
		width: 100%;
	}


/* ------------------------------------------------
 number
------------------------------------------------ */

	.number_reason_unit h4 {
		width: 100%;
		border-right: none;
		margin-bottom: 10px;
		float: none;
		padding: 0;
	}
	.number_reason_unit h4 img {
		width: 70%;
	}
	.number_reason_unit ul {
		width: 100%;
		float: none;
	    padding-left: 0;
	    border-left: none;
	}
	.number_reason_unit li {
		font-size: 1.6em;
	}
	.number_graf1_01, .number_graf1_02, .number_graf1_03 {
		width: 100%;
	}
	.number_graf1_units {
		margin: 0;
	}
	.number_graf1_unit {
		width: 100%;
		margin-left: 0;
	}
	.number_graf1_unit h5 {
		text-align: left;
	}
	.number_grafs {
		margin-left: 0;
	}
	.number_graf2, .number_graf3, .number_graf4 {
		width: 100%;
		margin-left: 0;
	}
	.number_graf2 p {
		margin-top: 20px;
	}
	.subTtl {
		border-bottom: 1px solid #d1c6a5;
	    display: block;
	    font-size: 1.8em;
	    font-weight: normal;
	    margin-bottom: 20px;
	    padding-bottom: 1px;
	    text-align: left;
	}

/* ------------------------------------------------
 howto index
------------------------------------------------ */

	.price_left {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.price_left img {
		width: 100%;
	}
	.price_right {
		width: 100%;
		float: none;
	}
	.price_right table td, .price_right table th {
		width: auto;
		line-height: 1.5;
		padding: 5px;
		height: auto;
	}
	.price_box h4, .ticket_box h4 {
		width: 70%;
	}
	.ticket_left {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}
	.ticket_right {
	    float: none;
	    width: 100%;
	}
	.howto_graf1 {
		position: static;
	}
	.howto_graf_left {
		width: 100%;
		margin-right: 0;
	}
	.howto_graf1_txt {
		position: static;
	}
	.howto_graf_right {
		width: 100%
	}
	.howto_graf_right dt {

		float: none;
		width: 100%
	}
	.howto_graf_right dd {
		float: none;
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box; 
	}
	.howto_graf_right_top dd {
		border: 1px solid #a99342;
		border-top: none;
	}
	.howto_graf_right_bottom dd {
		border: 1px solid #c9c9c9;
		border-top: none;
	}
	.howto_graf_box table td, .howto_graf_box table th {
		width: auto;
		line-height: 1.5;
		padding: 5px;
		height: auto;
	}
	.stepBox h3 {
		font-size: 22px;
	}
/* ------------------------------------------------
 howto example
------------------------------------------------ */

	.example_box li {
		float: none;
		margin-bottom: 15px;
		width: 100%;
	}
	.example_box li.li_odd {
		margin-right: 0;
	}

/* ------------------------------------------------
 lineup pre
------------------------------------------------ */

	.pre_group {
		padding: 10px 10px 0 10px;
	}
	.pre_group_unit {
		margin-bottom: 15px;
	}
	/*
	.pre_group_unit:first-child h5 {
		font-size: 1.3em;
		line-height: 1.5em;
	}
	*/
	.article .pre_group_unit_btn {
		margin: 0 auto;
		max-width: 130px;
	}
	.article .pre_group_unit_btn a {
		max-width: 110px;
		width: auto;
		margin: 0 10px;
		font-size: 0.8em;
	}
	.pre_about_unit {
		width: 100%;
	}
	.article .pre_about_unit p {
		width: 100%;
	}
	.pre_about_unit_center {
	    margin: 0 0 20px;
	}
	.pre_group_top h4 {
		margin-bottom: 15px;
	}
	.pre_txt {
		text-align: left;
	}
	.pre_step_left {
		float: none;
		width: 50%;
		margin: 0 auto 20px!important;
		border: 1px solid #8f214b;
		}
		.pre_step_left img {
			width: 100%;
			border: none;
		}
	.pre_step_right {
	    float: none;
	    width: 100%;
	}
	.article .pre_step_arrow {
		margin-left: 0;
		text-align: center;
	}
	.article .pre_step_arrow2 {
		margin-left: 10px;
	}
	.article .pre_step_last {
		width: auto;
		padding: 10px;
		height: auto;
		line-height: 1.3;
		text-align: left;
	}
	.pre_group_top h4 {
	    width: 100%;
	}

/* ------------------------------------------------
 tateshina
------------------------------------------------ */

	.singleTitle {
	    padding: 10px;
	}
	.tateshina_list {
		border-right: none;
	}
	.tateshina_list li {
		float: none;
		width: 100%;
		border: 1px solid #D9D8D8;
		border-bottom: none;
	}
	.tateshina_list li:last-child {
		border-bottom: 1px solid #D9D8D8;
	}
	.tateshina_mainImage p.mainImage_price, .tateshina_mainImage .mainImage_price2 {
		line-height: 1.5;
		text-align: left;
		top: 0;
		height: auto;
		margin: 5px auto 0px auto;
	}
	.tateshina_mainImage .mainImage_price2.ito {
		top: 0;
	}
		.tateshina_mainImage .mainImage_price2.top2,
		.tateshina_mainImage .mainImage_price2.top2.nasu {
			top:auto;
		}
	.tateshina_info.tateshina_info2,
	.tateshina_info {
		margin-top: 0;
	}
	.higashiyama_info_box {
		/* padding: 30px; */
	}
	.higashiyama_info_box + .tateshina_info_box {
		display:block;
		padding: 35px 30px;
		}
	.higashiyama_info_box + .tateshina_info_box .tateshina_info_left {
		width: 100%;
		margin: 0;
	}
	.tateshina_info_box {
		display: block;
	}
	.tateshina_info_left {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px
	}
	.tateshina_info_right {
		width: 100%;
	}
	.tateshina_info .higashiyama_info_box h5 {
		font-size: 2rem;
	}
	.tateshina_app1 {
		display: block;
		width: 100%;
		overflow: hidden;
		margin-bottom: 40px;
		}
		.tateshina_app1 .tateshina_app_left1 {
			display: block;
			float: none;
		}
		.tateshina_app1 .tateshina_app_right {
			display: block;
			width: 280px;
			float: none;
			padding-left: 0px;
		}
	.tateshina_app_left1 {
		width: 100%;
	}
	.tateshina_app_left1 img {
		width: 100%;
	}
	.tateshina_movie {
		position: static;
		width: 100%;
	}
	.tateshina_app2 {
		margin-bottom: 30px;
	}
	.tateshina_app_left2 {
		width: 100%;
		float: none;
		height: auto;
		padding-bottom: 20px;
	}
	.tateshina_app_left2 ul {
		margin: 20px 0 0 20px;
	}
	.tateshina_app_left2 p {
		margin-top: 20px;
	}
	.tateshina_app_right2 {
		width: 100%;
		float: none;
	}
	.tateshina_app_right2 img {
		width: 100%;
	}
	.tateshina_hot_left {
		float: none;
		width: 100%;
	}
	.tateshina_hot_left img {
		width: 100%;
	}
	.tateshina_hot_right {
		float: none;
		width: 100%;
	}
	.tateshina_hot_right img {
		width: 100%;
	}
	.tateshina_rest_left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.tateshina_rest_right {
		float: none;
		width: 100%;	
	}
	.tateshina_rest_right img {
		width: 100%;
	}
	.tateshina_tel_box {
		padding: 15px;
	}
	.tateshina_tel_left {
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.tateshina_tel_left img {
		width: 70%;
	}
	.tateshina_tel_center {
		float: none;
		border-right: none;
		width: 100%;
		margin-right: 0;
		padding: 15px 0;
	}
	.tateshina_tel_right {
		float: none;
		width: 100%;
	}
	.sp1 .tateshina_etc_left, .sp1 .tateshina_etc_right {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.sp1 .tateshina_etc_left img, .sp1 .tateshina_etc_right img {
		width: 200%;
	}

/* ------------------------------------------------
 tateshina2
------------------------------------------------ */

	.tateshina_gest_left {
		float: none;
		width: 100%;
	}
	.tateshina_gest_right {
		float: none;
		width: 100%;
		display: none;
	}
	.tateshina_standard_left {
		float: none;
		margin: 0 0 15px 0;
		width: 100%;
	}
	.tateshina_standard_unit ul {
		margin-bottom: 15px;
	}
	.tateshina_standard_right {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}
	.tateshina_family_left {
		float: none;
		width: 100%;
	}
	.tateshina_family_right {
		float: none;
		width: 100%;
		margin: 15px 0 0;
	}
	.tateshina_family_left ul {
		margin-bottom: 15px;
	}
	.tateshina_standard_right .photo_unit3 li {

		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}

/* ------------------------------------------------
 tateshina3
------------------------------------------------ */

	.tateshina_tel_box {
		margin: 30px 0;
	}
	.tateshina_access_left {
		width: 100%;
		margin: 0;
		float: none;
	}
	.tateshina_access_right {
		width: 100%;
		margin: 0;
		float: none;
	}

	.baseNavi_list {
		border-right: none;
		display: inherit;
		margin: 20px 0;
	}
	.baseNavi_list li {
		display: inherit;
		width: 50%!important;
		border: 1px solid #D9D8D8;
		border-bottom: none;
		float: left;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	    padding: 0 5px;
	    height: 33px;
	}
	.baseNavi_list li.current, .baseNavi_list li:hover {
		background-color: #fff;
	}
	.baseNavi_list li.current span {
		background: url(../../../img/arrow-black.png) no-repeat left center;
		height: 33px;
		display: block;
	}
	.baseNavi_list li a {
		background: url(../../../img/arrow-black.png) no-repeat left center;
		height: 33px;
	}
	.baseNavi_list .nav1 {
		border-top: none;
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi1_sp.png) top center no-repeat #fff;
	}
	.baseNavi_list .nav2 {
		border-top: none;
		border-left: none;
		border-right: none;
		background: url(../../../img/pages/lineup/common/navi2_sp.png) top center no-repeat #fff;
	}
	.baseNavi_list.nav_total5 .nav2 {
		border-right: 1px solid #D9D8D8;
	}
	.baseNavi_list .nav3 {
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi3_sp.png) top center no-repeat #fff;
	}
	.baseNavi_list .nav4 {
		border-left: none;
		border-right: none;
		background: url(../../../img/pages/lineup/common/navi4_sp.png) top center no-repeat #fff;
	}
	.baseNavi_list .nav6 {
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi6_sp.png) top center no-repeat #fff;
	}
	.baseNavi_list .nav7 {
		border-top: none;
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi7_sp.png) top center no-repeat #fff;
	}
	.baseNavi_list .nav8 {
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi8_sp.png) top center no-repeat #fff; /* kyoto_higashiyama */
	}


/* ------------------------------------------------
 arima
------------------------------------------------ */

	.arima_list {
		border-spacing: 0;
		margin: 20px 0;
		background: none;

		display: block;
	}
	.arima_list li {
		display: inherit;
		width: 50%!important;
		border: 1px solid #D9D8D8;
		border-bottom: none;
		float: left;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	    padding: 0 5px;
	    height: 33px;
	}
	.arima_list li.current, .arima_list li:hover {
		background-color: #fff;
	}
	.arima_list li.current span {
		background: url(../../../img/arrow-black.png) no-repeat left center;
		height: 33px;
		display: block;
	}
	.arima_list li a {
		background: url(../../../img/arrow-black.png) no-repeat left center;
		height: 33px;
	}
	.arima_list .nav1 {
		border-top: none;
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi1_sp.png) top center no-repeat #fff;
	}
	.arima_list .nav2 {
		border-top: none;
		border-left: none;
		border-right: none;
		background: url(../../../img/pages/lineup/common/navi2_sp.png) top center no-repeat #fff;
	}
	.arima_list .nav3 {
		border-left: none;
		border-bottom: none;
		border-bottom: 1px solid #d9d8d8;
		background: url(../../../img/pages/lineup/common/navi5_sp.png) top center no-repeat #fff;
	}
	.arima_list .nav4 {
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #d9d8d8;
		background: url(../../../img/pages/lineup/common/navi3_sp.png) top center no-repeat #fff;
	}
	.arima_list .nav5 {
		border-top: none;
		border-left: none;
		background: url(../../../img/pages/lineup/common/navi4_sp.png) top center no-repeat #fff;
	}
	.arima_list2 .nav1 {
		border-bottom: 1px solid #d9d8d8;
	}
	.arima_list2 .nav3 {
		border-top: none;
		border-left: none;
		border-right: none;
		background: url(../../../img/pages/lineup/common/navi5_sp.png) top center no-repeat #fff;
	}
	.arima_list2 .nav4 {
		border-top: none;
		border-right: 1px solid #d9d8d8;
		border-bottom: none;
	}
	.arima_list2 .nav5 {
		border-top: none;
		border-right: none;
	}

	.arima_list3 .nav6 {
		border-left: none;
		border-bottom: 1px solid #d9d8d8;
		background: url(../../../img/pages/lineup/common/navi6_sp.png) top center no-repeat #fff;
	}

	.arima_list3 .nav8 {
		border-left: none;
		border-bottom: 1px solid #d9d8d8;
		background: url(../../../img/pages/lineup/common/navi8_sp.png) top center no-repeat #fff; /* kyoto_higashiyama */
	}

	.arima_hot_top_left {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.arima_hot_top_right {
		width: 100%;
		float: none;
	 }
	.arima_hot_top_left img, .arima_hot_top_right img {
		width: 100%;

	}
	.arima_hot_bottom_left {
		width: 100%;
		float: none;
	}
	.arima_hot_bottom_left2 {
		width: 100%;
		float: none;
	}
	.arima_hot_bottom_center {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.arima_hot_bottom_right {
		width: 100%;
		float: none;
	}
	.arima_hot_bottom_center img, .arima_hot_bottom_right img {
		width: 100%;
	}
	.arima_rest_unit1 .arima_rest_left, .arima_rest_unit1 .arima_rest_left2, .article .arima_rest_unit2 .arima_rest_left {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.arima_rest_unit1 .arima_rest_right, .arima_rest_unit1 .arima_rest_right2, .arima_rest_unit2 .arima_rest_right {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.arima_rest_unit1 .arima_rest_right img, .arima_rest_unit2 .arima_rest_left img {
		width: 100%;
	}
.arima_rest_unit1 h4, .arima_rest_unit2 h4 {
    font-size: 1.8em;
}


/* ------------------------------------------------
 kyukaruizawa
------------------------------------------------ */

	h3.textHdd em {
		font-size: 0.8em;
	}
	.caption_bigTxt {
		font-size: 1.4em;
	}


/* ------------------------------------------------
 yet
------------------------------------------------ */

	.yet_case_menu {
		margin-top: 0;
	}
	@-moz-document url-prefix() {
		.yet_case_menu {
			margin-top: 130px;
		}
	}
	.yet_case_menu_unit {
		margin-right: 0;
		width: 48%;
	}
	.yet_case_menu_unit:nth-child(2n) {
		float: right;
	}
	.yet_case_menu_unit:nth-child(2n+1) {
	    clear: both;
	}
	.yet_case_menu_unit img {
		width: 100%;
	}
	.yet_content_left {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.yet_content_left img {
	  float: left;
	  width: 50%;
		margin-bottom: 10px;
	}
	.yet_content_left_txt {
	  float: left;
	  width: 48%;
	  padding-left:2%;
		text-align: left!important;
		margin-bottom: 0;
		color: #55440f;
		font-size: 1.5em;
	}
	.yet_content_left:after {
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	.yet_content_right {
		float: none;
		width: 100%;
		}
		.yet_content_right p {
			font-size: 1.5em;
		}
	.yet_content_right ul {
	  font-weight: bold;
	}
	.yet_recom_unit {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.yet_recom_unit ul li {
		font-size: 1.5em;
		font-weight: bold;
	}
	.yet_recom_unit h5 {
		font-weight: bold;
		}
		.yet_recom_unit h5 img {
			width: auto!important;
		}
	.yet_recom_unit img {
		width: 100%;
	}
	.yet_btn a {
		width: 100%;
		height: auto;
		line-height: 1.5;
		padding: 10px 10px 10px 40px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	    font-size: 1.1em;
	    text-align: left;
	}


/* ------------------------------------------------
 viala
------------------------------------------------ */

	.viala_about_bottom_inner {
		padding: 15px;
	}
	.viala_about_bottom_left {
		width: 100%;
		margin: 0 0 20px 0!important;
		float: none;
		}
		.viala_about_bottom_left img:first-child {
			width: 25%;
			margin-top: 15px;
		}
	.viala_about_bottom_center {
		width: 100%;
		margin: 0 0 20px 0!important;
		float: none;
	}
	.viala_about_bottom_right {
		width: 100%;
		margin: 0!important;
		float: none;
	}
	.viala_box {
		padding: 15px;
	}
	.viala_box .tateshina_gest_left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.viala_box .tateshina_gest_right {
		float: none;
		width: 100%;
	}
	.viala_img_box1_left, .viala_img_box2_left, .viala_img_box1_right, .viala_img_box2_right {
		float: none;
		width: 100%;
	}

/* ------------------------------------------------
 member
------------------------------------------------ */

	h3.memberTtl {
		display: block;
	}
	.member_units {
		margin-left: 0px;
	}
	.member_unit a {
		width: 100%;
		height: auto;
		padding: 10px 10px 0 10px;
		margin-left: 0;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.member_unit .member_unit_ttl {
		float: left;
		margin-top: 7px;
		font-size: 1.3em;
		width: 55%;
	}
	.member_unit .member_unit_ttl2 {
		float: left;
		margin-top: 7px;
		font-size: 1.3em;
		width: 55%;
	}
	.member_unit .member_unit_img_pc {
		display: none;
	}
	.member_unit .member_unit_img_sp {
		display: block;
		float: right;
		width: 45%;
	}
	.member_txt {
		display: none;

	}
	.member_unit_txt {
		border-top: 1px solid #d6d6d6;
		margin-top: 7px;
	}
	.member_nav ul {
		display: none;
	}

/* ------------------------------------------------
 member detail
------------------------------------------------ */

	.member_detail_ttlBox {
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	    padding: 14px;
	    display: block;
	}
	.tateshina_tel_box .tateshina_tel_left {
		display: block;
		width: 100%;
		padding: 0;
		border: none;
	}
	.tateshina_tel_box .tateshina_tel_right {
		display: block;
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.member_detail_ttlBox_left {
		float: none;
		width: 100%;
		margin: 0;
	}
	.member_detail_ttlBox_left h2 {
		text-align: center;
		border-bottom: 1px solid #d1d1d1;
		color: #000000;
		margin: 0 0 10px 0;
		font-size: 2.0em;
	}
	.member_detail_ttlBox_img {
		width: 49%;
		margin-right: 2%;
	}

	.member_detail_ttlBox_img img {
		width: 100%;
	}
	.member_detail_ttlBox_txt {
		width: 49%;
	}
	.member_detail_ttlBox_txt1 {
		background: none;
		color: #6f570d;
		text-align: center;
		line-height: 1.3;
		margin-top: 10px;
	}
	.member_detail_ttlBox_txt1 span {
		display: block;
	}
	.member_detail_ttlBox_txt2 {
		text-align: center;
		font-size: 1.2em;
		margin-top: 10px;
	}
	.member_detail_left1, .member_detail_left2, .member_detail_left3, .member_detail_left4, .member_detail_left5, .member_detail_left6, .member_detail_left7, .member_detail_right1, .member_detail_right2, .member_detail_right3, .member_detail_right4, .member_detail_right5, .member_detail_right6 {
	    float: none;
	    width: 100%;
	}
	.member_detail_left8 {
		float: none;
		width: 100%;
	}
	.member_detail_btnBox {
		margin-bottom: 40px;
		padding: 15px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.member_detail_btnBox h4 {
		color: #574610;
		font-size: 1.9em;
		line-height: 1.5;
		font-weight: normal;
	}
	.member_detail_btnBox_right ul li a {
		width: 100%;
		font-size: 1.3em;
		line-height: 40px;
		height: 40px;
	}
	.member_detail_btnBox_right ul li.btn_first a {
		float: none;
		margin-bottom: 5px;
	}
	.member_detail_btnBox_right ul li.btn_last a {
		float: none;
	}
	.article .member_detail_btnBox_left {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	.article .member_detail_btnBox_right {
		float: right;
		width: 49%;
	}
	.member_detail_btnBox_right ul {
		margin-top: 0;
	}
	.member_detail_etc_unit a {
		float: none;
		margin-bottom: 15px;
		text-decoration: none;
	}
	.member_detail_etc_txt1 {
		border-bottom: none;
		width: 49%;
		margin-right: 2%;
		margin-top: 10px;
		float: left;
	}
	.member_detail_etc_img {
	    float: right;
		width: 49%;
	}
	.member_detail_etc_unit .member_detail_etc_txt2 {
		margin-top: 10px;
		border-top: 1px solid #c9c9c9;
		padding-top: 10px;
		font-size: 1.7em;
		line-height: 1.5;
		margin-bottom: 0;
	}
	.member_detail_etc_txt3 {
		text-decoration: none;
	}
	.member_detail_btn {
		background: #f6f4eb;

	}
	.member_detail_btn a {
		text-decoration: none;
		display: block;
		height: 35px;
		line-height: 35px;
		padding-left: 20px;
		font-size: 1.4em;
		background: url(../../../img/pages/member/yamamoto/icon_member_detail.png) center right no-repeat;
	}

	.member_detail_left3 {
		margin-right: 0;
	}
/* ------------------------------------------------
 nasu_retreat
------------------------------------------------ */
	.nasu_retreat_infobox {
		margin: 15px 0 50px;
	}
	.nasu_retreat_infolist {
		width: 100%;
	}
	.nasu_retreat_hukugou_column,
	.nasu_retreat_honkan_column,
	.nasu_retreat_3column,
	.nasu_retreat_pet_column {
		flex-flow: column wrap;
	}
	.nasu_retreat_3column > li,
	.nasu_retreat_hukugou_column li:first-child,
	.nasu_retreat_hukugou_column li:last-child,
	.nasu_retreat_honkan_column > li,
	.nasu_retreat_pet_column > p:first-child,
	.nasu_retreat_pet_column > p:last-child {
		width: 100%;
		text-align: center;
	}
	.nasu_retreat_hukugou_column > li > p {
		text-align: left;
	}
	.nasu_retreat_honkan_column > li {
		margin-bottom: 20px;
	}
/* ------------------------------------------------
 faq
------------------------------------------------ */
	.qa dt {
		font-weight: bold;
	}
	.qa dd {
		font-size: 1.2em;
	}

/* ------------------------------------------------
 pet
------------------------------------------------ */
	.pet_nav {
		border: none;
		border-left: 1px solid #a99342;
	}
	@media screen and (max-width:640px) { .pet_unit_left td span.pet_table_txt,.pet_unit_left td span.pet_table_name {border: none;}}
	.pet_nav_unit {
		float: left;
		width: 50%;

		background: none;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	    height: auto;
		border-bottom: 1px solid #a99342;
		border-right: 1px solid #a99342;
	}
	.pet_nav_unit a {
		display: table;
		width: 100%;
	}
	.pet_nav_unit .pet_nav_img, .pet_nav_unit .pet_nav_txt2, .pet_nav_unit .pet_nav_txt3 {
		display: none;
	}
	.pet_nav_txt1 span {
		display: block;
		background-position: 10px center;
	}
	.pet_nav_txt1, .pet_nav_unit .pet_nav_txt4 {
		font-size: 1.5em;
		letter-spacing: -1.1px;
		line-height: 1.2em;
		color: #000;
		display: table-cell!important;
		margin: 0;
		padding: 0 10px;
		height: 50px;
		vertical-align: middle;
		}
	.pet_nav_txt4 span {
	    background: url("../../../img/pages/member/index/icon_member.png") no-repeat 10px center;
	    padding-left: 10px;
	}
	.pet_nav_ttl {
		color: #fff;
		height: 40px;
		line-height: 40px;
		font-size: 1.6em;
		text-align: center;
		font-weight: normal;
		background: url(../../../img/pages/pet/icon_bottom_arrow.png) no-repeat 10px center #a99342;
	}
	.pet_unit {
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.pet_unit_left {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.pet_unit_right {
		width: 100%;
		float: none;
	}
	.pet_unit_right_liFirst a {
		width: 43%;
		margin-right: 2%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.pet_unit_right_liLast a {
		width: 55%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.pet_box ul {
		width: auto;
	}
	.pet_unit_left table {
		width: 100%;
		border: none;
	}
	.pet_unit_left tbody {
		width: 100%;
	}
	.pet_unit_left tr {
		width: 100%;
	}
	.pet_unit_left th {
	    /*width: 100%;*/
		height: 50px;
	}
	.pet_unit_left tr {
		border: 1px solid #c9c3a6;
	}
	.pet_unit_left td {
		width: auto;
	}

	.pet_item_left {
	    float: none;
	    width: 100%;
	}
	.pet_item_right {
	    float: none;
	    width: 100%;
	}
	.pet_item table {
		width: 100%;
		margin-right: 0;
	}
	.pet_item table.pet_item_left {
		width: 100%;
	}
	.pet_item_right_top {
		width: 100%;
		margin-top: 20px;
	}

	.pet_item td.first {
	    width: 30%;
	}

}

@media screen and (max-width:640px) {
.tateshina_etc_left {
	width: 100%;
	float: none;
	margin-right: 0;
	display: block;
	margin-bottom: 20px;
}
.tateshina_etc_right {
	width: 100%;
	float: none;
	margin-right: 0;
	display: block;
}
.member_detail_left10 {
	float: none;
	width: 100%;
}
.member_detail_right8 {
	float: none;
	width: 100%;
}
.member_detail_left9 .member_detail_iida dd, .member_detail_right8 .member_detail_iida dd {
	width: 100%;
	float: none;
}
.pre_group_unit h5.text_min {
	font-size: 1.4em;
	padding: 2px 0;
}
}


/* --------------------------------------------------------------
 conts_acb　基本設計
-------------------------------------------------------------- */
/*
 基本要素
---------------------------------- */
.conts_acb * {
    box-sizing: border-box;
}
.conts_acb h3 {
    border-bottom: 1px solid #c8c6b9;
    background: #f6f5f0;
    font-size: 2rem;
    display: block;
    border-left: 2px solid #633342;
    padding: 10px;
}
.conts_acb h4 {
    font-size: clamp(1.8rem, 4.8vw, 2rem);
    line-height: 1.2;
    font-weight: normal;
    border-bottom: 1px solid currentColor;
    padding-bottom: 5px;
}
.conts_acb h4.sm {
    font-size: clamp(1.6rem, 4.266666667vw, 1.8rem);
}
.conts_acb h5 {
    font-size: clamp(1.8rem, 4.8vw, 2rem);
        font-weight: normal;
}
.conts_acb .section-title01{
    border: 1px solid currentColor;
    border-width: 1px 0;
    padding: 12px 0;
    text-align: center;
    color: #A99242;
}
.conts_acb p {
    color: inherit;
}
.conts_acb p.sm,
.conts_acb p .sm{
    font-size: clamp(1.1rem, 2.933333333vw, 1.2rem);
}
.conts_acb .st {
    font-size: 1.3em;
}
.conts_acb .mb {
    margin-bottom: 10px;
    display: inline-block;
}
.conts_acb .price {
    font-size: 1.8em;
}

.conts_acb ul {}
.conts_acb table {}
.conts_acb figure {
    position: relative;
}
.conts_acb .img_center{
    width: 85%;
    margin: 0 auto;
}
.conts_acb figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
.conts_acb figcaption.with-bg {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 5px;
}
.conts_acb figcaption.outside {
    position: relative;
    padding-top: 5px;
}
.conts_acb [class*="modalImg"]::before,
.conts_acb [class*="modalImg"]::after {
    bottom: inherit;
    top: 0;
    right: 0;
    pointer-events: none;
}
.conts_acb [class*="modalImg"]::after {
    top: 10px;
    right: 9px;
}
.conts_acb .modalWrap--closeBtn {
    left: calc(100% - 58px);
    top: 10px;
}
.conts_acb .modalWrap.modal--figure__linear figure {
    height: 93vh;
    width: 93vw;
    max-width: inherit;
    display: flex;
    align-items: center;
    background: #fff;
}
.conts_acb .modalWrap.modal--figure__linear img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.conts_acb a {
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
}
.conts_acb a:hover {
    filter: brightness(1.18);
}
/*
 conts_flex
---------------------------------- */
.conts_acb .conts_flex {
    display: flex;
    gap: clamp(10px, 2.666666667vw, 15px);
}
@media only screen and (min-width: 768px) {
.conts_acb .conts_flex.flex_rev{
        flex-direction: row-reverse;
}
}

.conts_acb .conts_flex.flex_aic {
    align-items: center;
}
.conts_acb .conts_flex.flex_jce {
    justify-content: flex-end;
}
.conts_acb .conts_flexBox {
    display: flex;
    gap: clamp(15px, 10.66666667vw, 25px);
    flex-direction: column;
}
.conts_acb .conts_flexBox.flex-pc-fit {
    flex: 1;
}
.conts_acb .conts_flexBox.flex-pc-60 {
    width: 60%;
}
.conts_acb .conts_flexBox.flex-pc-55 {
    width: 55%;
}
.conts_acb .conts_flexBox.flex-pc-50 {
    width: calc(100% / 2);
}
.conts_acb .conts_flexBox.flex-pc-45 {
    width: 45%;
}
.conts_acb .conts_flexBox.flex-pc-40 {
    width: 40%;
}
.conts_acb .conts_flexBox.flex-pc-33 {
    width: calc(100% / 3);
}

@media only screen and (max-width: 767px) {
    .conts_acb .conts_flexBox.flex-pc-60,
    .conts_acb .conts_flexBox.flex-pc-55,
    .conts_acb .conts_flexBox.flex-pc-50,
    .conts_acb .conts_flexBox.flex-pc-45,
    .conts_acb .conts_flexBox.flex-pc-40,
    .conts_acb .conts_flexBox.flex-pc-33{
        width: 100%;
    }
}

.conts_acb .conts_section {
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 4vw, 45px);
    margin-top: 60px;
}
.conts_acb .conts_row,
.conts_acb .conts_wrap,
.conts_acb .conts_box {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}
.conts_acb .conts_wrap {
    gap: 16px;
}
.conts_acb .conts_box {
    gap: 8px;
}
@media only screen and (max-width: 767px) {
    .conts_acb .conts_flex {
        flex-direction: column;
    }
}
.conts_acb .text_red{
    color: #83214d;
}
/*
 parts / singleTitle
---------------------------------- */
@media only screen and (max-width: 768px) {
.lineupHeader{
    display: none !important;
}
}
.conts_acb.lineupHeader .singleTitle {
    padding: 5px 10px;
    text-align: left;
}
.conts_acb .singleTitle {
    color: #fff;
    font-size: clamp(1.8rem, 4.8vw, 2.2rem);
    font-weight: bold;
}
/*
 parts / copyText
---------------------------------- */
.conts_acb .copyText {
    font-size: 1.6rem;
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
    letter-spacing: -.12rem;
    color: #333;
    margin-bottom: 10px;
    margin-top: 20px;
}
/*
 parts / pageNav
---------------------------------- */
.conts_acb.lineupHeader .pageNav {
    float: left;
    width: calc(100% - 198px);
    border: none;
}
.conts_acb.lineupHeader .pageNav li:nth-of-type(1) {
    border: none;
}
.conts_acb .pageNav {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #D9D8D8;
    border-width: 1px 1px 1px 0;
}
.conts_acb .pageNav li {
    width: calc(100% / 6);
    font-size: 1.4rem;
    letter-spacing: -.12rem;
    text-align: center;
    border: 1px solid #D9D8D8;
    border-width: 0 0 0 1px;
}
.conts_acb .pageNav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 33px;
    text-decoration: none;
}
.conts_acb .pageNav li.current a,
.conts_acb .pageNav li a:hover {
    color: #fff;
    background: #A99242;
    filter: brightness(1);
}
@media only screen and (max-width: 991px) {
    .conts_acb .pageNav li {
        width: calc(100% / 2);
    }
    .conts_acb .pageNav li:nth-of-type(n + 3) {
        width: calc(100% / 2);
        border-width: 1px 0 0 1px;
    }
}
/*
 parts / mainImageWrap
---------------------------------- */
.conts_acb .mainImageWrap {
    margin-top: 20px;
}
.conts_acb .main_title{
    font-size: clamp(1.8rem, 4.8vw, 2.2rem);
    text-align: center;
}
.conts_acb .main_copy{
    margin: 12px 0;
    line-height: 2;
}
.conts_acb .main_copy.align_c{
    text-align: center;
}
/*
 parts / priceBox
---------------------------------- */
.conts_acb .priceBox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #A99242;
    padding: 20px;
}
.conts_acb .priceBox p {
    color: #fff;
    font-size: clamp(1.2rem, 3.2vw, 1.6rem);
    text-align: center;
    line-height: 1;
}
/*
 parts / informationWrap
---------------------------------- */
.conts_acb .informationWrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 30px;
}
.conts_acb .infoText {
    font-size: clamp(1.8rem, 4.8vw, 2.2rem);
    text-align: center;
}
.conts_acb .infoBox {
    background: #fdfbf3;
    border: 1px solid #83214d;
    padding: clamp(20px, 5.333333333vw, 35px);
}
.conts_acb .infoBox .conts_flex {
    justify-content: space-between;
    align-items: center;
}
.conts_acb .infoBox .conts_flexBox {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.conts_acb .infoBox .info_title {
    color: #83214d;
    border-bottom: 1px solid #94204d;
    padding-bottom: 15px;
}
.conts_acb .infoBox p {
    line-height: 1.5;
}
.conts_acb .infoBox .link_box-btn a {
    position: relative;
    width: 200px;
    color: #fff;
    background: #82214d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}
.conts_acb .link_box-btn .arrow::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: scale(1, 1.1) rotate(45deg);
    opacity: .7;
}
/*
 parts / bnrBox
---------------------------------- */
.conts_acb .bnrBox a::before {
    position: absolute;
    border: 1px solid #d0c8de;
    content: "";
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    z-index: 2;
}
.conts_acb .bnrBox .conts_flex {
    align-items: center;
    background: #1b1327;
    color: #fff;
    gap: 0;
}
.conts_acb .bnrBox .conts_flexBox:nth-of-type(1) {
    width: 54%;
}
.conts_acb .bnrBox .conts_flexBox .bnr_title {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 2;
    font-size: clamp(1.8rem, 4.8vw, 2.6rem);
    line-height: 1;
    text-shadow: 0 0 5px rgba(27,19,39,.5), 0 0 10px rgba(27,19,39,.5), 0 0 15px rgba(27,19,39,.5), 0 0 20px rgba(27,19,39,.5), 0 0 5px rgba(27,19,39,.5), 0 0 10px rgba(27,19,39,.5);
}
.conts_acb .bnrBox .conts_flexBox:nth-of-type(2) {
    width: 35%;
    margin: 0 5%;
        flex-direction: row;
}
.conts_acb .bnrBox .conts_flexBox:nth-of-type(2) p {
    font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
    .conts_acb .bnrBox .conts_flexBox:nth-of-type(1) {
        width: 100%;
    }
    .conts_acb .bnrBox .conts_flexBox:nth-of-type(2) {
        width: 80%;
        padding: 30px 0;
        align-items: center;
            justify-content: space-between;
    }
}
/*
 parts / conts_list
---------------------------------- */
.conts_acb .conts_list .conts_flexBox{
    align-items: flex-start;
    gap: 8px;
}
.conts_acb .conts_list .conts_flexBox p{
   text-indent: -1em;
  padding-left: 1em;
}

/*
 parts / tabWrap
---------------------------------- */
.conts_acb [class*="tabWrap"] ul{
    display: flex;
    margin-top: -80px;
    padding-top: 140px;
    justify-content: center;
    gap:25px;
}
.conts_acb [class*="tabWrap"] li{
    position: relative;
    width: 42%;
    border: 1px solid #666;
    /*border-width: 1px;*/
    transition: .3s;
}
@media only screen and (max-width: 767px) {
.conts_acb [class*="tabWrap"] ul{
        flex-direction: column;
}
.conts_acb [class*="tabWrap"] li{
    /*width: calc(50% - 12.5px);*/
    width: 100%;
}  
    
}
.conts_acb [class*="tabWrap"] li.current{
    /*border-width: 1px 1px 0;*/
    background: #f6f5ef;
}
.conts_acb [class*="tabWrap"] li::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: scale(1.1, 1) rotate(135deg);
    opacity: .7;
}



.conts_acb [class*="tabWrap"] li a{
    display: block;
    padding: clamp(15px, 4vw, 20px);
        font-size: 16px;
        text-align: center;
        filter: none;
}
.conts_acb [class*="tabWrap"] li a:hover{
    background: #f6f5ef;
}

@media only screen and (max-width: 767px) {
.conts_acb .slideroom .tateshina_gest_left_table {

    max-width: 100%;

    width: auto!important;

}
.tateshina_gest_left_table .ttl_pc p{
    font-size: 1.25em;
    padding: 5px 10px;
}
.conts_acb .tateshina_gest_left_table .txt p{
    padding: 5px 8px;
    font-size: 1.15em;
    letter-spacing: -.03rem;
}
.tateshina_gest_left_table .txt p:first-child{
        width: 85px;
}
.tateshina_gest_left_table.name_l .txt p:first-child{
        width: 110px;
}
}

/*
 parts / conts_column
---------------------------------- */
.conts_acb .conts_column{
    background: #F6F5F0;
    border: 1px solid #ccc;
    padding: clamp(20px, 5.333333333vw, 30px);
}
.conts_acb .viala_box .conts_column{
    background: none;
}
.conts_acb .column_text{
    font-size: clamp(14px, 3.733333333vw, 15px);
    text-align: center;
    background: #8c6841;
    color: #fff;
    padding: 5px;   
}

/* ------------------------------------------------
 kusatsu
------------------------------------------------ */
.conts_kusatsu h4 {
    color: #8b6841;
}
.conts_kusatsu .sec_concept .concept_text {
    font-size: clamp(1.8rem, 4.8vw, 2.2rem);
}
.conts_kusatsu .title_viala {
    color: #8b6841;
}
.conts_kusatsu .title_retreat {
    color: #464905;
}
.conts_kusatsu .column_text{
    background: #8c6841;
    
}


[id*="facilities0"]{
    margin-top: -130px;
    padding-top: 130px;
}
@media only screen and (max-width: 767px) {
[id*="facilities0"]{
    margin-top: -100px;
    padding-top: 100px;
}  
}

.conts_kusatsu #room01{
    margin-top: -120px;
}
.conts_kusatsu #room02{
    margin-top: 60px;
}
.conts_kusatsu .viala_box {
    padding: 30px;
}
.conts_kusatsu .viala_box h4{
    filter: brightness(1.55);
}
.conts_kusatsu .viala_box p{
    color: #fff;
}
.conts_kusatsu .viala_box sup{
    margin-left: -6px;
    transform: scale(.9);
display: inline-block;
}


.conts_kusatsu .roomtabWrap li img{
    width: 200px;
    padding: 10px 18px;
    background: #fff;
}
.conts_kusatsu .tateshina_gest{
    margin-bottom: 0;
}
.conts_kusatsu p.tateshina_left_txt{
    text-indent: inherit;
    padding-left: 0;
}
.conts_kusatsu .sec_room{
    margin-top: -1px;
    padding-top: 60px;
}
.conts_kusatsu .sec_room.room02{
        gap: 5px;
}
.conts_kusatsu .room_wrap .conts_flex{
    gap: clamp(15px, 4vw, 30px);
}
.conts_kusatsu .room_wrap .st{
        font-size: 1.2em;
}
.conts_kusatsu .room_wrap .plan_img {
    padding: 21px;
        background: #fff;
}
.conts_kusatsu .room_wrap .conts_row .conts_flex:nth-of-type(n + 2){

    padding-top: 20px;
    margin-top: 20px;
}

.conts_kusatsu .viala_about_top h4{
    color: #fff;
    line-height: 1.5;
    padding: 10px 15px;
    border-bottom: none;
}
@media only screen and (min-width: 768px) {
.conts_kusatsu .viala_about_bottom_inner {
    display: flex;
        align-items: center;
}
.conts_kusatsu .viala_about_bottom_left {
    width: 15%;
        margin: 0;
}
.conts_kusatsu .viala_about_bottom_center{
    width: 52%;
}
.conts_kusatsu .viala_about_bottom_right{
    width: 33%;
}
}

.conts_kusatsu .experience_wrap{
        flex-wrap: wrap;
}
.conts_kusatsu .experience_wrap .flex-pc-50{
    width: calc(100% / 2 - 8px);
}
@media only screen and (max-width: 767px) {
.conts_kusatsu .experience_wrap .flex-pc-50{
    width: 100%;
}   
}
.conts_kusatsu .experience_box{
        padding: clamp(16px, 4.266666667vw, 20px);
}

.conts_kusatsu .experience_box .en{
    font-family: "EB Garamond", serif;
    font-size: 34px;
    color: #a69763;
    border: none;
    
}
.conts_kusatsu .conts_list .experience_box p{
        font-size: 1.3em;
 text-indent: inherit;
    padding-left: 0;
}


.conts_kusatsu .experience_img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.conts_kusatsu .experience_box .conts_flexBox:nth-of-type(1) { grid-area: 1 / 1 / 3 / 3; }
.conts_kusatsu .experience_box .conts_flexBox:nth-of-type(2) { grid-area: 1 / 3 / 2 / 4; }
.conts_kusatsu .experience_box .conts_flexBox:nth-of-type(3) { grid-area: 2 / 3 / 3 / 4; }








.conts_kusatsu .access_imgBox01,.conts_kusatsu .access_imgBox02{
display: grid;
grid-template-columns: .22fr .56fr .22fr;
grid-template-rows: repeat(2, .5fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
@media only screen and (max-width: 767px) {
.conts_kusatsu .access_imgBox01,.conts_kusatsu .access_imgBox02{
grid-template-columns: repeat(2, .5fr);
grid-template-rows: .2fr .6fr .2fr;
} 
    
}

.conts_kusatsu .access_imgBox01 > div:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(3) { grid-area: 1 / 2 / 3 / 3; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(4) { grid-area: 1 / 3 / 2 / 4; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(5) { grid-area: 2 / 3 / 3 / 4; }
@media only screen and (max-width: 767px) {
.conts_kusatsu .access_imgBox01 > div:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(3) { grid-area: 2 / 1 / 3 / 3; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(4) { grid-area: 3 / 1 / 4 / 2; }
.conts_kusatsu .access_imgBox01 > div:nth-of-type(5) { grid-area: 3 / 2 / 4 / 3; }
    
}

    .conts_kusatsu [class*="access_imgBox0"] figure{
            height: 100%;
    }
    .conts_kusatsu [class*="access_imgBox0"] img{
            width: 100%;
    height: 100%;
    object-fit: cover;
    }




.conts_kusatsu .access_imgBox02{
grid-template-columns: .44fr repeat(2, .28fr);
}
@media only screen and (max-width: 767px) {
.conts_kusatsu .access_imgBox02{  
grid-template-columns: repeat(2, .5fr);
grid-template-rows: .7fr repeat(2, .45fr);
    }
}

.conts_kusatsu .access_imgBox02 > div:nth-of-type(1) { grid-area: 1 / 1 / 3 / 2; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(3) { grid-area: 1 / 3 / 2 / 4; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(4) { grid-area: 2 / 2 / 3 / 3; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(5) { grid-area: 2 / 3 / 3 / 4; }
@media only screen and (max-width: 767px) {
.conts_kusatsu .access_imgBox02 > div:nth-of-type(1) { grid-area: 1 / 1 / 2 / 3; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(4) { grid-area: 3 / 1 / 4 / 2; }
.conts_kusatsu .access_imgBox02 > div:nth-of-type(5) { grid-area: 3 / 2 / 4 / 3; }
    
}
.conts_kusatsu .sec_outline{
    
}

.conts_kusatsu .outlinetabWrap ul{
        flex-wrap: wrap;
}
.conts_kusatsu .outlinetabWrap li{
    font-size: 16px;
    width: calc(50% - 12.5px);
    
}
@media only screen and (max-width: 767px) {
 .conts_kusatsu .outlinetabWrap li{
    font-size: 14px;
    width: 100%;
}  
    
}
 

.conts_kusatsu .sec_outline [id*="outline0"] > h4{

    
    margin-top: -20px;
    padding-top: 140px;
}

[class*="kusatsuColor"]{
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.03rem;
}
.kusatsuColor .lineupHeaderTop,
.kusatsuColor .singleTitle,
.kusatsuColor.conts_acb .pageNav li.current a,
.kusatsuColor.conts_acb .pageNav li a:hover,
.kusatsuColor .conts_acb .pageNav li.current a,
.kusatsuColor .conts_acb .pageNav li a:hover,
.kusatsuColor .conts_acb .priceBox{
    background: linear-gradient(to bottom,  #f6f5f0 0%,#e5e2da 100%);
color: #a69763;
      color: #998B5D;  
}
.kusatsuColor .conts_acb .priceBox p{
  color: #a69763;  
  color: #8E8259;  
}
.kusatsuColor .conts_acb .infoBox {
    border-color: #E0DDD5;
        color: #847953;
    background: linear-gradient(to bottom,  #FBFBF9 0%,#F1EFEB 100%);
}
.kusatsuColor .conts_acb .infoBox .info_title {
    color: #847953;
    border-color: #DCD9D1;
}
.kusatsuColor .conts_acb .infoBox .link_box-btn a{
        background: #8F8B7B;
}
.kusatsuColor .tateshina_tel_box {
    background: linear-gradient(to bottom,  #FBFBF9 0%,#F1EFEB 100%);
    border-color: #E0DDD5;
}

/******************************************************************
// modalWrap
*******************************************************************/
[class*="modalImg"] {
	position:relative;
	cursor: pointer;
}
[class*="modalImg"]::before {
	content: "";
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #999;
	z-index: 2;
}
[class*="modalImg"]::after {
	content: " ";
	position: absolute;
	width: 12px;
	height: 12px;
	display: block;
	right: 19px;
	bottom: 19px;
	transform: rotate(45deg);
	background: url("../../../img/pages/icon_batu.png") no-repeat;
	background-size: 100%;

	z-index: 2;
}
.modalWrap {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 100%;
    height: 100vh;
    transform: translate(-50%, -50%);
    background: rgb(0, 0, 0, .7);
    opacity: 0;
    transition: .3s;
    z-index: -1;
}
.modalWrap.visible {
    opacity: 1;
    z-index: 10000;
}
.modalWrap--closeBtn {
	position: absolute;
	left: 8%;
	top: 8%;
	width: 48px;
	height: 48px;
	display: block;
	background-color: #878787;
	border-radius: 100%;
	padding: 0;
	z-index: 999;
	cursor: pointer;
}
.modalWrap--closeBtn:after {
	content: " ";
	position: absolute;
	width: 12px;
	height: 12px;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url("../../../img/pages/icon_batu.png") no-repeat;
	background-size: 100%;
}
.modalWrap figure {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 88%;
	max-width: 1100px;
	text-align: center;
}
.modalWrap figure img {
	width: 100%;
	max-width: inherit;
}
.modalWrap.modal--figure__linear figure {
	max-width: 730px;
	/* max-width: inherit; */
}
.modalWrap figure img {
	/* width:auto; */
}
/*.modalWrap li {
	display: none;
}
.modalWrap li.visible {
	display: block;
}*/
@media only screen and (max-width: 991px) {
.modalWrap figure {
	width: 96%;
}

}
@media only screen and (max-width: 767px) {

	.modalWrap--closeBtn {
		left: 2%;
		top: 2%;
	}

}

/* add popup banner 2023.12.14  */
/* bn-froat */
.bn-froat {
	position: fixed;
	top: 35%;
	right: 1%;
	z-index: 1000;
	width: 350px;
	border: 1px solid #ccc;
	background: #554d32;
	/*background: #325d53;*/
}
.bn-froat.background2 {
	background: #554d32;
}
.bn-froat > a {
	text-decoration: none;
}
/*.bn-froat > a {
	display:none;
}
.bn-froat.background1 > a:nth-of-type(1) {
	display:block;
}
.bn-froat.background2 > a:nth-of-type(2) {
	display:block;
}*/
.bnr-textBox {
	padding: 15px 20px;
	text-align:center;
	background: #554d32;
	/*background: #325d53;*/
}
a:nth-of-type(2) .bnr-textBox {
	background: #554d32;
}
.bnr-pickupText {
	position:absolute;
	top:0;
	left:0;
	padding: 8px;
	font-size: 1.5rem;
	color: #fff;
	background: #83214d;
}
.bnr-textBox p {
	font-size:2.5rem;
	font-weight:normal;
	color:#ffe290;
	line-height: 1.1;
	margin-bottom:8px;
}
a:nth-of-type(2) .bnr-textBox p {
	color:#f2dc9e;
}
.bnr-textBox p small {
	font-size:75%;
}
.bnr-textBox p.bnr-linkText {
	font-size: 1.6rem;
	color:#fff;
	margin-right: 15px;
	position:relative;
	display: inline-block;
}
a:nth-of-type(2) .bnr-textBox p.bnr-linkText {
	color:#fff;
}
.bnr-textBox p.bnr-linkText::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    margin: auto;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-left: 6px solid #fff;
}
.closeBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
}
@media only screen and (max-width: 991px) {
	.bn-froat {
		max-width: 264px;
		top: inherit;
		bottom: 90px;
	}
	.bnr-textBox p {
		font-size: 2rem;
	}
	.bnr-textBox p.bnr-linkText {
		font-size: 1.2rem;
	}
}
@media only screen and (max-width: 767px) {
	.bn-froat {
		width: 100%;
		max-width: inherit;
		bottom: 79px;
		right: 0;
	}
	.bnr-pickupText {
		padding: 6px 8px;
		font-size: 1rem;
	}
	.bn-froat a {
		display:flex;
		align-items: center;
		flex-direction: row-reverse;
	}
	*/*.bn-froat > a {
		display:none;
	}
	.bn-froat.background1 > a:nth-of-type(1) {
		display:flex;
	}
	.bn-froat.background2 > a:nth-of-type(2) {
		display:flex;
	}*/
	.bnr-textBox {
		width: 51%;
		padding: 15px 10px 0 15px;
		text-align: left;
	}
	.bnr-imgBox {
		width: 49%;
		text-align: left;
	}
	.bnr-textBox p {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.bnr-textBox p.bnr-linkText {
		font-size: 1rem;
	}
	.bnr-textBox p.bnr-linkText::after {
		right: -16px;
		box-sizing: border-box;
		transform: translateY(-50%) scale(.7);
	}
}
@media only screen and (max-width: 320px) {
	.bnr-pickupText {
		padding: 4px 6px;
	}
	.bnr-textBox p {
		font-size: 1.2rem;
	}

}