@charset "UTF-8";
/* CSS Document */
/*---------------------------------
body
---------------------------------*/
body{
	color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	
}
.index-wrapper h1,
.index-wrapper h2,
.index-wrapper h3,
.index-wrapper h4{
	font-family: 'Kosugi', sans-serif;
	color:#434343;
	line-height: 1.2;
	letter-spacing:0.2em;
}
h4{
	letter-spacing:0em;
}
.product-contents-wrap{
	width: 100%;
	margin-top: 30px;
}
.contents-heading{
	display: inherit;
	text-align: center;
}
.heading-sub-title{
	font-size: 0.8em;
	margin: 0.5em;
}
/*---------------------------------
header
---------------------------------*/
header {
    z-index: 999;
	background: #FFF;
}
.header a:hover {
    text-decoration: none;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
}
.header img{
	width: 100%;
	height: auto;
}
.search-icon{
	width: 30px;
}

@media screen and (max-width:999px) {
	.header{
		min-width: 340px;
	}
	.header .top-head{
		display: none;
	}
	ul.top-head-spnav{
		display: flex;
	}
	ul.top-head-spnav li.head-sp-list,
	ul.top-head-spnav li.head-sp-cart{
		width: 25%;
	}
	ul.top-head-spnav li.head-sp-list{
		position: relative;
	}
	ul.top-head-spnav li.head-sp-logo{
		width: 50%;
		text-align: center;
	}
	ul.top-head-spnav li.head-sp-logo img{
		max-width: 150px;
	}
	ul.top-head-spnav li.head-sp-cart{
		text-align: right;
		padding: 10px 10px 0 0;
	}
	ul.top-head-spnav li.head-sp-cart img{
		max-width: 50px;
	}
}

@media screen and (min-width:1000px){
.top-head-sp{
	display: none;
}
.header .top-head{
	max-width: 1080px;
	margin: 0 auto;
	padding: 15px 0;
}
.header h1.logo{
	width: 40%;
	float: left;
}
.header h1.logo img{
	width: 443px;
}
.header .right-navi{
	width: 60%;
	float: left;
	display:flex;
	justify-content: flex-end;
}
.header ul.fir-nav,
.header ul.sec-nav{
	display: flex;
}
.header ul.fir-nav{
	display: flex;
	margin-top: 15px;
}
.header ul.fir-nav li{
	min-height: 19px;
	padding-left: 23px;
	line-height: 19px;
	margin-right: 15px;
	white-space: nowrap;
}
.header ul.fir-nav li.members-name{
	text-align: right;
}
.header ul.fir-nav li.logout{
	background: url(../img/i_logout.png) no-repeat;
	background-size: 19px auto;
}
.header ul.fir-nav li.regist{
	background: url(../img/i_regist.png) no-repeat;
	background-size: 19px auto;
}
.header ul.fir-nav li.mypage{
	background: url(../img/i_mypage.png) no-repeat;
	background-size: 19px auto;
}
.header ul.fir-nav li.guide{
	background: url(../img/i_guide.png) no-repeat;
	background-size: 19px auto;
}
.header ul.sec-nav{
	margin-top: 5px;
}
.header ul.sec-nav li.ori-cart{
	border-left:1px solid #c5a85f;
	padding:0 30px;
}
.header ul.sec-nav li.ori-cart img{
	width: 38px;
	height: auto;
}
.header ul.sec-nav li.ori-search{
	padding:0 15px;
}
.header ul.sec-nav li.ori-search img{
	width: 23px;
	height: auto;
}
.header .top-head::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
}
.mainVisual{
	max-width: 700px;
	margin: 0 auto;
}
.mainVisual img{
	width: 100%;
	height: auto;
}
/*---------------------------------
main
---------------------------------*/
.contents-section{
		margin: 0 auto;
		padding: 0 10px;
	}
@media screen and (max-width: 999px){
	#start-contents {
		padding-top: 166px;
		margin-top: 0;
	}
}
@media screen and (min-width:1000px){
	#start-contents {
		padding-top: 135px;
	}
	
}
/*---------------------------------
cart
---------------------------------*/
.cart_att2303{
	margin-top: 20px;
    line-height: 1.5;
    font-size: 0.8em;
}

/*---------------------------------
footer
---------------------------------*/
#ftr{
	background: #c5a85f;
	padding:30px 5% 15px 5%;
}
#ftr ul.ftr-block{
	max-width: 1080px;
	margin: 0 auto;
}
#ftr ul.ftr-block li{
	border:1px solid #FFF;
	margin-top: 15px;
	background:#f3ecdc;
}
#ftr ul.ftr-block li:first-child{
	margin-top:0; 
}
#ftr h4.ftr-ttl{
	color: #FFF;
	padding: 10px 10px 10px 45px;
}
#ftr h4.ftr-ttl .inner-ftr-ttl{
	border-left:1px solid #FFF;
	padding-left: 15px;
	background: url(../img/ftr_ttl_arrow.png) no-repeat right center;
	background-size: 10px auto;
}
#ftr ul.ftr-block li h4.ftr-ttl a{
	color: #FFF;
}
#ftr ul.ftr-block li.ftr-payment h4.ftr-ttl{
	background:#c5a85f url(../img/i_payment.png) no-repeat left 10px center;
	background-size: 30px auto;
}
#ftr ul.ftr-block li.ftr-calender h4.ftr-ttl{
	background:#c5a85f url(../img/i_calender.png) no-repeat left 10px center;
	background-size: 30px auto;
}
#ftr ul.ftr-block li.ftr-company h4.ftr-ttl{
	background:#c5a85f url(../img/i_company.png) no-repeat left 10px center;
	background-size: 30px auto;
}
#ftr ul.ftr-block li.ftr-shipping h4.ftr-ttl{
	background:#c5a85f url(../img/i_shipping.png) no-repeat left 10px center;
	background-size: 30px auto;
}
#ftr .ftr-inner-box{
	background:#f3ecdc;
	padding: 15px;
	font-size: 0.8em;
}
#ftr h5{
	border-left:5px solid #c5a85f;
	padding-left: 10px;
	color: #333;
}
#ftr .ftr-inner-box p{
	margin: 10px 0 15px 0;
	line-height: 1.5;
}
#ftr .ftr-inner-box .shipping-fee{
	font-size: 1em;
	color: #ba0000;
}
#ftr .att_alchol,
#ftr .copyright{
	color:#FFF;
	text-align:center;
	line-height:1.5;
}
#ftr .att_alchol{
	margin-bottom:0.5em;
}
#ftr .copyright{
	font-size: 0.8em;
}
#ftr ul.ftr-link{
	display: flex;
	justify-content: center;
}
#ftr ul.ftr-link li{
	font-size: 14px;
	min-height: 16px;
	padding-left: 20px;
	line-height: 20px;
	white-space: nowrap;
	margin:20px 10px 10px 10px;
}
#ftr ul.ftr-link li a{
	color: #FFF;
}
#ftr ul.ftr-link li:nth-child(1){
	background: url(../img/i_privacy.png) no-repeat;
	background-size: 19px auto;
}
#ftr ul.ftr-link li:nth-child(2){
	background: url(../img/i_low.png) no-repeat;
	background-size: 19px auto;
}
@media screen and (min-width:1000px){
	#ftr ul.ftr-block{
		display: flex;
		flex-wrap: wrap;
	}
	#ftr ul.ftr-block li{
		width: 48%;
		margin:0 1%;
	}
	#ftr ul.ftr-block li:nth-child(3),
	#ftr ul.ftr-block li:nth-child(4){
		margin-top: 15px;
	}
	#ftr .ftr-inner-box{
		font-size: 1em;
	}
}
@media screen and (min-width:480px){
	#ftr dl.calender-wrap{
		display: flex;
	}
	#ftr dl.calender-wrap dd{
		width: 48%;
		margin:0 1%;
	}
}
.btn_subsc {
    text-align: right;
    border-bottom: 1px solid #666;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.btn_subsc a.btn.btn-cart {
    background: #cc0000;
    color: #FFF;
    border: none;
}