a{text-decoration:none;}
a:hover{color:#5c96ad;}
/* header */
.logo a{
margin:8px auto;
display:block;
text-align:center;
width:240px;
}

header{
background:rgba(255,255,255,0.9);
position: sticky;
top: 0;
z-index:40;
width:100%;
}
.shop-navi ul{
display: flex;
justify-content:center;
align-items: center;
background-color:rgba(92,150,173,0.9);
}
.shop-navi ul a{color:#fff;font-size:0.9rem;text-decoration:none;}
.shop-navi ul a:hover{color:#999;}
@media (min-width: 767px){
.shop-navi ul li{padding:8px 24px;}
}
@media (max-width: 768px){
.shop-navi ul li{padding:8px 4px;}
}



h1,h2,h3,h4{
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
line-height:2;
}

.main-img {
	width: 100%;
	height: 450px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 55px;
	}

.main-img_mi {
	width: 100%;
	height: 350px;
	background-size: cover;
	background-position: center center;
	}

.page_about { background-image:url(../img/page_top-about.jpg); }

.carch_pi {
	width: 258px;
	position: absolute;
	top: 215px;
	left: 50%;
	margin-left: -129px;}

#main {
	max-width:940px;
	margin: 0 auto;
padding:0 16px;
font-size:0.9rem;
	}

#intro{margin:0 auto;text-align:center;}
#intro p {
	letter-spacing: 0.1em;
	line-height: 2em;
	margin-bottom: 50px;
	}

.concept_title {
	width: 230px;
	margin-bottom: 15px;
	}
.button_about {
display: flex;
justify-content: center;
z-index:333;position: relative;
}
.button_about li {
margin:8px;
	border: 1px solid #000000;
	width: 20%;
list-style:none;
	}
.button_about li a{display:block;text-decoration:none;text-align:center;color:#333;}
.button_about li a:hover { background-color: #E5E4E4; }

.content { 
	margin: 80px 0;
	}

.content p { padding-bottom:24px;letter-spacing: 0.03em; }

.material {
	font-size: 90%;
	letter-spacing: 0.15em;
	line-height: 15px;
	}
	
.material_no {
	font-size: 180%;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
	}

.material_catch {
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	margin-bottom: 24px;
	}
h3{
	font-size: 1.1rem;
}

.sozai_img01 {
	width: 100%;
	display:block;
	margin-bottom: 20px;
	}
	
.sozai_img02, .sozai_img03 {
	width: 360px;
	display:block;
	margin-bottom: 20px;
	}
	
.sozai_img02 {
	float: left;
	margin-right: 20px;
	}

p.innner {
	margin-bottom: 40px;
	font-size: 100%;}
	
.innner { margin-bottom: 70px;}

.about_annot { font-size: 85%; line-height: 0.1em;}

#footer {
	overflow: hidden;
	width: 100%;
	background-color: #E9E9E9;
	font-family: 'Roboto',"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 13px;
	height: 55px;
	line-height: 55px;}
#footer {
	height: auto;
	height: 70px;}
.foot_le, .foot_ri {	
	margin: 0 30px;
	height: 55px;}
	
.foot_le {
	float: left; 
	text-align: left; }
.foot_en { font-family: 'Roboto', sans-serif; font-size: 75%; }


/************************
定番商品
*************************/
.item {
	margin-bottom: 80px;
	}

.item_photo img{max-width:300px;}
.item_text{padding:16px;}
.item_text h2{font-size:1.2rem;}
.icon_touki_mob { display: none; }
.item_title {
	margin-top: 10px;
	margin-bottom: 30px;}
.no_icon { margin-top: 30px; }
.icon_touki_mob { display: none;}
img.icon_touki {
	display: block;
	width: 70px;
	height: auto;
	opacity: 0.8;}

.icon_amananban {
	display: block;
	margin-bottom: 5px;}

.basic { color: #5bb430; }
.item_title h4 { margin-bottom: 15px;}
.item_title h2 { font-size: 130%; line-height: 1.5em;}
.item_title h3 {
	font-size: 100%;
	letter-spacing: 0.15em;
	height: 17.6px;
	margin-bottom: 15px;}

.item p { letter-spacing: 0.03em; }

.item_clear {
	clear: both;
	text-align: left;
	text-align:justify;
	margin-bottom: 30px;} 

.goods_imgs {
	width: 32%;
	display: block;
	float: left;
	margin-right: 2%;}
.goods_imgs_last {
	width: 32%;
	display: block;}
.item_season { width: 444px; margin: 0 auto; }

.item:last-child {
	margin-bottom: 150px;}

/*商品アイコンミニ*/
#item_zone {
	width: 100%;
	background-color: #ECE7DC;
	padding: 40px 0 30px 0;
	}

#item_zone ul{
display: flex;
justify-content: center;
margin:0 auto;
	width: 100%;
text-align:center;
}
#item_zone li{
list-style:none;
max-width:150px;
}
/*商品アイコンミニここまで*/

.company {
	height: auto;
	padding: 24px;
	background-color: #E9E9E9;
	}
	
.company h3 {
	margin-top: 0; 
	font-size: 95%;
	line-height: 15px;
	letter-spacing: 0.2em;
	margin-bottom: 15px;
	}
.company_inner{margin-top:24px;}
.company_inner img{padding-right:24px;min-width:300px;}

.item_photo {margin-bottom: 30px;}

@media (min-width: 767px) {
.company_inner{display: flex;}
.item_photo {
 display: flex;
justify-content: center;
align-items: center;
}

@media (max-width: 768px){
.main-img {
	height: 360px;
	margin-bottom: 50px;
	}
.main-img_mi {
	background-size: cover;
	background-position: center center;
	height: 200px;}

.carch_pi {
	top: 70px;
	left: 50%;
	margin-left: -90px;
	width: 180px;}

#main { width:90%; }

}

/* 店舗 */
#shop { 
	width: 940px; 
	margin: 0 auto;
	line-height: 2em;
	margin-top: 130px;
}
	
p.shop {
	font-size: 13px;
	line-height: 2.2em;
	letter-spacing: 0.1em;
	margin-bottom: 60px;font-size:0.9rem;}
#shop h2{
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    margin-bottom: 24px;
}
h3.shop {
	border: 1px solid #000000;
	padding: 5px;
	margin-bottom: 30px;
}

.shop_date {
	color: #C86769;}

dl.shop { margin-bottom: 100px; font-size:0.9rem;}

dt.shop, dd.shop {
	text-align: left;
	width: 100%;}

dt.shop {
	text-align: center;
	padding: 20px 0 5px 0;
	border-top: 1px dotted #000000;}
	
dd.shop {
	text-align: center;
	padding-bottom: 25px;
	line-height: 1.8em	}

a.shop_url {
	padding-bottom: 1px;
	font-family: 'Inconsolata';	}
   
dd.shop:last-child { border-bottom: 1px dotted #000000; }
	
a.shop_icon {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	border: 1px solid #000000;
	display:inline-block;
	height: 16px;
	line-height: 16px;
	width: 65px;
	letter-spacing: 0em;
	vertical-align: top;}
	
a.shop_icon:hover {
	background-color: #000000;
	color: #ffffff;}

a.shop_icon {
	width: 35px;
	margin-left: 10px;
	vertical-align: middle; }

@media screen and (max-width: 650px) {
#shop_container { width: 90%; margin-top: 70px;}
p.shop { line-height: 1.8em;}
dl.shop { margin-bottom: 80px;}
}