@charset "utf-8";


/* footer position --------------------------------  */

/* scroll bar */
html{overflow-y:scroll;}

/* footer fixed bottom */
html{ height:100%;}
body{ height:100%;}

/* footer inside container */
/*
* html #container{height:100%;}
div#container{position:relative;min-height: 100%;}
body > #container {height: auto;}
div#main{padding-bottom:30px;}
#footer{position:absolute;bottom:0px;height:30px;}
*/

/* footer inside containerWrap */
* html #containerWrap{height:100%;}
div#containerWrap{position:relative;min-height: 100%;}
body > #containerWrap {height: auto;}
div#container{padding-bottom:150px;}
#footer{position:absolute;bottom:0px;height: 110px;width: 100%;border-top:2px solid #e5e5e5;}
#footerInner { height: 110px;}


/* frame layout  ----------------------------------  */

body { background: url(../img/body_bg.gif) repeat-x;}

#container {
	width: 950px;
	margin: 0 auto;
}

#header {
	height: 206px;
	position: relative;
}

#mainVisual {
	height: 400px;
}

#main {
	width: 720px;
	float: right;
}

#sidebar {
	width: 200px;
	float: left;
}

#footerInner {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

/* header  ------------------------------------------  */

#header #logo {
	position: absolute;
	left: 0px;
	top: 56px;
}

#header #summary {
	position: absolute;
	left: 0px;
	top: 33px;
	/*text-indent: -9999px;
	background: url(../img/header_summary.gif) no-repeat;*/
	width: 370px;
	height: 14px;
}


#gNavi {
	position: absolute;
	left: 98px;
	bottom: 0px;
}

#headerTel {
	position: absolute;
	right: 0px;
	top: 12px;
	width:305px ;
}
#headerTel .txt_01 {
	font-size:32px ;
	font-weight:bold ;
	vertical-align:top ;
	line-height:1 ;
	margin:0 0 5px 0;
}
#headerTel .txt_01 a {
	text-decoration: none ;
	color:#000 ;
}
#headerTel .txt_01 a img {
	display: inline-block;
	width:30px ;
	height:auto ;
	vertical-align:top ;
}

#headerTel .txt_02 {
	float:left ;
	width:200px ;
	font-size:12px ;
}
#headerTel .txt_03 {
	float:right ;
	width:100px ;
	font-size:12px ;
}

#sNavi {
	position: absolute;
	right: 0px;
	top: 120px;
	width:305px ;
}

#sNavi {
	position: absolute;
	right: 0px;
	top: 120px;
	width:305px ;
}

#sNavi #reservationNavi {
	float:left ;
	width:173px ;
	margin:0 10px 0 0 ;
	border-radius:15px ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
#sNavi #reservationNavi:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddf6d+0,febd01+100 */
background: rgb(253,223,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,223,109,1) 0%, rgba(254,189,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf6d', endColorstr='#febd01',GradientType=0 ); /* IE6-9 */
}

#sNavi #inquiryNavi {
	float:left ;
	width:122px ;
	border-radius:15px ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
#sNavi #inquiryNavi:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddf6d+0,febd01+100 */
background: rgb(253,223,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,223,109,1) 0%, rgba(254,189,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf6d', endColorstr='#febd01',GradientType=0 ); /* IE6-9 */
}

#sNavi li a {
	width:100% ;
	padding:4px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	border-radius:15px ;
	display:block ;
	font-size:14px ;
	font-weight:bold ;
	box-sizing:border-box ;

}
#sNavi #reservationNavi a span > span {
	display:inline-block ;
	background:url(../img/icon_mail_shadow_01.png) 0 0 no-repeat ;
	background-size:18px auto ;
	padding: 0 0 0 20px ;
	background-position: 0 center ;
}
#sNavi #inquiryNavi a span > span {
	display:inline-block ;
	background:url(../img/icon_arw_shadow_01.png) 0 0 no-repeat ;
	background-size:10px auto ;
	padding: 0 0 0 12px ;
	background-position: 0 center ;
}



/* mainvisual  --------------------------------------  */

#mainVisual {
	width:950px ;
	text-align: center;
}
#mainVisual img { margin: 0 auto;}

/* maintitle  --------------------------------------  */

#mainTitle {
	background: url(../img/maintitle_bg.jpg) no-repeat;
	height: 100px;
	position: relative;
}

#mainTitle p {
	position: absolute;
	left: 20px;
	top: 40px;
}


/* contact --------------------------------------  */

#contact {
	border: 2px solid #e5e5e5;
	padding: 10px;
}

#contact .left { width: 232px;float:left;font-size: 12px}
#contact .center { width: 222px;float: left; margin: 0 0 0 10px;}
/*#contact .right { width: 232px;float: right;}*/

* html #main #contact .left p { height: 1px;}
#contact .left img { display: block;margin: 0 0 10px;}
*:first-child+html #contact .left img {margin-bottom: 10px;}
* html #contact .left img {margin-bottom: 10px;}

#main #contact h1 img { width:100% ; height:auto ;}
#main #contact .left #contactAddress { margin: 0 0 8px;}
#main #contact .left .openingHours .date-time  {font-size: 11px;}
#main #contact .left .openingHours .closing  {font-size: 11px;margin: 4px 0 0;}
#main #contact .left .openingHours .comment  {font-size: 11px;margin: 4px 0 0;}


#contact #map_canvas {
	width: 222px;
	height: 286px;
}


#contact .tel_01 {
	font-size:24px ;
	font-weight:bold ;
	vertical-align:top ;
	line-height:1 ;
	margin:0 0 5px 0;
}
#contact .tel_01 a {
	text-decoration: none ;
	color:#000 ;
}
#contact .tel_01 a img {
	display: inline-block;
	width:24px ;
	height:auto ;
	vertical-align:top ;
}

#contact .btn_01 {
	width: 232px;
	margin: 0 auto;
}
#contact .btn_01 li a {
	float:left ;
	width:100% ;
	padding:4px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	border-radius:20px ;
	display:block ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	font-size:20px ;
	font-weight:bold ;
	box-sizing:border-box ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
#contact .btn_01 li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddf6d+0,febd01+100 */
background: rgb(253,223,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,223,109,1) 0%, rgba(254,189,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf6d', endColorstr='#febd01',GradientType=0 ); /* IE6-9 */
}
#contact .btn_01 li a span {
	display:inline-block ;
	background:url(../img/icon_mail_shadow_01.png) 0 0 no-repeat ;
	background-size:18px auto ;
	padding: 0 0 0 20px ;
	background-position: 0 center ;
}
#main #contactMap  {
	margin:0 ;
}
#contactMap  a{
	color:#fff ;
	padding: 2px 0 0 ;
	background:#99cc00 ;
	vertical-align:middle ;
	height:24px ;
	text-align:center ;
	display:block ;
	box-sizing:border-box ;
}
#contactMap  a:hover {
	color:#fff ;
	background-color:#ffcc00 ;
}
#contactMap  a span{
	background:url(../img/icon_arw_03_pc.png) 0 center no-repeat ;
	padding: 0 0 0 15px ;
}
#contactMap a:hover {
	color:#fff ;
}
#main .contactMap  {
	margin:0 ;
}
.contactMap  a{
	color:#fff ;
	padding: 2px 0 0 ;
	background:#99cc00 ;
	vertical-align:middle ;
	height:24px ;
	text-align:center ;
	display:block ;
	box-sizing:border-box ;
}
.contactMap  a span{
	background:url(../img/icon_arw_03_pc.png) 0 center no-repeat ;
	padding: 0 0 0 15px ;
}
.contactMap a:hover {
	color:#fff ;
}



/* for ie6 */
* html #contact #map_canvas { display: none;}
* html #contactMap { display: none;}
* html #contact #map_ie6 { display:block;}
* html #contactMap_ie6 { display: block;}

/* main common class  -------------------------------  */

#pankuzu {
	background: url(../img/pankuzu_home.gif) no-repeat 1px 2px;
	padding: 0 0 0 15px;
	line-height: 1;
	margin: 30px 0 15px;
}

#pankuzu a { color: #000;}

#main h1 { margin: 0 0 12px;}

#main .caption1 {
	font-size: 132%;
	border-bottom: 2px solid #e5e5e5;
	border-top: 2px solid #e5e5e5;
	padding: 8px 0 6px 2px;
	margin: 0 0 20px;
	letter-spacing: normal;
	line-height: 1.2;
}

#main .caption2 { /* img title */
	margin: 0 0 26px;
}

#main .left { float: left;}
#main .right { float:right;}

#main #pagetop {
	text-align: right;
	margin: 20px 0 10px;
}

#home #main article { margin: 0;}
#main article,#main section { margin: 0 0 30px;}


.openingHours dt {
	width: 62px;
	padding-bottom:5px;
	float: left;
}

.openingHours dd {
	width: 140px;
	float: left;
	padding: 0 0 5px 18px;
	border-left: 1px solid #b2b2b2;
}

.openingHours .closing { display: block;}


/* sidebar  -----------------------------------------  */

.sideWidget {margin-bottom: 10px;}
#sidebar .sideWidget p { margin:0;}

.sideWidget img {
	padding: 0 0 0;
}

.side_bnr_01 {
	width: auto ;
}
.side_bnr_01 li {
	margin-bottom:10px ;
}
.side_bnr_01 li img {
	width:100% ;
	height:auto ;
}

#sidebar .nav_blk_01 {
}
#sidebar .nav_blk_01 p {
	display:none ;
}
.sideNavi {
	border-top: 1px solid #ccc;
	line-height: 1.2;
	margin-bottom: 30px;
}

.sideNavi li a {
	display: block;
	font-size: 116%;
	border-bottom: 1px solid #ccc;
	padding: 12px 0 11px 24px;
	background: url(../img/icon_link_01.png) no-repeat left center;
	color: #000;
}
.sideNavi li a:hover {
	background: url(../img/icon_link_01_on.png) no-repeat left center;
}

* html .sideNavi li a { height: 1px;}

.sideNavi li a:hover {
	color: #000;
}

.sideRanking {
	margin-bottom: 20px;
}


.sideRanking .rank_01 {
	width: auto ;
	margin:10px 0 ;
}
.sideRanking .rank_01 li {
	width: 100% ;
	margin:0 0 0 ;
	border-bottom:1px #e5e5e5 solid ;
	display:table ;
	background:url(../img/icon_no01.jpg) 0 10px no-repeat ;
	background-size:45px auto ;
}
.sideRanking .rank_01 li + li {
	background:url(../img/icon_no02.jpg) 0 10px no-repeat ;
	background-size:45px auto ;
}
.sideRanking .rank_01 li + li + li {
	background:url(../img/icon_no03.jpg) 0 10px no-repeat ;
	background-size:45px auto ;
}
.sideRanking .rank_01 li a {
	display: table-cell;
	width: auto ;
	height:auto ;
	padding:10px 10px 10px 55px ;
	box-sizing:border-box ;
	color:#333 ;
	text-decoration:none ;
	vertical-align:middle ;
	font-size:13px ;
	line-height: 1.2;
	font-weight:bold ;
}
.sideRanking .rank_01 li a img {
	width:60px ;
	height:auto ;
	margin:0 10px 0 0 ;
	float: left;
}

.sideRanking .rankingTitle {
	padding: 8px 0;
	border-top: 2px solid #f4a143;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}



/* footer  ------------------------------------------  */

#pagetop {
	position: absolute;
	right: 0;
	top: -9px;
}


#pagetop a {
	width: 128px;
	height: 19px;
	box-sizing:border-box ;
	color:#fff ;
	background:#99cc00 ;
	padding: 1px ;
	vertical-align:middle ;
	border-radius:9px ;
	display:inline-block ;
	font-size:11px ;
}
#pagetop a:hover {
	color:#fff ;
}

#footerLink {
	width: 950px;
	position: absolute;
	bottom: 61px;
	left: 2px;
}

#footerLink li {
	display:inline-block ;
	padding:0 0 0 0 ;
}
#footerLink li:before {
	content:"｜";
}
#footerLink li:first-child:before {
	content:"";
}

#footerLink a {
	color: #000;
}

#copyright {
	width: 950px;
	position: absolute;
	bottom: 30px;
	left: 0;
}

/* com parts ---------------------------------- */

#pagetitle {
	width: auto;
	margin:0 0 12px ;
	position:relative ;
}
#pagetitle .box_01 {
	width:100%;
	height:160px ;
	display:table ;
}
#pagetitle h1 {
	width:auto ;
	height:160px ;
	display:table-cell ;
	vertical-align:middle ;
}
#pagetitle h1 .txt_01 {
	font-size:34px ;
	border-bottom:2px #99cc00 solid;
	display:inline-block ;
}
#pagetitle h1 .txt_02 {
	font-size:34px ;
	border-bottom:2px #99cc00 solid;
	display:inline-block ;
	margin:-30px 0 0 ;
}
#pagetitle h1 .txt_04 {
	font-size:34px ;
	line-height: 1.2em;
	border-bottom:2px #99cc00 solid;
	display:inline-block ;
	margin:-30px 0 0 ;
}
#pagetitle .txt_03 {
	width:450px ;
	position:relative ;
	bottom:62px ;
	color:#f7a94e ;
	font-size:20px ;
	line-height:1.2 ;
	margin-bottom:0 !important;
}
#pagetitle .list_01 {
	width:450px ;
	position:relative ;
	bottom:62px ;
	
}
#pagetitle .list_02 {
	width:450px ;
	position:relative ;
	bottom:49px ;
	
}

#pagetitle .list_01 li,
#pagetitle .list_02 li {
	font-size:12px ;
	background:#f7a94e ;
	color:#fff ;
	border-radius:3px ;
	float:left ;
	padding:1px 2px ;
	margin: 5px 5px 0 0 ;
}

.com_hl_01 {
	font-size:28px ;
	font-weight:bold ;
	line-height:1.2 ;
	text-align:center ;
	padding:15px ;
	border-top:2px #99cc00 solid ;
	border-bottom:1px #ccc solid ;
	margin: 0 0 0 ;
}
.com_hl_02 {
	font-size:24px ;
	font-weight:bold ;
	line-height:1.2 ;
	text-align:left ;
	padding:15px 15px 15px 20px ;
	border-top:2px #f4a143 solid ;
	border-bottom:1px #ccc solid ;
	margin: 0 0 0 ;
}
.com_hl_03 {
	font-size:17px ;
	font-weight:bold ;
	line-height:1.2 ;
	color:#f7a84b ;
}
.com_hl_04 {
	font-size:17px ;
	line-height:1.2 ;
	padding:0 0 8px ;
	background:url(../img/com_hl_04_bg_01.gif) 0 bottom no-repeat ;
	margin:0 0 26px ;
}
.com_hl_05 {
	font-size:15px ;
	font-weight:bold ;
	margin-bottom: 10px;
	line-height:1.2 ;
}
.eyecatch_01 {
	background:#f7a94e ;
	padding:4px 8px ;
	border-radius:2px ;
	font-size:14px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_wakaba_01 {
	background:#f7a94e url(../img/icon_wakaba_01.png) 10px center no-repeat ;
	background-size:12px auto ;
	padding:4px 8px 4px 27px ;
	border-radius:2px ;
	font-size:14px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_02 {
	background:#99cc00 ;
	padding:4px 8px ;
	border-radius:2px ;
	font-size:14px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_03 {
	background:#2c82c5 ;
	padding:4px 8px ;
	border-radius:2px ;
	font-size:14px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_04 {
	background:#fff ;
	padding:2px 4px ;
	border-radius:2px ;
	font-size:11px ;
	color:#f7a94e ;
	display:inline-block ;
	line-height:1.2 ;
}


.bui_table_01 {
	display:table ;
	width:100% ;
	border:#f7a94e 1px solid ;
	border-radius:3px ;
	margin:0 0 20px ;
}
.bui_table_01 dt {
	display:table-cell ;
	width:16% ;
	font-size:11px ;
	background:#f7a94e ;
	color:#fff ;
	text-align:center ;
	padding:3px 2px ;
	vertical-align:middle ;
}
.bui_table_01 dd {
	display:table-cell ;
	font-size:11px ;
	padding:3px ;
	vertical-align:middle ;
}

.fld_img_01 {
	max-width:100% ;
	width:100% ;
	height:auto ;
}

.img_r_01 {
	float:right ;
	padding:0 0 10px 10px ;
}



.btn_mail_01 {
	width: 232px;
	margin: 0 0;
}
.btn_mail_01 li a {
	float:none ;
	width:100% ;
	padding:4px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	border-radius:20px ;
	display:block ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	font-size:20px ;
	font-weight:bold ;
	box-sizing:border-box ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
.btn_mail_01 li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddf6d+0,febd01+100 */
background: rgb(253,223,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,223,109,1) 0%, rgba(254,189,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf6d', endColorstr='#febd01',GradientType=0 ); /* IE6-9 */
}
.btn_mail_01 li a span {
	display:inline-block ;
	background:url(../img/icon_mail_shadow_01.png) 0 0 no-repeat ;
	background-size:18px auto ;
	padding: 0 0 0 20px ;
	background-position: 0 center ;
}

.btn_arw_01 {
	width: 232px;
	margin: 0 0;
}
.btn_arw_01 li a {
	float:none ;
	width:100% ;
	padding:4px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	border-radius:20px ;
	display:block ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	font-size:20px ;
	font-weight:bold ;
	box-sizing:border-box ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
.btn_arw_01 li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddf6d+0,febd01+100 */
background: rgb(253,223,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,223,109,1) 0%, rgba(254,189,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf6d', endColorstr='#febd01',GradientType=0 ); /* IE6-9 */
}
.btn_arw_01 li a span {
	display:inline-block ;
	background: url(../img/icon_arw_shadow_01.png) 0 0 no-repeat;
	background-size: 10px auto;
	padding: 0 0 0 20px ;
	background-position: 0 center ;
}

.btn_arw_01 li input[type="submit"] {
	border: none ;
	cursor: pointer ;
	float:none ;
	width:100% ;
	padding:4px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	border-radius:20px ;
	display:block ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	font-size:20px ;
	font-weight:bold ;
	box-sizing:border-box ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
.btn_arw_01 li input[type="submit"]:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fddf6d+0,febd01+100 */
background: rgb(253,223,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,223,109,1) 0%, rgba(254,189,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,223,109,1) 0%,rgba(254,189,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf6d', endColorstr='#febd01',GradientType=0 ); /* IE6-9 */
}

/* common  ------------------------------------------  */

small {
	font-size:80%;
}

.col_normal {
	color:#333 ;
}
.col_orenge {
	color:#f7a84b ;
}
.col_green {
	color:#99cc00 ;
}
.col_blue {
	color:#5facd0 !important;
}

/* link */
.link_01 {
	color:#333 ;
	background: url(../img/icon_link_01.png) 0 0 no-repeat ;
	padding: 2px 0 3px 22px ;
	vertical-align:middle ;
}
.link_01:hover {
	background: url(../img/icon_link_01_on.png) 0 0 no-repeat ;
}
.link_02 {
	color:#fff ;
	background:#99cc00 url(../img/icon_arw_03_pc.png) 15px center no-repeat ;
	padding: 5px 15px 5px 30px ;
	vertical-align:middle ;
	border-radius:15px ;
	display:inline-block ;
}

.link_02:hover {
	color:#fff ;
	background-color:#ffcc00 ;
}

.link_03 {
	font-size: 18px;
	color:#fff ;
	background:#99cc00 url(../img/icon_arw_03_pc.png) 15px center no-repeat ;
	padding:6px 30px 6px 40px;
	vertical-align:middle ;
	border-radius:20px ;
	display:inline-block ;
}

.link_03:hover {
	color:#fff ;
	background-color:#ffcc00 ;
}

/* font size */
.fs_s {
	font-size:11px ;
}


/* table */
table { width: 100%; margin-bottom: 0;}
th,td { border: 1px solid #ddd;padding: 8px 10px 6px;}
th { background: #f1f1f1;text-align: center;}

/* table feature */
table.table_feat {
}
table.table_feat th, 
table.table_feat td {
	border: 1px solid #b5ce94;
}
table.table_feat th {
	padding-left: 20px;
	font-size: 18px;
	text-align: left;
	background: #cbe189;
}
table.table_feat td {
	padding: 20px 10px;
	font-size: 12px;
	background: #ffffff;
}
table.table_feat td.title {
	width: 80px;
	font-size: 14px;
	text-align: center;
	background: #ecf6cf;
}

/* table_scroll */
.table_scroll{
	margin-bottom:30px ;
}
.table_nosc{
	margin-bottom:30px ;
}


/* device */
.pc_only {
}
.sp_only {
	display:none !important;
}

/* clearfix */
.clearfix:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* pad mar settings */

.mar_b_0{margin-bottom: 0 !important;}
.mar_b_5{margin-bottom: 5px !important;}
.mar_b_10{margin-bottom: 10px !important;}
.mar_b_15{margin-bottom: 15px !important;}
.mar_b_16{margin-bottom: 16px !important;}
.mar_b_20{margin-bottom: 20px !important;}
.mar_b_21{margin-bottom: 21px !important;}
.mar_b_22{margin-bottom: 22px !important;}
.mar_b_25{margin-bottom: 25px !important;}
.mar_b_30{margin-bottom: 30px !important;}
.mar_b_35{margin-bottom: 35px !important;}
.mar_b_40{margin-bottom: 40px !important;}
.mar_b_45{margin-bottom: 45px !important;}
.mar_b_50{margin-bottom: 50px !important;}

.mar_t_0{margin-top: 0 !important;}
.mar_t_3{margin-top: 3px !important;}
.mar_t_5{margin-top: 5px !important;}
.mar_t_10{margin-top: 10px !important;}
.mar_t_15{margin-top: 15px !important;}
.mar_t_20{margin-top: 20px !important;}
.mar_t_25{margin-top: 25px !important;}
.mar_t_30{margin-top: 30px !important;}
.mar_t_35{margin-top: 35px !important;}
.mar_t_40{margin-top: 40px !important;}
.mar_t_50{margin-top: 50px !important;}
.mar_t_60{margin-top: 60px !important;}

.mar_l_0{margin-left: 0 !important;}
.mar_l_5{margin-left: 5px !important;}
.mar_l_10{margin-left: 10px !important;}
.mar_l_15{margin-left: 15px !important;}
.mar_l_20{margin-left: 20px !important;}
.mar_l_25{margin-left: 25px !important;}
.mar_l_30{margin-left: 30px !important;}
.mar_l_35{margin-left: 35px !important;}
.mar_l_40{margin-left: 40px !important;}
.mar_l_45{margin-left: 45px !important;}
.mar_l_50{margin-left: 50px !important;}

.mar_r_0{margin-right: 0 !important;}
.mar_r_5{margin-right: 5px !important;}
.mar_r_10{margin-right: 10px !important;}
.mar_r_15{margin-right: 15px !important;}
.mar_r_20{margin-right: 20px !important;}
.mar_r_25{margin-right: 25px !important;}
.mar_r_30{margin-right: 30px !important;}
.mar_r_35{margin-right: 35px !important;}
.mar_r_40{margin-right: 40px !important;}
.mar_r_50{margin-right: 50px !important;}

.pad_b_0{padding-bottom: 0 !important;}
.pad_b_1{padding-bottom: 1px !important;}
.pad_b_5{padding-bottom: 5px !important;}
.pad_b_10{padding-bottom: 10px !important;}
.pad_b_15{padding-bottom: 15px !important;}
.pad_b_20{padding-bottom: 20px !important;}
.pad_b_25{padding-bottom: 25px !important;}
.pad_b_29{padding-bottom: 29px !important;}
.pad_b_30{padding-bottom: 30px !important;}
.pad_b_35{padding-bottom: 35px !important;}
.pad_b_40{padding-bottom: 40px !important;}
.pad_b_45{padding-bottom: 45px !important;}
.pad_b_50{padding-bottom: 50px !important;}

.pad_t_0{padding-top: 0 !important;}
.pad_t_5{padding-top: 5px !important;}
.pad_t_10{padding-top: 10px !important;}
.pad_t_15{padding-top: 15px !important;}
.pad_t_20{padding-top: 20px !important;}
.pad_t_25{padding-top: 25px !important;}
.pad_t_30{padding-top: 30px !important;}
.pad_t_35{padding-top: 35px !important;}
.pad_t_40{padding-top: 40px !important;}

.pad_l_0{padding-left: 0 !important;}
.pad_l_5{padding-left: 5px !important;}
.pad_l_10{padding-left: 10px !important;}
.pad_l_15{padding-left: 15px !important;}
.pad_l_20{padding-left: 20px !important;}
.pad_l_25{padding-left: 25px !important;}
.pad_l_30{padding-left: 30px !important;}
.pad_l_35{padding-left: 35px !important;}
.pad_l_40{padding-left: 40px !important;}

.pad_r_0{padding-right: 0 !important;}
.pad_r_5{padding-right: 5px !important;}
.pad_r_10{padding-right: 10px !important;}
.pad_r_15{padding-right: 15px !important;}
.pad_r_20{padding-right: 20px !important;}
.pad_r_25{padding-right: 25px !important;}
.pad_r_30{padding-right: 30px !important;}
.pad_r_35{padding-right: 35px !important;}
.pad_r_40{padding-right: 40px !important;}
.pad_r_50{padding-right: 50px !important;}



@media screen and (max-width: 640px)  {


/* footer position --------------------------------  */

/* scroll bar */
html{overflow-y:scroll;}

/* footer fixed bottom */
html{ height:100%;}
body{ height:100%;}

/* footer inside container */
/*
* html #container{height:100%;}
div#container{position:relative;min-height: 100%;}
body > #container {height: auto;}
div#main{padding-bottom:30px;}
#footer{position:absolute;bottom:0px;height:30px;}
*/

/* footer inside containerWrap */
* html #containerWrap{height:100%;}
div#containerWrap{position:relative;min-height: 100%;}
body > #containerWrap {height: auto;}
div#container{padding-bottom:0;}
#footer{position: relative;bottom: auto;height: auto;width: 100%;border-top: none; margin:20px 0 0 ;}
#footerInner { height: auto;}


/* frame layout  ----------------------------------  */

body { background: none;}

#container {
	width: auto;
	margin: 0 auto;
}

#header {
	height: auto;
	position: relative;
	overflow: visible;
}

#mainVisual {
	height: auto;
}

#main {
	width: auto;
	padding:0 10px ;
	float: none;
}

#sidebar {
	width: auto;
	float: none;
	border-top: 2px solid #e5e5e5;
	margin:20px 0 0 ;
}

#footerInner {
	width: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

/* header  ------------------------------------------  */

#header .head_sp {
	width:auto ;
	/*height:80px;*/
	height:auto ;
	border-bottom:2px #e5e5e5 solid ;
	box-sizing:border-box ;
	padding:7px 10px 10px ;
}
#header .head_btn_sp {
	width:95px ;
	float:right ;
}
#header .head_btn_sp li {
	width:45px ;
	height:45px ;
	background: url(../img/btn_head_01_sp.png) 0 0 no-repeat ;
	background-size: 45px auto ;
	float:left ;
	border-radius:3px ;
	box-shadow:0 0 2px rgba(0,0,0,0.1) ;
	text-indent:-9999px ;
}
#header .head_btn_sp li a {
	width:45px ;
	height:45px ;
	display:block ;
}
#header .head_btn_sp li + li {
	float:right;
	background: url(../img/btn_head_02_sp.png) 0 0 no-repeat ;
	background-size: 45px auto ;
}
.local-navi-active #header .head_btn_sp li + li {
	float: none;
	position: absolute ;
	background: url(../img/icon_close_01.png) 0 0 no-repeat ;
	left:10px ;
	top: 10px ;
	background-size: 28px auto ;
}
#header .head_btn_sp li img {
	width:100% ;
	height:auto ;
}

#header #logo {
	position: relative;
	left: auto;
	top: auto;
	float:left ;
	width:192px ;
	height:auto ;
	margin:7px 0 0 ;
}
#header #logo img {
	width:100% ;
	height:auto ;
}

#header #summary {
	position: relative;
	left: auto;
	top: auto;
	/*text-indent: -9999px;
	background: url(../img/header_summary.gif) no-repeat;*/
	width: auto;
	height: auto;
	font-size:9px ;
	padding:0 0 7px;

}



#header .menu_sp {
	width: 260px ;
	border-top:#d9d9d9 2px solid ;
	border-bottom:#d9d9d9 2px solid ;
	border-left:#d9d9d9 2px solid ;
	box-sizing:border-box ;
	padding:0 0 20px;
	background: #fff url(../img/icon_close_01.png) 10px -50px no-repeat ;
	background-size:28px auto ;
	margin:10px 0 0 ;
	position:relative ;
	z-index:1000 ;
}

#gNavi {
	position: relative;
	left: auto;
	bottom: auto;
}

#headerTel {
	position: relative;
	right: auto;
	top: auto;
	width: auto ;
	padding:20px 10px;
}
#headerTel .txt_01 {
	font-size:25px ;
	font-weight:bold ;
	vertical-align:top ;
	line-height:1 ;
	margin:0 0 5px 0;
}
#headerTel .txt_01 span {
	text-decoration:underline ;
}
#headerTel .txt_01 a {
	text-decoration: none ;
	color:#000 ;
}
#headerTel .txt_01 a img {
	display: inline-block;
	width:30px ;
	height:auto ;
	vertical-align:top ;
}

#headerTel .txt_02 {
	float: none ;
	width: auto ;
	font-size:14px ;
}
#headerTel .txt_03 {
	float: none ;
	width: auto;
	font-size:14px ;
	margin:5px 0 0 ;
}


#sNavi {
	position: relative;
	right: auto;
	top: auto;
	width: auto ;
	padding:0px 15px;
}

#sNavi #reservationNavi {
	float: none ;
	width: auto ;
	margin:0 ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	border-radius:4px ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */
}
#sNavi #inquiryNavi {
	float: none ;
	width: auto ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	border-radius:4px ;
	margin:10px 0 0 ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aede1e+0,99cc01+100 */
background: rgb(174,222,30); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(174,222,30,1) 0%, rgba(153,204,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(174,222,30,1) 0%,rgba(153,204,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(174,222,30,1) 0%,rgba(153,204,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aede1e', endColorstr='#99cc01',GradientType=0 ); /* IE6-9 */
}

#sNavi li a {
	width:100% ;
	padding:1px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	
	display:block ;
	font-size:18px ;
	font-weight:bold ;
	box-sizing:border-box ;


}
#sNavi li + li a {


}
#sNavi li a > span {
	display:block ;
	border: #fff 1px solid ;
	border-radius:4px ;
	padding:10px ;
}
#sNavi #reservationNavi a span > span {
	display:inline-block ;
	background:url(../img/icon_mail_shadow_01.png) 0 0 no-repeat ;
	background-size:27px auto ;
	padding: 0 0 0 29px ;
	background-position: 0 center ;
}
#sNavi #inquiryNavi a span > span {
	display:inline-block ;
	background:url(../img/icon_arw_shadow_02.png) 0 0 no-repeat ;
	background-size:15px auto ;
	padding: 0 0 0 17px ;
	background-position: 0 center ;
}



/* mainvisual  --------------------------------------  */

#mainVisual {
	width: auto ;
	text-align: center;
}
#mainVisual img {
	margin: 0 auto;
	width:100% ;
	height:auto ;
}

/* maintitle  --------------------------------------  */

#mainTitle {
	background: url(../img/maintitle_bg.jpg) no-repeat;
	height: 100px;
	position: relative;
}

#mainTitle p {
	position: absolute;
	left: 20px;
	top: 40px;
}


/* contact --------------------------------------  */

body #main article#contact {
	border-top: 2px solid #e5e5e5;
	border-bottom:none ;
	border-right: none;
	border-left: none;
	padding: 20px 20px 0 ;
	margin:0 -10px 20px ;
}

body #main #contact .left { width: auto;float: none;font-size: 12px}
body #main #contact .center { width: auto;float: none; margin: 0 0 0 10px;}
body #main #contact .right { width: auto;float: none; margin:30px 0 0 ;}
body #main #contact .right img { width: 100% ; height:auto ;}

* html #main #contact .left p { height: 1px;}
body #main #contact .left img { display: inline-block;margin: 0 0 10px;}
*:first-child+html #contact .left img {margin-bottom: 10px;}
* html #contact .left img {margin-bottom: 10px;}

body #main #contact h1 { width:220px ; height:auto ; margin:0 auto;}
body #main #contact h1 img { width:100% ; height:auto ;}
body #main #contact .left #contactAddress { margin: 0 0 8px; font-size:14px ;}
body #main #contact .left .openingHours .date-time  { font-size:14px ;}
body #main #contact .left .openingHours .closing  { font-size:14px ;margin: 4px 0 0;}
body #main #contact .left .openingHours .comment  { font-size:14px ;margin: 4px 0 0;}


#contact #map_canvas {
	width: 222px;
	height: 286px;
}


#contact .tel_01 {
	font-size:28px ;
	font-weight:bold ;
	vertical-align:top ;
	line-height:1 ;
	margin:0 0 5px 0;
	text-align:center ;
}
#contact .tel_01 a {
	text-decoration: none ;
	color:#000 ;
}
#contact .tel_01 a img {
	display: inline-block;
	width:30px ;
	height:auto ;
	vertical-align:top ;
}

#contact .btn_01 {
	width: 240px;
	margin: 0 auto;
}
#contact .btn_01 li a {
	float:none ;
	width:100% ;
	padding:4px ;
	display:block ;
	text-align:center ;
	color:#fff ;
	text-decoration:none ;
	text-align:center ;
	border-radius:20px ;
	display:block ;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
	font-size:20px ;
	font-weight:bold ;
	box-sizing:border-box ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcc94+0,f8a851+100 */
background: rgb(253,204,148); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,204,148,1) 0%, rgba(248,168,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,204,148,1) 0%,rgba(248,168,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc94', endColorstr='#f8a851',GradientType=0 ); /* IE6-9 */

}
#contact .btn_01 li a span {
	display:inline-block ;
	background:url(../img/icon_mail_shadow_01.png) 0 0 no-repeat ;
	background-size:18px auto ;
	padding: 0 0 0 20px ;
	background-position: 0 center ;
}
#main #contactMap  {
	margin:0 ;
}
#contactMap  a{
	color:#fff ;
	padding: 2px 0 0 ;
	background:#99cc00 ;
	vertical-align:middle ;
	height:24px ;
	text-align:center ;
	display:block ;
	box-sizing:border-box ;
}
#contactMap  a span{
	background:url(../img/icon_arw_03_pc.png) 0 center no-repeat ;
	padding: 0 0 0 15px ;
}
#contactMap a:hover {
	color:#fff ;
}
#main .contactMap  {
	margin:0 ;
}
.contactMap  a{
	color:#fff ;
	padding: 2px 0 0 ;
	background:#99cc00 ;
	vertical-align:middle ;
	height:24px ;
	text-align:center ;
	display:block ;
	box-sizing:border-box ;
}
.contactMap  a span{
	background:url(../img/icon_arw_03_pc.png) 0 center no-repeat ;
	padding: 0 0 0 15px ;
}
.contactMap a:hover {
	color:#fff ;
}


/* for ie6 */
* html #contact #map_canvas { display: none;}
* html #contactMap { display: none;}
* html #contact #map_ie6 { display:block;}
* html #contactMap_ie6 { display: block;}

/* main common class  -------------------------------  */

#pankuzu {
	background: url(../img/pankuzu_home.gif) no-repeat 1px 2px;
	padding: 0 0 0 15px;
	line-height: 1;
	margin: 30px 0 15px;
}

#pankuzu a { color: #000;}

#main h1 { margin: 0 0 12px;}

#main .caption1 {
	font-size: 16px;
	border-bottom: 2px solid #e5e5e5;
	border-top: 2px solid #e5e5e5;
	padding: 8px 0 6px 10px;
	margin: 0 -10px 20px;
	letter-spacing: normal;
	line-height: 1.2;
}

#main .caption2 { /* img title */
	margin: 0 0 26px;
}

#main .left { float: left;}
#main .right { float:right;}

#main #pagetop {
	text-align: right;
	margin: 20px 0 10px;
}

#home #main article { margin: 0;}
#main article,#main section { margin: 0 0 30px;}


.openingHours dt {
	width: 62px;
	padding-bottom:5px;
	float: left;
}

.openingHours dd {
	width: 140px;
	float: left;
	padding: 0 0 5px 18px;
	border-left: 1px solid #b2b2b2;
}

.openingHours .closing { display: block;}


/* sidebar  -----------------------------------------  */

.sideWidget {margin-bottom: 0;}
#sidebar .sideWidget p { margin:0;}

.sideWidget img {
	padding: 0 0 0;
}

.side_bnr_01 {
	width: auto ;
	margin:20px 10px 0 ;
}
.side_bnr_01 li {
	margin-bottom:10px ;
	margin-right:4% ;
	width:48% ;
	float: left ;
}
.side_bnr_01 li:nth-child(2n) {
	margin-right:0 ;
}
.side_bnr_01 li img {
	width:100% ;
	height:auto ;
}

#sidebar .nav_blk_01 {
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#sidebar .nav_blk_01 p {
	display: block;
	font-size:13px ;
	margin:0 ;
	border-bottom: 1px solid #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e5e5e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
#sidebar .nav_blk_01 p span {
	display:block ;
	background: url(../img/icon_arw_down_01.png) no-repeat 97% center;
	background-size:10px auto ;
	padding: 12px 0 11px 10px;
}
#sidebar .nav_blk_01 p.archive_up span {
	background: url(../img/icon_arw_up_01.png) no-repeat 97% center;
	background-size:10px auto ;
}
.sideNavi {
	border-top: none;
	line-height: 1.2;
	margin-bottom: 0;
}

.sideNavi li {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e5e5e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.sideNavi li a {
	display: block;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	padding: 12px 0 11px 10px;
	background: url(../img/icon_arw_01.png) no-repeat 97% center;
	background-size:6px auto ;
	color: #000;
}
.sideNavi li a:hover {
	background: url(../img/icon_arw_01.png) no-repeat 97% center;
	background-size:6px auto ;
}
.sideNavi.other_01 {
	display:none ;
}
.sideNavi.other_01 li {
	background:#e5e5e5 ;
}
.sideNavi.other_01 li a {
	background: url(../img/icon_arw_02.png) no-repeat 97% center;
	background-size:6px auto ;
}

* html .sideNavi li a { height: 1px;}

.sideNavi li a:hover {
	color: #000;
}

.sideRanking {
	margin-bottom: 20px;
}

.sideRanking .rank_01 {
	width: auto ;
	margin:10px 0 ;
}
.sideRanking .rank_01 li {
	width: 100% ;
	margin:0 0 0 ;
	border-bottom:1px #e5e5e5 solid ;
	display:table ;
	background:url(../img/icon_no01.jpg) 10px 10px no-repeat ;
	background-size:45px auto ;
}
.sideRanking .rank_01 li + li {
	background:url(../img/icon_no02.jpg) 10px 10px no-repeat ;
	background-size:45px auto ;
}
.sideRanking .rank_01 li + li + li {
	background:url(../img/icon_no03.jpg) 10px 10px no-repeat ;
	background-size:45px auto ;
}
.sideRanking .rank_01 li a {
	display: table-cell;
	width: auto ;
	height:auto ;
	background: url(../img/icon_arw_02_pc.png) 97% center no-repeat ;
	background-size:8px auto ;
	padding:10px 10px 10px 65px ;
	box-sizing:border-box ;
	color:#333 ;
	text-decoration:none ;
	vertical-align:middle ;
	font-size:13px ;
	font-weight:bold ;
}
.sideRanking .rank_01 li a img {
	width:60px ;
	height:auto ;
	margin:0 10px 0 0 ;
}

.sideRanking .rankingTitle {
	padding: 8px 0;
	border-top: 2px solid #f4a143;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}


/* footer  ------------------------------------------  */

#pagetop {
	position: relative;
	right: auto;
	top: auto;
}


#pagetop a {
	width: 200px;
	height: 38px;
	box-sizing:border-box ;
	color:#fff ;
	background:#99cc00 url(../img/icon_arw_top_01.png) 30px center no-repeat ;
	background-size:10px auto ;
	padding: 10px 0 0 45px ;
	vertical-align:middle ;
	border-radius:19px ;
	display:inline-block ;
	font-size:13px ;
	text-align:left ;
}
#pagetop a:hover {
	color:#fff ;
}

#footerLink {
	width: auto;
	position: relative;
	bottom: auto;
	left: auto;
	margin:20px 0 0 ;
	border-bottom:1px #ccc solid ;
}

#footerLink li {
	display:block ;
	padding:0 ;
	float:left ;
	width:50% ;
	box-sizing:border-box ;
	border-top:1px #ccc solid ;
	border-right:1px #ccc solid ;
	font-size:12px ;
	text-align:left ;

}
#footerLink li:nth-child(2n) {
	border-right: none ;
}
#footerLink li:before {
	content:"";
}
#footerLink li:first-child:before {
	content:"";
}

#footerLink a {
	color: #000;
	padding:10px 16px ;
	display:block ;
	box-sizing:border-box ;
	background:url(../img/icon_arw_02.png) 97% center no-repeat ;
	background-size:6px auto ;
}

#copyright {
	width: auto;
	position: relative;
	bottom: auto;
	left: auto;
	padding:5px ;
	background:#d9d9d9 ;
	font-size:9px ;
}

/* com parts ---------------------------------- */




#pagetitle {
	width: auto;
	margin:0 -10px 12px ;
}
#pagetitle .box_01 {
	width:100%;
	height:70px ;
	display:table ;
}
#pagetitle h1 {
	width:auto ;
	height:70px ;
	display:table-cell ;
	vertical-align:middle ;
	background-size: contain ;
}
#pagetitle h1 .txt_01 {
	font-size:18px ;
	border-bottom:2px #99cc00 solid;
	display:inline-block ;
	margin: 0 0 0 10px ;
}
#pagetitle h1 .txt_02 {
	font-size:18px ;
	border-bottom:2px #99cc00 solid;
	display:inline-block ;
	margin: 0 0 0 10px ;
}
#pagetitle .txt_03 {
	width: auto ;
	position:relative ;
	bottom: auto ;
	padding:0 10px ;
	color:#f7a94e ;
	font-size:18px ;
	line-height:1.2 ;
	margin-bottom:0 !important;
	margin-top:10px ;
}
#pagetitle h1 .txt_04 {
	font-size:18px ;
	border-bottom:2px #99cc00 solid;
	display:inline-block ;
	margin: 0 0 0 10px ;
	line-height: 1.2;
}
#pagetitle .list_01 {
	width: auto;
	position:relative ;
	bottom: auto ;
	padding:0 10px ;
}
#pagetitle .list_02 {
	width: auto;
	position:relative ;
	bottom: auto ;
	padding:0 10px ;
}

#pagetitle .list_01 li,
#pagetitle .list_02 li {
	font-size:10px ;
	background:#f7a94e ;
	color:#fff ;
	border-radius:3px ;
	float:left ;
	padding:1px 2px ;
	margin: 2px 2px 0 0 ;
}



.com_hl_01 {
	font-size:18px ;
	font-weight:bold ;
	line-height:1.2 ;
	text-align:center ;
	padding:10px ;
	border-top:2px #99cc00 solid ;
	border-bottom:1px #ccc solid ;
	margin: 0 -10px 0 ;
}
.com_hl_02 {
	font-size:16px ;
	font-weight:bold ;
	line-height:1.2 ;
	text-align:left ;
	padding:10px ;
	border-top:2px #f4a143 solid ;
	border-bottom:1px #ccc solid ;
	margin: 0 -10px 0 ;
}
.com_hl_03 {
	font-size:16px ;
	font-weight:bold ;
	line-height:1.2 ;
	margin-bottom: 10px;
	color:#f7a84b ;
}
.com_hl_04 {
	font-size:16px ;
	line-height:1.2 ;
	padding:0 0 8px ;
	background:url(../img/com_hl_04_bg_01.gif) 0 bottom no-repeat ;
	margin:0 0 26px ;
}
.com_hl_05 {
	font-size:15px ;
	font-weight:bold ;
	line-height:1.2 ;
}

.eyecatch_01 {
	background:#f7a94e ;
	padding:4px 5px ;
	border-radius:2px ;
	font-size:10px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_wakaba_01 {
	background:#f7a94e url(../img/icon_wakaba_01.png) 5px center no-repeat ;
	background-size:9px auto ;
	padding:4px 5px 4px 16px ;
	border-radius:2px ;
	font-size:10px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_02 {
	background:#99cc00 ;
	padding:4px 5px ;
	border-radius:2px ;
	font-size:10px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}
.eyecatch_03 {
	background:#2c82c5 ;
	padding:4px 5px ;
	border-radius:2px ;
	font-size:10px ;
	font-weight:bold ;
	color:#fff ;
	display:inline-block ;
	line-height:1.2 ;
}



.bui_table_01 {

}
.bui_table_01 dt {
	display:table-cell ;
	width:20% ;
	font-size:11px ;
	background:#f7a94e ;
	color:#fff ;
	text-align:center ;
	padding:3px 2px ;
	vertical-align:middle ;
}
.bui_table_01 dd {
}

.fld_img_01 {
	max-width:100% ;
	width:100% ;
	height:auto ;
}
.img_blk_100p_sp {
	max-width:100% ;
	width:100% ;
	height:auto ;
	margin-left:auto ;
	margin-right:auto ;
	display:block ;
}
.img_blk_80p_sp {
	max-width:80% ;
	width:80% ;
	height:auto ;
	margin-left:auto ;
	margin-right:auto ;
	display:block ;
}
.img_blk_70p_sp {
	max-width:70% ;
	width:70% ;
	height:auto ;
	margin-left:auto ;
	margin-right:auto ;
	display:block ;
}
.img_blk_100p_sp img,
.img_blk_80p_sp img,
.img_blk_70p_sp img {
	max-width:100% ;
	width:100% ;
	height: auto ;
}
.img_r_01 {
	float:right ;
	padding:0 0 10px 10px ;
	width:30% ;
}
.img_r_01 img {
	width:100% ;
	height:auto ;
}

/* common  ------------------------------------------  */

.col_normal {
	color:#333 ;
}

.col_orenge {
	color:#f7a84b ;
}
.col_green {
	color:#99cc00 ;
}

/* link */
.link_01 {
	color:#333 ;
	background: url(../img/icon_link_01_sp.png) 0 0 no-repeat ;
	background-size:16px auto ;
	padding: 1px 0 3px 18px ;
	vertical-align:middle ;
}
.link_01:hover {
	background: url(../img/icon_link_01_sp_on.png) 0 0 no-repeat ;
	background-size:16px auto ;
}
.link_02 {
	color:#fff ;
	background:#99cc00 url(../img/icon_arw_03_pc.png) 15px center no-repeat ;
	padding: 5px 15px 5px 30px ;
	vertical-align:middle ;
	border-radius:15px ;
	display:inline-block ;
}
.link_02:hover {
	color:#fff ;
}

.link_03 {
	font-size: 18px;
	color:#fff ;
	background:#99cc00 url(../img/icon_arw_03_pc.png) 15px center no-repeat ;
	padding:6px 30px 6px 40px;
	vertical-align:middle ;
	border-radius:20px ;
	display:inline-block ;
}

.link_03:hover {
	color:#fff ;
	background-color:#ffcc00 ;
}
	
	
/* font size */
.fs_s {
	font-size:11px ;
}


/* table */
table { width: 100%; margin-bottom: 0;}
th,td { border: 1px solid #ddd;padding: 8px 10px 6px;}
th { background: #f1f1f1;text-align: center;}

/* table feature */
table.table_feat {
	display:block ;
	width:100% ;
	box-sizing:border-box ;
	border-bottom: 1px solid #b5ce94;
}
table.table_feat tbody {
	width:100% ;
	display:block ;
	box-sizing:border-box ;
	/*
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
 
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;
 
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
 
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	*/
}
table.table_feat tr {
	display:block ;
	width:100% ;
	box-sizing:border-box ;
}
table.table_feat th, 
table.table_feat td {
	border: 1px solid #b5ce94;
	border-bottom: none;
	display:block ;
	width:100% ;
	box-sizing:border-box ;
}
table.table_feat th {
	padding-left: 10px;
	font-size: 14px;
	text-align: left;
	background: #cbe189;
}
table.table_feat td {
	padding: 10px 10px;
	font-size: 12px;
	background: #ffffff;
}
table.table_feat td.title {
	width: 100%;
	font-size: 13px;
	text-align: center;
	background: #ecf6cf;
}
table.table_feat .img_blk_01 {
	text-align:center ;
}
table.table_feat .img_blk_01 img {
	width:100px ;
	height:auto ;
}
/*table.table_feat .order_01_sp {
	order: 1 ;
}
table.table_feat .order_02_sp {
	order: 2 ;
}
table.table_feat .order_03_sp {
	order: 3 ;
}
table.table_feat .order_04_sp {
	order: 4 ;
}
table.table_feat .order_05_sp {
	order: 5 ;
}
table.table_feat .order_06_sp {
	order: 6 ;
}*/

/* table_scroll */
.table_scroll_blk{
overflow: hidden;
}
.table_scroll{
overflow: auto;
white-space: nowrap;
}
.table_scroll::-webkit-scrollbar{
 height: 5px;
}
.table_scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.table_scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.table_nosc{
	margin-bottom:30px ;
}


/* device */
.pc_only {
	display:none !important;
}
.sp_only {
	display: block !important;
}



/* pad mar settings */


.mar_t_0_sp{margin-top: 0 !important;}
.mar_t_3_sp{margin-top: 3px !important;}
.mar_t_5_sp{margin-top: 5px !important;}
.mar_t_10_sp{margin-top: 10px !important;}
.mar_t_15_sp{margin-top: 15px !important;}
.mar_t_20_sp{margin-top: 20px !important;}
.mar_t_25_sp{margin-top: 25px !important;}
.mar_t_30_sp{margin-top: 30px !important;}
.mar_t_35_sp{margin-top: 35px !important;}
.mar_t_40_sp{margin-top: 40px !important;}
.mar_t_50_sp{margin-top: 50px !important;}
.mar_t_60_sp{margin-top: 60px !important;}

}