@charset "UTF-8";
/* CSS Document */
/*COMMON-CSS*/
ul,ol,dl,dd,dt,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,blockquote,textarea,table,td,th,li{
margin: 0px;
padding: 0px;
border:0px;
text-decoration:none;
/* font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: 'PT Sans Caption',Helvetica,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','HiraKakuProN-W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:1.0em;
color: #333;
line-height:1.5;
font-style:normal;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{
border: none;
vertical-align:bottom;
}
strong{
font-style: normal;
}
em{
font-weight: normal;
font-style: normal;
}
form{
margin: 0px;
padding: 0px;
}
ol,ul,li,dl,dd,dt{
list-style:none;
margin: 0px;
padding: 0px;
}
input{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
a{
	color:#0066CC;
}
a:hover{
	color: #F03;
}
img{
	border:none;
	vertical-align:bottom;
}
p.page_title{
	margin:15px 0px 0px 0px;
}
a:hover img{
filter:alpha(opacity=40);
opacity:0.4;
}
/*レイアウト----------------------------------------------- */
body{
background: #FFF; /* Old browsers */
}
.wrapper{
	margin:0 auto;
	width:980px;
	text-align:left;
	overflow:hidden;
}
.contents{
	padding-top: 60px;
}
.main-contents,.side{
	padding:20px 0px;
	overflow:hidden;
	}

.main-contents{
	float:left;
	width:725px;
	overflow:hidden;
}
.side{
	float:right;
	width:230px;
	overflow:hidden;
}
#top_pagecell{
	clear:both;
	padding:5px 0px 15px 0px;
	overflow:hidden;
	}
#pagecell{
	overflow:hidden;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	width:1000px;
	clear:both;
}
/*HEAD------------------------------------------------------------*/
div.h1-outer{
	width:100%;
}
div.h1-outer h1{
	font-weight:normal;
	width:980px;
	margin:0px auto;
	font-size:12px;
}

h2{
	margin-bottom:15px;
}
h3{
	text-align: center;
	margin-bottom:15px;
}
h4{
	font-weight:bold;
	font-size:16px;
}
/*HEADER------------------------------------------------------------*/
header {
	width:100%;
background: #FFF; /* Old browsers */
}

header div.logo{
	clear: both;
	padding: 5px 0px 0px 0px;
	margin: 0px auto;
	width: 980px;
	overflow: hidden;
}
header div.logo .left{
	width: 538px;
	float: left;
	margin-top: 10px;
}
header div.logo .left-btn{
	width: 85px;
	padding-top: 30px;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
}
header div.logo .left-btn li{
	margin-bottom:10px;
}
header div.logo .right{
	float: right;
	text-align: right;
	width: 396px;
	/* [disabled]margin-top: 22px; */
}
header div.logo .right p{
	float:left;
	margin-left:10px;
}
/*-nav---------------------------------------------------------------------------------*/
.nav-outer{
	width: 100%;
	clear: both;
	background: #FDED33;/* box-shadow */
/*box-shadow:rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
overflow:hidden;*/
}
nav {
	margin:0px auto 0px auto;
width:980px;
	*zoom: 100; /*forIE6,7*/
	overflow:hidden;
	height: 90px;
	border-left: 1px dotted #E40018;
}
nav li {
	float:left;
	padding-top: 5px;
	display:block;
	position:relative;
	text-align: center;
	width: 148px;
	height: 85px;
	position: relative;
	border-right: 1px dotted #E40018;
}

nav li.top {
	width: 80px;
}

nav li.now {
	background:#FDED33;
}
#main_img-outer{
	margin-bottom:15px;
	padding:15px 0px;
	width:100%;
	clear:both;
	background: #888;
overflow:hidden;
	-webkit-background-size: 5px 5px;
	-moz-background-size: 5px 5px;
	background-size: 5px 5px; /* Controls the size of the stripes */

	background-color: #111;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
#main_img{
	overflow:hidden;
	clear:both;
		margin:0px auto 0px auto;
		width:980px;

}
/*--------------------------------------------------------------------------------*/
ul.top-reason-list li{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 17px;
	margin-bottom: 17px;
}

.top-mainbottom{
	margin-left: -17px;
}

/*--------------------------------------------------------------------------------*/
#reason-block{
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 0px;
	background: #FFEAE4;
}

ul.reason-block{
margin:0px auto;
width: 980px;
overflow: hidden;
}
ul.reason-block li{
	width: 50%;
	float: left;
}

.top-reason{
	margin-bottom:30px;
	overflow:hidden;
	width:474px;
}
.top-reason h4{
	padding: 10px 0px;
}
.top-reason p.txt{
	height: 225px;
}
.top-reason p.btn{
	text-align: right;
}
/*-message-------------------------------------------------------------------------------*/
.message{
	margin-bottom:30px;
	overflow:hidden;
	width:725px;
}
.message .left{
	float:left;
	width:560px;
}
.message .left p{
		margin-bottom:10px;
}
.message .right{
	float:right;
}


.shopinfo {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    margin-bottom: 40px;
    padding: 0 20px 20px;
}

.shopinfo h5{
	background: url(../images/top_shopinfo_sub.png) repeat-x bottom;
	font-size: 1.3em;
	padding-bottom: 7px;
	margin-bottom: 15px;
}






/*--------------------------------------------------------------------------------*/
h4.blog-tit{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.side_blog{
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:5px solid #E2001E;
}
.side_blog dl dd{
	margin-bottom:5px;
	font-size: 100%;
}


/*--------------------------------------------------------------------------------*/
.bnr{
	width: 980px;
	margin: 0px auto;
	overflow: hidden;
	margin-bottom:30px;
	text-align: center;
}

.bnr .telarea{
	float: left;
	margin-left: 15px;
}
.bnr .reservearea{
float:right;
margin-right: 15px;
}




/**/
.pageTop-outer{
	width:100%;
	padding:10px 0px;
	background:#E60021;
}
.pageTop{
	width:980px;
	margin:0px auto;
	text-align:right;
}
.pageTop a{
	color:#FFFFFF;
	text-decoration: none;
}

.pageTop a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/**/
#footerArea{
	width: 100%;
	padding: 10px 0px 0px 0px;
	background: #FFF;
}
#inner-footer{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}
#inner-footer p{
	text-align: left;
	font-weight: bold;
}
#inner-footer p img {
	margin: 25px auto;
}
#inner-footer .left{
	float:left;
}
#inner-footer .right{
	float:right;
}
#footLink{
	clear: both;
	width: 750px;
	margin: 0px auto;
	padding: 15px 0px;
	overflow: hidden;
}
#footLink ul li{
	float:left;
	width:20%;
	font-size:0.85em;
	margin-bottom: 8px;
}
#footLink ul li a{
	color:#222;
	content: "\f105";
    font-family: FontAwesome,'メイリオ',Meiryo,;
	padding-left: 7px;
}
#footLink ul li:before {
	color:#222;
	content: "\f0da";
    font-family: FontAwesome;
}


#footLink ul li a{
    color: rgb(53, 53, 53);
    text-decoration: none;
}

#footLink ul li a:hover{
    color: rgb(53, 53, 53);
    text-decoration:underline;
}



#copyright-wrap{
	clear:both;
	width:100%;
	padding:10px 0px;
	overflow:hidden;
	background:#FFFFFF;
}
#copyright-wrap p{
		width:980px;
margin:0px auto;
text-align:center;
}
/*----------------------------------------------*/
.side_area h4{
	padding:3px;
	border-bottom:2px solid #FF0;
	background:#313336;
	color:#FFF;
	text-align:center;
}
.side_area li a{
	padding:6px 10px;
	display:block;
	border-bottom:1px solid #CCC;
	background:#EFEFEF;
	color:#222;
	text-align:left;
}
.side_area li a:hover{
	padding:6px 10px;
	display:block;
	border-bottom:1px solid #CCC;
	background: #FF0;
	color:#222;
	text-align:left;
}

.red{
	color:#FF0004;
}
.bold{
	font-weight:bold;
}

.shop_bo {
	border-bottom: solid 3px red;
	margin-bottom: 10px;
}


.vaM {
    vertical-align: middle !important;
}




dl.infospace > dt {
    font-size: 0.9em;
    padding: 7px 15px 0;
}


dl.infospace > dd {
    border-bottom: 1px solid #dbdbdb;
    color: #00338b;
    padding-bottom: 7px;
	font-size: 14px;
}


.column02{
	clear: both;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
		border-bottom:#ee000f 2px solid;
	border-left:#ee000f 2px solid;
	border-right:#ee000f 2px solid;
}

/*CHIRASHI------------------------------------------*/
.chirashiArea{
	margin:15px 10px;
}

.chirashiArea img{
	width:200px;
	margin-bottom:15px;
	}

.chirashiwaku{
	border: #e60021 2px solid;
	margin-bottom: 15px;
}


/*--------------------------------------------------------------------------------*/
/*table-------------------------------------------------------------*/
table.data{
margin:0px 0px 10px 0px;
width:99%;
text-align:center;
border:1px solid #BBB;
border-collapse:collapse;
border-spacing:0px;
}
table.data th,table.data td{
padding:12px 8px 12px 8px;
line-height:18px;
vertical-align: middle;
border:1px solid #BBB;
text-align:left;
color:#000000;
}
table.data th{
	font-weight:bold;
	width:180px;
}
table.data td input{
	font-size:14px;
}
table.data td input.w320{
width:320px;
}
table.data td input.w160{
width:160px;
}
table.data td input.w80{
width:80px;
}
p.form_txt{
	margin:0px 0px 20px 0px;
	text-align:left;
	line-height:18px;
	font-size:12px;
}


table.data th{
	background-color: #fef572;
	font-weight: bold;
	width: 130px;
	font-size: 14px;
	color: #353535;
	text-align: center;
}




/*--------------------------------------------------------------------------------*/
/*table photoform-------------------------------------------------------------*/



table.photoform{
margin:0px 0px 10px 0px;
width:99%;
text-align:center;
border:1px solid #BBB;
border-collapse:collapse;
border-spacing:0px;
}
table.photoform th,table.photoform td{
padding:12px 8px 12px 8px;
line-height:18px;
vertical-align: middle;
border:1px solid #BBB;
text-align:left;
color:#000000;
}


table.photoform td select {
    border: 1px solid rgb(118, 181, 253);
    font-size: 14px;
    height: 30px;
    padding: 0 5px;
	border-radius:5px;
}


table.photoform td file {
    border: 1px solid rgb(118, 181, 253);
    font-size: 14px;
    height: 30px;
    padding: 0 5px;
	border-radius:5px;
}


table.photoform td  input {
    border: 1px solid rgb(118, 181, 253);
    padding: 6px 6px 5px 4px;
	border-radius:5px;
}



table.photoform td input.w320 {
    width: 320px;
}
table.photoform td input.txt {
    border: 1px solid rgb(118, 181, 253);
    font-size: 14px;
    height: 40px;
    padding: 0 5px;
	border-radius:5px;
}

table.photoform td textarea {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(118, 181, 253);
    font-size: 0.9em;
    height: 120px;
    margin: 1px 0;
    padding: 3px;
    width: 370px;
	border-radius:5px;
}






table.photoform th{
	font-weight:bold;
	width:180px;
}
table.photoform td input{
	font-size:14px;
}
table.photoform td input.w320{
width:320px;
}
table.photoform td input.w160{
width:160px;
}
table.photoform td input.w80{
width:80px;
}

p.form_txt{
	margin:0px 0px 20px 0px;
	text-align:left;
	line-height:18px;
	font-size:12px;
}


table.photoform th{
	background-color: #4f4f4f;
	font-weight: bold;
	width: 200px;
	font-size: 14px;
	color: #fff;
	text-align: left;
}

.formError .formErrorContent {
    background: rgb(238, 1, 1) none repeat scroll 0 0;
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 6px 10px;
    position: relative;
    width: 150px;
}

.ime_active {
    ime-mode: active;
}
.markRed {
    background: #e83e36 none repeat scroll 0 0;
    color: rgb(254, 254, 254);
    font-weight: normal !important;
    margin: 0 8px;
    padding: 0 8px;
	border-radius:8px;
}

.markBlu {
    background: #3077b1 none repeat scroll 0 0;
    color: rgb(254, 254, 254);
    font-weight: normal !important;
    margin: 0 8px;
    padding: 0 8px;
	border-radius:8px;
}


.photoformarea {
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;
}


.w850{
	width:850px;
	margin:0 65px;

	}

.photofile {
    border: 1px solid rgb(188, 181, 177);
    padding: 6px 6px 5px 4px;
}


.formError{
	background: #ff0000 none repeat scroll 0 0;
    color: rgb(254, 254, 254);
    font-weight: normal !important;
    margin: 0 8px;
    padding: 8px 8px;
	border-radius:8px;
	border:2px #FFE138 solid;
	}


/*PRIVACY------------------------------------------------------------*/
#contact_privacy{
width:100%;
overflow: hidden;
margin:0px 0px 30px 0px;
}
#contact_privacy .title{
padding:3px 0px 3px 5px;
border:1px solid #666666;
background: #666666;
color:#FFFFFF;
margin-top:25px;
}
#contact_privacy_area{
padding:8px;
height:120px;
overflow: auto;
border:1px solid #AAAAAA;
background:#FFFFFF;
color: #333333;
text-align:left;
}




.normalList > li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    list-style-type: disc !important;
    margin: 0 0 5px 20px;
    padding: 0;
}


.shop_infoarea_L {
    float: left;
    width: 450px;
}

.shop_infoarea_R {
    float: right;
    width: 450px;
}



table.data {
    border: 1px solid rgb(102, 102, 102);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
    text-align: center;
}
.shop table.data {
    border: 1px solid rgb(102, 102, 102);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
    text-align: center;
    width: 450px;
}
table.data th, table.data td {
    border: 1px solid rgb(102, 102, 102);
    color: rgb(51, 51, 51);
    line-height: 18px;
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}
table.data .koumoku {
    background: rgb(220, 249, 179) none repeat scroll 0 0;
    font-weight: bold;
    text-align: center;
}
table.data .koukan {
    text-align: center;
}
table.data th {
    background-color: rgb(254, 245, 114);
    color: rgb(53, 53, 53);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
table.data td input {
    font-size: 14px;
}
table.data td input.w320 {
    width: 320px;
}
table.data td input.w160 {
    width: 160px;
}
table.data td input.w80 {
    width: 80px;
}

ul.point{
margin:0px auto;
display:flex;/*横並び*/
justify-content: space-between;/*均等配置*/
flex-wrap: wrap;/*折り返し*/
align-items:center;/*天地センター*/
}
ul.point li{
	width: 25%;
}

.center{
	text-align: center;
}

p.lead{
	margin-bottom: 40px;
	line-height: 220%;
	font-size: 100%;
}


div.reserve {
    background: rgb(249, 225, 226) none repeat scroll 0 0;
    overflow: hidden;
    width: 100%;
	margin: 40px auto;
}


.tel-txt .inner{
width: 780px;
margin: 0px auto;
padding: 20px 0px;
}
.tel-txt .inner p{
margin: 0px auto;
padding: 10px;

}

.tel-txt .inner span.tel{
	font-size: 140%;
	color: #FF0C10;
}