body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; font-size: 12px; line-height: 20px; color: #333; letter-spacing: 0.1em;}
body{font-family: YuGothic,'游ゴシック','DIN Next W01 Regular','ＭＳ Ｐゴシック','MS P Gothic','MS-PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,arial,helvetica,clean,sans-serif;}
ul{margin: 0;}
li{list-style: none;}
img{vertical-align: top;}
a{color: #000; /*transition: opacity 0.3s linear;*/}
a:hover{text-decoration: none; color: #000;}
.img-ow{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.font_min{font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.font_en_sb{font-family: 'Catamaran', sans-serif; letter-spacing: 0.15em; font-weight: 600!important;}
.font_en_m{font-family: 'Catamaran', sans-serif; letter-spacing: 0.15em; font-weight: 400!important;}
.font_en_r{font-family: 'Catamaran', sans-serif; letter-spacing: 0.15em; font-weight: 200!important;}


@media only screen and (min-width: 1200px) {
    .container{width: 1140px;}
}


/*common*/
header{padding: 30px 40px;}
header .head_left{float: left; width: 35%; padding-top: 5px;}
header .head_left li{float: left; margin-right: 20px; line-height: 1;}
header .head_left li.facebook{border-right: 1px solid #d1d1d1; padding-right: 20px;}
header .head_center{float: left; width: 30%;}
header .head_right{float: right; width: 35%; padding-top: 5px;}
header .shop_link{float: right;}
header .shop_box{opacity: 0; transition: all 0.3s linear; position: absolute; top: 51px; visibility: hidden; margin-left: -10px;}
header .shop_box.show{opacity: 1; visibility: visible;}
header .shop_box ul{background-color: rgba(0,0,0,0.8); padding: 8px 15px;}
header .shop_box li{padding: 2px 0; float: none; margin: 0!important;}
header .shop_box a{font-size: 11px; color: #fff;}
header h1{text-align: center;}
header h1 img{width: 150px; height: auto;}
header .sp_menu,
header .toggle{display: none;}
footer{background-color: #f3f3f3; margin-top: 70px;}
footer .fmenu{padding: 30px 0; width: 1110px; margin: 0 auto;}
footer .foot_left{float: left;}
footer .foot_left li{float: left; margin-right: 30px;}
footer .foot_right{float: right;}
footer .copyright{text-align: center; background-color: #fff; padding: 20px 0; font-size: 11px;}
.ttl_l{background: url(../images/bg_ttl.gif) no-repeat #e0e0e0 bottom left; height: 40px; margin-bottom: 30px;}
.ttl_l h1{height: 39px; background-color: #fff; font-size: 24px;}

@media only screen and (max-width: 991px) {
	header{padding: 20px 30px;}
	header h1 img{width: 120px; height: auto;}
	footer .fmenu{padding: 20px 0; width: 720px;}
}
@media only screen and (max-width: 767px) {
	header{padding: 15px;}
	header .head_center{float: none; width: 100%;}
	header h1{text-align: left;}
	header h1 img{width: 90px; height: auto;}
	header .head_left,
	header .head_right{display: none;}
	header .toggle{position: absolute; top: 15px; right: 15px; display: block;}
	header .toggle button{width: 46px; height: 30px; cursor: pointer; outline: none; position: relative; border: none; background-color: transparent;}
	header .toggle button:after{content: ''; position: absolute; width: 70%; height: 2px; background-color: #000; top: 0px; left: 15%; box-shadow: 0 11px 0 #000, 0 22px 0 #000;}
	header .sp_menu{position: absolute; top: 61px; left: 0; background-color: #333; width: 100%; border-top: 1px solid #eee; z-index: 9999; padding: 0 15px;}
	header .menu_col{text-align: center;}
	header .menu_col li{display: inline-block; margin: 15px 20px; text-align: center;}
	header .menu_col .title{text-align: center; background-color: #666; padding: 5px 0; color: #fff;}
	header .menu_col.bottom{margin-top: 15px;}
	header .menu_col a{color: #fff;}

	footer{margin-top: 40px;}
	footer .fmenu{padding: 10px 0; width: 100%;}
	footer .foot_left{float: none; text-align: center;}
	footer .foot_left li{float: none; margin: 0 15px 5px; display: inline-block;}
	footer .foot_left li a{font-size: 11px;}
	footer .foot_right{float: none; text-align: center; margin-top: 5px;}
	footer .foot_right p{font-size: 11px;}
	footer .copyright{padding: 10px 0; font-size: 10px;}
	.ttl_l{height: 26px; margin-bottom: 15px;}
	.ttl_l h1{height: 25px; font-size: 16px;}
}


/*home*/
.shop_menu{text-align: center;}
.shop_menu li{display: inline-block; margin: 0 40px; text-align: center;}
.shop_menu a{font-size: 16px;}

.slider_wrap{padding: 0 40px; margin-top: 30px;}

.blog_wrap{margin-top: 100px;}
.blog_wrap h2{background-color: #eeeeee; text-align: center; color: #5e5e5e; font-size: 16px; padding: 6px 0; line-height: 1; margin-bottom: 30px;}
.blog_wrap>.row{margin: 0 -35px;}
.blog_wrap .shop_block{padding: 0 35px;}
.blog_wrap .col{margin-bottom: 40px;}
.blog_wrap dt{font-weight: normal; letter-spacing: 0.05em;}
.blog_wrap dd{margin-top: 8px;}
.blog_wrap h3{font-size: 15px; line-height: 22px; font-weight: bold;}
.blog_wrap p{font-size: 13px; line-height: 22px; margin-top: 12px;}

.gallery_wrap{margin-top: 60px;}

.banner_wrap{margin-top: 70px;}
.banner_wrap ul{margin: 0 -35px;}
.banner_wrap li{padding: 0 35px;}

@media only screen and (max-width: 991px) {
	.shop_menu li{margin: 0 30px;}
	.shop_menu a{font-size: 15px;}
	.slider_wrap{padding: 0 30px; margin-top: 20px;}

	.blog_wrap{margin-top: 80px;}
	.blog_wrap h2{font-size: 14px; margin-bottom: 20px;}
    .blog_wrap>.row{margin: 0 -15px;}
	.blog_wrap .shop_block{padding: 0 15px;}
	.blog_wrap .col{margin: 0 -10px 30px;}
	.blog_wrap .col div{padding: 0 10px;}
	.blog_wrap dd{margin-top: 5px;}
	.blog_wrap h3{font-size: 13px; line-height: 20px;}
	.blog_wrap p{display: none;}

	.banner_wrap ul{margin: 0 -15px;}
	.banner_wrap li{padding: 0 15px;}
}
@media only screen and (max-width: 767px) {
	.shop_menu{display: none;}
	.slider_wrap{padding: 0 15px; margin-top: 0px;}

	.blog_wrap{margin-top: 40px;}
	.blog_wrap h2{font-size: 13px; margin-bottom: 15px;}
	.blog_wrap .shop_block{margin-bottom: 20px;}
	.blog_wrap .col{margin: 0 -5px 20px;}
	.blog_wrap .col div{padding: 0 5px;}
	.blog_wrap dt{font-size: 11px;}
	.blog_wrap dd{margin-top: 2px;}
	.blog_wrap h3{font-size: 12px; line-height: 18px;}

	.gallery_wrap{margin-top: 20px;}
	.gallery_wrap li{margin-bottom: 10px;}

	.banner_wrap{margin-top: 40px;}
	.banner_wrap li:first-child{margin-bottom: 15px;}
}