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

body {
	-webkit-text-size-adjust: 100%; 
	line-height:1.5;
	font-family: 'メイリオ', Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", Verdana, sans-serif;
	font-size:14px;
	margin:0;
	color:#000;
	background-color: #1E2C5B;
	
}

img {
	border:none; vertical-align:bottom;
}
img.top {
	vertical-align:top;
}
img.middle {
	vertical-align:middle;
}

a {
	color:#F00;
	text-decoration:none;
}

a:hover {
	color:#F00;
	text-decoration:underline;
}

.c-both {
	clear:both;
}

article,footer{
	width:1100px;
	padding:0;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.header-top{
	margin:0 auto;
	width:100%;
	height:44px;
	background:#000;
	text-align:center;
}

#header-img{
	width:1100px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header-img .head-co01 {
	font-size: 12px;
	color: #324458;
	line-height: 1.2;
	position: absolute;
	top: 740px;
	left: 450px;
	text-align: left;
	font-weight: bold;
}
#header-img .head-co02 {
	font-size: 12px;
	color: #324458;
	line-height: 1.2;
	position: absolute;
	top: 310px;
	left: 112px;
	text-align: left;
	font-weight: bold;
}
.navi01{
	display: block;
	position: absolute;
	top: 900px;
	left: 75px;

}

.navi02{
	position: absolute;
	top: 900px;
	left: 398px;

}

.navi03{
	position: absolute;
	top: 900px;
	left: 720px;

}


div.main_02{
	width:1100px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*.main_02 .main-02-co01 {
	font-size: 13px;
	color: #000;
	line-height: 1.2;
	position: absolute;
	top: 1100px;
	left: 410px;
	text-align: left;
}*/

.main_02_btn{
	position: absolute;	
	top:1892px;
	left:150px;
}
.main_02 .m01 {
	color: #FFF;
	font-size: 13px;
	line-height: 1.2;
	position: absolute;
	left: 90px;
	top: 610px;
	font-weight: bold;
}
.main_02 .m02 {
	position: absolute;
	top: 610px;
	font-size: 13px;
	line-height: 1.2;
	color: #FFF;
	left: 430px;
	font-weight: bold;
}
.main_02 .m03 {
	position: absolute;
	left: 780px;
	top: 610px;
	font-size: 13px;
	line-height: 1.2;
	color: #FFF;
	font-weight: bold;
}
.main_02 .key_holder {
	font-size: 13px;
	color: #FFF;
	line-height: 1.2;
	position: absolute;
	top: 1350px;
	left: 70px;
	text-align: left;
}
.main_02 .lunch {
	position: absolute;
	font-size: 13px;
	color: #FFF;
	left: 305px;
	top: 1558px;
}
.main_02 .lunch_2 {
	color: #FFF;
	position: absolute;
	top: 2263px;
	font-size: 13px;
	left: 140px;
}
.main_02 .lunch_3 {
	position: absolute;
	left: 305px;
	top: 2483px;
	color: #FFF;
	font-size: 13px;
}



#plan .image_01 {
	font-size: 13px;
	color: #FFF;
	position: absolute;
	top: 442px;
	left: 545px;
	line-height: 1.2;
}






#plan{
	width:1100px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#plan .plan_co01 {
	font-size: 12px;
	color: #000;
	line-height: 1.2;
	position: absolute;
	top: 1045px;
	left: 685px;
	text-align: left;

}

.doco{
	position: absolute;	
	top:335px;
	left:112px;	
}
.mini_memo {
	font-size:1em;
	line-height: 1.2;
	color: #FFF;
	position: absolute;
	top: 1208px;
	left: 193px;
	font-weight: bold;
}
.miku_drink .collabo_memo {
	color: #FFF;
	font-size:1em;
	line-height: 1.2;
	position: absolute;
	top: 2253px;
	left: 70px;
	text-align: left;
}

.miku_drink {
	width:1100px; margin:0 auto;
	position: relative;
}
.miku_drink .drink_01 {
	font-size:1em;
	color: #1E2D5A;
	line-height: 1.2;
	position: absolute;
	top: 640px;
	left: 80px;
	text-align: left;
}
.miku_drink .drink_02 {
	font-size:12px;
	line-height: 1.2;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 1413px;
	left: 695px;
}
/*.miku_drink .drink_03 {
	font-size:1em;
	line-height: 1.2;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 1725px;
	left: 760px;
}*/






.card{
	position: absolute;	
	top:335px;
	left:221px;	
}
.room_plan {
	width:1100px; margin:0 auto;
	position: relative;
}
.room_plan .room_01 {
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	text-align: left;
	position: absolute;
	top: 460px;
	right: 411px;
}
.room_plan .room_02 {
	color: #1E2C5B;
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	top: 3050px;
	left: 78px;
}
.room_plan .room_03 {
	color: #1E2D5A;
	font-size: 18px;
	text-align: left;
	position: absolute;
	top: 3370px;
	left: 80px;
}
.room_plan .room_04 {
	color: #1E2D5A;
	font-size: 18px;
	text-align: left;
	position: absolute;
	top: 3393px;
	left: 80px;
}
.room_plan .room_05 {
	color: #1E2D5A;
	font-size: 18px;
	text-align: left;
	position: absolute;
	top: 1570px;
	left: 90px;
}
.room_plan .room_06 {
	color: #1E2D5A;
	font-size: 12px;
	text-align: left;
	position: absolute;
	top: 4290px;
	left: 445px;
}
.room_plan .room_07 {
	color: #1E2D5A;
	font-size: 18px;
	text-align: left;
	position: absolute;
	top: 4725px;
	left: 80px;
}
.room_plan .room_08 {
	color: #1E2D5A;
	font-size: 18px;
	text-align: left;
	position: absolute;
	top: 4750px;
	left: 80px;

}
.room_plan .room_09 {
	color: #1E2C5B;
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	top: 7380px;
	left: 95px;

}
/*.room_plan .room_05 {
	color: #1E2D5A;
	font-size: 52px;
	text-align: left;
	position: absolute;
	top: 3080px;
	left: 300px;
	font-weight: bold;
}
.room_plan .room_06 {
	color: #1E2D5A;
	font-size: 52px;
	text-align: left;
	position: absolute;
	top: 3180px;
	left: 300px;
	font-weight: bold;
}
.room_plan .room_07 {
	color: #1E2D5A;
	font-size: 25px;
	text-align: left;
	position: absolute;
	top: 3270px;
	left: 300px;
	font-weight: bold;
}
.font-52 {
	font-size: 52px;
	font-weight: bold;
}

.room_plan .room_08 {
	color: #1E2D5A;
	font-size: 52px;
	text-align: left;
	position: absolute;
	top: 3390px;
	left: 300px;
	font-weight: bold;
}
.room_plan .room_09 {
	color: #1E2D5A;
	font-size: 38px;
	text-align: left;
	position: absolute;
	top: 3500px;
	left: 300px;
	font-weight: bold;
}*/

.room_plan .room_10 {
	color: #000;
	font-size:1em;
	text-align: left;
	position: absolute;
	top: 4395px;
	left: 110px;
}

.room_plan .design_no01 {
	font-size:1em;
	line-height: 1.2;
	color: #FFF;
	position: absolute;
	top: 1600px;
	left: 100px;
}





.key{
	position: absolute;	
	top:335px;
	left:378px;
}



/*.about-miku {
	text-align: left;
	font-size:10px;
	line-height:180%;
	background-color: #00A0E9;
	padding-left: 70px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.about-miku p {
	margin: 0px;
	padding: 0px;
	color: #FFF;
}
.about-miku .what-miku {
	font-size: 16px;
	font-weight: bold;
}*/
.footer-top{
	width:1100px;
	color:#FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:12px;
	line-height:180%;
	background-color: #00A0E9;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}
.footer-top p {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 250px;
	text-align: center;
}
.footer-top a {
	display: block;
	float: right;
	margin-right: 80px;
}
/*.footer-top a {
	position: absolute;
	top: 7px;
	right: 100px;
}
*/
.footer-btm{
	width:1100px;
	color:#FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:10px;
	background-color: #BCD3DE;
	color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
}

.footer-img{
	vertical-align:middle;
	padding-left:3px;
}

footer p{
	margin:0;
	padding:8px;
}
@media only screen and (max-width: 721px) {
		body { font-size:10px; }
		
		.room_plan .room_02 {
	font-size: 0.8em;
}

	html,body, .header-top {
		width:1100px;
	}
}