@charset "utf-8";
/* CSS Document */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■　LKA用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
label {
    display: block;
    font: 1rem 'Fira Sans', sans-serif;
}

input,
label {
    margin: .4rem 0;
}
/*----------メイン----------------------------------------------------------*/
#main {

	margin-top: 100px;
	margin-left: 75px;

}
/*#top-main {
	width: 99%;
	height: 1335px;
	background-image: url(../img/top_bg.jpg);
	background-position:center top;
	background-repeat: no-repeat;
}*/
#top-main {
	width: 100%;
	height: 700px;
	float: none;
	background-size: cover;
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
}
#top-main img {
	float: right;
	width: 100%;
	margin-top: 50px;
	margin-right:14px;
	padding: 10px;
}

#top-main .top-text_img {
	float: left;
	width: 400px;
	margin-top: 150px;
	margin-left: 50px;
	padding: 10px;
}
.mac #top-main .top-text_img{
	/*Macのみ*/
	float: right;
	width: 400px;
	margin-top: 150px;
	margin-right: 50px;
	padding: 10px; }

#top-main h1 {
	color: #FFF;
	font-size: small;
	padding-left: 80px;
}

#backbottom img{
	float: right;
	width: 100px;
	}

.plan1 {
	width:70%;
	margin:0 auto;
	padding:0 0 50px 0;
	//margin-bottom: 50px;
}

.title-h2-1 {
	font-family: 'de_valenciaregular';
	font-weight: 100;
	font-size: 55px;
	color: #000;
	letter-spacing: 3px;
}
.title-h2-1 span {
	font-family: 'latin_modern_roman_dunhil10Rg';
	font-size: 40px;
	color: #666;
}
.title-h2 {
	font-family: 'de_valenciaregular';
	font-weight: 100;
	font-size: 55px;
	margin-left:20px;
	color: #666;
	letter-spacing: 3px;
	width: 100%;
	text-align: center;
}
.title-h2 span {
	font-family: 'latin_modern_roman_dunhil10Rg';
	/*font-family: 'geometria-light';*/
	color: #666;
	font-size: 30px;
}
.title-h2_Geometria-Light {
	font-family: 'de_valenciaregular';
	font-weight: 100;
	font-size: 55px;
	margin:0 0 20px 20px;
	padding-top:60px;/*TOP画像から最初のテキストまで*/
	color: #000;
	letter-spacing: 3px;
}
.title-h2_Geometria-Light span {
	font-family: 'geometria-light';
	/*font-family: 'geometria-light';*/
	color: #666;
	font-size: 30px;
}
/*.About-Hotel{
font-family: 'geometria-light';
}*/

.dt_en {
	font-family: 'latin_modern_roman_dunhil10Rg';
	font-size: 40px;
	margin:0 5% ;
	color: #333;
}
.dt_ja {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 50px;
	margin:50px 5%;
	color: #333;
}
.To-travel{
	font-size:30px;
	font-family: 'latin_modern_roman_dunhil10Rg';
	margin:50px 5%;
	color: #333;
	}
.To-travel_ja{
	padding-top:10px;
	font-size:35px;
	line-height:36px;
	}
.dd_en{
	font-family: 'geometria-light';
	font-size: 20px;
	margin:50px 5%;
	color: #666;
}
.dd_ja{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:36px;
	font-size: 18px;
	margin:50px 5%;
	color: #666;}

.solid {
	display:block;
	width: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left:-15px;
	border-bottom: #333 1px solid;
}
.main-img{
	width:90%;

	//margin-top:20px;
	//margin-bottom:20px;}
.morebtn {
	font-family: 'geometria-light';


	text-align: right;
	margin-right: 20px;
	cursor: hand;
	cursor:pointer;
}
.morebtn:after {
	content: url(../img/icon.png);
}


/* -----more部分-------------------------------------------- */
.hotel_info_over{
	margin:0;
	padding:0;}
.dd_img{
	margin:0 0 10px 0; padding:0;}
/*.About-Hotel{
font-family: 'geometria-light';
}*/


/*住所*/
address {
	padding: 30px 0 30px 40px;
	margin: 30px 0 0 0;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	font-style: normal;
	vertical-align: text-top;
	line-height: 20px;
}

/*-------------*/


/*.dd_en {
	font-family: 'geometria-light';
	font-size: 20px;
	margin: 50px 90px;
	color: #666;
}*/




.black_btn{
	background-color:#000;
	color:#FFF;
	border-radius:20px;
	padding:4px 20px 4px 60px;}



.morebtn_open {
	font-family: 'geometria-light';
	text-align: right;
	margin-right: 20px;
	cursor: hand;
	cursor: pointer;

}
.morebtn_open:after {
	content: url(../img/icon.png);
}
.btn_over {
	//width: 480px;
 //width: 60%;
	margin: 0 auto;
}
.btn_over p {

}
.morebtn_close {
	font-family: 'geometria-light';
	text-align: right;
	margin-right: 20px;
	cursor: hand;
	cursor: pointer;
}
.morebtn_close a {
	color: #000;
}
.morebtn_close:after {
	content: url(../img/icon_close.png);
}
.morebtn_map {
	font-family: 'geometria-light';
	text-align: left;
	cursor: hand;
	cursor: pointer;
	line-height: 12px;
	float: left;
}
/*.morebtn_map:after {
	content: url(../img/icon_map.png);
}*/

.map {
	float: none;
	margin: 0 auto;
}
.map_openicon {
	margin: 0 0 0 42px;
}
.map_openicon img {
}
#moreText01 p {
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
}
.dd_ja_Text {
	letter-spacing: -0.5px;
}
.dd_ja_Text2{
	letter-spacing: -1px;}


/*----------コロナバナー--------*/
#corona{
	/* margin: 80px 0 0 0; */
	margin: 20px 0 0 0;
}
.corona_banner{
	text-align: center;
}
.corona_banner img{
	width: 360px;
	height: auto;
}
.corona{
	width: 280px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
.corona a{
	display: block;
	position: relative;
	width: 260px;
	padding: 10px 20px;
	margin: 0 auto;
	color: #000;
	font-size: 14px;
}

.corona a::after{
	position: absolute;
	top: 15px;
	right: 0px;
	transition: 0.2s;
	content: "→";
	/* content: url(../img/icon_banner.png); */
}

.red_btn a{
	border-bottom: 1px solid #000;
}
.blue_btn a{
	border-bottom: 1px solid #000;
}
.red_btn:hover a::after{
	right: -10px;
	transition: 0.2s;
}
.blue_btn:hover a::after{
	right: -10px;
	transition: 0.2s;
}
/*----------コロナバナー終--------*/


/*----------モバイル----------------------------------------------------------*/

@media screen and (min-width:600px) {

/*----------コロナバナー--------*/
.corona {
	margin-bottom: 0px;
}


/*----------コロナバナー終--------*/


}
@media screen and (max-width:599px) {
/*-----トップ-----*/

/*jQueryの関係でTOPの背景だけPC用とSP用は別*/
#top-main_mo {
	width: auto;
	height: 800px;
	float: none;
	background-size: cover;
	background-image: url(../img/top_bg_mo.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
#top-main_mo .w_bg p {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin:0;
	padding: 7px 0 5px;
	background-color: #fff;
}
#top-main_mo img {
	width: 90%;
	margin-top: 300px;
	padding: 20px;
	margin-left: 10px;
}

/*-----メイン-----*/

#Cont{
	margin-top:60px;
	margin-left:50px;}
#main {
	margin:auto;

	width: 99%;

}
#top-main .top-text_img {
	width: 300px;
	margin-top: 50px;
	padding: 10px;
}


.plan1 {
	width:auto;
	padding:0 0 50px 0;
}

.main-img{
	width:90%;}


/* -----more部分-------------------------------------------- */

.letter-spacing_1{
	letter-spacing:-1px;}

.letter-spacing_2{
	letter-spacing:-2px;}

.letter-spacing_3{
	letter-spacing:1px;}

.dd_img{
	margin:0 0 24px 0;
	padding:0;}




/*-----コンテンツー-----*/
dl {
	margin:0 15px 0 0;
}
.dt_en {
	margin: 40px 0 0 50px;
	font-size: 35px;
	font-weight: bold;
}
.dt_ja{
	margin:16px 0 0 0;
	font-size: 25px;
}
.To-travel,.To-travel_ja {
	font-size: 23px;
	line-height:30px;
	margin:16px 0 0 0;
}

.dd_en{
	margin:15px 0 0 0;
	padding-right:30px;
	font-size: 16px;
}
.dd_ja{
	margin:18px 0 0 0;
	padding-right:50px;
	padding-left: 100px;
	font-size: 16px;
	line-height:28px;

}

.title-h2-1 {
	margin-bottom:20px;
	margin-left: 0px;
	font-size:35px;
	letter-spacing:-0.5px;
}
.title-h2-1 span {
	font-size: 23px;
	}

.title-h2 {
	margin-bottom:16px;
	margin-left: 0px;
	font-size:35px;
}
.title-h2 span {
	font-size: 23px;
	}

.title-h2_Geometria-Light {
	margin-left: 0px;
	margin-bottom:0;
	padding-top:0;
	font-size:35px;
}
.title-h2_Geometria-Light span {
	font-size: 23px;
	}
	/*----------コロナバナー--------*/
#corona{
	margin: 0 20px 0px 0;
	width: 100%;
	padding: 0 10px 140px 0;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	position: relative;
}
.corona_banner{
	padding-bottom: 40px;
}
.corona_banner img{
	width: 360px;
	height: auto;
}
.corona{
	width: 220px;
	max-width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
}
.corona a{
	width: 220px;
	max-width: 100%;
	padding: 10px 0px;
	font-size: 12px;
}

.corona a::after{
	position: absolute;
	top: 14px;
	content: "→";
	font-size: 20px;
}
.red_btn{
	position:absolute;
	right: 45px;
}
.blue_btn{
	position:absolute;
	top: 40px;
	right: 45px;
}
/*----------コロナバナー終--------*/
}