@charset "utf-8";

/*PCSP共通設定*/
section:nth-of-type(odd){}
section:nth-of-type(even){}

.btnone{
		background-color: #cccccc !important;
		pointer-events: none;
	}
/*クリアフィックス*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

.t_small {
    font-size: 80%!important;
}
.t_red {
    color: #e60000;
}
.t_small {
    font-size: 80%;
}
.cap {
    text-align: right;
    font-size: 12px;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
article {
        width:100%;
	background:#59191a url(../images/bg_smp.png) no-repeat 50% 50%;
    background-size: 100%;
    background-position:top center;
	text-align:center;
    }
section {
    overflow: hidden;
}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}
.inner_sp{
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.inner img,.inner_sp img{
        width:100%;
    }

/*title*/
img#mainphoto {
	width: 100%;
	margin-bottom: 5%;
}
    
/* ------------------------------------------
	title
------------------------------------------ */
#title{
	position:relative;
	/*background:url(../images/bg.png) repeat-x 50% 50% #f5f1e7;
	text-align:center;
	overflow:hidden;
	padding:0 0 0;
    margin:0;*/
}
#title img{
width: 80%;
height: auto;
margin-top:20px
}
    
.main_catch {
    text-align: center;
    margin-top:120px;
    }
.main_catch img {
    width:100%;
    }
    
    
#navi{
    margin:20px auto;
	text-align:center;
	letter-spacing:-0.4em;
	padding:10px 0 20px;
    width:100%;
    box-sizing: border-box;
}
#navi li {
    display:inline-block;
	letter-spacing:normal;
    font-size: 16px;
    font-weight: bold;
    padding:0 0;
    margin:0 10px 10px 0;
    color: #FFF;
    width:45%;
    vertical-align: top;
    background: url(../images/tab.png) no-repeat;
    background-size: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    line-height: 20px;
}
#navi li:hover {

}
#navi li:first-child{
    margin-left: 0;
}
#navi li:nth-child(2n){
    border:0;
    margin-right: 0px;
}
#navi li a{
	display:block;
	color: #00469c;
}
#navi li:nth-of-type(1){
	border-left:none
}
#navi li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}

#navi li a{
    margin:-3px auto 0;
    border-radius: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height:100px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
}
#navi li a.small{
    font-size: 12px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
	line-height: 1.2;
}
    
.hotel_wrap {
    width:94%;
    margin:0 3% 40px;
    background-image: url(../images/deco_left.png),url(../images/deco_right.png),url(../images/bg_hotel.jpg);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: 5% 20px,95% 20px;
    background-size: 4rem;
    overflow: hidden;
    padding: 25px 10px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
    box-sizing: border-box;
    }
.hotel_wrap h2 {
    text-align: center;
    font-size: 26px;
    margin: 0px 0 30px;
    font-weight: bold;
    }
.hotel_wrap dl {
    width:100%;
    float:left;
    margin:0 auto 30px;
    overflow: hidden;
    }
.hotel_wrap dl:last-of-type {
    width:100%;
    float:left;
    margin:0 auto 0 0;
    border-top:1px solid #999;
    padding-top: 20px;
    }
.hotel_wrap dt {
    font-size: 22px;
    margin-bottom: 10px;
    }
.hotel_wrap dl img {
    width: 100%;
    }
.hotel_wrap dd.oshinagaki {
    text-align: left;
    padding: 10px 10px 0;
    line-height: 1.6;
    }
	.hotel_wrap dd.oshinagaki span.sup {
		font-size: 80%;
		margin-bottom: 5px;
		text-align: center;
	}
.hotel_wrap dd.oshinagaki p {
    padding: 0 0;
    color: #c83c28;
    text-align: center;
    margin:0 auto 10px;
    border-bottom:3px solid #c83c28;
    font-size: 18px;
	text-align: center;
    }
.hotel_wrap dd.oshinagaki p.att {
    padding: 0 0;
    color: #000;
    text-align: center;
    margin:0 auto 5px;
    border-bottom:none;
    font-size: 18px;
	text-align: center;
    }
.hotel_wrap dd.sup {
    text-align: left;
    padding: 10px;
    line-height: 1.6;
    font-size: 14px;
    }
.hotel_wrap dd {
    font-size: 16px;
    margin-top: 10px;
    text-align: left;
    }
    .hotel_wrap dd p {
        text-align: center;
    }
.hotel_wrap dd p.cap {
    text-align: right;
    font-size: 12px;
}
.link_wrap {
    width:100%;
    overflow: hidden;
    margin:0 ;
    }
.link_wrap ul {
    overflow: hidden;
    margin-top:15px;
    }
.link_wrap ul li {
    width:100%;
    float:left;
    text-align: center;
    margin-top:10px;
    }
    
.detail_btn a{
    margin:0 auto;
    /*width:300px;*/
    border-radius: 10px;
    background: #c83c28;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    margin: 0 auto;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.detail_btn a:hover {
    text-decoration: none!important;
    color: #fff;
    opacity: 0.8;
}
.btnone{
		background-color: #cccccc !important;
		pointer-events: none;
	}

/* --------タブ切り替え-------- */
.contents {
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
    }
.contents input[type="radio"] {
display: none; /* ラジオボタンのデザインを無効にする */
}
.contents label {
display: inline-block; /* ブロックレベル要素をインライン要素化 */
width: 50%; /* タブラベルの横幅を指定する */
border: 1px solid #2f3134 ;/* タブラベルの境界線を指定する */
    box-sizing: border-box;
    padding: 15px 5px;
    background-color: #d3d6d9;
    text-align: center;
    font-size: 18px;
}
.contents label span {
    font-size: 16px;
}
.contents input[type="radio"]:checked + label {
color: #FFF; /* タブラベルクリック時のフォントの色を指定する */
background-color: #2f3134; /* タブラベルクリック時の背景色を指定する */
}
.tab_box {
width: 100%; 
background: #f3f4f2;
    padding: 15px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.contents > .tab_box > div {
display: none; /* コンテンツを表示するdiv要素にのみに非表示を指定する */
}
#tab_label1:checked ~ .tab_box > #tabContent1 {
display: block; /* タブコンテンツ１を表示する */
}
#tab_label2:checked ~ .tab_box > #tabContent2 {
display: block; /* タブコンテンツ２を表示する */
}
#tab_label3:checked ~ .tab_box > #tabContent3 {
display: block; /* タブコンテンツ３を表示する */
}


}

/*------------------------------------------------------------
760px以上
----------------------------------------------------------*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
article {
        width:100%;
	background:#59191a url(../images/bg.png) no-repeat 50% 50%;
    background-position:top center;
	text-align:center;
    }
section {
    overflow: hidden;
}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}
.inner {
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:30px 0;
	display: block;
}
    
.inner_sp{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:50px 0 0;
	display: block;
}
u{text-decoration-color: red;}
/*title*/
img#mainphoto {
	width: 100%;
	max-width:970px;
	margin:0 auto 2%;
	display:block;
}
    
/* ------------------------------------------
	title
------------------------------------------ */
#title{
	width:100%;
	/*background:#fff url(../images/sample.jpg) no-repeat 50% 50%;
	background-size: cover;*/
	text-align:center;
}

.main_catch {
    text-align: center;
    }
    
    
/*
#navi{
    margin:50px auto;
	text-align:center;
	letter-spacing:-0.4em;
	padding:10px 0 20px;
    width:950px;
    box-sizing: border-box;
}
#navi li {
    display:inline-block;
	letter-spacing:normal;
    font-size: 18px;
    font-weight: bold;
    padding:0 0;
    margin:0 15px 10px 0;
    color: #FFF;
    height:122px;
    width:226px;
    vertical-align: top;
    background: url(../images/tab.png) no-repeat;
    justify-content: center;
    align-items: center;
    position: relative;
}
#navi li:hover {
    background: url(../images/tab_ov.png) no-repeat;    
}
#navi li:first-child{
    margin-left: 0;
}
#navi li:nth-child(4){
    border:0;
    margin-right: 0px;
}
#navi li a{
	display:block;
	color: #00469c;
}
#navi li:nth-of-type(1){
	border-left:none
}
#navi li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}

#navi li a{
    margin:0 auto;
    border-radius: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height:122px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
}*/
    
/**/
#navi{
    margin:50px auto;
	text-align:center;
	letter-spacing:-0.4em;
	padding:10px 0 20px;
    width:750px;
    box-sizing: border-box;
}
#navi li {
    display:inline-block;
	letter-spacing:normal;
    font-size: 18px;
    font-weight: bold;
    padding:0 0;
    margin:0 15px 10px 0;
    color: #FFF;
    height:122px;
    width:226px;
    vertical-align: top;
    background: url(../images/tab.png) no-repeat;
    justify-content: center;
    align-items: center;
    position: relative;
}
#navi li:hover {
    background: url(../images/tab_ov.png) no-repeat;    
}
#navi li:first-child{
    margin-left: 0;
}
#navi li:nth-child(3){
    border:0;
    margin-right: 0px;
}
#navi li a{
	display:block;
	color: #00469c;
}
#navi li:nth-of-type(1){
	border-left:none
}
#navi li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important
}

#navi li a{
    margin:0 auto;
    border-radius: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height:122px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
}
	
#navi li a.small{
    font-size: 16px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
}
/**/
    
.hotel_wrap {
    width:950px;
    margin:0 auto 40px;
    background-image: url(../images/deco_left.png),url(../images/deco_right.png),url(../images/bg_hotel.jpg);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: 30px 25px,900px 25px;
    overflow: hidden;
    padding: 30px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
    }
.hotel_wrap h2 {
    text-align: center;
    font-size: 28px;
    margin: 10px 0 30px;
    font-weight: bold;
    }
.hotel_wrap dl {
    width:48%;
    float:left;
    margin:0 auto;
    overflow: hidden;
    }
.hotel_wrap dl.center {
    width:48%;
	float:none;
    margin:0 auto;
    overflow: hidden;
    }
.hotel_wrap dl:last-of-type {
    width:48%;
    float:left;
    margin:0 auto 0 35px;
    }
.hotel_wrap dt {
    font-size: 24px;
    margin-bottom: 10px;
    }
.hotel_wrap dl img {
    width: 100%;
    }
.hotel_wrap dd.oshinagaki {
    text-align: left;
    padding: 10px 10px 0;
    line-height: 1.6;
    }
	.hotel_wrap dd.oshinagaki span.sup {
		font-size: 80%;
		margin-bottom: 5px;
		text-align: center;
	}
.hotel_wrap dd.oshinagaki p {
    padding: 0 0;
    color: #c83c28;
    text-align: center;
    margin:0 auto 10px;
    border-bottom:3px solid #c83c28;
    font-size: 18px;
	text-align: center;
    }
.hotel_wrap dd.oshinagaki p.att {
    padding: 0 0;
    color: #000;
    text-align: center;
    margin:0 auto 5px;
    border-bottom:none;
    font-size: 18px;
	text-align: center;
    }
.hotel_wrap dd.sup {
    text-align: left;
    padding: 10px;
    line-height: 1.6;
    font-size: 14px;
    }
.hotel_wrap dd {
    font-size: 16px;
    margin-top: 10px;
    text-align: left;
    }

.link_wrap {
    width:80%;
    overflow: hidden;
    margin:0 10%;
    }
.link_wrap ul {
    overflow: hidden;
    margin-top:15px;
    }
.link_wrap ul li {
    width:50%;
    float:left;
    text-align: center;
    }
    
.detail_btn a{
    margin:0 auto;
    width:300px;
    border-radius: 10px;
    background: #c83c28;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    margin: 0 auto;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.detail_btn a:hover {
    text-decoration: none!important;
    color: #fff;
    opacity: 0.8;
}




/* --------タブ切り替え-------- */
.contents {
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
    }
.contents input[type="radio"] {
display: none; /* ラジオボタンのデザインを無効にする */
}
.contents label {
display: inline-block; /* ブロックレベル要素をインライン要素化 */
width: 485px; /* タブラベルの横幅を指定する */
border: 1px solid #2f3134 ;/* タブラベルの境界線を指定する */
    box-sizing: border-box;
    padding: 15px;
    background-color: #d3d6d9;
    text-align: center;
    font-size: 22px;
}
.contents label span {
    font-size: 18px;
}
.contents input[type="radio"]:checked + label {
color: #FFF; /* タブラベルクリック時のフォントの色を指定する */
background-color: #2f3134; /* タブラベルクリック時の背景色を指定する */
}
.tab_box {
width: 970px; 
background: #f3f4f2;
    padding: 0 0 15px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.contents > .tab_box > div {
display: none; /* コンテンツを表示するdiv要素にのみに非表示を指定する */
}
#tab_label1:checked ~ .tab_box > #tabContent1 {
display: block; /* タブコンテンツ１を表示する */
background:url(../images/map_1201.png);
background-position: right top;
background-repeat: no-repeat;
    background-size: 40%;
}
#tab_label2:checked ~ .tab_box > #tabContent2 {
display: block; /* タブコンテンツ２を表示する */
background:url(../images/map_1001.png);
background-position: right top;
background-repeat: no-repeat;
    background-size: 40%;
}
#tab_label3:checked ~ .tab_box > #tabContent3 {
display: block; /* タブコンテンツ３を表示する */
}

}