/* Body
------------------------------ */
html{
	margin-top: 0!important;
	overflow-x: hidden!important;
}
body {
	box-shadow: none;
	color: #000;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7em;
	letter-spacing: 0.05em;
	-webkit-text-size-adjust: 100%!important;
	top: 0!important;
  margin:0;
}
a:link{
	text-decoration:none;
	color: #4d4d4d;
}
a:visited {
	text-decoration:none;
	color: #4d4d4d;
}
a:active {
	text-decoration:underline;
}
a,a:hover,
a:before,a:hover:before,
a:after,a:hover:after{
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
a:hover {
	text-decoration: underline;
}
.text_link {
  display: inline-block;
	text-decoration: none;
}
/* reset default css */
.text_link:after {
	content: "";
	display: block;
	width: 0;
	transition: width 0.3s;
	border-bottom: 1px solid #A1915D;
	margin-top: 1px;
}
.text_link:hover{
	text-decoration: none;
}
.text_link:hover:after {
	width: 100%;
}
.arrow_btn a:before{
	content: "";
	position: absolute;
	display: block;
	width: 11px;
	height: 5px;
	border-top: 1px solid #FFF;
	transform: rotate(45deg);
}
.arrow_btn a:after{
	content: "";
	position: absolute;
	display: block;
	width: 23px;
	height: 1px;
	background: #FFF;
}
.arrow_btn a:hover{
	text-decoration: none;
}
.arrow_btn a:hover:after{
	width: 32px;
}

/* layout */
.wrapper{
	position: relative;
	display: block;
	width: 950px;
	margin: 0 auto;
	padding: 0;
}
article,article section{
	clear: both;
	float: none;
}

/* Common
------------------------------ */
article h2{
	color: #000;
	font-size: 32px;
	font-weight: 400;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
	letter-spacing: 0.05em;
	line-height: 1em;
	text-align: center;
}
article h3{
	position: relative;
	color: #800F22;
	font-size: 22px;
	font-weight: 400;
}
.emphasis{
	position: relative;
	display: block;
	font-weight: 700;
	color: #e62528;
	padding-left: 1em;
	text-indent: -1em;
}
.caution{
	position: relative;
	display: block;
	font-size: 12px;
	padding-left: 1em!important;
	text-indent: -1em;
}
.caution:before{
	content: "¢¨";
}
.btn a{
	position: relative;
	display: block;
	width: 222px;
	height: 52px;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
	color: #FFF;
	font-weight: 400;
	text-align: center;
	background: #A1915D;
	text-decoration: none;
	line-height: 1em;
	margin: 0 auto;
	padding: 17px 0 12px;
	letter-spacing: 0.09em;
	border: 2px solid #97714d;
	box-sizing: border-box;
}
/*.btn a:after{
	content: "\f0a9";
	position: absolute;
	display: block;
	font-family: FontAwesome;
	height: 14px;
	top: 0;
	right: 65px;
	bottom: 0;
	margin: auto 0;
}*/
.btn a:hover{
	color: #97714d;
	background-color: #FFF;
	text-decoration: none;
}
/*.btn a:hover:after{
	right: 60px;
}*/
.online_btn a{
	text-align: left;
	margin-right: 0;
	padding-top: 7px;
	padding-left: 11px;
	background: #97714d url(https://img21.shop-pro.jp/PA01393/844/etc/cart_icon.png?cmsp_timestamp=20170703155337) no-repeat center left 15px;
	-webkit-background-size: 17px;
	background-size: 17px;
}
.online_btn a:hover{
	background: #FFF url(https://img21.shop-pro.jp/PA01393/844/etc/cart_icon2.png?cmsp_timestamp=20170703155410) no-repeat center left 15px;
	-webkit-background-size: 17px;
	background-size: 17px;
}

.fl_l{
	position: relative;
	display: block;
	float: left;
}
.fl_r{
	position: relative;
	display: block;
	float: right;
}
p.sub_title{
	color: #002D3F;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1em;
	margin-top: -4px;
	margin-bottom: 25px;
}

/* Header
------------------------------ */
header{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	top: 0;
	margin: 0;
	overflow: hidden;
	background: #fff;
	padding-top: 28px;
}
#header_logo{
	position: relative;
	display: block;
	text-align: center;
	font-weight: 500;
	font-weight: normal;
	color: #FFF;
	line-height: 1em;
  font-size: 14px;
  margin:0 0 23px 0;
}
#header_logo a{
  	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3","Hiragino Mincho Pro", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	position: relative;
	display: block;
  font-size:26px;
 background:none;
	margin: 11px auto 0;
  text-align: left;
    padding-left: 44px;
  padding-top:20px;
  letter-spacing: -0.02em;
}
#header_logo a:before{
 content:" ";
  width:40px;
  height:27px;
  position:absolute;
  background: url(https://img21.shop-pro.jp/PA01393/844/etc/header_logo.png?cmsp_timestamp=20170719091044) no-repeat left bottom;
	    background-size: auto 100%;
  left:0;
  bottom:-5px;
}
#header_logo a:hover{
	opacity: 0.8;
  text-decoration:none;
}
.header_info{
	position: absolute;
	display: block;
	top: 14px;
	right: 0;
}
.header_info .sub_nav li{
	position: relative;
	display: inline-block;
	padding-left: 18px;
	margin-bottom: 8px;
	line-height: 1em;
}
.header_info .sub_nav li .text_link{
color:#97714d;
}

.header_info .online_btn a{
	width: 140px;
	height: 32px;
	text-align:right;
	margin-right: 0;
	padding-top: 8px;
	padding-right: 11px;
	background: #97714d url(https://img21.shop-pro.jp/PA01393/844/etc/cart_icon.png?cmsp_timestamp=20170703155337) no-repeat top 5px left 8px;
	-webkit-background-size: 17px;
	background-size: 17px;
}
.header_info .online_btn a:hover{
	background: #FFF url(https://img21.shop-pro.jp/PA01393/844/etc/cart_icon2.png?cmsp_timestamp=20170703155410) no-repeat top 5px left 8px;
	-webkit-background-size: 17px;
	background-size: 17px;
}

.nav{
	position: relative;
	display: block;
	width: 760px;
	height: auto;
	margin: 0 auto 19px;
}
.nav .clearfix li{
	position: relative;
	display: block;
	float: left;
	width: 152px;
	text-align: center;
}
.nav .clearfix li a{
	color: #FFF;
	letter-spacing: 0.05em;
}
.nav .clearfix li a:hover{
	text-decoration: none;
	color: #A1915D;
}
#sub_gnav{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background: #1A9444;
	border-top: 1px solid #FFF;
}
#sub_gnav ul{
	width: 880px;
	height: 64px;
	padding: 20px 100px 0;
}
#sub_gnav ul li{
	position: relative;
	display: block;
	float: left;
	color: #FFF;
	font-weight: 600;
	line-height: 1em;
	margin-right: 28px;
	margin-bottom: 14px;
	padding-left: 21px;
}
#sub_gnav ul li:first-child{
	padding-left: 0;
}
#sub_gnav ul li:nth-child(6){
	margin-right: 0;
}
#sub_gnav ul li:nth-child(7){
	clear: both;
	margin-left: 196px;
}
#sub_gnav ul li:nth-child(7),
#sub_gnav ul li:nth-child(8),
#sub_gnav ul li:nth-child(9),
#sub_gnav ul li:nth-child(10){
	width: 67.2px;
}
#sub_gnav ul li:before{
	content: "\f0a9";
	position: absolute;
	display: block;
	font-weight: 500;
	font-family: FontAwesome;
	left: 0;
}
#sub_gnav ul li:first-child:before{
	display: none;
}
#sub_gnav ul li a{
	color: #FFF;
}
#sub_gnav ul li a:after{
	border-color: #FFF;
	margin-top: 0;
}

/* bxslider */
.bxslider{
	position: absolute!important;
	min-width: 100%!important;
	min-height: 100%!important;
	width: auto;
	height: auto;
	z-index: -100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
/*.bxslider li:first-child{
	background: url(../images/slider1.jpg) no-repeat center center;
	-webkit-background-size: contain;
	background-size: contain;
}
.header_bg li:nth-child(2){
	background: url(../images/catch2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
.header_bg li:nth-child(3){
	background: url(../images/catch3.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;
}
.header_bg img{
	display: none!important;
}*/
.bxslider li a:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Top Page
------------------------------ */
.top_main_contents{
	padding-bottom: 51px;
}
#top_product{
	position: relative;
	display: block;
	text-indent: -9999px;
}
.product_list{
	position: relative;
	display: block;
	width: 100%;
	height: 436px;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	-webkit-background-size: cover!important;
	background-size: cover!important;
	border-bottom: 2px solid #6b011a;
}
.product_list:last-child{
	border-bottom: none;
}
.product_list a{
	position: relative;
	display: block;
	width: 100%;
	height: 436px;
}
.product_list a:hover{
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
#hishihobito{
	background: url(../images/top_2500bg.jpg);
}
#hishihobito p{
	position: absolute;
	display: block;
	width: 902px;
	height: 346px;
	background: url(../images/top_2500.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
#best_selection{
	background-image: url(../images/top_bestselection_bg.jpg);
}
#best_selection .wrapper{
	width: 1280px;
}
#best_selection p{
	position: absolute;
	display: block;
	width: 810px;
	height: 380px;
	background: url(../images/top_bestselection.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	right: 0;
}
#fresh_bottle{
	background-image: url(../images/top_freshbottle_bg.jpg);
}
#fresh_bottle p{
	position: absolute;
	display: block;
	width: 790px;
	height: 392px;
	background: url(../images/top_freshbottle.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	top: 0;
	left: 0;
}

#top_about{
	position: relative;
	width: 100%;
	height: 358px;
	padding: 44px 0 53px;
	background: url(../images/top_about_bg.jpg) repeat left top;
	-webkit-background-size: 1300px 455px;
	background-size: 1300px 455px;
}
#top_about h2{
	position: relative;
	display: block;
	padding: 51px 0;
	background: url(../images/top_about_icon.png) no-repeat center top;
	-webkit-background-size: 158px 114px;
	background-size: 158px 114px;
}
#top_about p{
	font-weight: 400;
	font-size: 18px;
	line-height: 2em;
	text-align: center;
}
#top_about .btn a{
	margin-top: 26px;
}
#top_online{
	position: relative;
	width: 100%;
	height: auto;
	text-indent: -9999px;
	background: url(../images/top_about_bg.jpg) repeat left top;
	-webkit-background-size: 1300px 455px;
	background-size: 1300px 455px;
	padding: 38px 0;
}
#top_online .wrapper{
	background: url(../images/top_onlineshop_bg.jpg) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
#top_online h2{
	height: 0;
}
#top_online a{
	position: relative;
	display: block;
	width: 100%;
	height: 230px;
}
#top_online p{
	position: relative;
	display: block;
	width: 950px;
	height: 229px;
	background: url(../images/top_onlineshop.png) no-repeat center center;
	-webkit-background-size: contain;
	background-size: contain;
}
#top_online a:hover{
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
#top_online a:before{
	left: 476px;
	bottom: 33.5px;
	border-color: #b6a35d;
}
#top_online a:after{
	left: 464px;
	bottom: 34px;
	background: #b6a35d;
}
#top_online a:hover:before{
	left: 485px;
}

#top_concept{
	position: relative;
	display: block;
	width: 100%;
	height: 400px;
	background: url(../images/top_concept_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#top_concept h2{
	color: #FFF;
	font-size: 34px;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
	font-weight: 400;
	letter-spacing: 0.09em;
	line-height: 1.6em;
	text-align: center;
	padding-top: 120px;
}
#top_info{
	padding: 53px 0;
}
#top_info .fl_l{
	width: 510px;
	height: auto;
}
#top_info h2{
	position: relative;
	display: block;
	color: #A1915D;
	font-size: 30px;
	line-height: 1em;
	margin-top: 15px;
	margin-bottom: 28px;
	padding-bottom: 25px;
	border-bottom: 1px solid #A1915D;
}
#top_info dl{
	margin-bottom: 45px;
}
#top_info dl dt{
	position: relative;
	display: block;
	float: left;
	width: 145px;
	font-size: 16px;
	line-height: 1em;
	padding: 28px 0 28px 2px;
}
#top_info dl dt:first-child{
	padding-top: 0;
}
#top_info dl dd{
	font-size: 16px;
	line-height: 1em;
	padding: 28px 0;
	letter-spacing: 0.02em;
	background: url(../images/info_border.png) no-repeat left bottom;
	-webkit-background-size: 513px 3px;
	background-size: 513px 3px;
}
#top_info dl dd:first-of-type{
	padding-top: 0;
}
#top_info dl dd a{
	color: #000;
}
#top_info dl dd a:after{
	border-color: #000;
}
#top_info .btn:first-of-type{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 47px;
	border-bottom: 1px solid #a1915d;
}
.order_form{
	position: relative;
	display: block;
	width: 510px;
	height: 80px;
	color: #FFF;
	font-size: 18px;
	margin-top: 48px;
	padding: 18px 23px 20px;
	box-sizing: border-box;
	background: #002D3F url(../images/pdf_icon.png) no-repeat center right 23px;
	-webkit-background-size: 43px 47px;
	background-size: 43px 47px;
}
.order_form a{
	color: #d7b561;
	margin-top: 5px;
}
.order_form a:hover{
	text-decoration: none;
}
.order_form a:before{
	left: 202px;
	bottom: 22.5px;
}
.order_form a:after{
	left: 190px;
	bottom: 23px;
}
.order_form a:hover:before{
	left: 211px;
}
#top_info .fl_r{
	width: 400px;
	height: auto;
}
#top_info .fl_r li a{
	position: relative;
	display: block;
	width: 388px;
	height: 84px;
	font-size: 30px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	background-color: rgba(0,0,0,0.35);
	background-repeat: no-repeat!important;
	background-position: 0 0!important;
	-webkit-background-size: contain!important;
	background-size: contain!important;
	border: 6px solid #FFF;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
	margin-bottom: 25px;
	padding-top: 64px;
}
#top_info .fl_r li:first-child a{
	text-indent: -9999px;
	background:	url(../images/bnr_pict1after.png),
				url(../images/bnr_pict1.jpg);
}
#top_info .fl_r li:nth-child(2) a{
	height: 106px;
	padding-top: 42px;
	font-size: 20px;
	font-weight: 400;
	background: url(../images/bnr_pict2.jpg);
}
#top_info .fl_r li a span{
	position: relative;
	display: block;
	font-size: 28px;
	line-height: 1.2em;
	padding-left: 20px;
}
#top_info .fl_r li a span:before{
	content: "\f082";
	font-family: FontAwesome;
	position: absolute;
	display: block;
	left: 65px;
	margin-top: 0;
}
#top_info .fl_r li:nth-child(3) a{
	background: url(../images/bnr_pict3.jpg);
}
#top_info .fl_r li:nth-child(4) a{
	height: 148px;
	text-indent: -9999px;
	padding-top: 0;
	background: url(../images/bnr_pict4.jpg);
	margin-bottom: 0;
	border-color: #dddcca;
}
#top_info .fl_r li a:before{
	left: 200px;
	bottom: 32.5px;
}
#top_info .fl_r li a:after{
	left: 188px;
	bottom: 33px;
}
#top_info .fl_r li a:hover:before{
	left: 209px;
}
#top_info .fl_r li:nth-child(4) a:hover{
	opacity: 0.8;
}

/* BreadCrumb
------------------------------ */
.bread_crumb{
	position: relative;
	display: block;
	background: none;
	box-shadow: none;
	padding-top: 0;
	width: 100%;
	margin: 24px 0 0;
	z-index: 1;
}
.bread_crumb ul{
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.03em;
}
.bread_crumb ul.contact_bread_crumb{
	margin-top: 16px;
}
.bread_crumb li{
	display: inline;
	list-style-type: none;
	line-height: 1.2em;
}
.bread_crumb li.sub:before{
	letter-spacing: 14px;
  	content: "¡ä";
  	color: #000;
}
.bread_crumb li{
	color: #8D804B;
	margin-right: 8px;
}
.bread_crumb li a{
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.bread_crumb li a:after {
	content: "";
	display: block;
	width: 0;
	transition: width 0.3s;
	border-bottom: 1px solid #000;
	margin-top: 1px;
}
.bread_crumb li a:hover{
	text-decoration: none;
}
.bread_crumb li a:hover:after{
	width: 100%;
}

/* main_contents
------------------------------ */
.main_contents{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	background: url(../images/top_about_bg.jpg) repeat top left;
	-webkit-background-size: 1300px 450px;
	background-size: 1300px 450px;
	padding-bottom: 76px;
}
.main_contents  article.fl_l{
	width: 640px;
	height: auto;
}
.main_contents  article.fl_n{
	width: 950px;
	height: auto;
}
.main_contents section{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 24px;
	background: url(../images/dotted_border.png) repeat-x bottom left;
	-webkit-background-size: 27.4px 3px;
	background-size: 27.4px 3px;
}
.top_main_img{
  background:url(https://img21.shop-pro.jp/PA01393/844/etc/top_main.jpg?cmsp_timestamp=20170720143441) no-repeat;
  background-size:cover;
  background-position:right bottom;
  height: 500px;
  width:100%;
  margin-bottom:50px;
   position:relative;
}
.top_main_img .wrapper{
  position: absolute;
    background: url(https://img21.shop-pro.jp/PA01393/844/etc/top_main_catch.png?cmsp_timestamp=20170719102528) no-repeat;
    background-size: 483px auto;
    background-position: left center;
    width: 950px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.main_contents h2{
	color: #6b011a;
	font-size: 26px;
	font-weight: 600;
	text-align: left;
	line-height: 1em;
	letter-spacing: 0.02em;
	margin-top: 62px;
	margin-bottom: 33px;
	padding-bottom: 15px;
	position: relative;
	background: url(../images/h2_line.png) no-repeat center bottom;
	-webkit-background-size: 640px 8px;
	background-size: 640px 8px;
}
.main_contents .fl_n h2{
	background: url(../images/h2_line_long.png) no-repeat center bottom;
}
.main_contents h2:before{
	content: "";
	position: absolute;
	display: block;
	width: 64px;
	height: 64px;
	background: url(../images/h2_icon.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	left: -20px;
	margin-top: -23px;
	opacity: 0.15;
}
.region_bnr a{
	position: relative;
	display: block;
	width: 580px;
	height: 70px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	background: url(../images/region_bnr_bg.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	margin-top: 40px;
	padding: 30px;
}
.region_bnr a:before{
	border-color: #002230;
	right: 30px;
	top: 70px;
}
.region_bnr a:after{
	background-color: #002230;
	right: 30px;
	bottom: 55px;
}
.region_bnr a:hover{
	opacity: 0.8;
}
.region_bnr a h2{
	color: #FFF;
	font-size: 38px;
	line-height: 1em;
	letter-spacing: -0.02em;
	font-weight: 400;
	border-bottom: none;
	margin: 0;
	padding-bottom: 12px;
	background: none;
}
.region_bnr a h2:before{
	display: none;
}

/* aside
------------------------------ */
aside{
	width: 280px;
	height: auto;
}
aside li a{
	position: relative;
	display: block;
	width: 280px;
	height: 150px;
	border: 6px solid #FFF;
	text-indent: -9999px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
	background-repeat: no-repeat!important;
	background-position: center center;
	-webkit-background-size: contain!important;
	background-size: contain!important;
	margin-bottom: 16px;
}
aside li:first-child a{
	background: url(../images/aside_onlineshop.jpg);
}
aside li:nth-child(2) a{
	background: url(../images/aside_blog.jpg);
}
aside li:nth-child(3) a{
	background: url(../images/aside_facebook.jpg);
}
aside li:nth-child(4) a{
	background: url(../images/aside_restaurant.jpg);
}
aside li:nth-child(5) a{
	border-color: #DBDAC3;
	box-shadow: 0 0 0 1px #DBDAC3;
	background: url(../images/aside_samurai.jpg);
}
aside li a:before{
	right: 126px;
	bottom: 35px;
}
aside li a:after{
	bottom: 35px;
	right: 125px;
}
aside li a:hover{
	opacity: 0.8;
}


/* footer
------------------------------ */
footer{
	width: 100%;
	height: auto;
	background: #fff;
	padding: 48px 0;
	color: #4d4d4d;
	font-weight: 400;
	letter-spacing: 0.05em;
  text-align:center;
}
footer .btn_list{
	height: 38px;
	margin-bottom: 32px;
	padding-bottom: 16px;
	border-bottom: 1px solid #8f804b;
}
footer .btn_list .fl_l{
	color: #8f804b;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
}
footer .btn_list .fl_r .btn{
	margin-top: 0;
}
footer .btn_list .fl_r .btn a{
	width: 190px;
	height: 38px;
	font-size: 16px;
	padding-top: 10px;
}
footer .btn_list .online_btn a{
	letter-spacing: -0.02em;
	background-position: center right 10px;
	margin-left: 19px;
}
#footer_logo{
	position: relative;
	display: block;
	padding-top: 74px;
	background: url(https://img21.shop-pro.jp/PA01393/844/etc/footer_logo.png?cmsp_timestamp=20170718172837) no-repeat center top;
	-webkit-background-size: 85px 56px;
	background-size: 85px 56px;
}
#footer_logo a{
	position: relative;
	display: inline-block;
	color: #4d4d4d;
	font-size: 24px;
	font-weight: 400;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3","Hiragino Mincho Pro", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
}
#footer_logo a:hover{
	text-decoration: none;
	opacity: 0.8;
}
footer ul li{
  display:inline-block;
  margin-right:30px;
  margin-bottom:40px;
  font-size:18px;
}
footer ul li:last-child{
  margin-right:0;
}

.footer_sitemap{
	margin-right: 52px;
}
.footer_sitemap:last-of-type{
	margin-right: 0;
}
.footer_sitemap li a{
	color: #FFF;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.footer_sitemap li a:after{
	border-color: #FFF;
}
.footer_sitemap .arrow_btn a,
.shopping_guide .arrow_btn a{
	padding-left: 30px;
}
.footer_sitemap .arrow_btn a:before,
.shopping_guide .arrow_btn a:before{
	width: 8px;
	border-color: #8f804b;
	left: 9px;
	margin-top: 9.5px;
}
.footer_sitemap .arrow_btn a:after,
.shopping_guide .arrow_btn a:after{
	width: 17px;
	background-color: #8f804b;
	margin-top: -10px;
}
.footer_sitemap .arrow_btn a:hover:after,
.shopping_guide .arrow_btn a:hover:after{
	width: 25px;
}
.footer_sitemap .arrow_btn a:hover:before,
.shopping_guide .arrow_btn a:hover:before{
	left: 17px;
}
#copyright{
	color: #8f804b;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 60px;
}
#copyright a{
color:#8f804b;}
.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	transition: .3s;
	transform: translateY(-100%);
	background: rgba(0,0,0,0.8);
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	padding: 15px 0;
}
.is-show {
	transform: translateY(0);
}
.clone-nav li{
	position: relative;
	display: inline-block;
	margin-right: 12px;
	top: 7px;
}
.clone-nav li:first-child{
	top: 0;
	margin-right: 80px;
}
.clone-nav li:last-child{
	margin-right: 0;
}
.clone-nav li a{
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}
.clone-nav li a:after{
	border-color: #FFF;
}
.clone-nav li:first-child a{
	position: relative;
	display: block;
	width: 210px;
	height: 35px;
	text-indent: -9999px;
	background: url(https://img21.shop-pro.jp/PA01393/844/etc/header_logo.png?cmsp_timestamp=20170703160149) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
.clone-nav li:first-child a:hover{
	opacity: 0.8;
}
.clone-nav .online_btn a{
	float: right;
	width: 187px;
	height: 32px;
	letter-spacing: 0.02em;
}


/* sub
------------------------------ */
.clear{
	height: 0;
	clear: both;
	float: none;
  margin:0;
  padding:0;
}
ul, ol {
    margin: 0;
    padding: 0;
}
ul li{
  list-style:none;
}
.btn {
    display: block;
    margin-bottom: 0;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: none;
    color: #333;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

/* Online Shop index
------------------------------ */
#online_shop_index{
  /*
  background: url(https://img21.shop-pro.jp/PA01393/844/etc/top_about_bg.jpg?cmsp_timestamp=20170703164910) repeat left top;
  */
    -webkit-background-size: 1300px 455px;
    background-size: 1300px 455px;
 padding-top: 34px;
}
/*
#online_shop_index h1{
  text-indent: -9999px;
  background: url(https://img21.shop-pro.jp/PA01393/844/etc/online_shop_top.jpg?cmsp_timestamp=20170703162317) no-repeat;
  width: 100%;
  height: 204px;
  margin-bottom:44px;
  margin-top:0;
}
*/
#online_shop_index .about_shopping{
	width: 100%;
	padding-top: 80px;
  padding-bottom:60px;
  background:#f4f4f4;
}
#online_shop_index .about_shopping ul{
border-top: 1px solid #97714d;
  padding-top: 50px;
}
#online_shop_index .about_shopping li{
	display: inline-block;
	width: 300px;
	box-sizing: border-box;
  vertical-align: top;
  margin-right: 24px;
}
#online_shop_index .about_shopping li a h3{
  color:#4d4d4d!important;
  font-weight:600!important;
  transition:.4s!important;
}

#online_shop_index .about_shopping li a h3:hover{
opacity:.7!important;
}
#online_shop_index .about_shopping li:last-child{
	margin-right: 0;
}
#online_shop_index .about_shopping h3{
	color: #800f22;
	font-size: 18px;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
	border-bottom: 1px solid #97714d;
	padding-bottom: 20px;
	width: 100%;
  margin-top:0;
	margin-bottom: 28px;
  transition:.4s;
}
#online_shop_index .about_shopping li a:hover{
    text-decoration:none;
}
#online_shop_index .about_shopping li a:hover h3{
color:rgba(128, 15, 34,.7);
}
#online_shop_index .about_shopping h4{
  font-size: 16px;
  margin-bottom: 14px;
}
#online_shop_index .about_shopping p{
  font-size: 12px;
  letter-spacing: 0;
}
#online_shop_index .about_shopping img{
  width:150px;
  height: auto;
}
#online_shop_index .category a,
#online_shop_index .shopping_guide a{
  color:#4d4d4d;
}
#online_shop_index .side_menu{
width:280px;
}
#online_shop_index .side_menu p{
  color:#97714d;
  font-size:18px;
  border-bottom: 1px solid #97714d;
  padding-bottom:8px;
  margin-top:23px;
  margin-bottom:0;
  font-weight:600;
}
#online_shop_index .side_menu .category{
margin-bottom:50px;
}
#online_shop_index .side_menu .category a{
font-size:16px;
}
#online_shop_index .side_menu .category ul{
width:100%
}
#online_shop_index .side_menu .category li{
height:66px;
  width:100%;
  background: url(https://img21.shop-pro.jp/PA01393/844/etc/info_border.png?cmsp_timestamp=20170703172129) no-repeat left bottom;
    -webkit-background-size: 513px 3px;
    background-size: 513px 3px;
  font-size:16px;
  box-sizing:border-box;
  padding-top:24px;
     padding-left: 76px;
}
#online_shop_index .side_menu .category li.sauce{
  padding-top: 10px;
}
#online_shop_index .side_menu .category li a{
  position: relative;
  transition:.4s;
}
#online_shop_index .side_menu .category li a:hover{
opacity:.8;
  text-decoration:none;
}
/*#online_shop_index .side_menu .category li:nth-child(3) a::before{
  content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/1shouyu.png?cmsp_timestamp=20170704145622) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(4) a::before{
 content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/2tsuyu.png?cmsp_timestamp=20170704150107) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(5) a::before{
content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/3tare.png?cmsp_timestamp=20170704150114) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(6) a::before{
content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/4sause.png?cmsp_timestamp=20170704150121) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(7) a::before{
content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/5ponzu.png?cmsp_timestamp=20170704150127) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(2) a::before{
content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/6giftset.png?cmsp_timestamp=20170704150134) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(8) a::before{
content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/7freshbottleserise.png?cmsp_timestamp=20170704150142) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -20px;
}
#online_shop_index .side_menu .category li:nth-child(9) a::before{
content:" ";
  position:absolute;
 background:url(https://img21.shop-pro.jp/PA01393/844/etc/8samurai.png?cmsp_timestamp=20170731100828) no-repeat;
  background-size:contain;
  width:62px;
  height:50px;
 left: -70px;
    top: -18px;
}*/
#online_shop_index .utage_category p,
#online_shop_index .shopping_guide p{
  margin-top:20px;
  margin-bottom:24px;
}
#online_shop_index .shopping_guide{
margin-bottom:150px;
}
#online_shop_index .shopping_guide li{
  margin-bottom:14px;
}
.top_product_list li a h2{
transition:.4s;  
}
.top_product_list li a:hover h2{
opacity:.7;
}
#online_shop_index .main{
width: 640px;
}
#online_shop_index .main h3{
width:640px;
  height: 55px;
  /*
  background: url(https://img21.shop-pro.jp/PA01393/844/etc/shop_h3_bg.jpg?cmsp_timestamp=20170704114623) no-repeat;
  */
  background-size: contain;
  color: #97714d;
  font-size:24px;
  font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
  font-weight:600;
   box-sizing:border-box;
  padding: 16px 0 0;
  margin:0;
      border-bottom: 1px solid #97714d;
}
#online_shop_index .main ul.product-list{
  text-align: left;
}
#online_shop_index .main li{
  /*width: 204px;*/
  width: 31%;
  /*max-height: 322px;*/
  box-sizing:border-box;
  text-align:center;
  /*margin-right:8px;*/
  margin-right: 2%;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}
#online_shop_index .main p{
margin: 28px 0;
}
#online_shop_index .main li p{
margin: 0;
  color:#000;
}
#online_shop_index .main li:nth-child(3n){
  margin-right:0;
}
#online_shop_index .main li:last-child{
margin-bottom:22px;
}
#online_shop_index .main img{
width:100%;
height: auto;
  margin-bottom: 18px;
}
#online_shop_index .main .product-list__name{
  display: block;
  color: #4d4d4d;
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight:600;
  line-height:1.4em;
      letter-spacing: .05em;
}
#online_shop_index .main .product-list__price{
  color:#97714d;
}
#online_shop_index .main .fs16px{
   font-size: 16px;
}
#online_shop_index .main li a p,
#online_shop_index .main li a img{
transition:.4s;
}
#online_shop_index .main li a:hover p,
#online_shop_index .main li a:hover img{
opacity: .8;
  text-decoration: none;
}
#online_shop_index .main li a:hover{
   text-decoration: none;
}
.pagenation{
  margin: 50px auto 80px;
}
.pagenation .pagenation-prev{
  float: left;
}
.pagenation .pagenation-next{
  float: right;
}
.pagenation a{
  color: #97714d;
}
.pagenation .pagenation-pos{
  clear: both;
  float: none;
  text-align: center;
}.utage_bnr{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.utage_bnr:hover{
  opacity: .7;
}
.side_menu .utage_bnr{
  margin-bottom: 20px;
}

#online_shop_index .main li a:first-child{
  position: relative;
  display: block;
  width: 100%;
  height: 209px;
  overflow: hidden;
}
#online_shop_index .main li a img{
  width: 100%;
  height: 209px;
  object-fit: cover;
}
#online_shop_index .main ul.sub-list{
  letter-spacing: -.4em;
  margin-top: 30px;
}
#online_shop_index .main ul.sub-list li{
  width: 32%;
}
#online_shop_index .main li div.btn a{
  height: auto;
}


/* SP
	------------------------------ */

@media screen and (max-width: 480px) {
  .menu li.sub_menu:nth-child(8) ul li:first-child{
    display: none;
  }
  #online_shop_index{
  padding-top: 70px;
  }

/* online shopping index
	------------------------------ */

#online_shop_index .main{
width:100%!important;
margin-top: -80px;
    margin-bottom: 100px;
}	

   #online_shop_index .main h3 {
    width: 100%!important;
    height: 120px;
    color: #97714d;
    font-size: 20px;
   font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
    font-weight: 600;
    box-sizing: border-box;
    padding: 90px 0 0 8px;
    margin: 0;
}
#online_shop_index .main p {
    margin: 10px 0 20px;
}
#online_shop_index .main ul {
    margin-bottom: -100px;
  margin-bottom: -100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#online_shop_index .main li {
   width: 48%!important;
    height: auto;
    box-sizing: border-box;
    text-align: center;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
}
#online_shop_index .main li:nth-child(2n) {
    margin-right: 0;
}
#online_shop_index .main li:nth-child(3n) {
    margin-right: 4%;
}
  #online_shop_index .main li:nth-child(6n) {
    margin-right: 0;
}
#online_shop_index .main h2 {
    color: #4d4d4d;
    /*margin-top: 0;
    margin-bottom: 4px;
   font-size: 4.4vw;
    font-weight: 600;
    line-height: 1.4em;*/
  margin: 0 auto 20px;
  font-size: 20px;
}
#online_shop_index .about_shopping li {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 24px;
}
#online_shop_index .about_shopping h3 {
    color: rgb(128, 15, 34);
    font-size: 18px;
    font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro', "¥á¥¤¥ê¥ª", "Meiryo", "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic";
    padding-bottom: 8px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0;
    border-bottom: 1px solid rgb(154, 145, 93);
}
#online_shop_index .about_shopping h4 {
    font-size: 16px;
        margin: 8px 0 0;
}
#online_shop_index .about_shopping p {
    font-size: 12px;
    letter-spacing: 0;
margin:6px 0;
}
  #online_shop_index .main ul.sub-list {
    margin-bottom: 20px;
  }
  #online_shop_index .main ul.sub-list li a{
    padding: 15px 0;
  }
  .pagenation{
    margin: 90px auto 50px;
  }
}