@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  common.css
// style info :  スタイル指定
=================================================================== */
html .spNone {
    display: block !important;
}
html .spNone.vcenter {
    display: inline-block !important;
}
html.sp .spNone,
html.sp .spNone.vcenter {
    display: none !important;
}
html .pcNone {
    display: none !important;
}
html.sp .pcNone {
    display: block !important;
}

/* ===================================================================
//共通
=================================================================== */
.secondSection,
.thirdSection { margin-top: 80px;}
.contentsAllWrap {
    padding-top: 100px;
}

/*h2.sectionHdd {
    margin-bottom: 40px;
}*/
h2.sectionHdd .sectionSubHdd {
    display: block;
    letter-spacing: .5em;
    color: #a9894a;
    margin-bottom: 30px;
}
h2.sectionHdd .sectionHddDetails {
    font-size: 46px;
    line-height: 1.4;
    letter-spacing: 0;
}
.sectionReadText {
    line-height: 3;
    color: #a9894a;
    margin-bottom: 60px;
}
h3.articleHdd {
    display: block;
    font-weight: 700;
    letter-spacing: .5em;
    margin-bottom: 30px;
}

.shadow {
    -webkit-box-shadow: -30px 30px 50px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: -30px 30px 50px 0px rgba(0,0,0,0.15);
    box-shadow: -30px 30px 50px 0px rgba(0,0,0,0.15);
}

.slideshow {width: 100%; height: auto; overflow: hidden; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.zs-enabled{position:relative}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;transform:scale(1.6, 1.6);-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.6, 1.6);-o-transform:scale(1.2, 1.2);}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}
.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}
.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}

.picWrap { position: relative;}
.picCaps {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	font-size: 10px;
	line-height: 1.4;
	color: #333;
	padding: 5px;
}
.picCaps.white {
	color: #fff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 0px 0px 4px rgba(0, 0, 0, 1);
}
.picCaps.Lside {
	right: auto;
	left: 0;
}
.picCaps.withBG {
	background: rgba(0,0,0,.8);
	color: #fff;
}


@media only screen and (max-width: 991px) {
/* ===================================================================
//共通
=================================================================== */
h2.sectionHdd .sectionHddDetails {
    font-size: 40px;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
/* ===================================================================
//共通
=================================================================== */
.secondSection,
.thirdSection { margin-top: 40px;}
.contentsAllWrap {
    padding-top: 20px;
}
h2.sectionHdd {
    margin-bottom: 40px;
}
h2.sectionHdd .sectionHddDetails {
    font-size: 30px;
}
.sectionReadText {
    margin-bottom: 40px;
}

}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
.hidden-xxs {
    display: none !important;
}
}

/* ===================================================================
//追加
=================================================================== */

@media screen and (max-width: 768px){
.br-pc {display: none; }
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/* マージン調整 */

.m_top20{margin-top:20px;}
.m_top28{margin-top:28px;}
.m_top30{margin-top:30px;}
.m_top40{margin-top:40px;}
.m_top50{margin-top:50px;}
.m_top80{margin-top:80px;}

.m_bot20{margin-bottom:20px;}
.m_bot50{margin-bottom:50px;}
.m_bot80{margin-bottom:80px;}

.p_all10{padding:10px;}
.p_bot10{padding-bottom:10px;}

/* 幅調整 */

.w_800{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	}

.w_1000{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

.capl_xs{
	margin-top:5px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	font-size:75%;
	line-height:1.2em;
	text-align:left;
	color:#fff;
}

.capl_xs2{
	margin-top:5px;
	font-size:75%;
	line-height:1.2em;
	text-align:left;
	color:#fff;
}

.capr_xs{
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	font-size:75%;
	line-height:1.2em;
	text-align:right;
	color:#fff;
}

.capc_xs{
	margin-top:5px;
	font-size:75%;
	line-height:1.2em;
	text-align:center;
	color:#fff;
}

/* button hover transition */
.btn{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

/* outline button style */
.btn-outline{}
.btn-outline.btn-default       {background:none;border:1px solid #ccc;color:#333;}
.btn-outline.btn-default:hover,
.btn-outline.btn-default:active{color:#333;background:#ccc;border-color:#ccc;}

/* border button style */
.btn-border       {padding:4px 10px;}
.btn-border.btn-xs{padding:0 3px;}
.btn-border.btn-sm{padding:3px 8px;}
.btn-border.btn-lg{padding:8px 14px;}
.btn-border.btn-default       {border:3px solid #ccc;}
.btn-border.btn-default:hover,
.btn-border.btn-default:active{background:#ccc;border-color:#ccc;}

/* square button style */

.btn-square{
	border-radius:0;
	width:170px;
	height:40px;
	}

/* circle button style */
.btn-circle.btn-xs{width:22px;height:22px;font-size:10px;border-radius:11px;line-height:1.6;padding:3px 0;}
.btn-circle.btn-sm{width:30px;height:30px;font-size:12px;border-radius:15px;line-height:1.6;padding:6px 0;}
.btn-circle       {width:34px;height:34px;font-size:16px;border-radius:17px;line-height:1.33;padding:6px 4px;text-align:center;}
.btn-circle.btn-lg{width:46px;height:46px;font-size:22px;border-radius:23px;line-height:1.2;}

/* round button style */
.btn-round.btn-xs{border-radius:11px;}
.btn-round.btn-sm{border-radius:22.5px;}
.btn-round       {border-radius:17px;}
.btn-round.btn-lg{border-radius:23px;}

/* ボタン */

.btn-custom{
	font-size:90%;
	color: #1d252f;
	letter-spacing:1px;
	background-color: #fff;
	border-color:#1d252f;
	border-width:1px;
	text-decoration: none;
	cursor: pointer;
}

.btn-custom:hover{
	font-size:90%;
	color:#fff;
	letter-spacing:1px;
	background-color:#1d252f;
	border-color:#1d252f;
	border-width:1px;
	}

.btn-custom2{
	font-size:90%;
	color:#fff;
	letter-spacing:1px;
	background-color:#1d252f;
	border-color:#1d252f;
	border-width:1px;
	cursor: pointer;
	width:200px;
}

.btn-custom2:hover{
	font-size:90%;
	color: #1d252f;
	background-color: #fff;
	border-color:#1d252f;
	border-width:1px;
	text-decoration: none;
	width:200px;
	}

.btn-custom3{
	font-size:90%;
	color:#fff;
	letter-spacing:1px;
	background-color:#1d252f;
	border-color:#fff;
	border-width:1px;
	cursor: pointer;
	width:200px;
}

.btn-custom3:hover{
	font-size:90%;
	color: #1d252f;
	background-color: #fff;
	border-color:#fff;
	border-width:1px;
	text-decoration: none;
	width:200px;
	}

/* 上に戻るボタン */



#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 80px;
  background: #fff;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #000;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

	
	/* =======================
//common space
========================= */

.com_space h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:40px;
	color:#9D8015;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
}

.com_space h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#9D8015;
	letter-spacing:10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:80px;
}

.com_space h4{
	font-family: 'Heebo', sans-serif;
	font-size:22px;
	font-weight:500;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
}

.com_space .head{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}

.com_space .maincopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:27px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
}

.com_space .maincopy2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:27px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
	margin-bottom:30px;
}

.com_space .main00{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#fff;
	background-color:#16469d;
	text-align:center;
	margin-bottom:10px;
	padding:7px;
	width:120px;
	margin-left:auto;
	margin-right:auto;
}

.com_space .main01{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#000;
	text-align:center;
	margin-bottom:10px;
}

.com_space .readcopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#fff;
	letter-spacing:1px;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
}

.com_space .readcopy2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#000;
	letter-spacing:1px;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
}

@media screen and (max-width: 768px){
	
	.com_space h2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:30px;
	color:#9D8015;
	letter-spacing:1px;
	line-height:1.5em;
	text-align:center;
	margin-top:40px;
}

.com_space h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#9D8015;
	letter-spacing:10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
}

.com_space h4{
	font-family: 'Heebo', sans-serif;
	font-size:22px;
	font-weight:500;
	color:#000;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
}

.com_space .maincopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#fff;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
}

.com_space .maincopy2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	margin-top:50px;
}

.com_space .readcopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
}

.com_space .readcopy2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	margin-bottom:20px;
}
}

.com_column-wrapper {
  width: 100%;
  display: flex;
}

:nth-of-type(even) {
flex-direction: row-reverse;
}

.com_column1, .com_column2 {
  width: 50%;
  align-items: center;
}

.com_column1 {
  background-color:#000;
  padding:15px;
  text-align:center;
}

.com_column-wrapper:nth-of-type(2n) .com_column1:nth-of-type(1){
  background-color:#000;
}

.com_column1title {
	margin-top:15px;
  font-size: 25px;
  color:#fff;
  line-height:1.2em;
  text-align:center;
  }

.com_column0txt {
  font-size: 12px;
  color:#fff;
  text-align:center;
}
  
.com_column1txt {
  font-size: 15px;
  text-align:center;
}

.com_column2 {
  overflow: hidden;
}

.com_column2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  display: block;
  transition-duration: 0.5s;
}

.com_column2 img:hover {
transform: scale(1.2,1.2);
transition-duration: 0.5s;
}

@media only screen and (max-width: 479px) {
  .com_column-wrapper {
    flex-direction: column-reverse;
  }
  
  .com_column1, .com_column2 {
  width: 100%;
}

  .com_column1 {
  padding: 25px;
} 
}


	/* =======================
//room
========================= */

.roomplanbox{
	padding: 15px;
    margin: 2em 0;
	border-color:#fff;
	border-style:solid;
	border-width:1px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.roomplan{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	display: inline-block;
    letter-spacing: .2em;
    padding-bottom: 5px;
    margin: 0 auto 40px;
    border-bottom: #ffffff solid 1px;
	width:120px;
}

.roommain01{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
}

	/* =======================
//設備・仕様
========================= */

.main_eq{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#000;
	background-color:#fff;
	text-align:center;
	margin-bottom:30px;
	padding:7px;
	width:280px;
	margin-left:auto;
	margin-right:auto;
}

.eq_readcopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#fff;
	letter-spacing:1px;
	line-height:1.5em;
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
}

@media only screen and (max-width: 479px) {
.eq_readcopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#fff;
	line-height:1.5em;
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
}
}

	/* =======================
//Location Access
========================= */


.menutitle{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 140%;
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	line-height: 150%;
	letter-spacing:3px;
	margin-bottom: 20px;
	}

.loca_text{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 120%; font-weight:bold;
	letter-spacing:2px;
	margin-top:5px;
	}

.def_text0{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 100%;
	letter-spacing:1px;
	line-height:160%;
	}

.locacopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:110%;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
}

@media only screen and (max-width: 479px) {
	
.menutitle{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 120%;
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	line-height: 150%;
	letter-spacing:1px;
	margin-bottom: 20px;
	}

.loca_text{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 100%; font-weight:bold;
	letter-spacing:1px;
	margin-top:5px;
	}

.locacopy{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:110%;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
}

}

	/* =======================
//ontline
========================= */

.info-border{
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

.def_text1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 100%;
	letter-spacing:2px;
	line-height:160%;
	}

.def_text1 a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #9D8015;
	font-size: 100%;
	letter-spacing: 2px;
	line-height: 160%;
	}

.def_text1 a:hover{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #9D8015;
	font-size: 100%;
	letter-spacing:2px;
	line-height:160%;
	text-decoration:underline;
	}
	
@media only screen and (max-width: 479px) {
.def_text1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 90%;
	letter-spacing:1px;
	line-height:160%;
	}
	
.def_text1 a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #9D8015;
	font-size: 90%;
	letter-spacing:1px;
	line-height:160%;
	}
}
/* 画像ポップアップ */