@charset "UTF-8";
/* CSS Document */
   /* リセット */


:root {
--default-font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;

}



body	{
	margin: 0;
	font-family: var(--default-font-family);
	line-height: 1.8em;
	font-size: 14px;
	overflow-x: hidden;
}


p {
	line-height: 1.7em;
	letter-spacing: 0.01em;
}

img {
  vertical-align: middle;
}

img[src$=".svg"] {
    width: 100%;
    height: auto;
}
img {
	max-width: 100%;
	height: auto;
	list-style-type: disc;
}
.vsc-initialized{
	width: 100%;
}

section{
	margin-bottom: 150px !important;
}

/*--Link------------------------------------------------------------

a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #777777;
	text-decoration: underline;
}

a:focus {
	outline: none;
}
*/

a img:link{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}



/* サイト名 */
.site h1 a	{
	color: #000000;
	text-decoration: none;
}

.site h1	{
	margin: 0;
	font-size: 30px;
	height: auto;
}

.site img	{
	border: none;
	height: auto;
}


/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

img.flag{
	width: 16px;
	height: 11px;
}





/* キャッチコピー */
p.catch	{
	margin: 0;
	padding: 15px;
	/*background-color: rgba(255,255,255,0.5);*/
	font-size: 2.2em;
	color: #222;
	text-align: center;
	font-weight: bold;
}



.txt_body {
	text-align: center;
}

.box3 h2.title , .box4 h2.title , .box6 h2.title{
	font-size: 1.3em;
	background-color: #B0170E;
	text-align: center;
	width: auto;
	color: #FFF;
	padding: 0.5em;
	margin: 0px;
}

.box3 h2.title2{
	max-width: 100%;
	height: auto;
}

div.h1_arrow2 {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: top;
	display: block;
}

.h1_arrow img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.box_all{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/* 英語タイトル */
p.e_midashi{
	font-size: 1.3em;
	font-weight: bold;
	color: #B90412;
	text-align: center;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top-width: 0.15em;
	border-top-style: solid;
	border-top-color: #B90412;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* 概要 */
.boxset{
	padding: 15px;
	border-radius: 10px;
	position: relative;
}
.boxset a:hover	{opacity: 0.8}

.boxset h1, .boxset h3{
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAA;
}

.boxset p	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	padding-right: 0%;
	padding-left: 0%;
	text-align: left;
	
}

.boxset p.comment {
	margin-top: 1em;
}

.boxset p.review {
	font-size: 0.9em;
	background-image: url(../_img/reveiw.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 1em;
}

.gaiyou {
	display: block;
	background-color: #DFDFDF;
	color: #444;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	position: relative;
	min-height:305px;
	}

.gaiyou a:hover	{opacity: 0.8}

.gaiyou i{display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 38px
	}

.gaiyou .fa-database	{background-color: #bfbd13}

.gaiyou .fa-bar-chart-o	{background-color: #c58839}

.gaiyou .fa-envelope	{background-color: #859f46}

.gaiyou h1, .gaiyou h3{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.4em;
}

.gaiyou p{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 15px;
	font-size: 13px;
	padding-right: 0%;
	padding-left: 0%;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #AAA;
	margin-right: 5%;
	margin-left: 5%;
}

.gaiyou p.review {
	font-size: 0.8em;
	background-image: url(../_img/reveiw.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gaiyou p.comment {
	font-size: 0.8em;
	padding-top: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.gaiyou img.pp {
	width: 90%;
	margin-top: 5%;
}

div.messagebox{
	max-width: 950px;
	min-height: 200px;
	height: auto;
	margin-left: auto;
	border-radius: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	border: 6px solid #B10003;
	margin-top: 50px;
}
div.messagebox{
	background-image: url(../_image/top/202104/info_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

div.messagebox h3{
	position: absolute;
	top: 1em;
	left: 1em;
	color: #FFFFFF;
	font-size: 26px;
	line-height: 1.5em;
	letter-spacing: -0.05em;
}

div.messagebox .memorize{
	width: 590px;
	margin-right: 20px;
	margin-left: auto;
	padding-top: 1.5em;
	color: rgba(255,255,255,1.00);
	padding-bottom: 1.5em;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
}

.memorize ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.memorize ul li{
	color: #000000;
	margin-bottom: 0.25em;
	list-style-type: disc;
	line-height: 1.5em;
}

div.messagebox .mairacco{
	position: absolute;
	bottom: 0px;
	left: 170px;
}

/* お知らせ */
.news	{padding: 20px;
	border: solid 5px #dddddd}

.news h1	{margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li a	{display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.news li a:hover{background-color: #eeeeee}

.news a:after{content: "";
	display: block;
	clear: both}

.news time	{
	font-weight: bold}
.news time	{
	width: 100px;
	border-radius: 3px;
	font-size: 0.8em;
	text-align: center;
	padding: 0.3em;
	float: none;
}
.raku {
	background-color: #0C3;
	color: #FFF;
}

.news .text	{
	float: none;
	width: auto;
	margin-left: 0px;
}


/* SNSメニュー */
.follow ul	{margin: 0;
	padding: 0;
	list-style: none}

.follow li a{display: block;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none}

.follow li a:hover	{opacity: 0.8}

.follow-tw	{background-color: #63bafb}
.follow-fb	{background-color: #5288f7}
.follow-gp	{background-color: #f65d4a}

.follow i	{margin-right: 10px;
	font-size: 24px;
	vertical-align: middle}


/* 補足説明 */
.follow-info	{margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #dddddd;
	font-size: 14px;
	text-align: center}

.follow-info {
	position: relative;
	background: #dddddd;
}
.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
}


/* コピーライト */
.copyright p	{
	margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: center;
}


/* ボックスの左右 */
 .box4, .box5, .box6
	{padding-left: 0px;
	padding-right: 0px}


/* ボックスの上下 */
.boxA	{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #B0170E;
	}
.boxB	{
	padding-top: 0px;
	padding-bottom: 10px
}




/* BOX5をバーの形にする */
.box5	{padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd}

.box4	{
	padding-top: 5px;
	padding-bottom: 20px
}

.box4-1	{padding-bottom: 20px}

.box6	{
	padding-top: 20px;
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}

.box6-1, .box6-2, .box6-3
	{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.box7 {
	padding-top: 20px;
	padding-bottom: 30px;
}
iframe.mapH {
	height: 200px;
}

p.telno a:link{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000000;
	font-style: normal;
	margin-top: 10px;
	text-decoration: none;
	line-height: 50px;
}

.reserve_btn_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

ul.reserve_btn_flex li{
flex: 1 1 calc((100% - 10px) / 2);

}

ul.reservebtn {
	list-style-type: none;
	margin-top: 20px;
	width: 100%;
	


}
ul.reservebtn li {
	margin-right: 0px;
	margin-left: 0px;
	
	margin-top: 5px;
	margin-bottom: 5px;
	
	background-repeat: no-repeat;
	
}




ul.reservebtn li a:link{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
ul.reservebtn li a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}



/*サービス*/
.service_flex, .room_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	padding-left: 10px;
	padding-right: 10px;
}
.servicebox, .roombox{
	flex-basis: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	
}





img.seem {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}
	
.box_pc {
	display:none

}
.box_sm {
	width: 100%;
	background-repeat: no-repeat;
	visibility: visible;
	display:block

	height: auto;
}
/* AIバナー */
.ai-banner-pc, .ai-banner-sp{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 6px;
}

.message{display: flex;}

.message .message_inner01{
	flex-basis: 66%;
}
.message .message_inner02{
	flex-basis: 30%;
}
.message .message_inner{
	flex-basis: 100%;
	text-align: center;
}
.checktime{
	width: 530px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 15px;
}
.paypay_banner{
	width: 530px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.aword{
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
header .paypay_banner{
	width: 430px;
}

header .paypay_banner_sp{
	display: none;
}

/*youtube（トップページ）*/

#movies{	
	width: 100%;
	margin-top: 30px;
}

.movies-inner{background-color: #EBE3BD;

padding: 30px 10px 30px 10px;
text-align: center;}

.movies-inner > img{
	width: 250px;
	margin-bottom: 1em;
}

#movies h3{font-size: 25px;
text-align: center;}

#movies h3 + p{font-size: 15px;
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
padding-right: 30px;
padding-left: 30px;}

.movies{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}
.youtube-contaner{
	flex-basis: 31.5%;
    
}
.youtube-contaner p{
	text-align: center;
    line-height: 2em;
    font-size: 16px;
}
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.youtubebtn{
	text-align: center;
	margin-right: 0px;
	margin-top: 10px;
}

.youtube-contaner .introduction{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.youtube-contaner .introduction img{
    display: block;
}
.youtube-contaner .introduction p{
    display: block;
    padding-left: 15px;
}

<!--予約-->
.reserve_net p{
    font-size: 16px;
    line-height: 1.75em;
}
.reserve_net a:link{
    color: #000000;
    text-decoration: underline;
}

#btArea p{
    font-size: 13px;
}
#btArea span{
    padding-left: 1em;
    padding-right: 1em;
}


/* Google Mapを囲う要素 */

.map-wrap {
	max-width: 100%; /* ここに横幅を指定 */
  }

.gg-map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 80vh; /* 比率を4:3に固定 */
  }
   
  /* Google Mapのiframe */
.gg-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }






/* ########### 379px以下 ########### */
@media screen and (min-width: 420px) {
/* 改行削除 */
br.br-pc { display:block; }
br.br-sp { display:none; }

/* サイト名 */
.site img	{width: 50%;
	height: auto}


}

/* ########### 379px以上 ########### */
@media screen and (max-width: 421px) {
/* 改行 */
br.br-pc {
	display: none;
}
br.br-sp { display:block; }
}

/* ########### 599px以下 ########### */
@media screen and (max-width: 599px) {

#staffblog{
	margin-top: 20px;
}
.message{
	display: block !important;
	margin-top: 0px;
}
.message .message_inner02{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.checktime{
	width: 95%;
	margin-top: 15px !important;
	margin-bottom: 5px !important;
}
.paypay_banner{
	width: 95%;
	margin-top: 0px !important;
	margin-bottom: 15px !important;
}
.aword{
	width: 95%;
	margin-top: 0px !important;
	margin-bottom: 15px !important;

}

header .paypay_banner{display: none}

header .paypay_banner_sp{
	position: absolute;
	top: 8px;
	right: 5px;
	width: auto;
	height: 32px;
	display: block;
}
	
/* AIバナー */
.ai-banner-pc{
	display: none;
	text-align: center;
}

.ai-banner-sp{
	display: block;
	text-align: center;
}



.parking_pic_flex{
	display: block;
	justify-content: space-between;
	margin-top: 20px;
}
.parking_pic{
	flex-basis: 100% !important;
	margin-bottom: 10px;
}

/* キャッチコピー */
p.catch	{
	padding: 5px 10px;
	font-size: 1.1rem;
	margin-left: auto;
	margin-right: auto;
}

.box3 h2.title2{
	display:none
}
/* ボディコピー */
.txt_body {
	text-align: left;
	margin-left:0.5em;
	margin-right:0.5em;
}


div.catch1,div.catch2{margin-top: 10px;margin-bottom: 10px;}
	p.catch{
		display: inline-block;
	
	}
div.catch1:before,div.catch2:before{
	content: '';
	display: inline-block;
	width: 40px;/*画像の幅*/
	height: 40px;/*画像の高さ*/
	vertical-align: middle;
	background-image: url(../_img/catch_mairakko_before.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
}
div.catch1:after, div.catch2:after{
	content: '';
	display: inline-block;
	width: 40px;/*画像の幅*/
	height: 40px;/*画像の高さ*/
	vertical-align: middle;
	background-image: url(../_img/catch_mairakko_after.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
}
		div.catch1,div.catch2{margin-left: auto;margin-right: auto;text-align: center
}
	div.catch2:before, div.catch2:after,div.catch3:before, div.catch3:after{vertical-align: sub;}


div.messagebox h3{
	color: #B10003;
}

}


/* ########### 599px以上 ########### */
@media screen and (min-width: 599px) {
	/* 改行削除 */
br.br-sp { display:none; }
	
.site img	{
	border: none;
	width: auto;
	height: auto;
}


/* PCトップ */
.box_pc {
height: auto;
	width: 100%;
	background-repeat: no-repeat;
	visibility: visible;
	display:block
}
div.box_sm, p.cp1{
	 display:none
}



.news time	{
	width: 100px;
	border-radius: 3px;
	font-size: 0.8em;
	text-align: center;
	padding: 0.3em;
	float: left;
}



iframe.mapH {
	height: 400px;
}


ul.reservebtn {
	list-style-type: none;
	margin-top: 30px;
	
	margin-right: auto;
	margin-left: auto;
	
}
ul.reservebtn li 	{
	flex-basis: 16% !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

	
div.catch1,div.catch2{margin-top: 10px;margin-bottom: 10px;}
	p.catch{
		display: inline-block;
	
	}
div.catch1:before,div.catch2:before{
	content: '';
	display: inline-block;
	width: 75px;/*画像の幅*/
	height: 75px;/*画像の高さ*/
	vertical-align: middle;
	background: url(../_img/catch_mairakko_before.png);
	
}
div.catch1:after, div.catch2:after{
	content: '';
	display: inline-block;
	width: 75px;/*画像の幅*/
  height: 75px;/*画像の高さ*/
	vertical-align: middle;
	background: url(../_img/catch_mairakko_after.png);
}
	div.catch1,div.catch2{margin-left: auto;margin-right: auto;text-align: center
}
	div.catch2:before, div.catch2:after{vertical-align: sub;}
	
	.parking_pic_flex{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.parking_pic{flex-basis: 31%;}
}


/* ########### 767px以下 ########### */
@media screen and (max-width: 767px) {

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}


/* ナビゲーションメニュー（縦並び） */
.pd_menu	{display: none}

.pd_menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.pd_menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.pd_menu li a:hover	{background-color: #eeeeee}

.box2	{display: none}

nav.menu	{ margin-top:40px}

/* 予約ボタンを横に並べる設定 */


/* マイラからのお知らせ */
div.messagebox{
	width: auto;
	background-image: url(url);
	margin-left: 10px;
	margin-right: 10px;
}
div.messagebox h3{
	position: static;
	text-align: center;
	padding-top: 15px;
}

div.messagebox .memorize{
	width: auto;
	color: rgba(255,255,255,1.00);
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1.5em;
	margin: 1.5em;
}

.memorize ul{
	margin-left: 15px;
	padding: 0px;
	width: auto;
}

.memorize ul li{
	line-height: 1.5em;
}
div.messagebox .mairacco{
	display: none;
}

.movies{margin: 0px 20px;}

.youtube-contaner{
	flex-basis: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}

.youtube-contaner p {
    font-size: 14px;

}

}


/* ########### 768px以上 ########### */
@media screen and (min-width: 768px) {
/* AIバナー */
.ai-banner-pc{
	display: block;
}

.ai-banner-sp{
	display: none;
}

/* トグルボタン */
#menubtn	{display: none}

nav.menu	{ margin-top:100px}

/* プルダウン */
ul.pd_menutxt	{display: none}

.box2 select {font-size:1.5em}


/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}

.box2	{float: right;
text-align:right
	width: auto;
	margin-bottom:5px}

/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{
	float: left;
	width: 49%;
	padding-right: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.box4-2	{
	float: right;
	width: 49%
}



/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */

.box6-1	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 32%}
.box6-4{width: 32%;}

.service_flex, .room_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}

.servicebox, .roombox{
	flex-basis: 31.5%;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
#en_service .servicebox:last-child{
	margin-right: 34%;
}

.room_flex .equipment{
	display: flex;
	flex-basis: 100%;
	gap: 2%;
}

.room_flex .equipment div{
	width: calc(100% / 3);
}

.room_flex .equipment div h3{
	border: none;
}




/* キャッチコピー装飾 */
.catch_non	{
	visibility: visible;
	-moz-text-shadow:-1px -1px 1px #000;
    -webkit-text-shadow:-1px -1px 1px #000;
   text-shadow:
2px 0px 4px rgba(0,0,0,0.5),
0px 2px 4px rgba(0,0,0,0.5),
-2px 0px 4px rgba(0,0,0,0.5),
0px -2px 4px rgba(0,0,0,0.5);}


/* gaiyou最小高さ指定 */
.boxMH01 	{
	min-height:370px;
	}
.boxMH02 	{
	min-height:460px;
	}
.boxMH03 	{
	min-height:340px;
	}

ul.parking .time_pic{
	margin-left: 100px;
	width: 325px;
	padding-bottom: 5px;
}



/*youtube（トップページ PC）*/

#movies{	
	width: 100%;
	margin-top: 30px;
}

.movies-inner{background-color: #EBE3BD;
margin-left: -30px;
margin-right: -30px;
padding: 30px 30px 30px 30px;
text-align: center;}

#movies h3 + p{font-size: 15px;
text-align: left;
width: 60vw;
margin-left: auto;
margin-right: auto;
margin-top: 1em;}

.movies-inner > img{
	width: 300px;
	margin-bottom: 1em;
}


}


/* ########### 1190px以上 ########### */
@media screen and (min-width: 950px) {

/* 全体の横幅を固定 */
.box3, .box4, .boxA-inner, .box5-inner, .box6
	{width: calc(100% - 60px); /* 左右合計30pxずつの余白を確保 */
	margin-left: auto;
	margin-right: auto;
    max-width: calc(1400px - 60px);}


.box3 > .top{
	margin-left: -30px;
	margin-right: -30px;
}


}

ul.parking {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: none;
}
ul.parking li {
	padding: 5px;
	color: #000000;
	font-size: 1em;
	text-decoration: none
}
ul.parking h5 {
	float: left;
	font-size: 1em;
	border-radius: 3px;
	background-color: #F66;
	padding: 0.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 75px;
	color: #FFF;
	text-align: center;
}
ul.parking .text {
	float: none;
	width: auto;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5em;
}
ul.parking .time_pic{
	margin-left: 100px;
	
	padding-bottom: 5px;
}
.w900auto {
	width:auto;
	max-width:950px;
	margin-right: auto;
	margin-left: auto;
}


table.parking_pr {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	margin-top: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #BBB;
	border-bottom-color: #BBB;
}
table.parking_pr td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	background-color: #EFEEED;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
}
/* 駐車場地図を移動 */
div.parkingmap {
	position: relative;
}
.pmap {
	float: right;
	margin-right: 0px;
	margin-left: 2em;
	margin-bottom: 2em;
	width: 475px;	
}
ul.parking {
	float: left;
}




.about {
	padding: 0px;
}
about h1 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666
}
.about ul {
	padding: 0;
	list-style: none;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.about li {
	padding: 0px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	background-color: #EEE;
	display: block;
	margin: 0px;
	clear: both;
}
.about li.end {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.about div.catg {
	width: 100px;
	padding: 10px;
	margin: 0px;
	float: left;
	display: block;
	background-color: #EEE;
}
.about div.catg {
	color: #888888;
	font-weight: bold
}
.about div.text {
	width: auto;
	padding: 10px;
	background-color: #FFF;
	display: block;
	margin-left: 120px;
	float: none;
}
.about a:after {
	content: "";
	display: block;
	clear: both
}

.box-gr{
    background-image:-moz-linear-gradient(top, #f8f7f0, #e6e5d7);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f7f0), to(#e6e5d7), color-stop(1,#e6e5d7));
	
}
 
.fourcorners{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
}

.box-shadow{
	box-shadow:rgba(178, 179, 149, 0.4) 0px 0px 5px 2px;
-webkit-box-shadow:rgba(178, 179, 149, 0.4) 0px 0px 5px 2px;
-moz-box-shadow:rgba(178, 179, 149, 0.4) 0px 0px 5px 2px;
}
.pc_txt80 {
	font-size: .75em;
}
h3.room {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

p.corona01{
	padding: 0.25em;
	border: 1px solid rgba(255,0,0,1.00);
	color: rgba(255,0,4,1.00);
	margin-top: 0.25em;
}