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


html{
	font-size:62.5%;
}

body{
	line-height:1.5;
	color:#5c5d59;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	background:url(../img/bk.jpg);
	font-size:1.2rem;
}

body#iframe{
	background:#FFF;
}

a{
	color:#4ba700;
}


/*common*/

*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/*rayout*/
#wrap{
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.container{
	width:1000px;
	margin:0 auto;
	position:relative;
}

.slide{
	width:1150px;
	margin:0 auto;
}

#main .news{
	width:700px;
	position:relative;
}
/*
.slick-list{
	height:310px;
}
*/
.bk-white{
	background:rgba(255,255,255,0.5);
	border-top:3px solid #e3e3e3;
	border-bottom:3px solid #e3e3e3;
}

.bk-pink{
	background:rgba(253,246,242,0.7)
}

#wrap.kotei{
	position:fixed;
}

.msk{
	position:absolute;
	left:50%;
	width:3000px;
	top:-96px;
	margin:0 0 0 -1500px;
	z-index:1000;
}

.msk2{
	position:absolute;
	left:50%;
	width:3000px;
	bottom:-434px;
	margin:0 0 0 -1500px;
	z-index:1000;
}

/*contents*/
header{
	background:url(../img/bk_top.png) no-repeat top center;
	text-align:center;
	height:66px;
	padding:8px;
	position:absolute;
	width:100%;
	left:0;
	z-index:1000;
}

footer{
	background:url(../img/bk_foot.png) no-repeat top center;
	height:66px;
	text-align:center;
	font-size:1.4rem;
	position:absolute;
	bottom:0;
	z-index:100;
	width:100%;
	left:0;
	padding-top:26px;
}

#load{
	background:#FFF;
	width:100%;
	overflow:hidden;
	position:relative;
}

#loopslider_wrap{
}

.social{
position: fixed;
right: 0;
top: 40%;
z-index: 1000;
}

#main{
	position:relative;
	z-index:100;
}

#main .element{
	text-align:center;
	width:100%;
	position:absolute;
	top:-100px;
	left:0;
	z-index:10000;
}

#main .container{
	padding:170px 0 100px;
}

#main .news .title{
	padding-bottom:16px;
	border-bottom:1px solid #CCC;
}

#main .news .link{
	position:absolute;
	right:0;
	top:-6px;
}

#main .news dl{
	border-bottom:1px solid #CCC;
	padding:18px 0;
	font-size:1.5rem;
	display:table;
	width:100%;
}

#main .news dl dt{
	padding-right:20px;
	display:table-cell;
	width:70px;
	vertical-align:top;
}

#main .news dl dd{
	display:table-cell;
	vertical-align:top;
}

#main .bnr{
	position:absolute;
	top:164px;
	right:-5px;
}

#main .bnr div{
	position:relative;
}

#main .bnr div span + span{
	margin-left:8px;
}

#main .insta{
	position:relative;
	z-index:1000;
	border-bottom:2px solid #CCC;
}

#main .insta .slide-wrap{
	background:rgba(255,255,255,0.7)
}

#main .insta:before{
	content:"";
	display:block;
	background:url(../img/msk_insta.png) top center no-repeat;
	height:89px;
	width:100%;
}

#main .insta .slide div{
	padding-bottom:30px;
}

#main .insta .slide div img{
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	border:3px solid #FFF;
	width:100%;
	height:auto;
	-webkit-box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.43);
	box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.43);
}
/*
.slick-slide{
	position:relative;
	top:30px;
}

.slick-center{
	top:0;
}

.slick00{
	top:5px;
}
*/
#main .map{
	width:100%;
	position:relative;
}

#main .info-wrap.container{
	padding:0;
}

#main .info{
	text-align:center;
	border-top: #CCC solid 2px;
	background:#FFF;
	position:relative;
	z-index:10;
	padding:30px 30px 55px;
	font-size:1.5rem;
}

#main .info p{
	margin:15px 0 15px 3px;
}


#main .map iframe{
	position:relative;
	z-index:1;
	display: block;
}



/* =======================================
	Slider
======================================= */

#load.no-move{
	padding:80px 0;
	height:auto !important;
}

#loopslider {
	width:100% !important;
	overflow:hidden;
	position:relative;
}

#loopslider_wrap{
	width:100% !important;
}

#loopslider .auto {
	width:100% !important;
	position:relative;
	text-align:center;
	left:-50px;
}

#load.no-move #loopslider .auto {
	left:0;
}

#loopslider .auto div.even{
	padding:0 0 0 120px;
}

#loopslider .auto div.odd{
	padding:0 120px 0 0;
}

#load.no-move #loopslider .auto div.even{
	padding:0
}

#load.no-move #loopslider  .auto div.odd{
	padding:0;
}


#loopslider .auto a{
	display:inline-block;
	width:120px;
	height:120px;
	margin:15px 70px 0 70px;
	vertical-align:middle;
	font-size:0;
}

#load.no-move #loopslider .auto a{
}

#loopslider .auto img{
	display:inline-block;
	width:100%;
	height:auto;
}



/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}

/* =======================================
	Modal
======================================= */
#modal{
	position: fixed;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 8000;
	display: none;
	padding: 0;
	margin: 0;
}
#modal_item{
	position: absolute;
	width: 830px;
	height: 590px;
	background: #fff;
	top: 50%;
	left: 50%;
	margin-left: -415px;
	margin-top: -295px;
	z-index: 9999;
	display: none;
	border: 1px solid  #bbb;
	-moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#modal_item span{
	display: block;
	width: 350px;
	float: left;
	font-size: 20px;
	color: #666;
}
#modal_item .item_name{
	font-size: 28px;
	margin-bottom: 25px;
}
#modal_item .item_desc{
	margin-top: 10px;
	margin-bottom: 95px;
}
#modal_item .item_price{
	text-align: right;
}
#modal_item img{
	width: 360px;
	height: 360px;
	float: left;
	margin-top: -45px;
	padding: 10px 35px 33px 30px;
}
.m_itembox{
	height: 455px;
	padding-top: 137px;
	padding-right: 26px;
	overflow: hidden;
	position: relative;
}

.m_close{
	cursor: pointer;
	text-align:right;
}
#modal_item .m_close{
	position: absolute;
	bottom: 0;
	right: 14px;

}
#modal_item .m_close img{
	width: 31px;
	height: 31px;
}
.m_on{
	cursor:default;
}

#modal_other{
	display: none;
	position: fixed;
	width:100%;
	height:100%;
	text-align:center;
	background: #fff;
	z-index: 9999;
	top:0;
	height:0;
}

#modal_other.news_list{
	width:100%;
	height:100%;
	text-align:left;
	font-size:1.6rem;
	padding:15px;
}

#news_list,
#modal_other.news_list #link_list{
	color:#666;
	padding:50px;
}

#news_list .title{
	text-align:center;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

 #news_list dl{
	border-bottom:1px solid #CCC;
	padding:15px 0;
	display:table;
	width:100%;
}

#news_list dt{
	display:table-cell;
	width:120px;
}

#news_list dd,
#modal_other.news_list #link_list dd{
	margin-bottom:1em;
	display:table-cell;
}

#modal_other.news_list #link_list dt a{
	text-decoration:none;
	color:#477a3d;
}

#modal_other.news_list #link_list dd{
	font-size:16px;
}



#modal_other.welcom_col{
	text-align:left;
	padding:50px;
	color:#666;
}

#modal_other.welcom_col h2{
	margin:40px 0 70px 15px;
	font-size:22px;
}

#modal_other.welcom_col p{
	font-size:18px;
	margin:0 0 1em 25px;
	line-height:180%;
}

#modal_other.welcom_col hp{
	margin:50px 0;
	font-size:22px;
}

#modal_other .m_close{
	position:fixed;
	bottom:15px;
	right:20px;
}
.no_tc{
	cursor:default;
}
.news_posts{
	position: absolute;
	top: 0;
	left: 243px;
	width: 770px;
	line-height: 19px;
}
.news_posts dt,.news_posts dd{
	letter-spacing: normal;
	vertical-align:top;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color: #477a3d;
}
.news_posts dt{
	width:70px;
}
.news_posts dd{
	width: 680px;
	overflow: hidden;
}
.nav_bl a+ a{
	display: block;
	width: 270px;
	height: 105px;
	position: absolute;
}
.tel_fax{
	position: absolute;
	top: 71px;
	left: 350px;
}


.eat-page{
	background:#FFF;
	text-align:center;
	width:100%;
	height:100%;
	font-size:1.6rem;
	padding:15px;
}

.eat-page dl{
	width:300px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
}

.eat-page dt{
	font-size:2.2rem;
	text-align:center;
	color:#e6423a;
	font-weight:bold;
}

.eat-page dd div{
	text-align:center;
	margin:10px 0;
}

.eat-page dd p{
	text-align:left;
	font-size:1.4rem;
}


.m_newsbox{
	overflow:auto;
}

.item {
	padding-top:50px;
	margin-bottom:50px;
}

.item div{
	width:100%;
	font-size:18px;
	height:100%;

}

.item div dl{
	display:table;
	height:100%;
	width:80%;
	margin:0 auto;
	text-align:left;
}

.item div dt{
	display:table-cell;
	vertical-align:middle;
	padding-right:50px;
	width:30%;
	max-width:400px;
	text-align:center;
}

.item div dt img{
	width:100%;
	height:auto;
}
.item div dd{
	display:table-cell;
	vertical-align:middle;
}

.item div dd span{
	display:block;
}

.item div dd .item_name{
	font-size: 28px;
	margin-bottom: 25px;
	color:#e94742;
}
.item div dd .item_desc{
	margin-top: 10px;
	margin-bottom: 65px;
}
.item div dd .item_price{
	text-align: right;
}

.item-list{
	width:85%;
	margin:0 auto;
}

.item-list .slick-slide{
	width:140px;
	padding:12px;
	text-align:center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border:2px solid #ccc;
	margin:0 10px;
}


.item-list .slick-center{
	border:2px solid #e94742;
}

.slick-slide img{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	width:100%;
	height:auto;
}

.item-list .slick-prev,
.item-list .slick-next{
	top:50%;
}

.item-list .slick-prev
{
    left: -50px;
		background:url(../img/btn_item_prev.png) no-repeat;
}

.item-list .slick-next
{
    right: -50px;
		background:url(../img/btn_item_next.png) no-repeat;
}

.gm-bundled-control{
	bottom:187px !important;
}


.welcom-col{
	text-align:left;
	color:#666;
}

.welcom-col h2{
	margin:40px 0 70px 15px;
	font-size:22px;
}

.welcom-col p{
	font-size:18px;
	margin:0 0 1em 25px;
	line-height:180%;
}