@charset "utf-8";

body {
    line-height: 1.8;
    background-color: #f4f5f2 !important;
            background: url(../img/bg.png) repeat-y center center !important;
}
#htlBrdCrmbs h1
 {
    display: inline;
    font-size: 12px !important;
    color: #000 !important;
}
#htlBrdCrmbs {
    font-size: 80%;
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: left !important;
    width: 1214px;
background-color: #fff !important;
            padding-left: 20px;    
}
#htlHeader {
    width: 1214px;
    margin: 0px ;
    padding: 10px 0 5px 20px;

}


#htlContents {
    padding-left: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}

#htlMainContent {
    width: 1190px !important;
    margin-left: auto !important;
    margin-right: auto !important;

        padding-left: 20px;
        padding-top: 20px;
        padding-right: 20px;

}
.mb15 {
    margin-bottom: 15px;
}


#htlSide-A {
    top: 550px;
    left:20px;
}

/* -----------------------------------------------------------
	group header
----------------------------------------------------------- */
#dm_header {
    margin-top: 10px;
}

/* ホテルヘッダー */
.dm_gpHead { 
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
        -webkit-align-items: flex-end;
    align-items: flex-end;
    }
.dm_gpHead div:nth-of-type(2) {
    margin-left: auto;
}    
.dm_gpHead div {

}
.dm_gpHead div img {
    display: block;
}
.dm_gpHead div a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ホテルナビ */
.dm_gnav {

}

/* グローバルナビ */
.dm_gnav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px solid #897d42;
border-left: 1px solid #897d42;
border-right: 1px solid #897d42;
}
.dm_gnav ul li {
    width: calc(100%/7);
text-align: center;
font-size: 16px;
}


.dm_gnav ul li a {
    display: block;
    color: #333;
background-color:#fff2e7 ;
/*background-color:#752061 ;*/
text-decoration: none;
padding: 12px 0;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 900;
border-right: 1px solid #1e4461;
  background: url(../img/navbg.png) left bottom no-repeat;
}
.dm_gnav ul li:last-child a {
border-right: none;
}
.dm_gnav ul li a:hover {
    color: #E7AE00;
  background: linear-gradient(to top, rgba(101,71,8,0), rgba(101,71,8,0)),url(../img/navbg.png) left bottom no-repeat;
}

#dm_body {
color: #fff;
padding: 0 0 0 0;
    width: 1190px;
}

.single-column #htlHeader {
width: 1128px !important;
margin: 0 0 5px !important;
padding: unset;
transform: unset;
padding: 10px 30px;
}
.single-column .search-container {
padding: 10px 30px;
}
.single-column #htlMainContent {
margin: 5px 0 0 0 !important;
}


#contents {
    position: relative;
    z-index: 10;
    padding: 20px 15px 0 15px;
    font-size: 1.4rem;
    min-height: 900px;
width: 1160px !important;
margin-left: auto !important;
margin-right: auto !important;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#contents iframe {
margin-left: auto !important;
margin-right: auto !important;
width: 1160px;
}
#facility .dm_contBlock p{text-align: center;}

#contents02 {
    position: relative;
    z-index: 10;
    padding: 0px 15px 0 15px;
    font-size: 1.4rem;
	width: 1160px !important;
    margin-left: 0px !important;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.dm_contBlock .txtBox {
    margin: 5px 0 15px 0;
    padding: 5px 0 15px 0;
    border-top: none;
    border-bottom: none;
    line-height: 1.8;
}

.dm_contHead_t {
color: #413a20 ;
    padding: 10px 0 ;
    text-align: center;
    font-size: 26px;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 900;
margin: 20px auto 5px auto;
	background: linear-gradient(to top, #7d714a 0%, #bdaa70 20%, #cdc4b2 40%,#fff 70%,#fff 100%);
	width: 100%;
}

/* -----------------------------------------------------------
	汎用コンテンツブロック
----------------------------------------------------------- */
.dm_contHead {
    text-align: center;
    font-size: 26px;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 900;
margin: 20px 0 15px 0;
 padding: 3px 0;
  border-bottom: 1px solid #6d5522;  
  background: linear-gradient(to top, rgba(255,251,252,0), rgba(255,251,252,0.2)),url(../img/titbg.png) left bottom no-repeat;
  color: #333;
}

.dm_contHead_tit {
    text-align: center;
    font-size: 24px;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 900;
margin: 20px 0 15px 0;
	display: flex;
	align-items: center;
}
.dm_contHead_tit:before, .dm_contHead_tit:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.dm_contHead_tit:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #888, transparent);
}
.dm_contHead_tit:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #888, transparent);
}



.top00 .dm_contHead {
margin: 0 0 15px 0;
}
.dm_contHead span {
    font-size: 20px;
    margin-left: 1em;

}
.dm_contBlock .txtBox p + p {
    margin-top: 0;
}

.dm_contBlock.news .txtBox {
    border-left: 3px solid #eac311;
    padding: 5px 0 5px 15px;
    margin-bottom: 20px;
}
.dm_contBlock .txtBox p.txt-t {
    font-weight: 900;
    font-size: 16px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.dm_contBlock .txtBox p + p.txt-l {
    font-size: 14px;
    margin-top: 5px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.dm_contBlock + .dm_contBlock {
    margin-top: 0px;
}

.dm_contBlock.top00 {
    margin-top: 0px !important;
}
.dm_contBlock {
    margin-top: 80px !important;
}
.dm_contBlock.news {
    margin-top: 20px !important;
}
.dm_contBlock.concept {
    margin-top: 40px !important;
}
.dm_contBlock.spa {
    margin-top: 20px !important;
}
.dm_contBlock.menu{
    margin-top: 40px !important;
}
.dm_contBlock.copy {
    margin-top: 20px !important;
}
.dm_contBlock.phbox {
    margin-top: 20px !important;
}
.dm_contBlock.info {
    margin-top: 40px !important;
}
.dm_contBlock.spec {
    margin-top: 40px !important;
}
.dm_contBlock.spec.secd {
    margin-bottom: 40px !important;
}
.dm_contBlock.arg{
    margin-top: 40px !important;
    margin-bottom: 80px !important;
}
/* 共通 */
.dm_contBlock .lead_t {
    margin: 5px 0 10px 0;
    line-height: 1.6;
    text-align: center;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
}
.dm_contBlock .lead {
    margin: 0 0 10px 0;
    line-height: 1.6;
    text-align: center;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
}
.blackbg {
    background-color: #fff;
    color: #333;
    padding: 20px 40px 20px 40px;
    margin: 20px auto;
    font-size: 18px;
    line-height: 1.8;
    border:5px double #6f6f6f;
}
.blackbg span {
    display: block;
    border-bottom:1px dotted #6f6f6f;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.blackbg span:last-child {
    margin-bottom: 0;
    }

    
.blackbg02 {
    background-color:#fffaef;
    color: #333;
    padding: 20px 40px 20px 40px;
    margin: 20px auto;
    font-size: 18px;
    line-height: 1.8;
    border:2px dashed #6f6f6f;
}    
        
    
.link_btn a{
    background-color: #BEA603;
    color: #fff;
    display: block;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #BEA603;
    width: 40%;
    margin: 30px auto;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 900;
    text-decoration: none;
}
.link_btn a:hover{
    background-color: #fff;
    color: #674726;
    text-decoration: underline;
}

.dm_contBlock.plan .ifb{
    margin: 0 auto;
    width: 950px;
}
#newOpenHotel.dm_contBlock .ifb{
    margin: 0 auto;
    width: 950px;
}

.dm_contBlock .copytxt {
    	color: #fff;
    text-align: center;
    margin: 15px 0;
    font-size: 18px;
    	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.dm_contBlock .copytxt00 {
    	color: #fff;
    text-align: center;
    margin: 20px 0 5px 0;
    font-size: 22px;
    font-weight: 900;
    	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.dm_contBlock.top00 .copytxt {
    color: #fff;
    text-align: center;
    margin: 15px 0;
    font-size: 18px;
    	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.dm_contBlock .roomtxt {
    text-align: center;
    margin: 20px 0 0 0;
    font-size: 16px;
   	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
}
.dm_contBlock .roomtxt span {
    font-size: 22px;
   	font-weight: 900;
   	display: block;
}
.dm_contBlock .roomtxt small {
    font-size: 14px;
   	display: block;
   	margin-top: 3px;
}
.dm_contBlock .copytxt .small00{font-size: 12px;}

#subvis h2 {
    position: relative;
}
#subvis h2 span.mtit {
    position: absolute;
    font-size: 38px;
    font-weight: 900;
   	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   	bottom: 35%;
   	left: 0px;
   	color: #fff;
   	padding: 0 0 0 30px;
/*   	border-bottom: 3px solid #fff;*/
   	line-height: 1;
   	text-shadow:0 0 20px #000;
}
#subvis h2 .logo {
    position: absolute;
   	bottom: 5px;
   	right: 5px;
   	text-align: right;   	
}
#subvis h2 .logo img {
    width: 55%;
}
.infobox{
    margin: 20px 0 50px 0;
}
.dm_contBlock table.basic {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}
.dm_contBlock table.basic th {
    background-color: #9b8c62;
    width: 15%;
    border-bottom: 1px solid #fff;
    padding: 10px;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}
.dm_contBlock table.basic.facitable {
    margin: 10px 0 50px 0;
}
.dm_contBlock table.basic.facitable th {
    width: 20%;
}
.dm_contBlock table.basic.facitable td {
    width: 80%;
}
.dm_contBlock table.basic td {
    background-color: #fff;
    width: 85%;
    border-bottom: 1px solid #cfcab6;
    padding: 10px;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 16px;
            color: #333;
}










/* -----------------------------------------------------------
	topメニュー
----------------------------------------------------------- */

.point_list {
	margin-bottom:;
}

.point_list a {
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	background-size: cover;
	line-height: 1.8;
}
.point_list a.point01 {
	background-image: url(../img/top/point03_bg.jpg);
}
.point_list a.point02 {
	background-image: url(../img/top/point02_bg.jpg);
}
.point_list a.point03 {
	background-image: url(../img/top/point01_bg.jpg);
}
.point_list a.point04 {
	background-image: url(../img/top/point04_bg.jpg);
}
.point_list a.point05 {
	background-image: url(../img/top/point05_bg.jpg);
}
.point_list a.point06 {
	background-image: url(../img/top/point06_bg.jpg);
}

.point_list a .bg,
.point_list a .bg > div {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.point_list a .bg > div {
	background-color: rgba(0,0,0,.5);
}

.point_list a dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	line-height: 1.6;
	color: #fff;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	.point_list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -1px;
	}
	.point_list > * {
		width: 32%;
		border: 1px solid #fff;
		margin:0.5%;
	}
	.point_list a {
		overflow: hidden;
		height: 200px;
	}
	.point_list a .bg {
		top: 30px;
		bottom: 30px;
		left: 30px;
		right: 30px;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.point_list a dl {
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		-webkit-transform: translateY(78px);
		-ms-transform: translateY(78px);
		-o-transform: translateY(78px);
		transform: translateY(78px);
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .4s;
		z-index: 3;
	}
	.point_list a dd {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: -webkit-transform .4s, opacity .4s;
		-o-transition: -o-transform .4s, opacity .4s;
		transition: transform .4s, opacity .4s;
		color: #fff;
		font-size: 1.3rem;
		text-align: center;
	}
	.point_list a:hover .bg {
		top: -2px;
		bottom: -2px;
		left: -2px;
		right: -2px;
	}
	.point_list a:hover dl {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		top: 50px;
	}
	.point_list a:hover dd {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	
	

/* -----------------------------------------------------------
	タブメニュー
----------------------------------------------------------- */	
.tab00s{width: 940px;margin-left: auto;margin-right: auto;margin-top: 30px;margin-bottom: 0px;font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.tab_item {width: calc(99%/2);font-size: 1.4rem;padding-top: 10px;padding-bottom: 10px;border-bottom: 3px solid #c9bc9c;background-color: #c9bc9c;text-align: center;border-right: 1px solid #efefef;color: #ffffff;display: block;float: left;text-align: center;font-weight: 900;transition: all 0.2s ease;cursor: pointer;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 40px 0 10px 0;clear: both;overflow: hidden;}
#n_100:checked ~ #n_100_content,#n_200:checked ~ #n_200_content,#n_300:checked ~ #n_300_content,#n_400:checked ~ #n_400_content,#n_500:checked ~ #n_500_content,#n_600:checked ~ #n_600_content,#n_700:checked ~ #n_700_content { display: block;}

.tab00s input:checked + .tab_item {color: #fff;position: relative;background: #af8222;}
.tab00s input:checked + .tab_item:before {position: absolute;bottom: -10px;left: 45%;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #af8222 transparent transparent transparent;}	



.roomlistbox{margin: 0 0 30px 0;padding: 0 0 0 0;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;background-color: #fff;}
.roomlistbox .phbox00{width: 530px;}
.roomlistbox .phbox00 img{width: 95%;}
.roomlistbox .txtbox00{width: 400px;color: #333;}
.roomlistbox .txtbox00 .tit{font-size: 20px;display: block;padding-top: 10px;margin-bottom: 5px;}

#contents02 .dm_contBlock .acc50{padding: 30px 10px;background-color: #fff;margin:10px 0 50px 0;}

















.dm_contBlock .amenityBox ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px auto;
}
.dm_contBlock .amenityBox ul li{
    width: calc(99%/3);
    margin-bottom: 5px;
    font-size: 14px;
    padding-bottom: 2px;
    text-align: center;
}

.memo00{
    text-align: right;
    margin-top: 15px;
}
.memo{
   font-size: 14px;
   margin: 5px 0 15px 0;
   color: #333;
}
.memo.whtxt{
   font-size: 14px;
   margin: 5px 0 15px 0;
   color: #fff;
}
.dm_contBlock .lead00 {
    margin: 10px 0 10px 0;
    text-align: center;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
}
.dm_contBlock.info .infoBody dl dt:before {
    content: "■";
}
#hotelInfo {
    padding: 20px 40px 20px 154px;
    background-color:#756663;
    border-top: 1px solid #433322;
    line-height: 1.5;
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #333;
   background: url(../img/footbg.png) left bottom no-repeat;
}
#hotelInfo {
    font-size: 16px;
}
#hotelInfo strong {
    font-weight: 900;
    font-size: 20px;
}


.restflexbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px;
}
.restflexbox .restflexbox_inn{
    width: 50%;
    padding: 5px;
}
.restflexbox .restflexbox_inn img{
    width: 100%;
}
.restflexbox .restflexbox_inn .restname{
    width: 100%;
    margin: 0 0 3px 0;
    font-size: 18px;
    font-weight: 900;
    background-color: #752061;
    color: #fff;
    text-align: center;
    padding: 3px 0;
}
.restflexbox .restflexbox_inn .txt{
    width: 96%;
    margin: 3px auto;
    font-size: 14px;
}
.restflexbox .restflexbox_inn .txt small{
    display: block;
        font-size: 11px;
}
.menobox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 80px;
    margin-left: 1.5em;
}
.menobox li{
    width: calc(100%/3);
    padding: 0 0 5px 0 ;
    margin: 0 0 5px 0;
    text-indent: -1em;
}
.menobox li:before{
    content: "■";
}
.menobox li small{
     font-size: 12px;
}


#sightseeing .dm_contBlock.top00{
    margin-bottom: 80px;
}

.root{
    margin:20px 0 50px 0;
}
.root img{
    width: 100%;
}

.parkingbox .tit{
    text-align: center;
    font-weight: 900;
	font-size: 120%;
	display: flex;
	align-items: center;
}
.parkingbox .tit:before, .parkingbox .tit:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.parkingbox .tit:before {
	margin-right: .4em;
}
.parkingbox .tit:after {
	margin-left: .4em;
}
.parkingbox .btn_link a{
    display: block;
    width: 80%;
    background-color: #97603b;
    border: 1px solid #97603b;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    margin: 5px 0;
}
.parkingbox .btn_link a:hover{
    color: #97603b;
    background-color: #fff;
}
.parkingbox .hanare{
    margin-top: 30px;
}
.parkingbox .hanare em{
    font-weight: 900;
}
.dm_contBlock .phtac{
    text-align: center;
    margin: 15px 0 50px 0;
}
.dm_contBlock .tac{
    text-align: center;
}
.dm_contBlock.mb50{
    margin-bottom: 50px !important;
}
.RthChainLink a,
ul#RthExcursionArea a{
    color: #e2e2e2 !important;
}

.mb20{
    margin-bottom: 20px;
}

.acc_img{
    background-color: #e0e0d7;
    padding: 15px 5px;
    text-align: center;
}
.acc_img img{
    width: 96%;
}


.restflexbox_y{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px;
}
.restflexbox_y .restflexbox_inn{
    width: 30%;
    padding: 5px;
}
.restflexbox_y .restflexbox_inn.left  {
    width: 70%;
    padding: 5px;
}
.dm_contBlock .restflexbox_y .restflexbox_inn.left .copytxt {
    text-align: left;
}
.restflexbox_y .restflexbox_inn img{
    width: 100%;
}
.restflexbox_y .restflexbox_inn .restname{
    width: 100%;
    margin: 0 0 3px 0;
    font-size: 18px;
    font-weight: 900;
    background-color: #752061;
    color: #fff;
    text-align: center;
    padding: 3px 0;
}
.restflexbox_y .restflexbox_inn .txt{
    width: 96%;
    margin: 3px auto;
    font-size: 14px;
}
.restflexbox_y .restflexbox_inn .txt small{
    display: block;
        font-size: 11px;
}

.flexmenu{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 50px 0;
    padding: 15px;
    background-color: #fff;
    border: 3px outset #978969 ;
}
.flexmenu .flex_inn{
    width: 50%;
    text-align: left;
}
.flexmenu .flex_inn.ph{
   text-align: right;
}
.flexmenu .flex_inn.ph img{
   width: 100%;
}
.flexmenu .flex_inn .tit{
   display: block;
   font-weight: 900;
   font-size: 20px;
}
.flexmenu .flex_inn .tit small{
   font-size: 18px;
   margin-left: 10px;
}
.flexmenu .flex_inn .txt{
   font-size: 13px;
}
.mt20{
   margin-top: 20px;
}
.w_copy{
   font-size: 14px;
   margin: 10px 0;
}
.w_memo{
padding: 15px;
   font-size: 14px;
   margin: 10px 0;
   border: 3px double #333;
   background-color: #fff;
   color: #333;
}
.introbox{
text-align: center;
   padding: 15px;
   background-color: #fff;
   margin: 20px 0;
}
.introbox img{
width: 96%;
}

.dm_contBlock table.basic.roomtd th {
    width: 20%;
}
.dm_contBlock table.basic.roomtd td {
    width: 30%;
}


.accbox00 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:20px 0 50px 0;
    padding: 10px 20px;
    border: 1px solid #133a96;
    background-color: #84a163;
} 
.accbox00 .accbox00_inn {
    width: 49%;
} 
.accbox00 .accbox00_inn img {
    width: 100%;
} 
.accbox00 .accbox00_inn .name {
    font-size: 16px;
} 
.accbox00 .accbox00_inn .name span{
    display: block;
    font-size: 20px;
    margin: 10px 0 5px 0;
} 

.accbox00 .accbox00_txt {
    width: 55%;
} 
.accbox00 .accbox00_txt.w100 {
    width: 100%;
} 
.accbox00 .accbox00_txt span.tit {
    display: block;
    font-size: 18px;
    font-weight: 900;
    margin: 10px 0 ;
      padding: 5px 10px;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
} 
.accbox00 .accbox00_txt span.ul00 {
    display: block;
    font-size: 16px;
    margin: 0 0 15px 5px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
} 
.accbox00 .accbox00_phbox {
    width: 40%;
} 

.accbox00 .accbox00_phbox img{
    width: 100%;
} 


.p-access {
    margin: 30px 0 80px 0;
}
.p-access__route.u-column2 {
    display: flex;
    gap: 36px;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
}

.p-access__route.u-column2 .js-route {
    width: calc(50% - 18px);
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.p-access__route.u-column2 .js-route li {
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

/* 上下の白ボックス */
.p-access__route.u-column2 .js-route li:nth-child(1),
.p-access__route.u-column2 .js-route li:nth-child(3) {
    background: #fff;
    color: #333;
    min-height: 56px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}

/* 説明テキスト部分 */
.p-access__route.u-column2 .js-route li:nth-child(2),
.p-access__route.u-column2 .js-route li:nth-child(4) {
    color: #fff;
    font-weight: 700;
    line-height: 1.7;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 縦線 */
.p-access__route.u-column2 .js-route li:nth-child(2)::before,
.p-access__route.u-column2 .js-route li:nth-child(2)::after,
.p-access__route.u-column2 .js-route li:nth-child(4)::before,
.p-access__route.u-column2 .js-route li:nth-child(4)::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background: rgba(255,255,255,0.8);
}

/* 2段目テキストの上線 */
.p-access__route.u-column2 .js-route li:nth-child(2)::before {
    top: 0;
    height: 30px;
}

/* 2段目テキストの下線 */
.p-access__route.u-column2 .js-route li:nth-child(2)::after {
    bottom: 0;
    height: 30px;
}

/* 4段目テキストの上線 */
.p-access__route.u-column2 .js-route li:nth-child(4)::before {
    top: 0;
    height: 30px;
}

/* 4段目テキストの下線 */
.p-access__route.u-column2 .js-route li:nth-child(4)::after {
    bottom: 0;
    height: 30px;
}

/* 最下部の金色ボックス */
.p-access__route.u-column2 .js-route li:nth-child(5) {
    background: #a88f14;
    color: #fff;
    font-weight: 700;
    min-height: 78px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    font-size: 1.9rem;
}

/* 既存の u-margin120 がある場合の打ち消し */
.p-access__route.u-column2 .js-route .u-margin120 {
    margin-top: 0;
}

/* テキストの見え方調整 */
.p-access__route.u-column2 .js-route li span {
    display: inline-block;
}

/* スマホ */
@media screen and (max-width: 767px) {
    .p-access__route.u-column2 {
        gap: 24px;
    }

    .p-access__route.u-column2 .js-route {
        width: 100%;
    }

    .p-access__route.u-column2 .js-route li:nth-child(1),
    .p-access__route.u-column2 .js-route li:nth-child(3) {
        min-height: 48px;
        padding: 14px 16px;
    }

    .p-access__route.u-column2 .js-route li:nth-child(2),
    .p-access__route.u-column2 .js-route li:nth-child(4) {
        min-height: 90px;
        font-size: 1.4rem;
    }

    .p-access__route.u-column2 .js-route li:nth-child(5) {
        min-height: 64px;
        font-size: 1.6rem;
        padding: 14px 16px;
    }

    .p-access__route.u-column2 .js-route li:nth-child(2)::before,
    .p-access__route.u-column2 .js-route li:nth-child(2)::after,
    .p-access__route.u-column2 .js-route li:nth-child(4)::before,
    .p-access__route.u-column2 .js-route li:nth-child(4)::after {
        height: 22px;
    }
}


.dm_contBlock .spectable{
    margin: -20px auto 80px auto;
    width: 870px;
}
.dm_contBlock .spectable table.spectable_inn{
    margin: 0 ;
    width: 100%;
    background-color: rgb(255 255 255 / 10%);
}
.dm_contBlock .spectable table.spectable_inn th,
.dm_contBlock .spectable table.spectable_inn td{
   padding: 5px 10px;
   color: #fff;
}




/*　部屋タブ　*/

/* ラジオボタンを非表示にする */
input[name="tab_item"] {
    display: none;
}

/* タブメニュー全体のスタイル */
.tabbox_nav {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 10px; /* タブ間の隙間 */
    margin-bottom: 0;
}

/* タブのデザイン（デフォルト：オフの状態） */
.tabbox_nav .cplink {
    display: block;
    flex: 1;
    max-width: 30%;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    transition: all 0.3s;

    /* --- フォント設定 --- */
    font-size: 18px;            /* 16pxに設定 */
    line-height: 1.5;           /* 行間の調整 */
    font-weight: 700;

    /* --- オフ（未選択）の色設定 --- */
    background-color: #FFFBE8;  /* 指定のオフ色 */
    border: 1px solid #FCEDAF;
    color: rgba(51, 51, 51, 0.7); /* 文字を薄く */
}

/* コンテンツ部分の基本設定 */
.tabbox_inn {
    display: none;
    padding: 20px;
    /*background: #fff;*/
    border: 2px solid #CAB108; /* 全体の枠線をオンの色に合わせる */
    margin-top: 0;
    font-size: 16px;           /* 中身の文字も16pxに合わせる場合 */
    width: 1120px;
}

/* --- オン（チェックされた時）のスタイル --- */
#tab_01:checked ~ .tabbox_nav label[for="tab_01"],
#tab_02:checked ~ .tabbox_nav label[for="tab_02"],
#tab_03:checked ~ .tabbox_nav label[for="tab_03"] {
    /* --- オン（選択中）の色設定 --- */
    background-color: #CAB108;  /* 指定のオン色 */
    border: 1px solid #CAB108;
    color: #fff;                /* 文字を白くして読みやすく */
    font-weight: bold;
}

/* コンテンツの表示切替 */
#tab_01:checked ~ #content_01,
#tab_02:checked ~ #content_02,
#tab_03:checked ~ #content_03 {
    display: block;
}

#contents .tabbox_inn iframe {
    margin: 0 85px !important;
    width: 950px;
}