@charset "utf-8";

figure.cap_right figcaption{text-align: right; font-size: 0.8rem; padding-top: 5px;}
figure.cap_on{position: relative;}
figure.cap_on figcaption{position: absolute; bottom:5px; right: 10px; font-size: 0.8rem; color: #fff;}

h4.design_title1{font-size: 1.5rem; color: #787953; text-align: left;}

br.sp_only{display: none;}
@media screen and (max-width:414px){
	br.pc_only{display: none;}
	br.sp_only{display: block;}
}

/* c_support01
--------------------------------------------------------------------------------*/
#c_support01{padding-top: 150px;}
#c_support01 h3{text-align: center; font-size: 2.5rem; margin-bottom: 30px;}
#c_support01 figure{text-align: center;}
#c_support01 figure img{max-width: 50%;}

@media screen and (max-width:768px){
	#c_support01 h3{font-size: 2rem;}
}
@media screen and (max-width:414px){
	#c_support01{padding-top: 80px;}
	#c_support01 h3{font-size: 1.5rem; margin-bottom:40px;}
	
	#c_support01 figure img{max-width: 100%;}
}


/* c_design02
--------------------------------------------------------------------------------*/
#c_support02{padding-top: 130px;}
#c_support02 h3{background: #87121a; color: #fff; padding: 0 30px; margin-bottom: 70px;}
#c_support02 h4{background: #d0595f; color: #fff; padding: 10px 10px; text-align: left; margin-bottom: 30px;}
#c_support02 p{font-size: 0.9rem; line-height: 1.8; margin-bottom: 40px;}
#c_support02 ul li{font-size: 1.4rem; border-top: 1px solid #eaeaea; padding: 15px 0 15px 30px; line-height: 1.5; position: relative; letter-spacing: -1px;}
#c_support02 ul li:nth-child(1){border-top:none;}
#c_support02 ul li:before{content: "●"; color: #bc131a; position: absolute; left: 0; top: 5px; font-size: 2rem;}
#c_support02 ul li small{font-size: 0.8rem; line-height: 1.6; display: block;}

#c_support02 .map_img{margin-bottom: 30px;}

#c_support02 .support02_line2 h4{background: none; position: relative;}
#c_support02 .support02_line2 h4:after{content: ""; position: absolute; width: 99%; height: 2px; background: #d0595f; top:20px; right: 0; z-index: 1;}
#c_support02 .support02_line2 h4 span{background: #d0595f; padding: 5px 10px; position: relative; z-index: 2;}
#c_support02 .support02_line2 table{width: 100%; margin-top: 20px;}
#c_support02 .support02_line2 table tr th{font-size: 1.6rem; width: 32%; vertical-align: middle; color: #bc131a; border-top:1px solid #eaeaea; padding: 20px 0;}
#c_support02 .support02_line2 table tr td{vertical-align: middle; width: 68%; border-top:1px solid #eaeaea; padding: 20px 0; line-height: 1.5;}
#c_support02 .support02_line2 table tr:nth-child(1) th,
#c_support02 .support02_line2 table tr:nth-child(1) td{border-top:none;}

@media screen and (max-width:768px){
	#c_support02 .map_img{text-align: center;}
	#c_support02 .support02_line2 .col-md-5{margin-top: 20px;}
}

@media screen and (max-width:414px){
	#c_support02{padding-top: 80px;}
	#c_support02 h3{font-size: 1.7rem; margin-bottom: 40px;}
	
	#c_support02 ul li{font-size: 1.2rem;}
	#c_support02 .support02_line2 h4:after{width: 95%;}
	#c_support02 .support02_line2 table tr th{display: block; width: 100%; padding: 20px 0 0;}
	#c_support02 .support02_line2 table tr td{display: block; width: 100%; border-top:none;}
}


/* c_support03
--------------------------------------------------------------------------------*/
#c_support03{padding-top: 130px; padding-bottom: 100px;}
#c_support03 h3{background: #87121a; color: #fff; padding: 0 30px; margin-bottom: 70px;}
#c_support03 h4{background: #d0595f; color: #fff; padding: 10px 10px; text-align: left; margin-bottom: 30px; font-size: 1.4rem; letter-spacing: -1px;}

#c_support03 ul li{font-size: 1.3rem; border-top: 1px solid #eaeaea; padding: 15px 0 15px 30px; line-height: 1.5; position: relative; letter-spacing: -1px;}
#c_support03 ul li:nth-child(1){border-top:none;}
#c_support03 ul li:before{content: "●"; color: #bc131a; position: absolute; left: 0; top: 4px; font-size: 2rem;}
#c_support03 ul li small{font-size: 0.8rem; line-height: 1.6; display: block;}


@media screen and (max-width:768px){
	#c_support03 .support03_line2{margin-top: 30px;}
}
@media screen and (max-width:414px){
	#c_support03{padding-top: 80px;}
	#c_support03 h3{font-size: 1.7rem; margin-bottom: 40px;}
	#c_support03 h4{line-height: 1.5;}
	#c_support03 ul li{font-size: 1.2rem;}
}



/* 190610 追加
--------------------------------------------------------------------------------*/
.fullImage img{width: 100%;}
.fullImage p{font-size: 0.8rem; text-align: right; padding-right: 10px;}
#c_support01 p.read{text-align: center;}


#restaurant{padding-top: 150px;}
#restaurant h3{text-align: center; line-height: 1.4;}
#restaurant h3 small{font-size: 18px;}
#restaurant .restaurant_con{overflow: hidden; padding-top: 120px;}
#restaurant .restaurant_con .leftBox{float: left; width: 48%;}
#restaurant .restaurant_con .rightBox{float: right; width: 48%;}

#restaurant .restaurant_con .leftBox .restaurantBox{overflow: hidden; margin-bottom: 40px;}
#restaurant .restaurant_con .leftBox .restaurantBox h4{text-align: left;}
#restaurant .restaurant_con .leftBox .restaurantBox h4 span{font-size: 1rem; color: #000; padding: 0 5px;}
#restaurant .restaurant_con .leftBox .restaurantBox figure:nth-child(2){float: left; width: 49%;}
#restaurant .restaurant_con .leftBox .restaurantBox figure:nth-child(3){float: right; width: 49%;}

#restaurant .restaurant_con .rightBox p.rightRead{font-size: 0.8rem; line-height: 1.8;}
#restaurant .restaurant_con .rightBox .restaurantBK{background: #F8F6F0; padding: 30px;}
#restaurant .restaurant_con .rightBox .restaurantBK h4{color: #231815;}
#restaurant .restaurant_con .rightBox .restaurantBK h4 span{display: inline-block; width: 26%;}
#restaurant .restaurant_con .rightBox .restaurantBK h4:before{content: ""; background: url("../../../img/pages/support/restaurant_icon.png") no-repeat left center; display: inline-block; transform: rotate(180deg); width: 37%; height: 20px;}
#restaurant .restaurant_con .rightBox .restaurantBK h4:after{content: ""; background: url("../../../img/pages/support/restaurant_icon.png") no-repeat left center; display: inline-block; width: 37%; height: 20px;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr{border-top: 1px solid #D0595F;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr:nth-child(1){border-top:none;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr th{ padding: 20px 0; color: #BC121A; width: 20%; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0; vertical-align: top;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr td{ padding: 20px 0; width: 80%; font-size: 0.8rem; letter-spacing: 0; line-height: 1.5; vertical-align: middle;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr td .menuBox{padding-bottom: 10px; position: relative; padding-left: 45px;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr td .menuBox span{color: #fff; font-size: 0.9rem; padding-right: 10px; padding: 2px 5px; margin-right: 5px; position: absolute; left: 0; top:0;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr td .menu1 span{background: #EF90A0;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr td .menu2 span{background: #8BC56C;}
#restaurant .restaurant_con .rightBox .restaurantBK table tr td .menu3 span{background: #F29739;}
#restaurant .restaurant_con .rightBox .cap{font-size: 0.8rem;}
#restaurant .restaurant_con .rightBox .restaurant_image{margin-top: 20px;}
#restaurant .restaurant_con .rightBox .restaurant_image h4{text-align: left;}

#hotspring{padding-top: 150px;}
#hotspring h3{text-align: center;}
#hotspring .hotspring_con{overflow: hidden; padding-top: 120px;}
#hotspring .hotspring_con .leftBox{float: left; width: 48%;}
#hotspring .hotspring_con .rightBox{float: right; width: 48%;}

#hotspring .hotspring_con .leftBox p{font-size: 0.9rem;}
#hotspring .hotspring_con .leftBox p small{font-size: 0.7rem; line-height: 1.5; display: block;}
#hotspring .hotspring_con .leftBox figure{margin: 40px 0;}
#hotspring .hotspring_con .leftBox h4{text-align: left; color: #BC121A;}

#hotspring .hotspring_con .rightBox .hotspring_bk{background: url("../../../img/pages/publicspace/hotspring_bk.jpg"); padding: 40px 35px;}
#hotspring .hotspring_con .rightBox .hotspring_bk .r_read{border-bottom: 1px solid #333; padding: 0 20px; margin-bottom: 20px;}
#hotspring .hotspring_con .rightBox .hotspring_bk .r_read h4{font-size: 1.9rem; margin-bottom: 15px;}
#hotspring .hotspring_con .rightBox .hotspring_bk .r_read h4 small{font-size: 1.2rem;}
#hotspring .hotspring_con .rightBox .hotspring_bk .r_read p{font-size: 0.9rem; line-height: 1.6; letter-spacing: 0;}
#hotspring .hotspring_con .rightBox .hotspring_bk .r_read p span{ display: inline-block; border: 1px solid #333; padding: 1px 5px; margin: 0 4px;}
#hotspring .hotspring_con .rightBox .hotspring_bk dl{display: table; margin-bottom: 20px;}
#hotspring .hotspring_con .rightBox .hotspring_bk dl dt{display: table-cell; color: #69631F; font-size: 1.5rem; width: 15%; vertical-align: top;}
#hotspring .hotspring_con .rightBox .hotspring_bk dl dd{display: table-cell; font-size: 0.9rem; line-height: 1.6; vertical-align: top;}
#hotspring .hotspring_con .rightBox .hotspring_bk .important{background: #fff; padding: 25px 25px 10px; margin-bottom: 40px;}
#hotspring .hotspring_con .rightBox .hotspring_bk .important h4{border-bottom: 1px solid #333;}
#hotspring .hotspring_con .rightBox .hotspring_bk .important ol li{color: #69631F; letter-spacing: 0; margin-bottom: 15px; font-size: 0.97rem;}
#hotspring .hotspring_con .rightBox .hotspring_bk .important p{font-size: 0.7rem; letter-spacing: 0;}
#hotspring .hotspring_con .rightBox .hotspring_bk .efficacy h4{background: #CA4248; color: #fff; font-size: 1.8rem; padding: 10px 0; margin-bottom: 0;}
#hotspring .hotspring_con .rightBox .hotspring_bk .efficacy .efficacyWrap{overflow: hidden; border: 1px solid #CA4248; padding: 15px;}
#hotspring .hotspring_con .rightBox .hotspring_bk .efficacy .efficacyWrap ul li{font-size: 1.3rem; letter-spacing: 0; padding-bottom: 10px;}
#hotspring .hotspring_con .rightBox .hotspring_bk .efficacy .efficacyWrap ul li span{color: #D77176; font-size: 1.5rem;}

#room{padding-top: 150px;}
#room h4{text-align: left;}
#room p{line-height: 1.8; margin-top: 10px; font-size: 1rem;}


@media screen and (max-width:768px){
	#restaurant{padding-top:80px;}
	#restaurant .restaurant_con{padding-top:60px;}
	#restaurant .restaurant_con .leftBox{float: none; width: 100%;}
	#restaurant .restaurant_con .rightBox{float: none; width: 100%;}
	#hotspring{padding-top:80px;}
	#hotspring .hotspring_con{padding-top:60px;}
	#hotspring .hotspring_con .leftBox{float: none; width: 100%;}
	#hotspring .hotspring_con .rightBox{float: none; width: 100%;}
	#hotspring .hotspring_con .leftBox figure img{width: 100%;}
	#hotspring .hotspring_con .rightBox .hotspring_bk .efficacy .efficacyWrap ul{margin-bottom: 20px;}
	#hotspring .hotspring_con .rightBox .hotspring_bk .efficacy .efficacyWrap ul li{display: inline-block; margin-right: 18px;}
	#room{padding-top:80px;}
}

@media screen and (max-width:480px){
	#c_support01 p.read{text-align: left;}
	
	#restaurant{padding-top:40px;}
	#restaurant .restaurant_con{padding-top:40px;}
	#restaurant .restaurant_con .leftBox{margin-bottom: 40px;}
	#restaurant .restaurant_con .leftBox .restaurantBox{margin-bottom: 20px;}
	#restaurant .restaurant_con .leftBox .restaurantBox h4{font-size:1.2rem;}
	#restaurant .restaurant_con .leftBox .restaurantBox h4 span{font-size: 0.8rem;}
	#restaurant .restaurant_con .leftBox .restaurantBox figure figcaption{font-size: 0.7rem;}
	#restaurant .restaurant_con .rightBox .restaurantBK{padding: 30px 20px;}
	#restaurant .restaurant_con .rightBox .restaurantBK h4{margin-bottom: 20px;}
	#restaurant .restaurant_con .rightBox .restaurantBK h4:before{width: 34%;}
	#restaurant .restaurant_con .rightBox .restaurantBK h4:after{width: 34%;}
	#restaurant .restaurant_con .rightBox .restaurantBK h4 span{font-size: 1.2rem; width: 32%;}
	#restaurant .restaurant_con .rightBox .restaurantBK table tr th{display: block; width: 100%; padding-bottom: 10px;}
	#restaurant .restaurant_con .rightBox .restaurantBK table tr th br{display: none;}
	#restaurant .restaurant_con .rightBox .restaurantBK table tr td{display: block; width: 100%; padding-top: 10px;}
	
	#hotspring{padding-top:40px;}
	#hotspring .hotspring_con{padding-top:40px;}
	#hotspring .hotspring_con .rightBox .hotspring_bk{padding: 30px 20px;}
	#hotspring .hotspring_con .rightBox .hotspring_bk .r_read h4 small{display: block; margin-bottom: 10px;}
	#hotspring .hotspring_con .rightBox .hotspring_bk dl dt{width: 20%;}
	
	#room h4{margin-bottom:10px;}
	#room .concierge{ margin-bottom: 40px;}
	#room .container .row + .row{margin-top:0;}
}





/* management
--------------------------------------------------------------------------------*/
#management{background: #F4F4F4; padding: 110px 0;}
#management p{font-size: 1em; line-height: 1.8;}
#management .maBox h5{background: #87121A; color: #fff; padding: 12px 10px; margin-bottom: 30px;}
#management .maBox .maImage_1{margin-bottom: 15px;}
#management .maBox .maImage_2{overflow: hidden; margin-bottom: 15px;}
#management .maBox .maImage_2 figure{float: left; width: 59%;}
#management .maBox .maImage_2 p{float: right; width: 38%;}
#management .maText{overflow: hidden;}
#management .maText .left{float: left; width: 40%;}
#management .maText .right{float: right; width: 56%;}
#management .maText table{border-top: 1px solid #231815; border-left: 1px solid #231815; width: 100%; margin-bottom: 5px;}
#management .maText table tr th{border-bottom: 1px solid #231815; border-right: 1px solid #231815; padding: 10px; background: #D0595F; color: #fff; width: 35%;}
#management .maText table tr td{border-bottom: 1px solid #231815; border-right: 1px solid #231815; padding: 10px; width: 65%;}
#management .maText p.cap{font-size: 0.8rem; text-align: right;}
#management .maText p small{font-size: 0.8rem;}

#management .ma_line1 h3{text-align: center; font-size: 2.3rem; margin-bottom: 30px;}
#management .ma_line1 h4,
#management .ma_line2 h4,
#management .ma_line3 h4{color: #87121A; margin-bottom: 30px;}
#management .ma_line3 figure figcaption{font-size: 0.8rem; text-align: right; margin-top: 10px;}
#management .ma_line3 p small{font-size: 0.8rem;}

@media screen and (max-width:991px){
	#management .col-md-6,
	#management .col-md-8{margin-bottom: 30px;}
	#management .maBox .maImage_1{text-align: center;}
}
@media screen and (max-width:414px){
	#management{padding: 40px 0;}
	#management .ma_line1 h3{font-size: 1.5rem; margin-bottom: 40px;}
	#management .ma_line1 h4,
	#management .ma_line2 h4,
	#management .ma_line3 h4{font-size: 1.2em; line-height: 1.5;}
	#management .maBox h5{font-size: 1.1em;}
	
	#management .maBox .maImage_2 figure{float: none; width: 100%; margin-bottom: 20px; text-align: center;}
	#management .maBox .maImage_2 p{float: none; width: 100%;}
	#management .maText table tr th,
	#management .maText table tr td{font-size: 1rem; line-height: 1.5; vertical-align: middle;}
	
	#management .ma_line2,
	#management .ma_line3{margin-top: 20px;}
}

.color_red01 {
    color: #B62024 !important;
}