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


/************************************************************
 * 全体設定
 ************************************************************/
 
header,footer,nav,section{display:block;}

body,p,h1,
ul,li,img{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
}

.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

body{
	font-size: 13px;
	-webkit-text-size-adjust: none;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,181,215,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,181,215,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,181,215,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,181,215,1.00) 100%);
}

/************************************************************
 * 各設定
 ************************************************************/
 
img{border:none;}
li{list-style:none;}

/************************************************************
 * リンク色
 ************************************************************/
 
a{
	color: #ef4a91;
	font-weight: normal;
}

h1{
	color: #FF50C7;
	font-size: 8px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	height: 18px;
}

/************************************************************
 * TOP
 ************************************************************/
 
#top{
	text-align:center;
}

#top img{
width:100%;
height:auto;
}

#top02{
	text-align:center;
	line-height:none;
}

#top02 img{
	width: 100%;
	line-height: 0px;
}


/************************************************************
 * 案内文
 ************************************************************/

#intro{
	margin: 15px 10px 0;
}


/************************************************************
 * BODY背景
 ************************************************************/
#back{
	background: linear-gradient(#FFFFFF, #FFB5E7);	
}



/************************************************************
 * TOPページのボタン
 ************************************************************/
#buttonarea{
	width:315px;
	margin:0 auto;
}

#buttonarea ul{
	background-color: #FFBADC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0 0 10px;
	margin: 15px 10px;
}

#buttonarea li{
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
}

#buttonarea li img{
	border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(251,0,171,1.00);
	box-shadow: 0 1px 4px rgba(251,0,171,1.00);
}

#buttonarea a{
	text-decoration:none;
}



/************************************************************
 * 客室案内のボタン
 ************************************************************/
#roomarea{
	width:315px;
	margin:0 auto;
}

#roomarea ul{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0 0 10px;
	margin: 15px 10px;
}

#roomarea li{
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
}

#roomarea li img{
	border-radius: 2px;
}

#buttonarea a{
	text-decoration:none;
}


/************************************************************
 * 料金表
 ************************************************************/
#chargearea{
	width: 90%;
	margin: 0 auto;
	background-color: #FFFFFF;
	height: auto;
	padding-top: auto;
	padding-bottom: auto;
	padding-right: auto;
	padding-left: auto;
	right: auto;
	top: auto;
	left: auto;
	bottom: auto;
	}


/************************************************************
 * 横幅100％の帯
 ************************************************************/
div.table-cell{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(234,234,234,1.00) 100%);
	height: 30px;
	color: #770E0E;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	text-indent: 10px;
	width: 640px;
}
 
/************************************************************
 * 住所
 ************************************************************/
#address{
	margin: 0 10px 15px;
	text-align: center;
}


/************************************************************
 * フッター
 ************************************************************/
#footer{
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url(../img/footer.png);
	text-shadow: 0px 1px #FB00AB;
	background-repeat: repeat-x;
	background-size: 100% auto;
}

#footer a{color:#fff; text-decoration:none;}

#tfooter{
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url(../img/tfooter.png);
	text-shadow: 0px 1px #FB00AB;
	background-repeat: repeat-x;
	background-size: 100% auto;
}

#tfooter a{color:#fff; text-decoration:none;}


@media screen and (min-width : 817px ){
	.sitetxt{
	float:left;
	width:360px;
	}
}

/************************************************************
 * 幅100％ボタン
 ************************************************************/
.sitebtn{text-align:left;}

.sitebtn a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	width: 100%;
	height: 50px;
	border: 1px solid #8b8b8b;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
	top: auto;
	bottom: auto;
	color: #262626;
}

.sitebtn a img{
	float: left;
}

/************************************************************
 * room用ボタン
 ************************************************************/
.roombtn{text-align:center;}

.roombtn a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	border: 1px solid #8b8b8b;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
	top: auto;
	bottom: auto;
	color: #262626;
	width: 58px;
	border-radius: 8px;
}

/************************************************************
 * room用ボタン2
 ************************************************************/
.roombtn02{text-align:center;}

.roombtn02 a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	border: 1px solid #8b8b8b;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
	top: auto;
	bottom: auto;
	color: #262626;
	width: 83px;
	border-radius: 8px;
}

/************************************************************
 * 特別料金表用ボタン
 ************************************************************/
.charge3btn{text-align:center;}

.charge3btn a{
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    height: 30PX;
    border: 1px solid #8b8b8b;
    -webkit-border-radius: 4px;
    background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
    top: auto;
    bottom: auto;
    color: #262626;
    width: 85%;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
}


/************************************************************
 * VOD用ボタン
 ************************************************************/
.vodbtn{text-align:center;}

.vodbtn a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	border: 1px solid #8b8b8b;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
	top: auto;
	bottom: auto;
	color: #262626;
	width: 150px;
	border-radius: 8px;
}

/************************************************************
 * 経路検索用ボタン
 ************************************************************/
.keirobtn{text-align:center;}

.keirobtn a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	border: 1px solid #8b8b8b;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
	top: auto;
	bottom: auto;
	color: #262626;
	width: 150px;
	border-radius: 8px;
	margin-left: auto;
    margin-right: auto;
}

/************************************************************
 * 外部リンクボタン
 ************************************************************/
.gaibubtn{text-align:center;}

.gaibubtn a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	border: 1px solid #8b8b8b;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
	top: auto;
	bottom: auto;
	color: #262626;
	width: 250px;
	border-radius: 8px;
	margin-left: auto;
    margin-right: auto;
}

/************************************************************
 * TOPページヘボタン
 ************************************************************/
.gototopbtn{text-align:center;}

.gototopbtn a{
	display: block;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	border: 1px solid #FF4DC6;
	-webkit-border-radius: 4px;
	background: -moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background-position: left top, left bottom, from(#f4f3f3), color-stop(0.5, #ecebeb), color-stop(0.51, #e3e3e3), to(#d9d9d9));
	background-color: #FFFFFF;
	top: auto;
	bottom: auto;
	color: #FB00AB;
	width: 100px;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
}


/************************************************************
 * 前のページに戻る
 ************************************************************/
.backpage{text-align:right;}

.backpage a{
	display: block;
	text-decoration: none;
	text-shadow: 0 0px 0;
	font-size: 12px;
	line-height: 30px;
	width: 100%;
	height: 30px;
	background-position: left top, left bottom, from(#f4f3f3), color-stop(0.5, #ecebeb), color-stop(0.51, #e3e3e3), to(#d9d9d9));
	background-color: #FF0B7D;
	top: auto;
	bottom: auto;
	color: #FFFFFF;
}

/************************************************************
 * イベント月の帯
 ************************************************************/
.eventmonth{
	text-align: left;
	width: 100%;
	height: 30px;
	display: block;
	color: #FB00AB;
	font-size: 14px;
	line-height: 30px;
	text-shadow: 0px 0px 0px;
	background-position: left top;
	text-indent: 10px;
}




#homebtn a{
	display:block;
	text-decoration:none;
	text-shadow:0 1px 0 white;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	margin:0 auto;
	width:170px;
	height:35px;
	border:1px solid #8b8b8b;
	border-radius:4px;
	-webkit-border-radius:4px;
	background:-moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background:-webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
}


/************************************************************
 * Homeボタン
 ************************************************************/
#homebtn{
	text-align:center;
	margin:25px 0;
}

#homebtn a img{
	margin-right:5px;
}

/************************************************************
 * フォント
 ************************************************************/
.topics {
	color: #F00086;
	letter-spacing: 2px;
	text-shadow: 0px 0px;
	font-weight: bold;
}
.ssize {
	text-shadow: 0px 0px;
	font-size: 12px;
}
.lsize {
	text-shadow: 0px 0px;
	font-size: 15px;
	font-weight: bold;
}
.xlsize {
	text-shadow: 0px 0px;
	font-size: 20px;
	font-weight: bold;
}
.couponsize {
	text-shadow: 0px 0px;
	font-size: 50px;
	font-weight: bold;
	line-height: 70px;
}

.mtop10 {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}
.mtop0 {
	display: block;
	margin-left: 10px;
}
.pink {
	color: #FB00AB;
}
.pinklsize {
	color: #FB00AB;
	font-size: 15px;
	font-weight: bold;
}
.redlsize {
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
}
.red {
	color: #FF0000;
}
.green {
	color: #00A912;
}
.kyoutyou {
	color: #FF0000;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 1px;
	line-height: 25px;
}
.margin55 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11pt;
}
/************************************************************
 * ライン
 ************************************************************/
p.box {
	padding-top: 1px;
	border-top: 1px dotted #FF9ADE;
	padding-bottom: 0px;
	width: 90%;
}
p.box100 {
	padding-top: 1px;
	border-top: 1px dotted #928C8C;
	padding-bottom: 0px;
	width: 100%;
}

/************************************************************
 * modal
 ************************************************************/
.modal {
	position: fixed;
	display: block;
	z-index: 9999;
	top: 1%;
	bottom: 1%;
	left: auto;
	width: 100%;
	height: 100%;
	color: #000;
	text-align: center;
	border: 1px solid #FFF;
	font-size: 88%;
	background-color: #FFFFFF;
	right: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.modal a { text-decoration: underline; }


/************************************************************
 * img
 ************************************************************/
.imgw10left {
	color: #999999;
	letter-spacing: 1px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.imgh10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.imgw10 {
	margin-right: 10px;
	margin-left: 10px;
}

.imgtop10 {
	margin-top: 10px;
	margin-bottom: 3px;
}
.imgtop5 {
	margin-top: 5px;
	margin-bottom: 3px;
}
/************************************************************
 * GoogleMap
 ************************************************************/
.google-maps {
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}