@charset "UTF-8";

/* =============================================================================
    Reset
   ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =============================================================================
   /*新着情報*/
   ========================================================================== */


.info{
	width:900px;
	padding:30px 40px 10px 40px;
	margin:0 auto;
	background:#fff;
}
.shinchaku{
	line-height:1.4;
	font-size:14px;
	margin-bottom:30px;
	padding:0 10px;
}
dl.shinchaku dt{
	width: 150px;
	float: left;
	padding-left: 12px;
	margin-left: 20px;
	color:#333;
}
dl.shinchaku dd{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom:1px dotted #cacaca;
	color:#333;
	overflow:hidden;
}
dl.shinchaku dd.txt{
	text-align: left;
	margin-bottom: 1.5em;
	padding:0 2em;
	font-weight: normal;
	border-bottom:none;
	clear:both;
	color:#ccc;
}

/* =============================================================================
   common
   ========================================================================== */
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}  
 
body{
	color:#000;
	font-family: Verdana,"メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	background:#fff;
	line-height:1.4;
	font-size:16px;
	letter-spacing:0.10em;
	padding:0;
	margin:0 auto;
	min-width:1140px;
	background:#fff;
}

table {font-size:inherit;font:100%;}
table{
	line-height:1.5;
	margin:0 auto 0 auto;
	clear:both;
	border: 1px solid #dcdcdc;
	border-bottom: none;
}
th{
	padding:15px 20px 15px 20px;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
td{
	padding:15px;
	vertical-align:middle;
	border-bottom: 1px solid #dcdcdc;
}
p{margin-bottom:1em;line-height:1.7;}

img{
    max-width: 40%;
    height: auto;
    vertical-align: bottom;
}

#container{
    width: 100%;
    position: relative;
	margin:0;
	border-top:5px solid #339900;
}
.inner:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .inner {zoom: 1;}
*:first-child+html .inner {zoom: 1;}  
.inner{
	width:1100px;
	margin:0 auto;
	position: relative;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:hsl(101, 42%, 75%); /* Safari */
	color:#fff;
}

::-moz-selection {
	background:#339900; /* Firefox */
	color:#fff;
}

/* a
   ========================================================================== */
a,
a:link,
a:visited{
	color:#000;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#339900;
	text-decoration:none;
}
#header .logo a:hover img,
a:hover img.ov{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/* header
   ========================================================================== */
#header{
	width:100%;
	position: relative;
	border-top:37px solid #ebebeb;
}
#header .headsummary{
	margin:-37px 0 0 0;
	float:right;
	padding-right:160px;
	font-size:14px;
	line-height:37px;
	font-weight:normal;
	color:#666;
}
#header .btn-contact a{
	margin:-37px 0 0 0;
	float:right;
	width:140px;
	height:37px;
	display:block;
}
#header .logo{
	width:217px;
	height:54px;
	float:left;
	padding:40px 0;
}

#header .gmenu{
	text-align:right;
	float:right;
	padding:40px 0;
}
#header .gmenu li{
	margin:0 10px 0 0;
	float:left;
}

#header .gmenu li a{
	display:block;
}

/* main 
   ========================================================================== */
#main{
	width:100%;
	margin:0;
	padding:0;
	position: relative;
	overflow:hidden;
	background:#fff;
}
#main .inner{
	padding:40px 0 60px 0;
}
.top #main{
	padding:40px 0 0 0;
}
.content{
	width:100%;
	margin:0;
	position: relative;
	overflow:hidden;
	border-bottom:1px solid #dcdcdc;
}


/* footer
   ========================================================================== */
.gotop {
    position: fixed;
    bottom: 60px;
    right: 0px;
	z-index:9999;
}
.gotop a {
    text-decoration: none;
    color: #fff;
    display: block;
	background:#fff;
}
#footer{
	width:100%;
	margin:0 auto;
	position:relative;
	clear:both;
	padding:0;
	background:#ebebeb;
}
#footer .inner{
	padding:60px 0;
}
#footer .col-sitemap{
	width:500px;
	height:150px;
	float:left;
	color:#339900;
	position:relative;
}
#footer .col-sitemap a{
	color:#339900;
}
#footer .col-sitemap h3{
	font-size:16px;
	margin:0 0 20px 0;
}

#footer .col-sitemap ul{
	float:left;
	margin:0 10px 0 0;
	width:480px;
}
#footer .col-sitemap li{
	margin:0 0 10px 0;
}
#footer .col-sitemap li a{
	padding:0 0 0 10px;
	background:url(img/arrow_02.png) 0px 50% no-repeat;
}
#footer .col-bnr{
	width:510px;
	height:150px;
	float:right;
}
#footer .col-bnr ul{
	margin:0 -10px 0 0;
}

#footer .col-bnr li{
	float:left;
	margin:0 10px 0 0;
}
#copy{
	clear:both;
	color:#555;
	background:#339900;
	text-align:center;
	padding:10px 0 10px 0;
	font-size:12px;
	}
	
/* common style
   ========================================================================== */
a.arrow-01{background:url(img/arrow_01_off.png) 0 50% no-repeat;padding-left:18px;}
a.arrow-01:hover{background:url(img/arrow_01_on.png) 0 50% no-repeat;padding-left:18px;}

.bx-01{
	overflow:hidden;
	clear:both;
	border:1px solid #e5e5e5;
	padding:40px;
    margin-bottom:20px;
}
.bg-01{background:url(img/bg_01.png);}
.bg-02{background:#ebebeb;}

.col-l{float:left;overflow:hidden;position:relative;}
.col-r{float:right;overflow:hidden;position:relative;}

.cb{clear:both;}
.fl-l{float:left;}
.fl-r{float:right;}

img.fl-l{margin:0 40px 40px 0;}
img.fl-r{margin:0 0 40px 40px;}

.marker{
	background:url(img/bg_marker.png) 0 bottom repeat-x;
}
#main .m-b-0{margin-bottom:0px;}
.m-b-10{margin-bottom:10px;}
.m-b-1{margin-bottom:1em;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-b-50{margin-bottom:50px;}
.m-b-60{margin-bottom:60px;}
.m-r-30{margin-right:30px;}
.p-t-30{padding-top:30px;}
.ta-right{text-align:right;}
.ta-center{text-align:center;}

.ttl-00{
	clear:both;
	background:#ebebeb;
	border-top:1px solid #ccc;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.ttl-00 h1{
	font-size:28px;
/*	border-top:2px solid #e5e5e5;*/
	width:1100px;
	margin:0 auto;
	padding:30px 0 30px 0;
	letter-spacing:.07em;
	font-weight:normal;
	color:#330000;
}
.ttl-00 span{
	font-size:14px;
	letter-spacing:.2em;
	font-weight:normal;
	color:#000;
}
.ttl-01{
	clear:both;
	padding:50px 0 20px 0;
	margin:0 auto 30px auto;
	font-size:24px;
	letter-spacing:.07em;
	text-align:center;
	border-bottom:1px solid #000;
	width:1100px;
	color:#339900;
}
.ttl-01 span{
	font-size:14px;
	letter-spacing:.2em;
	font-weight:normal;
	color:#000;
}
.ttl-02{
	padding:10px 0;
	margin-bottom:30px;
	font-size:22px;
	font-weight:bold;
}
.ttl-02 span{
	border-bottom:2px solid #000;
}
.ttl-03{
	padding:1em 1.5em;
	margin-bottom:2em;
	font-size:16px;
	line-height:1;
	background:#000 url(img/bg_blk.png);
	color:#fff;
}
.txt-org{color:#339900;}
.txt-gry{color:#666;}
.txt-wht{color:#fff;}
.txt-b{font-size:130%;}
.txt-s{	font-size:80%;}
.txt-12{font-size:12px;}
.txt-16{font-size:16px;}
.txt-20{font-size:20px;}
.txt-24{font-size:24px;}
.txt-30{font-size:30px;}

/* =============================================================================
    top
   ========================================================================== */
.slideFrame {
	position: relative;
	margin: 0;
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
	height: 400px;
	background: #333;
}
.slideGuide {
	width: 150%;
	height: 100%;
}
.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	background: #000;
	color: #fff;
	font-size: 20px;
	text-align: center;
	cursor: default;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
	background: #000;
	padding-top: 190px;
}
.slideCtrl.right {
	right: -5px;
}
.slideCtrl.left {
	left: -5px;
}
.slideCell {
	display: block;
	float: left;
	margin: 0;
	width: auto;
	height: 400px;
	background: #FFF;
	color: #333;
}
.col-news{
	width:800px;
	margin:0 50px 0 0;
	position:relative;
	float:left;
	}
.col-news h2{
	margin:0 0 20px 0;
	position:relative;
}
.col-news .bx-news{
	width: 380px;
	margin: 0 0px 20px 0;
	padding: 10px;
	float:left;
	position:relative;
	overflow:hidden;
}
.col-news .bx-news:hover{
	background:#ebebeb;
	cursor:pointer;
}
.col-news .bx-news a{
	text-decoration:none;
}
.col-news .bx-news .text{
	float:right;
	width:260px;
	min-height:110px;
	margin:0 0 0 10px;
	font-size:12px;
}
.col-news .bx-news .pic{
	float:left;
	width:110px;
	text-align:center;
	background:#fff;
}
.col-news .bx-news .pic img{
	width:110px;
	height:110px;
}
.col-news .bx-news .cate{
	width:90px;
	text-align:center;
	color:#fff;
	background:#339900;
	float:left;
}
.col-news .bx-news .date{
	text-align:right;
	color:#666;
	float:right;
}
.col-news .bx-news h3{
	clear:both;
	font-size:14px;
	border-bottom:1px solid #c9c9c9;
	padding:10px 0px 5px 0px;
	margin-bottom:5px;
}
.col-news .bx-news p{
	color:#666;
	margin-bottom:0;
}
.top #main .col-bnr{
	width:250px;
	float: left;
	margin:0 0 -10px 0;
}
.top #main .col-bnr li{
	margin:0 0 10px 0;
}




/* =============================================================================
   about
   ========================================================================== */
.about .ttl-00 p{
	background:#e0b558
	margin:0;
	padding:1em 0;
	border-top: 1px solid #e5e5e5;
}
.about .ttl-01{
	font-size:26px;
    color:#339900;
	}

.about .bx-01{
	border:none;
	background:#ebebeb;
	padding:20px;
}
.about .bx-01 table{
	float:center;
	width:80%;
	background:#fff;
	margin:0 auto;
}
.about th{
	padding:10px 20px 10px 20px;
}
.about td{
	padding:10px;	
}   
.about .bx-btn{
	width:300px;
	float:right;
}
.bx-btn li{
	margin-bottom:3px;	
}
.bx-btn a{
	display:block;
	padding:.5em;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	background:#333 url(img/arrow_01.png) 14px 50% no-repeat;
	
}
.bx-btn a:hover{
	color:#fff;
	background:#555 url(img/arrow_01.png) 14px 50% no-repeat;
}



/* =============================================================================
   food
   ========================================================================== */

.course{
	width:580px;
	padding:30px 40px 10px 40px;
	margin:0 auto;
	background:#fff;
}
.food .osusume{
	width:580px;
	margin:0 auto;
	padding:0;
	font-size:20px;
	border:none;
}
.food .osusume a{
	background:#fff;
	display:block;
	padding:30px 0;
	text-align:center;
	border:3px double #000;
}
.food .osusume a:hover{
	border:3px double #990000;
}
.menu-l{
	width:475px;
	margin:0 50px 50px 0;
}
.menu-r{
	width:475px;	
	margin:0 0 50px 0;
}

.menu01{/*各ページ共通　価格*/
	line-height:1.4;
	font-size:14px;
	margin-bottom:40px;
	padding:0 10px;
}
dl.menu01 dt{
	float: left;
	padding-left: 12px;
	background:url(img/pic_menu.png) 0 50% no-repeat;
	color:#333;
}
dl.menu01 dd{
	text-align: right;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom:1px dotted #cacaca;
	color:#333;
}
dl.menu01 dd.txt{
	text-align: left;
	margin-bottom: 1.5em;
	padding:0 2em;
	font-weight: normal;
	border-bottom:none;
	clear:both;
	color:#ccc;
}
ul.menu01 li{
	padding:0.5em 0 0.5em 12px;
	border-bottom:1px dotted #cacaca;	
	background:url(img/pic_menu.png) 0 50% no-repeat;
	color:#333;
}
ul.menu02{/*横並び*/
	line-height:1.4;
	font-size:14px;
	margin-bottom:35px;
	overflow:hidden;
}
ul.menu02 li{
	float:left;
	margin:0 20px 5px 0;
	padding-left: 12px;
	background:url(img/pic_menu.png) 0 50% no-repeat;
}
span.price{
	font-weight:bold;
	
}
.menu-l{float:left;overflow:hidden;position:relative;}
.menu-r{float:right;overflow:hidden;position:relative;}



/* =============================================================================
   drink
   ========================================================================== */
.drink .ttl-01{
	margin:80px 0 40px 0;}
.drink .ttl-01.first{
	margin-top:30px;}
.head-content.content{
	margin-bottom:20px;
}

.drink .head-content .ta-center img{
	margin-bottom:70px;
}
.drink .head-content h2{
	font-size:28px;
	letter-spacing:0.2em;
}
.drink .head-content .txt{
	width:620px;
	float:right;
	margin:0 0 0 90px;
	overflow:hidden;
	position:relative;
	font-size:16px;
}
.drink .head-content img.fl-l{
	margin-bottom:20px;
	height:auto;
}
.drink .head-content p.comment{
	clear:both;
	padding:0 0 0 0;
	color:#666;
}
.drink .head-content p.comment span{
	border-bottom:1px solid #990000;
}


.drink .col-l{
	width:475px;
	margin:0 50px 0 0;
}
.drink .col-r{
	width:475px;
	margin:0;
}
.drink ul.menu01 li{
	padding:0.5em 0 0.5em 12px;
	background:url(img/pic_menu.png) 0 50% no-repeat;
	color:#333;
}
.drink ul.menu01 li.price{
	text-align: right;
	color:#333;
	border-bottom:1px dotted #cacaca;	
	background:none;
}





/* モバイル対応 20180530 */

@media screen and (max-width: 1139px) { /* スマホ用 */

.pc { display: none !important; }

#container,
#footer {
	overflow: hidden;
}

img {
	max-width: 100%;
    
	height: auto;
}
body{
	min-width: 320px;
}
#footer .col-sitemap,
#footer .col-sitemap ul,
#footer .col-bnr,
.inner,
.ttl-00 h1,
.ttl-01,
.col-news,
.col-news .bx-news,
.aboutus .col-l,
.aboutus .col-r,
.aboutus dl.bx-history,
.about .bx-01 table,
.course,
.food .osusume,
.menu-l,
.menu-r,
.drink .head-content .txt,
.drink .col-l,
.drink .col-r,
.about .bx-btn{
	box-sizing: border-box;
	width: 100%;
}
.inner {
	text-align: center;
}
.fl-l,
.fl-r,
.about .bx-01 table ,
.about .bx-btn,
#footer .col-sitemap,
#footer .col-sitemap ul,
#footer .col-bnr,
#footer .col-bnr li {
	float:none;
	margin-left: auto;
	margin-right: auto;
}

img.fl-l,
img.fl-r{
	margin: 0 auto;
	display: block;
}
.about .bx-01 table {
	text-align: left;
}
.bx-01 .bx-btn {
	margin-top: 20px;
}
#footer .col-sitemap {
	height: auto;
	padding-bottom: 40px;
}
#main .inner {
	padding-bottom: 20px;
}
.about .ttl-01 {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
h2,h3,p {
	padding-left: 10px !important;
	padding-right: 10px !important;
	line-height: 1.8 !important;
}

/* グーグルマップ レスポンシブ化 */
.google-maps {
position: relative;
padding-bottom: 60%; /* 縦横比 */
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

}


/* 20220307_画像配置 */
.info-img {
	text-align: center;
}

/* 20220323_注釈追加 */

.attention {
	margin: 1em auto;
}

.attention p {
	color: #339900;
	text-align: center;
}

@media screen and (min-width: 1140px) { /* pc用 */

	.sp {
		display: none;
	}

}

@media screen and (max-width: 1139px) { /* スマホ用 */

	.pc {
		display: none;
	}

}


@media screen and (max-width: 1139px) {
	
	.about .bx-01 table{
		min-width: 80%;
	}

}

.mb30 {
	margin-bottom: 30px!important;
}

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

	table.clinic-time {
		font-size: .8em;
	}

}

.about .bx-01 h3 {
	margin-bottom: .8em;
}

.clinic-time td {
	text-align: center;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

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

	.clinic-time th {
    	font-size: 12px;
    	padding: 5px;
	}

	.clinic-time td {
    padding: 5px;
	}

	.about .bx-01 table.clinic-time {
		width: 100%;
	}

}