/*------------------------------*/
/*import*/
/*------------------------------*/
@import url("reset.css");


/*------------------------------*/
/*common style*/
/*------------------------------*/
main p, main ul, main ol, main table{margin: 0 0 1em; line-height: 1.5; }
a, a img { transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
a:hover img{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.list li{list-style:circle; margin-left: 1.5em; }
.numlist li{list-style:decimal; margin-left: 1.5em; }
.inline li{ display:inline;}
.small{ font-size: 85%;}
.nomargint{margin-top: 0 !important;}
.marginb{margin: 0 0 15px; }
.overflow{overflow: hidden;}


/*------------------------------*/
/*structure*/
/*------------------------------*/
#wrapper{ background:#fff;}
@media screen and (min-width:961px){
	#wrapper{box-shadow:0 1px 5px rgba(0,0,0,0.3); width: 960px;margin: 0 auto;}
}
.shopname{ font-weight: bold; padding-top:5px;}
.shoplogo{ margin-bottom: 5px;}
.gnav{padding-bottom: 10px;}
.gnav a{ text-decoration: none; font-weight:bold; font-size: 110%;}
.main_visual{margin: 20px 0;}
.pankuzu ul{margin: 10px 0;}
.pankuzu li a, .pankuzu li strong{font-size:12px;}
.gnav a{ text-decoration: none;}
.snav ul{margin-bottom: 10px;}
.snav li{font-weight:bold;}
.snav li:first-child{margin-top:0;}
.snav li a{ display: block;text-decoration: none;}
.snav .bnr{text-align: center;}
.fshoptel p{ text-align: center; font-size: 12px}
.fshoptel a{font-weight:bold; font-size:15px;display: inline-block; padding: 0 5px;}
@media screen and ( min-width : 768px ) {
	.fshoptel{display: none;}
}
footer{ padding: 15px 0}

/*2columns*/
@media screen and ( min-width : 768px ) {
.inner{ padding: 0 2%}
.shopname{ font-size:85%;margin-bottom: 5px; text-align: right;}
.shoptel{float: right; font-size:22px;line-height: 1; font-weight:bold;}
.shoptel em{font-size:24px; margin-left:5px;}
.gnav li{ width: 20%;display: inline-block; margin: 0 -4px 0 0; text-align: center;}
.gnav li a{ display: block; padding: 10px;}
.gnav li small{ display: block;}
.main_visual{ padding: 0 2%}
.main_left{ float: left; width: 73.5%; padding-bottom: 50px;}
.main_right{ float: right; width: 23.5%;}
.section{ margin: 0 0 20px;}
.section .photo{ float: right; max-width:260px ;margin:0 0 15px 15px}
.section .photo_item{  max-width:160px ;}
.section .condensed .photo{ float: left; width:120px; margin: 0 0 15px;}
.section .condensed .subtitle{ clear:none; margin-left: 140px; overflow: hidden;}
.section .condensed p{  margin-left: 140px; overflow: hidden;}
.snav li a{ padding:5px 15px;}
.snav small{display: block;}
.fnav{margin-bottom: 60px;}
.fnav li{margin-right: 8px;}
}

/*1column*/
@media screen and ( max-width : 767px ) {
.inner{ padding: 0 10px}
.shopname{ font-size:9px;margin-bottom: 5px;}
.shoptel{/* margin-bottom: 5px;*/display:none;}
.shoplogo{ text-align:center;}
.gnav li:first-child{ display:none;}
.gnav li{ width: 50%;display: inline-block; margin: 0 -4px 0 0; text-align: center;}
.gnav li a{ display: block; padding: 8px;}
.gnav li small{ display: none;}
.main_left{padding-bottom: 20px;}
.section{ margin: 0 0 15px;}
.section .photo{margin-bottom: 15px; text-align: center;}
.section .photo_item{  max-width:160px ;margin: 0 auto 10px;}
.section .condensed .photo{ float: left; width:90px}
.section .condensed .subtitle{ clear:none; margin-left: 100px; overflow: hidden;}
.section .condensed p{  margin-left: 100px; overflow: hidden;}
.snav{margin-bottom: 20px;}
.snav li a{ padding: 10px 15px;}
.snav small{ margin-left: 5px;}
.snav .bnr img{max-width: 250px}
.fnav{ display:none;}
}


/*------------------------------*/
/*parts*/
/*------------------------------*/
.section{overflow: hidden;}
.section_title{ padding: 5px 15px; font-size: 16px;}
.section_inner{padding: 20px 15px 10px; overflow: hidden;}
.section_inner + .subtitle{margin-top: 0;}
.subtitle{ font-size: 15px; clear:both;	margin:20px 0 15px;}
.minititle{ font-size: 14.5px; margin:15px 0 0;}
.dlgroup{margin-bottom: 1em;}
.dlgroup dl{ padding:5px 0; border-bottom:#eee 1px solid;}
.item .itemframe{width: 160px;height:160px; margin: 0 auto 5px;}
.item .itemimg{overflow: hidden;width: 160px;height:160px;background-size: cover !important;background-position: 50% 25% !important;}
.item .date{ font-weight: bold; margin: 0;}
.news .newsimg{overflow: hidden;background-size: cover !important;background-position: 50% 25% !important;}
.news .date{ font-weight: bold; margin: 0;}

@media screen and ( min-width : 768px ) {
	.pagetitle{ font-size:32px;margin: 0 20px 15px; padding: 15px;}
	.pagetitle small{margin-left: 10px;font-size:14px;}
	.dlgroup{ overflow: hidden;}
	.dlgroup dl{ clear: both;}
	.dlgroup dt{ float: left; width: 150px}
	.dlgroup dd{padding-left: 160px;}
	.itemgroup .item{ width: 190px; float: left; margin: 0 10px 20px;}
	.itemgroup .item:nth-child(3n+1){ clear:both;}
	.itemgroup a .itemimg{transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
	.itemgroup a:hover .itemimg{ filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
	.newsgroup .news{ width: 190px; float: left; margin: 0 10px 20px;}
	.newsgroup .news:nth-child(3n+1){ clear:both;}
	.news .newsframe{width: 160px;height:160px; margin: 0 auto 5px;}
	.news .newsimg{width: 160px;height:160px;}
	.newsgroup a .newsimg{transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
	.newsgroup a:hover .newsimg{ filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
}

@media screen and ( max-width : 767px ) {
	.pagetitle{ font-size:20px;margin: 0 0 10px; padding: 10px 25px;}
	.pagetitle small{ display:block; font-size:12px;}
	.itemgroup .item{margin: 10px 0; padding-bottom: 10px;}
	.newsgroup .news{margin: 0 0 10px; padding-bottom: 10px; clear: both;overflow: hidden;  border-bottom:#eee 1px solid;}
	.news .newsframe{width: 90px;height:90px; margin: 0 10px 0 0 ;float:left;}
	.news .newsimg{width: 90px;height:90px; }
}


/*------------------------------*/
/*page style*/
/*------------------------------*/
#js-map img{ max-width:none;}
@media screen and ( min-width : 768px ) {
	.shopnews .dlgroup dt{ width: 90px}
	.shopnews .dlgroup dd{padding-left: 100px;}
	#js-map{width: 100%; height: 360px;}
}

/*1column*/
@media screen and ( max-width : 767px ) {
	#js-map{width: 100%; height: 260px;}
}

/*------------------------------*/
/*print*/
/*------------------------------*/
@media print{
	body{width:100%;font-size: 12pt;}
	.shoplogo img{max-width:100px;margin-top:10px;}
	.gnav{display: none;}
	.pagetitle{font-size: 18pt;margin-bottom: 10px;}
	.fnav{display: none;}
	section{margin-bottom: 20px;}
	section .photo img{max-width:300px;float: right;margin:0 0 15px 15px;}
	.news{float: left; width: 16.6%;}
	.news .newsframe a, .news .newsframe .newsimg{display: block;width: 100px;height: 100px;}
	.itemgroup .item{float: left;width: 33.3%;}
	#js-map{height: 300px;}
	.main_right{display: none;}
	footer{display: none;}
	.for-sp{display: none;}
}