@charset "utf-8";
/* CSS Document */

/*=========================
　　　　基本設定
===========================*/
body{
	font-family: 'M PLUS 2', sans-serif;
    /*font-family:'メイリオ','Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;*/
	line-height:1.6;
	letter-spacing:0.05em;
	color:#000;
}

.clear{
	clear:both;}

.block_left{
	float:left;}
	
.block_right{
	float:right;}

.margin_t_10{margin-top: 10px!important}
.margin_t_20{margin-top: 20px!important}
.margin_t_30{margin-top: 30px!important}
.margin_t_40{margin-top: 40px!important}
.margin_t_50{margin-top: 50px!important}
.margin_t_60{margin-top: 60px!important}
.margin_t_70{margin-top: 70px!important}
.margin_t_80{margin-top: 80px!important}
.margin_t_100{margin-top: 100px!important}
.margin_b_10{margin-bottom: 10px!important;}
.margin_b_20{margin-bottom: 20px!important;}
.margin_b_30{margin-bottom: 30px!important;}
.margin_b_40{margin-bottom: 40px!important;}
.margin_b_50{margin-bottom: 50px!important;}
.margin_b_60{margin-bottom: 60px!important;}
.margin_b_70{margin-bottom: 70px!important;}
.margin_b_80{margin-bottom: 80px!important;}
.margin_b_100{margin-bottom: 100px!important;}

.font_b{
    font-weight: bold!important;
}
.centering{
    text-align:center!important;
}
.d_none{
    display: none;
}

optgroup{
    display: none;
}
.y_sp{display:none;}

/* ------------ cookie style ------------- */
.cookie-consent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 13px;
  gap:0 1.15em;
  color: #fff;
  background: rgba(0,0,0,.7);
  padding: 0.75em 1.2em;
  box-sizing: border-box;
  z-index: 100;
  visibility: hidden;
}
.cookie-consent.is-show {
  visibility: visible;
}
.cookie-consent a {
  color: #fff !important;
}
.cookie-consent{
  line-height:1.5;
}
.cookie-agree {
  color: #fff;
  background: #d2bc0f;
  padding: .3em 1.5em;
  letter-spacing: 0.15em;
  border-radius: 30px;
}
.cookie-agree:hover {
  cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
  display: none;
}
@media (any-hover: hover){
    .cookie-text > a:hover{text-decoration: underline;}
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@media screen and (max-width: 600px) {
  .cookie-consent{
    font-size:12px;
  }
}
/* ------------ cookie style -------------- */

/*=========================
　　　　年齢確認
===========================*/
.modal{
	position:fixed;
	display:none;
	z-index:9999;
	top:35%;
	width:400px;
	height:225px;
	padding:20px;
	margin: 0 auto;
	text-align:center;
	background: #000;
	color: #fff;
}
.modal_title{
	margin: 15px 0;
	font-size: 20px;
	font-weight: 600;
}
.modal a{
	cursor:pointer;
	display: inline-block;
	padding: 10px 2%;
	background: #fff;
	border-radius: 100px;
	color: #000;
	font-size: 30px;
	font-weight: 600;
	width: 30%;
	margin: 2%;
}

/*=========================
　　　　ヘッダー
===========================*/
#header .copy{
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
}
.header_logo_area .copy.pc{
    font-weight: normal!important;
}
.header_logo_area .header_logo{
    margin: 15px;
}
#cart_area p.cart-trigger{
    background: #FFF;
}
.header_guide{
    min-width: 256px;
    padding: 5px 0;
    border: 1px solid #B0B0BA;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    z-index: 1!important;
    display: inline-block;
    background: #000033;
    margin-top: 3px;
}
.header_guide_text{
    vertical-align: middle;
    margin-left: 10px;
}
#header .search .input_search{
    background: #FFF;
}
#member{
    /*margin-top: -35px;*/
}
#header #category{
    padding: 0;
    background: #000;
}
#header .category-nav{
    border: 0;
}
/*
#header .category-nav > li > a{
    height: 75px;
    line-height: 75px;
}
*/
#header .category-nav .category-all{
    display: inline-block!important;
}
#header .category-nav li.pc{
    display: inline-block!important;
}
#header .category-nav li.pc a:before{
    content: "";
}
#header .category-nav li a{
    color: #fff;
    font-size: 12px;
}
#header .category-nav li a:before{
    content: "▼";
    white-space: pre-wrap;
}
#header .category-nav li a:after{
   /* content: "で探す";*/
}
#header .category-nav li ul a:before{
    content: "";
}
#header .category-nav li ul a:after{
    content: "";
}
#header .category-nav li ul li a{
    color: #000;
    font-size: 14px;
}
#header .category-nav .category-all a:before, #header .category-nav .head_none a:before{
    content: " ";
}
#header .category-nav .category-all a:after, #header .category-nav .head_none a:after{
    content: " ";
}

/* カテゴリ表示 */
#header .category-nav > li {
    position: inherit;
}
#header .category-nav > li > ul{
    width: 80%;
    right: 0;
    top: 100%;
    margin: auto;
    background: #EEEEEE;
}
#header .category-nav > li > ul > li{
    width: 20%;
}
#header .category-nav li ul li a {
    text-align: center;
    display: block;
    border: none;
    padding: 15px;
}
.sp .category-nav a{
	padding:10px;
}

.sale_banner{
    background: #F3F3F3;
    color: #000;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
}
#header_area{
	display:flex;
	justify-content:space-between;
}
#header_search_login{
	width:40%;
	margin-top:15px;
}
.log_space{margin-left:14px;}
.log_space a{padding-right:2px;}
.log_space2{margin-left:1px;}
.log_space2 a{padding-right:0;}
#contents_top{margin-bottom:25px;}
#header .search .input_search{width:260px;}
#head_close{
	border:solid 1px #F00;
	text-align:center;
	font-weight:600;
	font-size:16px;
}
#head_close a{
	color:#F00;
	display:block;
	padding:6px 3%;
}

/*=========================
　　　　フッター
===========================*/
#footer {
    padding-top: 0!important;
    background: none;
	background:#000;
}
#footer ul{
	background:#fff;
	border-top:solid 1px #CCCCCC;
	font-size:12px;
}
#footer ul li{
    margin: 8px!important;
}
#footer a{
    color: #000;
}
#footer a:hover{color:#C00;}
.footer_guide{
    display: inline-block;
    width: 250px;
    border: 1px solid #000;
    padding: 15px 0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.footer_guide_text{
    vertical-align: middle;
    margin-left: 10px;
    color: #000;
}
.footer_logo_area{
    margin-top: 0!important;
}
.foot_text a{color:#fff!important;}
.copyright{
	margin-top:10px;
	font-size:12px!important;
}
#foot_contents, .cp_content{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	font-size:12px;
}
.foot_ad{
	text-align:left;
	width:40%;
}
.foot_text{margin:0;}
.foot_img{margin-top:45px;}

/*========================
　　　サイドバー
========================*/
#side p{margin:0 0 10px 0;}
.side_navi{margin-bottom:35px;}
.side_navi li{
	margin:0 4px;
}
.side_navi li a{
	display:block;
	padding:5px 3%;
	color:#000;
}
.side_navi li a:hover{background:#F7F7F7;}
.side_title{margin-bottom:0!important;}
.side_title a{
	display:block;
	padding:10px;
	color:#000;
	background:#E5E5E5;
}

/*=========================
　　　　TOPページ
===========================*/
#news_area{
    background: none;
}
.item_photo{
    border: 1px solid #CCCCCC;
}
.item_name{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.item_price{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.pickup_item{
    margin-bottom: 50px;
}
.top-nv-button{
	margin:0 auto 50px auto;
	width:400px;
}
.top-nv-button a{
	display:block;
	width:100%;
	padding:15px;
	border:solid 1px #CCCCCC;
	border-radius:6px;
	color:#000;
	text-align:center;
}
.top-nv-button a:hover{background:#F2F2F2;}

/*=========================
　　　　商品一覧ページ
===========================*/
.result_list_price01.item_price{
    font-size: 75%;
}
.result_list_price02.item_price{
    color: #990000;
}
.item_price .small{
    font-size: 70%;
    font-weight: normal!important;
}
.sold_out{
	margin:0 0 5px 0;
	padding:5px 3%;
	text-align:center;
	background:#949494;
	font-weight:600;
	color:#fff;
}
/*=========================
　　　　商品ページ
===========================*/
#sub_area{margin-top:20px;}
.item_main{margin:35px 0 20px 0;}
.plugin_maker_code{
    border-left: 7px solid #000;
}
.plugin_maker_code .item_code{
    text-indent: -5em;
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 0 20px 10px;
}
#item_photo_area .slick-list img{
    border: 1px solid #CCCCCC;
}
#item_detail_area .item_name{
    font-size: 22px;
    font-weight: bold;
    color: #000033;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 0;
    margin-bottom: 20px;
}
#item_detail_area .item_detail .item_comment{
    font-size: 15px;
}
#item_detail_area .item_detail .item_code{
    border-top: none;
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    padding: 10px 0;
}
#detail_description_box__sale_price.text-primary{
    color: #990000;
}
.cart_area{
    padding-top: 5px;
}
#detail_cart_box__button_area{
    margin-top: 35px;
}
#detail_cart_box__button_area.btn_area .btn{
    height: 65px;
    line-height: 60px;
}
#detail_cart_box__button_area .btn-primary{
    background-color: #990000;
    border-color: #990000;
}
.btn-banner{
    padding: 18px 0;
    border-radius: 40px;
    background-color: #FFDF96;
    color: #000;
    text-align: center;
    font-weight: bold;
}

#detail_free_box__freearea{
	letter-spacing: 0.05em;
	line-height: 1.8;
    margin-top: 15px;
}
.item_table{
	width: 100%;
    border-collapse: separate;
	border-spacing: 10px 5px;
    font-size: 13px;
}
.item_table th, .item_table td{
	padding: 5px 10px;
}
.item_table th{
	width: 20%;
	background: #F7F7F7;
    text-align: left;
}
.item_table td{
    border-bottom: solid 1px #ECECEC;
}
.copy{
    font-size: 2rem;
    margin: 0!important;
}

#related_product_area{
    margin-top: 100px;
}
#related_product_area .heading03{
    text-align: center;
    padding: 80px 0 40px!important;
}
.item_text{
	background:#F3F3F3;
	padding:15px 20px;
	margin:15px 0;
}
.item_guide_icon{
	font-weight:700;
	font-size:16px;
	margin:30px 0 5px 0;
}
.guide_text{margin:0 3% 50px 3%;}
.wine_box_btn{
	display:block;
	width:390px;
	background:#FF0000;
	color:#fff;
	padding:15px 3%;
	text-align:center;
	margin-top:20px;
}
.wine_box_btn:hover{
	background:#C00;
	color:#fff;
}
.item_guide_border{
	border-bottom:solid 1px #000;
	width:180px;
	margin:10px 0 15px 0!important;
}
.item_chuui{color:#F00;}
.page_soryo{
	border:solid 3px #FF0000;
	padding:20px;
}
.page_soryo p{
	font-size:25px;
	color:#F00;
	margin:5px 0;
	font-weight:900;
}
.aw_g{color:#d9c00f;}
.aw_s{color:#a5a5a5;}
.aw_b{color:#A87940;}
.aw_p{color:#2C9DA7;}
.aw_c{color:#df97dc;}
.aw_dg{color:#F0CB37;}
.page_award{
	width:100%;
	margin-bottom:15px;
	border-collapse:inherit;
	border-spacing:6px 0;
}
.page_award th{
	width:18%;
	text-align:left;
	padding:3px;
	border-bottom:dotted 1px #d5d5d5;
}
.page_award td{
	border-bottom:dotted 1px #d5d5d5;
	padding:3px;
}

/*=========================
　　　　お買い物ガイド
===========================*/
.cat_guide{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	padding: 20px 2%;
	margin: 25px 0 50px;
	color: #fff;
    background: #000033;
}
.guide_title{
	font-size: 30px;
	border-bottom: solid 7px #000095;
	padding: 0 2% 5px 2%;
	margin: 20px 0;
}
.guide_block{
	margin: 10px 2% 50px 2%;
}
.guide_name{
	display: inline-block;
	padding: 3px 2%;
	text-align: center;
	font-size: 20px;
	margin: 0;
	border-bottom: solid 5px #0000D5;
	font-weight: 600;
}
.page_text{
    line-height: 1.8;
}
.tokushou_table{
	margin-left:0;
	width:100%;
	padding:0;
}
.tokushou_table dt{width:20%;}
.soryo_table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	text-align:right;
	font-size:20px;
	margin-top:30px;
}
.soryo_table tr{border-bottom:solid 1px #CCCCCC;}
.soryo_table th, .soryo_table td{padding:10px;}
.soryo_table th{
	font-weight:normal;
	text-align:left;
	font-size:14px;
}
.soryo_table1{
	width:60%;
}
.soryo_table2{
	widows:20%;
	font-size:14px;
}
.soryo_text{
	text-align:right;
	margin-bottom:80px;
}

/*---商品ページガイド----*/
.item_guide{
	width:889px;
	margin:0 auto;
}
.item_guide_title{
	text-align:center;
	font-size:20px;
	padding:10px 0;
	margin:30px 0 10px 0;
	border-bottom:solid 1px #AAAAAA;
	border-top:solid 1px #AAAAAA;
}
.item_guide_icon{
	font-weight:700;
	font-size:16px;
	margin:30px 0 5px 0;
}
.item_guide_text2{margin:0 0 0 30px;}
.item_guide_border{
	border-bottom:solid 1px #000;
	width:180px;
	margin:10px 0 15px;
}
.item_guide_btn{
	width:420px;
	padding:15px 2%;
	text-align:center;
	background:#CCCCCC;
	color:#000;
	font-size:14px;
	margin-top:50px;
	display:block;
}
.item_guide_btn:hover{
	background:#ECECEC;
	color:#000;
}
.tokushou_table{
	margin-left:0;
	width:100%;
	padding:0;
}
.tokushou_table dt{width:20%;}

/*=========================
　　　　キャンペーンページ
===========================*/
#event_page{text-align:center;}
#event_page .event_img{margin:30px 0;}
#event_page .event_img_2{margin:80px 0;}
#event_page .event_text{
	width:85%;
	margin:45px auto;
	background:#E3F9FF;
	padding:20px 3%;
	font-size:18px;
	text-align:left;
}
#event_page .event_text2{background:#FFD5D5;}

#event_page a img:hover{
	opacity: 0.7;
}
.event_red{
	border:solid 3px #FF0000;
	padding:15px 2%;
	font-size:14px;
	margin:20px 0;
	text-align:left;
}

/*=========================
　　　　ショッピングカート
===========================*/
.total_box{
    min-width: 320px;
}

/*===========================================================================
　　レスポンシブ設定
=============================================================================*/
@media only screen and (max-width: 1165px) {
	.foot_img{width:30%;}
	.foot_ad{width:35%;}
	.item_guide{width:90%;}
}

@media only screen and (max-width: 1130px) {
	.search .input_search{
		height:auto;
	}
	#header .search .input_search{float:none;}
	.bt_search{
		top:auto;
		bottom:0;}
	#header_search_login{width:40%;}
}

@media only screen and (max-width: 940px) {
#header .search .input_search{width:80%;}
}

/*=====タブレット=====*/
@media(max-width: 800px){
    /*---商品ページ----*/
    .item_table th, .item_table td{
		display: block;
		width: 100%;
		margin-top: -1px;
	}
    .item_table td{
        border-bottom: none;
    }
}
/*=====スマホ=====*/
@media(max-width: 767px){
    /*---共通設定----*/
    .container-fluid{
        padding-left: 10px;
        padding-right: 10px;
    }
    #contents{
        padding-top: 15px;
    }
	.y_pc-tab{display:none;}
	.y_sp{display:block;}
    
    /*-----年齢確認-----*/
	.modal{
		width: 94%;
		padding: 20px 2%;
	}
	.modal a{width: 38%;}
    
    /*---ヘッダー----*/
	.y_sp_inline{display:inline-block;}
    #cart_area p.cart-trigger{
        background: none;
    }
    .header_logo_area{
        margin-top: 3px;
        margin-right: 35px!important;
    }
    .header_logo_area .header_logo{
        margin: 5px;
    }
	.log_space{margin-left:0;}
    .header_guide{
        display: none;
    }
    #cart_area p.cart-trigger{
        top: 17px;
        right: 3px;
    }
    .cart{
        top: 56px;
    }
    .nav-trigger span, .nav-trigger span::before, .nav-trigger span::after{
        background: #000;
    }
    .drawer-open .nav-trigger span::before, .drawer-open .nav-trigger span::after{
        background: #000;
    }
    .member_link a{
        color: #525263;
    }
    #btn_menu{
        top: -6px;
        right: 3px;
    }
    
    .drawer{
        background: #f1f1f1;
    }
    .drawer a{
        color: #000;
    }
    #drawer .category-nav{
        width: 100%;
    }
	.category-nav li ul{
		margin-left:25px;
		display:block!important;
	}
    .category-nav li a:before{
        content: "▼ ";
        white-space: pre-wrap;
    }
    .category-nav li ul a:before{
        content: "";
    }
    
    /*---フッター----*/
    #footer ul li a{
        font-size: 14px;
    }
    .footer_logo_area .logo{
        width: 70%;
        margin: auto;
    }
	.foot_ad, .foot_img{
		width:100%;
		text-align:center;
	}
	.foot_img{margin-top:15px;}
	
	/*----サイドバー----*/
	#side_left{display:none;}
    
    /*---TOPページ----*/
    .newslist dt .date{
        font-size: 13px;
    }
    .newslist dt .news_title{
        font-size: 14px;
    }
	.top-nv-button{width:80%;}
    
    /*---商品ページ----*/
    #item_detail_area .item_detail .sale_price{
        font-size: 22px;
    }
    .form-control{
        font-size: 1.2rem;
    }
	.wine_box_btn{width:100%;}
	.item_main{margin:35px 0 20px 0;}
	.page_award th{width:30%;}
    
    /*---お買い物ガイド----*/
    .cat_guide{
		font-size: 20px;
	}
    .guide_title{
		font-size: 20px;
	}
	.item_guide{width:98%;}
	.item_guide_btn{
		width:90%;
		margin:50px auto 0 auto;
	}
	.soryo_table1{width:50%;}
	.soryo_table2{width:25%;}
	.soryo_table{font-size:16px;}
	
	/*----キャンペーンページ----*/
	#event_page .event_text{
		width:95%;
		font-size:15px;
	}
	#event_page .event_img_2{margin:50px 0;}
}