/* カスタマイズ用CSS */
.clearfix:after{
  display: block;
  clear: both;
  content: "";
}

/* 共通・その他 */
.sp{display: none !important;}
.pc{display: block !important; }
.ec-productRole img{width:auto;}
.ec-role,.ec-productRole,.ec-layoutRole,body{color:#303036!important;}
.ec-headerRole{
    max-width: 1130px;
    width:100%;
    padding:0 20px;
    height:40px!important;
}
.ec-headerTitle__title a{
    font-size:30px!important;
    line-height: 70px;
}
.footer_guiderole{
    padding:40px 0;
        background: #F8F8F8;
}
.fred{color:red;}
ul.product_list_d {/*text-align: center;*/
	margin-left: -10px;
	font-size: 0; /* タグ改行時の空白防止 */
}
ul.product_list_d li{
	display: inline-block;
	padding-right: 10px;
	font-size: 14px; /* ulでサイズ0にしたのを戻す */
}
.ec-blockBtn--action{background-color:#3a7fb2; border-color:#3a7fb2;
}
.ec-blockBtn--cancel,.ec-blockBtn--action{filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
}
.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus, .open > .ec-blockBtn--action.dropdown-toggle:hover, .open > .ec-blockBtn--action.dropdown-toggle:focus, .open > .ec-blockBtn--action.dropdown-toggle.focus, .ec-blockBtn--action:hover{
    color: #fff;
    background-color: #99cff7;
    border-color: #99cff7;
}
.ec-productRole .ec-productRole__price{color:#ad0303;border-bottom:1px solid #9b9b9b;margin-bottom:14px;padding:8px 0;}
.ec-price .ec-price__price{font-size:26px;}
h1.ec-headingTitle{font-weight:bold;}
.ec-productRole__description span{font-weight:bold;}
.ec-productRole__description div{padding-top:10px;}

/* guide_page table */
.top_guide table{margin:40px 0;}
.top_guide table th,table td{text-align:center;
    min-width:140px;/*line-height: 40px;*/
    border: solid 1px #CCCCCC; margin-top:-1px;}
.top_guide table th{margin-right:-1px;}
.top_guide table th{background: #e3e3e3;padding: 10px;}
.top_guide table td{padding: 10px;}
.guide_table05 th{min-width:180px;}
.guide_table04 th:nth-child(1){background:#E3F1FF;}
.guide_table04 th:nth-child(2){background:#EFF1F3;}
.guide_table04 th:nth-child(3){background:#E3F1FF;}
.guide_table04 th:nth-child(4){background:#FFEAEA;}
.guide_table04 th:nth-child(5){background:#E8E8FF;}
.guide_table04 th:nth-child(6){background:#FFF7E8;}
.guide_table04 th:nth-child(7){background:#EFFFE6;}

/*  page 商品情報　下部リスト横並び　float*/
    #page_free{width:100%;}
     #page_free ul{ list-style: none;}
    #page_free ul,#page_free ul li{margin: 0;padding: 0;}/*リセット*/
    #page_free ul:after{display: block;  clear: both;  content: "";}/*float解除*/
    #page_free ul li{width:220px;height:auto;float:left;margin-bottom:3px;}
    #page_free ul li img{width:186px;}
    
    .footer_guide img{width:auto;}
.ec-productRole__description{    border-top: 1px solid #9b9b9b;border-bottom: 1px solid #9b9b9b;
                            margin-top:10px;padding:20px 5px;background:#ededed;}
.ec-productRole .ec-productRole__code{font-size:0.8em;padding:3px 0;border-bottom:none;}
.ec-productRole .ec-productRole__tags{border-bottom: 1px solid #9b9b9b;}
.ec-layoutRole__header{border-bottom: 1px solid #9b9b9b;}

/*  footer guide */
h3.footer_guide_header{line-height: 50px;text-align:center;font-weight: bold;background:#FFFFFF;}
h3.footer_guide_header:before{content:url(/ec/html/user_data/assets/img/icon/shop2.png);display: inline-block;vertical-align: middle;}
h3.footer_guide_header:after{content:url(/ec/html/user_data/assets/img/icon/shop3.png);display: inline-block;vertical-align: middle;}
.guide_payment h3:before{content:url(/ec/html/user_data/assets/img/icon/payment2.png);
    display: inline-block;vertical-align: middle;}
    .guide_delivery h3:before{content:url(/ec/html/user_data/assets/img/icon/delivery2.png);
    display: inline-block;vertical-align: middle;}
    .guide_open h3:before{content:url(/ec/html/user_data/assets/img/icon/open2.png);
    display: inline-block;vertical-align: middle;}
    .guide_cancel h3:before{content:url(/ec/html/user_data/assets/img/icon/cancel2.png);
    display: inline-block;vertical-align: middle;}

.footer_guide h3{margin-top:0px;font-size:16px;text-align:center;}
.footer_details{padding:6px;border:1px solid #CCCCCC;text-align:center;margin-top:10px;}
.footer_wrap{background:#FFFFFF;}
.footer_guide span{font-size:0.7em;}

/*  guide page  */
.ec-role img{width:auto;}
hr.line_dotten{border:1px dotten #CCCCCC;}

/*トップページ　ガイド*/
#contents_top h2{font-size:1.4em;}
.top_guide a:hover {text-decoration: none;}
.top_guide h3{font-weight: bold;font-size: 1.2em;color:#FFFFFF;margin:10px 0;padding:5px;background-color: #404040;}
.top_guide h4{font-weight:bold;font-size:1.1em;}
.top_guide span{color:#0080C0; }
.font_bold{font-weight:bold!important;}
.font_12{font-size:1.2em;}
.font_blue{color:#0080C0; }
.font_red{color:#ff0000!important;}
.font_0{color: #3d3d3d!important;}

/*　　点線hr　　*/
hr{width:100%;padding:5px;border-style:none;}
.line-dotten{background-image: url("http://liquors-k.co.jp/img/index/tensen02.gif");
background-repeat: repeat-x;}

/* 特定商取引法　page*/
.ec-borderedDefs dd{line-height:2;}
/*　商品詳細　関連商品ｈ２*/
#page_free h2{font-size:18px;}

/*おすすめ背景*/
.ec-topicRole {
  background: #FFFFFF;}

@media only screen and (min-width: 768px){  /* 画面サイズ768px以上 pc */

.sp{display: none !important;}
.pc{display: block !important; }
    .ec-headerTitle .ec-headerTitle__title{
    text-align: left!important;
}
    .ec-categoryRole__listItem{
    width:calc( 100%/3 )!important;
    }
    
    div#maps1{ /* help/about. map */
        width:500px; height:400px;
        margin:10px auto;
    }
.l_sp{ display: none !important; }
.l_pc{display: block !important;}
.ec-blockBtn--cancel,.ec-blockBtn--action{font-size:18px;}
.footer_guiderole{
        padding:60px 0;
}
.ec-categoryRole {/*
    margin-top:10px;*/
}
.ec-footerRole{    margin-top: 0;}
.checkitem img{width:140px;}
.ec-newItemRole .ec-newItemRole__listItem,.checkitem{width:calc(100% / 5);}
.ec-headerTitle .ec-headerTitle__title a{margin-bottom:0px;}
/* footer guide block */
.footer_guide{/*float*/
    height:350px;width:calc(100% / 4);float:left;
    padding:10px 20px 10px 10px;position:relative;
    border-right:1px dotted #9b9b9b;margin-bottom:10px;}
.footer_guide:last-child{padding-right:10px;border:none;}
.footer_guide:fast-child{padding-left:10px;}
.footer_wrap{border:1px solid #9b9b9b;}
.footer_details{position:absolute;bottom:20px;
left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}

.ec-layoutRole__contentBottom{margin-top:100px;}
.top_guide table td{border-top:none;}
.top_guide table{font-weight:bold;}
.top_guide{margin-left: 8.3333%;}
#daibiki+p,#daibiki+p+p{margin-bottom:20px;}
/*  tradelaw_01"*/
dd.tradelaw_01{width:30%;}
/*　商品詳細ページ　*/
.product_page .slick-track{width:403px;}
.product_page .slide-item{width:403px;}
.product_page .slide-item img{width:403px;}
}/* 画面サイズ768px以上に */

@media only screen and (max-width: 1065px){ 
    .footer_guide{height:400px;margin-bottom:40px;}
}
@media only screen and (max-width: 767px){ /* 画面サイズ680px以下 sp */

.sp{ display: block !important;  }
.pc{display: none !important; }

.footer_details{width:80%;}
.ec-categoryRole{padding-bottom:20px;}
.ec-blockBtn--action{font-size:0.9em;}
.ec-layoutRole__contentBottom{margin-top:40px;}

.ec-categoryRole__listItem{/*下カテゴリ*/
    width:calc( 100%/2 - 6px)!important;}
.ec-categoryRole__listItem:nth-child(odd){
    margin-right: 3px;
}
.ec-pageHeader h1{font-size:24px;}
.l_sp{ display: block !important;  }
.l_pc{display: none !important; }
.ec-productRole__btn{font-size:12px;}
.footer_guide{padding:30px 10px; height:auto; border-bottom:1px dotted #CCCCCC;}
.guide_cancel{border-bottom:none;}
.guide_payment{padding-top:10px;}
.footer_guide h3{line-height:36px; background-color:#F8F8F8;}
.ec-footerRole{margin:0;}
.footer_details{margin:0 auto;}
.footer_guide_header{border-top:2px dashed #CCCCCC;}

/*　guide_page table*/
.top_guide table{margin-left:auto;margin-right: auto;}
.top_guide  th{border-top:none;border-right:none;}

.guide_table03{height:auto;width:285px;}
.guide_table04 th{width:140px;}
.guide_table04 th,.guide_table04 td,.guide_table05 th,.guide_table05 td{height:80px;}
.guide_table05 th{width:140px; font-size:14px;}
.guide_table04 th:nth-child(2),.guide_table05 th{line-height:20px;}
.top_guide table tr {display: block; float: left;}
.top_guide table tr td,.top_guide table tr th {
    display: block; min-height: 60px;}
.top_guide table thead {display: block;float: left;}
.top_guide table thead tr {width: 100%;}
.top_guide table tbody {display: block;float: left;}

/*　特定商取引法　page*/
label.ec-label:before {content: "[" ;}
label.ec-label:after {content: "]" ;}
}/*画面サイズ768px以下*/
/* ---------------求人 table------------------ */
 
.recruit_img{width:750px;height:240px;margin:5px auto; }
#recruit table {
  margin: 20px 0;width:100%;
}
#recruit table.jimu{margin:20px 0!important;width:100%;}
.tbl-r02 th {
  background: #ffffe0;
  border: solid 1px #cccccc;
  color: #3d3d3d;;
  padding: 10px;
    width:25%;
}
.tbl-r02 td {
 border: solid 1px #cccccc;
 padding: 10px;
 width:75%;
 text-align: left;
}
div#maps2{ /* help/about. map */
        width:450px; height:360px;
        margin:20px auto;
    }
    #pc#topimg{
        margin: 0 auto;   }
 
@media screen and (max-width: 767px) {
    .recruit_img{width:100%;height:auto;margin:5px auto; }
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
    div#maps2{ /* help/about. map */
        width:370px;height:280px;
        margin:20px auto;
    }       
    #sp#topimg{
       width:100%; height: auto;
    }
}