@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//use.fontawesome.com/releases/v5.6.1/css/all.css);



/*
	font-family:"FontAwesome";
	font-family:"Font Awesome 5 Free";
*/


/*========================================
 Base
========================================*/
html {font-size: 70%;}
body{
	font-size: 1.2rem;
	line-height: 1.6;
}

body > #top{
    background:#fff;
    font-size:12px;
    margin-top:-15px;
    padding-top:15px;
}

div#header{
	background:none !important;
	margin:0 auto;
}
div#contents div.topic_path,
div#contents div.topic_path a{
	width: 1080px;
	margin: 0 auto;
	padding-left: 10px;
	text-decoration: none;
	box-sizing: border-box;
}

div#contents{
	position: relative;
	width: 1080px;
	margin: 0 auto;
}
#contents * {box-sizing:border-box;}
.corner_info p {padding:0;}

div.corner_product {margin:0 0 50px !important;}
div.itemdetail{
	width: 1080px;
	margin: 0;
	height: auto;
	border: none;
	font-size: 1.2rem;
	text-overflow: inherit;
}
.corner_info h3 {border:none; background:none;}
.corner_info > h3 {display:none !important;}
.corner_product + .corner_info > h3 {display:block !important;}
.corner_info #bd + h3 {display:block !important;}
/*.corner_info > p {display:none;}*/

.footer_link a {color:#262626 !important;}


/*商品情報*/
#detailBox{
	float:none;
	width:1000px;
	margin:0 auto 40px;
	padding:10px 0 20px;
	font-size:12px;
}
ul.searchList{
	display:block;
	border-collapse:separate;
	border-spacing:20px;
	width:1020px !important;
	margin:0 auto !important;
/*	padding:0 13px;*/
}
ul.searchList:last-child {margin-bottom:30px !important;}
ul.searchList li div div.detail, #detailBox {width:700px;}
ul.searchList li p.photo{
	height:175px;
	padding-top:10px;
}
ul.searchList li h5{
	padding-bottom:10px;
	border-bottom:1px dotted #aaaaaa;
}

#detailBox .detailArea div {padding:5px;}
#detailBox .detailArea div p.date {font-size: 1.2em;}

/*#contents {padding-bottom:30px;}*/
div#sns {overflow:hidden;}


/* リセット */
#contents ul{
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-padding-start:0;
}
#contents a{transition:0.5s;}
#contents a:hover {opacity:0.7;color:#a75252;}
#contents footer a:hover {opacity:0.5;}


/*========================================
 カスタム
========================================*/
/* 商品 */
ul.searchList li{
	background:#fff;
	float:none;
	display:table-cell;
	width:231px !important;
	padding:10px;
	vertical-align:top;
	border:1px solid #ed6d00 !important;
	box-sizing:border-box;
}
/*ul.searchList li a {color:#9c8871;}*/


/* 全体 */
#containers {
    background: url("../images/bg.png") left fixed;
}

#contents{
    font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	position:relative;
	margin-bottom:0 !important;
	color:#262626;
}
#contents .smOnly {display:none;}
#contents a {color:#262626;}

#contents .topic_path,
#contents .topic_path a{
	padding-top:10px !important;
	color:#262626;
}
#contents .topic_path a:hover {opacity:0.5;}

#contents .corner_info {
    margin: 0 0 30px;
    padding: 10px 0 30px;
    background: url("../images/txt_bg.jpg") left top;
}
#contents .corner_product {width:1080px;}
ul.searchList:last-child {padding-bottom:20px;}

/*#contents .corner_main_banner {display:none;}*/
#contents .corner_main_banner {
    text-align: center;
    background: url("../images/txt_bg.jpg") left top;
    margin: 0;
}
#contents .corner_main_banner img { width: auto; height: auto;}
/*#contents .corner_info > div {margin-bottom:80px;}*/


/**** SNS ****/
#contents #sns{
	position:absolute;
	top:0;
	right:20px;
	width:auto !important;
	z-index:50;
}


/* header */
#contents .collabo {
    margin-bottom: 30px;
    text-align: center;
}

/* nav */
#contents #navWrap{
	position:absolute;
	top:398px;
	left:490px;
	width:546px;
}
#contents #navWrap li{
	float:left;
	width:260px;
	height:80px;
	margin-bottom:24px;
	font-size:2.8rem;
	text-align:center;
	line-height:1;
}
#contents #navWrap li a{
	background:#5b0b0b;
	display:block;
	padding:20px 0;
	color:#fff;
	text-decoration:none;
	transition:0.6s;
	border-radius:15px;
	border:2px solid #fff;
	font-weight:bold;
}
#contents #navWrap li a:hover {opacity:0.6;}


/* Hタグ */
#contents h2 {
    background: none;
    padding: 10px 30px 0;
    font-size: 1.35em;
    font-weight: bold;
	display: flex;
	align-items: center;
}
h2::before {
    content: url("../images/tit_bg_goods.png");
    margin-right: 5px;
    margin-top: 4px;
}
#first h2::before {
    content: url("../images/tit_bg_sake.png");
    margin-top: 0;
}
#contents h3 {
	margin: 10px 0 15px;
	padding: 5px 0 3px;
    text-align: left;
	color: #333;
    font-size: 1.2em;
    font-weight: bold;
	border-left: 8px solid #a75252;
	border-bottom: 1px solid #a75252;
}

/* text */
#contents div.text {
    width: 96%;
    margin: 0 auto 30px;
    text-align:center;
    font-size:1.4em;
}
#contents div.text a{
    border-bottom: 1px solid #333;
}
#contents div.text p{
    margin-bottom: 10px;
}

/* 商品 */
#contents .item {
    position: relative;
    overflow: hidden;
    padding: 30px;
}
#contents .item p,
#contents .item dl {
    margin: 0 10px 16px;
}
#contents dl::after,
#contents .item dt {
    display: block;
    clear: both;
    content: "";
}
#contents .item dt,
#contents .item dd {
    margin-bottom: 5px;
    font-weight: bold;
}
#contents .item dt {
    float: left;
    width: 80px;
    margin-right: 10px;
    background: #e5d994;
    text-align: center;
}
#contents .item .info {
    float: left;
    width: calc(100% - 400px);
}
#contents .item .left_box {
    float: left;
    width: 400px;
}
#contents .item .main_img {
    max-height: 250px;
    margin: 30px 0;
    text-align: center;
}
#contents .item .cart a { width: 250px; }
#contents .item .main_img img { max-height: 250px; }
#contents .item .thumb::after {
    display: block;
    clear: both;
    content: "";
}
#contents .item .thumb ul {
    position: relative;
    left: 50%;
    float: left;
}
#contents .item .thumb ul li {
    position: relative;
    left: -50%;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 5px 10px;
    border: 1px solid #efefef;
    text-align: center;
}
#contents .item .thumb ul li a { display: block; }
#contents .item .thumb img {
    max-width: 50px;
    max-height: 50px;
}
/* カートへ入れる */
#contents .cart a {
    display: flex;
    width: 90%;
    height: 40px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background: #7a723f;
    color: #fff;
    text-decoration: none;
}
#contents .cart a::after {
    padding-left: 3px;
    font-family: "Font Awesome 5 Free";
	content: "\f105";
    font-weight: bold;
}
#contents .item .attention {
    color: #f00;
    font-weight: bold;
}

/* shiraito */
#contents .shiraito { padding-top: 30px; }
#contents .shiraito table { display: table; }
#contents .shiraito table th,
#contents .shiraito table td {
    display: table-cell;
    width: 50%;
}
#contents .shiraito table th {
    text-align: center;
}

/* イベント用 */
#contents .event {
    margin: 0 30px 30px;
    padding: 15px 30px 25px;
    border: 1px solid #999;
}
#contents .event .event_item {
    float: right;
    width: 280px;
    margin: 0;
    padding: 0;
    text-align: center;
}
#contents .event .event_item img {
    height: auto;
    max-height: 250px;
    width: auto;
    max-width: 250px;
}
#contents .event .event_item + .event_info {
    foat: left;
    width: calc(100% - 280px);
}
#contents .event .event_item + .event_info dt { width: 29%; }
#contents .event .event_item + .event_info dd { width: 69%; }
#contents .event dt,
#contents .event dd {
    float: left;
    margin-bottom: 5px;
}
#contents .event dt {
    width: 20%;
    margin-right: 1%;
    padding: 2px 5px;
    background: #a75252;
    color: #fff;
    text-align: center;
}
#contents .event dd {
    width: 75%;
    margin: 0 0 10px 5px;
    padding: 2px 5px;
}
#contents .follw_btn {
    display: flex;
    align-items: center;
    vertical-align: center;
}
#contents .follw_btn a{
    margin: 5px 0 0;
    padding: 0 10px;
    background: #55acee;
    color: #fff;
    text-decoration: none;
}
#contents .follw_btn a::before{
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    margin-right: 5px;
    content: "\f099";
}

/* Footer */
#contents #footerWrap{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px 0;
}
#contents #footerWrap div {margin-bottom:12px;}
#contents #footerWrap #copyright{
	background:transparent;
	color:#000;
}
#contents #footerWrap .attention {font-size:1.1rem;}


/*=================================
スマートフォン
=================================*/
#top #header {background:#fff !important;}
.li-box {overflow:hidden;}
.li-box > p:first-child,
.li-box > p:last-child,
#corner_name,
#corner_main_text li.title {display:none;}
.li-box section{
	background:none;
	font-size:1.2rem;
	line-height:1.5;
}
h2.search-h2 {display:none;}
#corner_sphone_banner img {max-width:640px;}
section#corner_name {display:none;}

#top #bread-crumb-list {color:#000;}

.itemsList {margin-bottom:20px;}
.itemsList li{
	height:auto;
	width:94%;
	margin:0 auto 10px;
}
.itemsList li:last-child {margin-bottom:30px;}
/*.itemsList li div > span {color:#fff;}*/

div.li-box ul li {margin:0;}

#top h2{
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}


/*** カスタム ***/
div.sphone_banner img {width:100%;}
.li-box .line,
.copyright .line{
	width:100%;
	margin-bottom:10px;
	text-indent:-9999px;
}
#top .tiles {background:#fff;}
#top #bread-crumb-list a, .li-box a {color:#08162e;}
#corner_products ul.tiles li a {}
#corner_products ul.tiles:last-child {margin-bottom:20px;}
.to-top a {color:#000 !important;}

#top{
    font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	width:100%;
	margin:0 auto;
    font-size:90%;
    background: url("../images/bg.png") left fixed;
}
#top .pcOnly {display:none;}
#top * {box-sizing:border-box;}
.show-all,
.show-all a {box-sizing:inherit !important;}

div#product-detail-images div.product-deteail-image-box{
	display:block;
    background: url("../images/txt_bg.jpg") left top;
	border-top:0px solid #ed6c00;
	border-bottom:0px solid #ed6c00;
}
div#product-detail-images div.product-deteail-image-box img {vertical-align:bottom;}
#top #product-detail-images {margin-bottom: 0;}
div#corner_extra {display:none;}
#top .li-box{
	width:100%;
    margin: 0 0 50px;
    padding: 20px 0;
    background: url("../images/txt_bg.jpg") left top;
}
#top #sns {
    width: 100%;
    background: url("../images/txt_bg.jpg") left top;
    text-align: center;
}

#top .copyright > p {display:none;}

/* header */
#top .collabo { text-align: center; }
#top .collabo img {
    height: auto;
    width: 100%;
    max-width: 438px;
}

/* Hタグ */
#top h2 {
    margin: 0 10px;
    font-size: 1.1em;
	display: flex;
	align-items: center;
}
#top h2::before {
    content: url("../images/tit_bg_goods.png");
    margin-right: 5px;
    margin-top: 4px;
}
#top #first h2::before {
    content: url("../images/tit_bg_sake.png");
    margin-top: 0;
}
#top h3 {
	margin: 10px 0 15px;
	padding: 5px 0 3px;
    text-align: left;
	color: #333;
	border-left: 8px solid #a75252;
	border-bottom: 1px solid #a75252;
}

#top dl::after {
    display: block;
    clear: both;
    content: "";
}
/* 商品 */
#top .item {
    position: relative;
    overflow: hidden;
}
#top .item p,
#top .item dl {
    margin: 0 10px 16px;
}
#top .item dt,
#top .item dd {
    margin-bottom: 5px;
    font-weight: bold;
}
#top .item dt {
    float: left;
    width: 80px;
    margin-right: 10px;
    background: #e5d994;
    text-align: center;
}
#top .item .main_img {
    max-height: 250px;
    margin: 0 0 10px;
    text-align: center;
}
#top .item .main_img img { max-height: 250px; }
#top .item .thumb::after {
    display: block;
    clear: both;
    content: "";
}
#top .item .thumb ul {
    position: relative;
    left: 50%;
    float: left;
}
#top .item .thumb ul li {
    position: relative;
    left: -50%;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 5px 10px;
    border: 1px solid #efefef;
    text-align: center;
}
#top .item .thumb ul li a { display: block; }
#top .item .thumb img {
    max-width: 50px;
    max-height: 50px;
}

/* カートへ入れる */
#top .cart a {
    display: flex;
    width: 90%;
    height: 40px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background: #7a723f;
    color: #fff;
    text-decoration: none;
}
#top .cart a::after {
    padding-left: 3px;
    font-family: "Font Awesome 5 Free";
	content: "\f105";
    font-weight: bold;
}
#top .item .attention {
    color: #f00;
    font-weight: bold;
}

/* shiraito */
#top .shiraito {
    padding-top: 0;
}
#top .shiraito th{
    padding: 10px;
    width: 84px;
    vertical-align: middle;
}
#top .shiraito td{
    max-width: calc(100% - 84px);
}

/* イベント用 */
#top .event {
    margin: 10px 10px 30px;
    padding: 5px 10px;
    border: 1px solid #999;
}
#top .event .event_item { text-align: center; }
#top .event .event_item img { max-height: 250px; }
#top .event dt {
    padding: 2px 5px;
    background: #a75252;
    color: #fff;
}
#top .event dd {
    margin: 0 0 10px 5px;
    padding: 2px 5px;
}
#top .follw_btn {
    display: flex;
    align-items: center;
    vertical-align: center;
}
#top .follw_btn a{
    margin: 0;
    padding: 5px 10px;
    background: #55acee;
    color: #fff;
    text-decoration: none;
}
#top .follw_btn a::before{
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    margin-right: 5px;
    content: "\f099";
}

/* footer */
#top #footerWrap{
	background:transparent;
	width:100%;
	padding:4px 0 1px;
}
#top #footerWrap p {margin-bottom:12px;}
#top #footerWrap .copyright,
#top #footerWrap .attention{
	background:transparent;
	width:98%;
	margin:0 auto;
	font-size:1.1rem;
	color:#000;
	border:none;
}
#top #footerWrap .attention{
	width:96%;
	margin-bottom:20px;
	text-align:left;
}