@charset "utf-8";

/*==================================*/
/*BASE*/
/*==================================*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
}

img {
	border:none;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
li img {
  vertical-align: bottom;
}
h1,h2,h3,h4,h5,h6,h7 {
	font-weight:normal;
}
/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article {
	display: block;
}



/*==================================*/
/*COMMON CLASS*/
/*==================================*/

/*------------------------------*/
/*TXT*/
/*------------------------------*/
.txtSmall {
	font-size: 100%;
	line-height: 150%;
}
.txtMidium {
	font-size: 120%;
	line-height: 150%;
}

/*------------------------------*/
/*LAYOUT*/
/*------------------------------*/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.centerBox {
	text-align: center;
}
.rightBox {
	text-align: right;
}
/*------------------------------*/
/*CREAR*/
/*------------------------------*/
.clear {
	clear: both;
	_zoom:1;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{
	display:inline-block;
	}

/*hides IE-mac \*/
*html .clearfix{height:1%}
.clearfix{display:block;}
/*hide  IE-mac */

/*------------------------------*/
/*COLOR*/
/*------------------------------*/
.color-orange {
	color: #FF6600;
}
.color-red {
	color: #FF0000;
}
.color-black {
	color: #000000;
}
.color-white {
	color: #FFFFFF;
}
.color-green {
	color: #009900;
}

/*------------------------------*/
/*Margin Padding */
/*------------------------------*/
.maL0{
	margin-left:0px !important;
}
.maL1{
	margin-left:10px !important;
}
.maL2{
	margin-left:20px !important;
}
.maL3{
	margin-left:30px !important;
}
.maT0{
	margin-top:0px !important;
}
.maT1{
	margin-top:10px !important;
}
.maT2{
	margin-top:20px !important;
}
.maT3{
	margin-top:30px !important;
}
.maR0{
	margin-right:0px !important;
}
.maR1{
	margin-right:10px !important;
}
.maR2{
	margin-right:20px !important;
}
.maR3{
	margin-right:30px !important;
}
.maU0{
margin-bottom:0px !important;
}
.maU1{
margin-bottom:10px !important;
}
.maU2{
margin-bottom:20px !important;
}
.maU3{
margin-bottom:30px !important;
}
.paL0{
padding-left:0px !important;
}
.paL1{
padding-left:10px !important;
}
.paL2{
padding-left:20px !important;
}
.paL3{
padding-left:30px !important;
}
.paT0{
padding-top:0px !important;
}
.paT1{
padding-top:10px !important;
}
.paT2{
padding-top:20px !important;
}
.paT3{
padding-top:30px !important;
}
.paR0 {
padding-right:0px !important;
}
.paR1 {
padding-right:10px !important;
}
.paR2 {
padding-right:20px !important;
}
.paR3 {
padding-right:30px !important;
}
.paU1{
padding-bottom:10px !important;
}
.paU2{
padding-bottom:20px !important;
}
.paU3{
padding-bottom:30px !important;
}
/*------------------------------*/
/*TABLE */
/*------------------------------*/
table.table-no {
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	padding: 5px;


}
table.table-no td {
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	padding: 5px;

}
table.table-no th {
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	background-color:#EDEDED;
	padding: 5px;
	text-align:left;
	font-size:10px;
	color:#333333;

}
/*------------------------------*/
/*Efect */
/*------------------------------*/

/*banner rollover end etc*/
a:hover img.overBtn{
 filter: alpha(opacity=70);
    -moz-opacity:0.80;
    opacity:0.80;
}
/* //banner rollover */
/*------------------------------*/
/*JS Efect */
/*------------------------------*/
.imgover {
margin:0;
padding:0;
}
/*------------------------------*/
/*for txt float  */
/*------------------------------*/
.floatNext{
	overflow:auto;
	zoom:1;

}
/*------------------------------*/
/*for txt float2  */
/*------------------------------*/
.floatOver{
	overflow:hidden;
	_zoom:1;
}
/*------------------------------*/
/*ohters  */
/*------------------------------*/
.clearNone {
	clear:none !important;
	}
.wideAuto {
	width:auto !important;
	}


/*==================================*/
/*SITE STYLE*/
/*==================================*/
body {
	font-family:"FOT-筑紫ゴシック Pr5N R",TsukuGoPr5N-R,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	letter-spacing:1px;
	line-height:1.2;
	color:#000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;

	min-width: 1230px;

	/*txt_animation for safari, firefox (Mac)*/
	-webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: antialiased;
	/**/

	/*sp*/
	-webkit-text-size-adjust: 100%;/*//sp*/
}
/*基準文字サイズ　62.5% = 10px*/
body{
	font-size: 62.5%;
}

#container {
	padding: 0px;
	margin: 0px auto ;
	width: auto;
	text-align: left;
	background-color: #fff;
  overflow: hidden;
}
body > #container {
	height: auto;
}
/*fotter固定*/
/*footer, .push {
	min-height: 12em;
	height: auto !important;
height: 12em;

}
#container {
	margin-bottom:-12em;
	min-height: 100%;
height: auto !important;
height: 100%;
	}*/

/*------------------------------*/
/*LINK STYLE*/
/*------------------------------*/

/*
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration:underline;
}
a:hover {
	color: #000;
	text-decoration:underline;
}
*/

/*
a,
a  p,
a img{
  text-decoration: none;
 color: inherit;
}
a:hover,
a:hover p,
a:hover img{
  text-decoration: none;
  color: inherit;
  opacity: 0.7;
}
*/

a:link,
a:visited,
a:active {
color: #000;
	text-decoration: underline;
transition-property: all;
transition: 0.3s linear;
cursor: pointer;
}
a:hover{
opacity: 0.7;
text-decoration: none;
transition-property: all;
transition: 0.3s linear;
}




a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
a.tellink {
	text-decoration:none;
}

/*------------------------------*/
/*font*/
/*------------------------------*/
.fontEn {
font-family: 'Ropa Sans', sans-serif !important;
}
/*------------------------------*/
/*COMMON STYLE*/
/*------------------------------*/
#container {
/*
	background:url(../img/bg.jpg) ;

	padding-bottom:75px;
*/
}
.lp_wrap {
	width:1140px;
	margin:0 auto;
}

footer {
	background-color:#4d4d4d;
	color:#fff;
	padding:47px 40px;
	overflow:hidden;
	font-size:15px;
}
footer a {
	text-decoration:none !important;
	color:#fff !important;
}
.footer__inner {
display: table;
width: 100%;
}
.footer__info {
line-height: 1.5;
display: table-cell;
width: 50%;
}
.footer__info p{
margin-bottom: 30px;
}
.footer__info h2,
.footer__info div{
margin-bottom: 0;
font-size: 13px;
}
.footer__info h2 {
font-weight:bold;
}

.footer__info .coop_n{
font-weight:bold;
font-size: 11px;
}
.footer__info .tel{
font-size: 15px;
}
.footer_right {
display: table-cell;
width: 50%;
text-align: right;
vertical-align: bottom;
font-size: 13px;
}

.footer__list li{
display: inline-block;
	margin:0 0 0 35px;
	font-weight: bold;
}
.footer__cr {
	text-align:right;
 margin-top: 10px;
}
.pageTop {
	position: fixed;
	right: 30px;
	bottom: 90px;
 border: 1px solid #fff;
 z-index: 3;
	display: none;
}
.pageTop img {
vertical-align: bottom;
}
.tyu_iumg {
text-align: center;
margin-bottom: 60px;
padding-top: 60px;
font-size: 12px;
}
/*------------------------------*/
/* mv*/
/*------------------------------*/
.mv {
	background:url(../img/mv.jpg) no-repeat top center;
	background-size:cover;
	width: 100%;
	height: 100vh;
	min-height: 780px;
/*	padding-top:53.6%;*/
	position:relative;
}
.mv__mt {
	color:#fff;
	width: 620px;
	text-align:center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.mv__sitelogo {
background:url(../img/logo.png) no-repeat;
background-size: contain;
width: 262px;
height: 504px;
position: absolute;
top: 0;
left: 30px;
text-indent: -9999px;
}
.mv__title {
margin-bottom: 30px;
}
.mv__title__ro {
margin-bottom: 20px;
}
.mv__title__ro img {
width: 140px;
height: auto;
}
.mv__title__main {
font-size: 66px;
line-height: 1.2;
letter-spacing: 0;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.mv__title__eng {
font-size: 46px;
line-height: 1.2;
font-weight: bold;
letter-spacing: 0;
}
.mv_sale {
}
.mv_sale__room {
font-size: 20px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.mv_sale__roomEn{
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
}
.mv_sale__price {
font-size: 100px;
/*font-weight: bold;*/
}
.mv_time {
box-sizing: border-box;
padding: 20px 0 20px 0;
width: 250px;
height: 74px;
margin: 0 auto;
vertical-align: middle;
letter-spacing: 2px;
font-size: 33px;
line-height: 1;
font-weight: bold;
background:
url(../img/img_kakoi_l.png) no-repeat left center,
url(../img/img_kakoi_r.png) no-repeat right center;
background-size: 13px auto;

}
.mv__ulnk {
text-align: center;
margin: 40px 0 0 0;
padding: 0 0;
color: #fff;
}
.mv__ulnk p {
font-size: 16px;
margin-bottom: 10px;
}
.mv__ulnk a {
color: #fff;
text-decoration: none;
}
.mv__title__name {
font-size: 22px;
margin-bottom: 5px;
letter-spacing: 0;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.mv__title__name_en {
font-size: 19px;
font-weight: bold;
margin-bottom: 10px;
}
/*------------------------------*/
/*about*/
/*------------------------------*/
.about {
padding: 55px 0;
}
.sectionTitle {
border-top: 2px solid #8e8405;
border-bottom: 2px solid #8e8405;
padding: 25px 0;
text-align: center;
width: 340px;
margin: 0 auto 50px auto;
}
.sectionTitle__main {
font-size: 24px;
margin-bottom: 10px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.sectionTitle__sub {
font-size: 14px;
line-height: 1;
}
.about__colum {
text-align: center;
}
.about__colum h3{
font-size: 20px;
color: #8e8405;
margin-bottom: 30px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.about__colum p{
font-size: 16px;
line-height: 1.8;
}
.about__colum:after{
content: "";
width: 56px;
height: 1px;
display: inline-block;
border-bottom: 1px solid #8e8405;
padding: 50px 0 0 0;
margin-bottom: 50px;
}
.about__colum:last-of-type:after{
display: none;
}
.about__colum h3.fontEn{
font-size: 22px;
}
.about__colum p.fontEn{
font-size: 17px;
}

/*------------------------------*/
/*room*/
/*------------------------------*/
.room {
padding: 55px 0;
background-color: #f2efeb;
}
.room .lp_wrap {
overflow: hidden;
}
.room__set {
overflow: hidden;
margin-bottom: -50px;
}
.room__set__item{
box-sizing: border-box;
width: 540px;
padding: 35px 20px 20px 20px;
background-color: #fff;
float: left;
margin: 0 60px 55px 0;
}
.room__set .room__set__item:nth-child(2n){
margin-right: 0;
}
.room_set__photo {
position: relative;
margin-bottom: 20px;
}
.room_set__photo img{
width: 100%;
height: auto;
}
.room_set__photo:after{
content: "";
background: url(../img/off.png) no-repeat 0 0;
background-size: contain;
width: 44px;
height: 50px;
position: absolute;
top:-10px;
left: -10px;
}
.sectionTitle__main__num {
display: block;
color: #8e8405;
font-size: 14px;
padding: 5px 0;
}
.room__set .sectionTitle {
margin-bottom: 20px;
}
.room_set__btns li{
width: 240px;
display: table;
float: left;
overflow: hidden;
}
.room_set__btns li:nth-child(2){
float: right;
}

.room_set__btns a{
display:table-cell;
background: #8e8505 url(../img/btn_ar.png) no-repeat right 20px center;
background-size:9px auto;
height: 64px;
width: 100%;
color: #fff;
text-decoration: none;
text-align: center;
vertical-align: middle;
border-radius: 4px;
font-size: 16px;



/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.room_set__btns a.fontEn span{
font-size: 12px;
display: inline-block;
border: 1px solid #fff;
padding: 3px;
margin: 0 0 0 10px;
line-height: 1;
vertical-align: middle;
font-weight: normal;
}

/*------------------------------*/
/*info*/
/*------------------------------*/
.info {
width:1140px;
margin:0 auto;
padding: 55px 0 0 0;
}
.info__head {
background: url(../img/infoimg.jpg) no-repeat center top;
background-size: contain;
height: 247px;
position: relative;
}
.info__head h2 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 36px;
text-align: center;
color: #fff;
font-weight: bold;
}
.info__head h2 p{
font-size: 24px;
margin-bottom: 10px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.info__head h2 div{
font-size: 18px;
}
.info__wrap {
display: table;
width: 100%;
}
.info__colum {
display: table-cell;
width: 50%;
background-color: #edebd3;
padding: 55px 20px;
text-align: center;
}
.info__colum.__en {
background-color: #e7e5c6;
}
.info__colum h3 {
color: #8e8405;
font-size: 22px;
margin-bottom: 40px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.info__colum p {
font-size: 16px;
margin-bottom: 20px;
}
.info__colum p.info__access {
margin-bottom: 40px;
}
.info__colum a {
text-decoration: none;
}
.info__btn {
text-align: center;
width: 240px;
margin: 0 auto;
padding-top: 25px;
}
.info__btn li{
width: 100%;
display: table;
overflow: hidden;
margin-bottom: 25px;
}

.info__btn a{
display:table-cell;
background: #303030 url(../img/btn_ar.png) no-repeat right 20px center;
background-size:9px auto;
height: 64px;
width: 100%;
color: #fff;
text-decoration: none;
text-align: center;
vertical-align: middle;
border-radius: 4px;
font-size: 16px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.info__btn a.__hotel {
background: #fff url(../img/btn_ar_b.png) no-repeat right 20px center;
background-size:9px auto;
border: 2px solid #303030;
color: #000;
}
/*------------------------------------------------------------------------------*/
/*レスポンシブ用class*/
/*------------------------------------------------------------------------------*/
.pc{
}
.phone {
	display:none;
}

/*------------------------------------------------------------------------------*/
/*タブレット*/
/*------------------------------------------------------------------------------*/


/*@media screen and (max-width:979px){

img, object, embed {
	max-width:100%;
	height:auto;
	width: auto\9;
	}
	img {

		-ms-interpolation-mode: bicubic;
	}
	.wrap{
width:728px;

}


}*/
/*------------------------------------------------------------------------------*/
/*スマホ*/
/*------------------------------------------------------------------------------*/
@media screen and (max-width:767px){
	.pc{
		display:none;
}
.phone {
	display:block;
}
body {
	min-width: 100%;
}
img, object, embed {
	max-width:100%;
	height:auto;
	width: auto\9; /* ie8 */
	}
	img {
		/*ieで縮小表示奇麗に*/
		-ms-interpolation-mode: bicubic;
	}

/* -------------sp style-------------*/
#container {
overflow: hidden;
}
.lp_wrap {
	width:auto;
	margin:0 15px;
}

footer{
	padding:40px 20px 80px 20px;
	overflow:hidden;
	font-size:13px;
}
footer a {
	text-decoration:none !important;
	color:#fff !important;
}
.footer__inner {
display: block;
width: 100%;
}
.footer__info {
line-height: 1.5;
display: block;
width: auto;
}
.footer__info p{
margin-bottom: 30px;
}
.footer__info h2,
.footer__info div{
margin-bottom: 0;
font-size: 11px;

}
.footer__info h2 {
}
.footer_right {
display:block;
width: auto;
text-align: left;
vertical-align: bottom;
font-size: 11px;
margin-top: 0px;
}

.footer__list li{
display: block;

margin:0 0 10px 0;
/*
border: 1px solid #ccc;
padding: 10px;
*/
}
.footer__list li a {
display: block;
margin:0 10px 10px 0;
border: 1px solid #ccc;
padding: 10px;
}
.footer__cr {
	text-align:left;
 margin-top: 10px;
}

.pageTop {
	position: fixed;
	right:5px;
	bottom: 10px;
 border: 1px solid #fff;
}
.tyu_iumg {
text-align: center;
margin-bottom: 40px;
padding-top: 40px;
font-size: 12px;
}
/*------------------------------*/
/* mv*/
/*------------------------------*/
.mv {
min-height: 500px;
/*
	background:url(../img/mv.jpg) no-repeat top center;
	background-size:cover;
	width: 100%;
	height: 100vh;
*/
}
.mv__mt {
/*	color:#fff;*/
	width: 100%;
/*
	text-align:center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
}
.mv__sitelogo {
background:url(../img/sp/logo.png) no-repeat;
background-size: contain;
width: 82px;
height: 120px;
left: 15px;
}
.mv__title {
margin-bottom: 30px;
}
.mv__title__ro {
margin-bottom: 20px;
}
.mv__title__ro img {
width: 114px;
height: auto;
}
.mv__title__main {
font-size: 34px;
line-height: 1.2;
}
.mv__title__eng {
font-size: 22px;
line-height: 1.2;
font-weight: bold;
letter-spacing: 0;
}
.mv_sale {
}
.mv_sale__room {
font-size: 14px;
/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.mv_sale__roomEn{
font-size: 14px;
font-weight: bold;
}
.mv_sale__price {
font-size: 62px;
font-weight: bold;
}
.mv_time {
padding: 25px 0 15px 0;
width: 14em;
font-size: 20px;
background:
url(../img/img_kakoi_l.png) no-repeat left center,
url(../img/img_kakoi_r.png) no-repeat right center;
background-size: 10px auto;
}
.mv__ulnk {
margin: -10px 0 0 0;
}
.mv__ulnk p {
font-size: 14px;
margin-bottom: 5px;
  }

.mv__title__name {
font-size: 16px;
margin-bottom: 5px;
letter-spacing: 0;
}
.mv__title__name_en {
font-size: 12px;
margin-bottom: 10px;
}
/*------------------------------*/
/*about*/
/*------------------------------*/
.sectionTitle {
width: 80%;
margin: 0 auto 50px auto;
}
.sectionTitle__main {
font-size: 20px;
margin-bottom: 10px;
}
.sectionTitle__sub {
font-size: 14px;
line-height: 1;
}
.about__colum {
text-align: center;
}
.about__colum h3{
font-size: 16px;
margin-bottom: 30px;
line-height: 1.8;
}
.about__colum p{
margin-bottom: 10px;
font-size: 14px;
}
.about__colum:after{
content: "";
width: 56px;
height: 1px;
display: inline-block;
border-bottom: 1px solid #8e8405;
padding: 50px 0 0 0;
margin-bottom: 50px;
}
.about__colum:last-of-type:after{
display: none;
}
.about__colum h3.fontEn{
font-size: 20px;
}
.about__colum p.fontEn{
font-size: 17px;
}

.about__colum__st {
border: 1px solid #ccc;
padding: 5px;
display: inline-block;
padding: 5px;
margin-bottom: 5px;
line-height: 1;
font-size: 12px;
width: 8em;
}

/*------------------------------*/
/*room*/
/*------------------------------*/
.room {
padding: 0 0;
/*background-color: #f2efeb;*/
background-color: none;
}
.room .lp_wrap {
overflow: hidden;
margin: 0;
}
.room__set {
margin-bottom: 0;
}
.room__set__item{
width: 100%;
padding: 35px 0px 20px 0px;
background-color: #f2efeb;
float: none;
margin: 0;
overflow: hidden;
}
.room__set .room__set__item:nth-child(2n){
background-color: #f8f7f5;
}
.room_set__photo:after{
/*
width: 44px;
height: 50px;
*/
top:-15px;
left: 15px;
}
.sectionTitle__main__num {
font-size: 14px;
padding: 5px 0;
}
.room__set .sectionTitle {
margin-bottom: 20px;
}
.room_set__btns {
padding: 0 15px;
}
.room_set__btns li{
width: 48%;
display: table;
float: left;
overflow: hidden;
}
.room_set__btns li:nth-child(2){
float: right;
}

.room_set__btns a{
padding: 0 10px;
background: #8e8505 url(../img/btn_ar.png) no-repeat right 5px center;
background-size:5px auto;
font-size: 12px;
height: 40px;
}
.room_set__btns a.fontEn span{
font-size: 10px;
/*
display: inline-block;
border: 1px solid #fff;
padding: 3px;
margin: 0 0 0 10px;
line-height: 1;
vertical-align: middle;
font-weight: normal;
*/
}

/*------------------------------*/
/*info*/
/*------------------------------*/
.info {
width:100%;
margin:0 auto;
padding: 40px 0 0 0;
}
.info__head {
background-size:cover;
height: 200px;
}
.info__head h2 {
width: 90%;
margin: 0 auto;
}
.info__head h2 p{
font-size: 20px;
margin-bottom: 10px;
}
.info__head h2 div{
font-size: 14px;
}
.info__wrap {
display: block;
width: 100%;
}
.info__colum {
display: block;
width: auto;
padding: 40px 15px 30px 15px;
text-align: center;
}
.info__colum h3 {
font-size: 16px;
margin-bottom: 30px;
}
.info__colum p {
font-size: 14px;
margin-bottom: 10px;
}
.info__colum p.info__access {
margin-bottom: 30px;
}
.info__btn {
width: 70%;
padding-top: 20px;
}
.info__btn li{
margin-bottom: 20px;
}

.info__btn a{
background: #303030 url(../img/btn_ar.png) no-repeat right 5px center;
background-size:5px auto;
height: 40px;

font-size: 12px;
}
.info__btn a.__hotel {
background: #fff url(../img/btn_ar_b.png) no-repeat right 20px center;
background-size:9px auto;
border: 2px solid #303030;
color: #000;
}
}


/*------------------------------*/
/*iphone 5*/
/*------------------------------*/

@media screen and (max-width: 320px) {
.mv__sitelogo {
width: 60px;
height: 120px;
left: 15px;
}
.mv__title {
    margin-bottom: 10px;
}


.mv__ulnk {
margin-top: 0px;
}
.room_set__btns li{
width: 100%;
float: none;
margin-bottom: 10px;
}

}


/*------------------------------*/
/*ianime*/
/*------------------------------*/
/*
.mv__mt {
	opacity: 0;
 transition: 1.5s ease-out 0.5s;
}
.mv__mt.anime{
opacity: 1.0;
}
*/
.mv__title {
	opacity: 0;
 transition: 1.5s ease-out 0.5s;
	-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
.mv__title.anime{
opacity: 1.0;
-webkit-transform:translateY(0px);
transform:translateY(0px);
}
.mv_sale {
	opacity: 0;
 transition: 1.5s ease-out 1.5s;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
.mv_sale.anime{
opacity: 1.0;
-webkit-transform:translateY(0px);
transform:translateY(0px);
}
.mv_time {
	opacity: 0;
 transition: opacity 1.5s ease-out 2s;
}
.mv_time.anime{
opacity: 1.0;
}
.mv__ulnk {
-webkit-animation: ulik_act 1.5s infinite;
animation: ulik_act 1.5s infinite;
}
@-webkit-keyframes ulik_act {
0% {
-webkit-transform:translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 15px);
opacity: 0;
}
}
@keyframes ulik_act {
0% {
transform: translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(0, 15px);
opacity: 0;
}
}

.about__colum {
	opacity: 0;
 transition: 1.5s ease-out 0.2s;
}
.about__colum.__colum2 {
	opacity: 0;
 transition: 1.5s ease-out 0.4s;
}
.about__colum.anime{
opacity: 1.0;
}

.room__set__item .room_set__photo {
	opacity: 0;
 transition: 1.5s ease-out 0.2s;
}
.room__set__item:nth-child(2n) .room_set__photo {
	opacity: 0;
 transition: 1.5s ease-out 0.4s;
}
.room__set__item .room_set__photo.anime{
opacity: 1.0;
}
/*------------------------------------------------------------------------------*/
/*共通修正スタイル*/
/*------------------------------------------------------------------------------*/
.room_set__btns {
overflow: hidden;
}
@media screen and (max-width:767px){
.mv {
min-height: 647px;
}
}
@media screen and (max-width: 320px) {
.mv {
min-height: 568px;
}
}
/*------------------------------------------------------------------------------*/
/*生サイト追加スタイル*/
/*------------------------------------------------------------------------------*/
.mv__title__kakko {
position: relative;
}
.mv__title__kakko:before{
content: "";
display: block;
width: 48px;
height: 48px;
background: url(../img/kakko_t.png) no-repeat;
background-size: contain;
position: absolute;
top:-20px;
left: -10px;

}
.mv__title__kakko:after{
content: "";
display: block;
width: 48px;
height: 48px;
background: url(../img/kakko_u.png) no-repeat;
background-size: contain;
position: absolute;
bottom:-20px;
right: -10px;
}
.mv_sale__price {
color: #f8b73b;
}
.mv__title__ro {
margin-bottom: 40px;
}
.mv__sitelink {
background: rgba(0,0,0,0.6);
padding: 15px 20px;
position: absolute;
bottom: 56px;
right: 90px;
width: 260px;
box-sizing: border-box;
}
.mv__sitelink dl {
display: table;
width: 100%;
}
.mv__sitelink dt {
display: table-cell;
width: 60%;
vertical-align: middle;
font-size: 12px;
color: #fff;
text-align: center;

padding: 0 5px;

/*webfont_bold*/
font-weight:bold;
font-family: "FOT-筑紫ゴシック Pro B",TsukuGoPro-B, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
/**/
}
.mv__sitelink dd {
display: table-cell;
width: 40%;
vertical-align: middle;
}
.mv__sitelink dd div{
overflow: hidden;
}
.mv__sitelink dd a{
box-sizing: border-box;
display: block;
background-color: #fcb735;
color: #000;
text-align: center;
text-decoration: none;
display: inline-block;
width: 43%;
padding: 5px;
border-radius: 4px;
font-size: 14px;
line-height: 1;
float: left;

}
.mv__sitelink dd a.mv__sitelink__en {
float: right;
}
.mv__title,
.mv_sale{
text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}


.about__colum h3{
color: #000;
}
.sectionTitle {
border-top: none;
border-bottom: 0;
padding: 0 0;
text-align: center;
width: 340px;
margin: 0 auto;
}
.sectionTitle:after {
content: "";
display:inline-block;
border-bottom: 5px solid #f8b73b;
width: 65px;
height: 5px;
margin: 40px 0 60px 0;
}
.sectionTitle__main__num {
color: #000;
font-weight: normal;
}
.room__set .sectionTitle {
margin-bottom: 0px;
}
.room__set .sectionTitle:after {
margin: 25px 0 35px 0;
}

.room_set__btns a{
background-color: #383737;
}
.room_set__btns li:nth-child(2) a{
background-color: #686767;
}
@media screen and (min-width:768px){
.room__set__item.__one {
clear: both;
float: none;

margin-left: auto;
margin-right: auto;
}
}
.info__colum {
background-color: #fef7e9;
}
.info__colum.__en {
background-color: #fef4e2;
}
.info__colum h3 {
color: #f8b73b;
}
.info__btn a{
border: 2px solid #303030;
color: #000;
background-color: #e1e1e1;
background-image: url(../img/btn_ar_b.png);
}
.info__btn a.__hotel {
}

/*------------------------------*/
/*sp*/
/*------------------------------*/
@media screen and (max-width:767px){
.mv__title__kakko {
margin: 0 10px
}
.mv__title__kakko:before{
width: 24px;
height: 24px;
top:-10px;
left: 0px;

}
.mv__title__kakko:after{
width: 24px;
height: 24px;
bottom:-10px;
right: 0px;
}
.mv__title__ro {
margin-bottom: 10px;
}
.mv__title {
margin-bottom: 10px;
}
.mv_time {
height: auto;
padding: 15px 0 15px 0;
background-size: 7px auto;
}

.mv__sitelink {
width: 260px;
box-sizing: border-box;
position:static;
margin: 20px auto 20px auto;
}
.mv__sitelogo {
width: 70px;
}
.sectionTitle {
width: auto;
}
.sectionTitle:after {
width: 56px;
height: 5px;
margin: 30px 0 30px 0;
}
.info__btn a{
background-size:9px auto;
background-position: right 20px center;

}
/*CB20171130*/
.mv__title__name_en {
font-size: 16px;
}
.mv__title__eng {
font-size: 24px;
}
.mv_sale__roomEn {
font-size: 16px;
}
/* //CB20171130*/

}
/*------------------------------*/
/*iphone 5*/
/*------------------------------*/

@media screen and (max-width: 320px) {
.mv__title {
    margin-bottom: 10px;
}


.mv__ulnk {
margin-top: 0px;
}
.room_set__btns li{
width: 100%;
float: none;
margin-bottom: 10px;
}

.mv__title__kakko {
margin: 0 5px
}
.mv__title__kakko:before,
.mv__title__kakko:after{
width: 14px;
height: 14px;
}
.mv__title__ro {
margin-bottom: 15px;
}
.mv__title {
margin-bottom: 10px;
}
.mv__sitelogo {
width: 50px;
}
.mv_sale__price {
font-size: 40px;
}
/*CB20171130*/
.mv__title__eng {
font-size: 22px;
}
/*//CB20171130*/

}