@charset "UTF-8";

/*ボタン*/
.btn_act01{background: #062c87; text-align: center; text-decoration: none; font-size: 85%; width: 50%; margin: 30px auto;}
.btn_act01 a{color: #FFF; display: block; height: 30px; line-height: 30px; padding: 0 10px; text-decoration: none; border: double;}
.btn_act01:hover{background:#fff;}
.btn_act01 a:hover{color:#062c87;}
.btn_cart01 { height:50px; width:90%; line-height:50px; font-size: 129%; background:url(../img/common/ico_cart01.png) no-repeat left,#062c87; 
background-position:10% 50%; background-size:27px 27px; text-indent:1em; margin-bottom:20px; display:block; text-decoration:none; color:#FFF;  }
.btn_cart01:hover { background-image:url(../img/common/ico_cart01.png) no-repeat left; background-color:#4378F6; 
background-position:10% 50%; background-size:27px 27px; color:#FFF;  }

input.btn_cart01{ padding:0 50px; color:#FFF; cursor:pointer; border:none; }

/*フォーム*/
.btn_onlineform01 { height: 50px;line-height: 40px; font-size: 115%; width: 90%; margin-bottom: 10px; letter-spacing: 0.1em; 
background:url(../img/common/ico_mail02.png) no-repeat left,#aaa;
background-position:10% 50%;
background-size:24px 24px;
text-indent:1em; 
}
input.btn_onlineform01:hover{background:url(../img/common/ico_mail02.png) no-repeat left,#919191; background-position:10% 50%; background-size:24px 24px;}
.btn_onlineback01 { height:40px; line-height:40px; font-size: 115%; width:90%; margin-bottom:10px; letter-spacing:0.1em; background: #000;}
.btn_onlineform01 a{ display:block; text-decoration:none; color:#FFF; padding:0 30px; }
input.btn_onlineform01
,input.btn_onlineback01{ padding:0 20px; color:#FFF; cursor:pointer; border:none; }


.product_combk01{background:#70B078; color:#fff; padding:5px 0;}
.product_combk02{background:#709fb0; color:#FFF; padding:5px 0;}
.product_combk03{background:#ed828f; color:#FFF; padding:5px 0;}
.product_combk04{background:#eb9d5e; color:#FFF; padding:5px 0;}
.product_combk05{background:#726a95; color:#FFF; padding:5px 0;}

/*コンテンツ*/
.infobox01{ margin-bottom:40px; border: 1px dashed #062c87; padding:20px;}
/*.infobox01 .infobox01Txt{ border-bottom: double 1px #efefef; margin-bottom:1px; padding:20px;}*/

@media only screen and (min-width: 735px){
.product_com{ min-height:23px;padding:5px; font-size:14px;text-align:center;}

.tit_catmain{ width:100%; height:280px; overflow:hidden; position:relative; }
.tit_catmain img{ width:100%; height:auto; z-index:0;}
.tit_catmain h3{ position:absolute; top:38%; right:0; color:#000;
font-size: 24px;
    font-family: Century Gothic,Hiragino Kaku Gothic Pro,sans-serif;
    letter-spacing: 0.2em;
    margin: 0;
    text-align: right;
	background-color: rgba(255,255,255,0.8); padding:20px;
	width:auto;
}

.tit_catmain h3:before {
	border: none !important;
}
.cat_catch01{ text-align:center; font-weight:bold; font-size:120%; margin:10px;}
.cat_desc01{ text-align:center;}
.online_photo{ position:relative;}
.soldoutimg{ position:absolute; top:0; }
}
@media only screen and (max-width: 959px) {
.product_com{ margin-bottom:5px;padding:5px; font-size:14px;text-align:center;}

.tit_catmain{ width:100%; height:100px; overflow:hidden; position:relative; }
.tit_catmain img{ width:100%; height:auto; z-index:0;}
.tit_catmain h3{ position:absolute; top:35%; color:#000;
font-size: 16px;
    font-family: Century Gothic,Hiragino Kaku Gothic Pro,sans-serif;
    letter-spacing: 0.2em;
    margin: 0;
    text-align: center;
	background-color: rgba(255,255,255,0.8); padding:5px;
	width:100%;
}

.tit_catmain h3:before {
	border: none !important;
}
.cat_catch01{ text-align:center; font-weight:bold; font-size:120%; margin:10px;}
.cat_desc01{ text-align:center; border-bottom:solid 1px #CCC; padding-bottom:10px;}
.online_photo{ position:relative;}
.soldoutimg{ position:absolute; top:0; }
}


@media only screen and (min-width: 735px){
/*----------------------------------------------------------------- 
PC
----------------------------------------------------------------- */
/*メニュー*/
div#menu_sub{ height:40px; line-height:40px; width:100%; position: relative; background: #062c87;}
.dropmenu{*zoom: 1; list-style-type: none; width: 1000px; margin: 5px auto 30px; padding: 0;}
.dropmenu:before, .dropmenu:after{content: ""; display: table;}
.dropmenu:after{clear: both;}
.dropmenu li{/*position: relative;*/ width: 25%; float: left; margin: 0; padding: 0; text-align: center; z-index:99 !important; position:relative;}
.dropmenu li span{display: block; margin: 0; padding: 15px 0 11px; background: #062c87; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; cursor:pointer;}
.dropmenu li a{display: block; margin: 0; padding: 15px 0 11px; background: #062c87; color: #fff; font-size: 14px; line-height: 1; text-decoration: none;}
.dropmenu li ul{list-style: none;   /*position: absolute;*/ top: 100%; left: 0; margin: 0; padding: 0;}
.dropmenu li ul li{width: 100%;}
.dropmenu li ul li a{padding: 13px 15px; border-top: 1px solid #ececec; background: #ececec; color:#062c87; text-align: left;}
.dropmenu li ul li a:hover{background: #ccc; color:#062c87;}
/*.dropmenu li:hover > span{background: #6e7c0c;}
*/.dropmenu li span:hover{background: #ccc; color:#062c87;}
/*.dropmenu li:hover > a{background: #6e7c0c;}
*/.dropmenu li a:hover{background: #ececec;color:#062c87;}
#dropmenu li ul li{overflow: hidden; height: 0; transition: .2s;}
#dropmenu li:hover ul li{overflow: visible; height: 38px;}


/*SEASONPICKUP*/
/*.lineupWrap01{width:1000px; padding-right:-20px; _zoom: 1; overflow: hidden;  }
.lineup01{width:300px; background:#FFF; float:left; margin-right:20px; margin-bottom:20px; display:block; text-decoration:none;}
.lineup01 img{width:300px; height:300px; background:#EDEDED;}
.lineup01 ul{list-style:none; padding:10px; font-size:13px; }
.lineup01 ul li.price{color:#A1905E; font-weight:bold;}
.lineup01 ul li.price span{margin-right: 5px;}
.lineup01 ul li.price span:before{content:"¥";}
.lineup01 ul li.price:after{content:"(税込)"; font-size:90%; }*/

/*商品一覧（カテゴリーごと）*/
.onlineWrap{ width:1020px; margin-right:-20px;     display: inline-block; overflow: hidden;  _overflow: visible; display: block;}
.online_photo{width:320px; height:320px; display:table-cell; vertical-align:middle;background:#EDEDED; layout-grid-line:225px; text-align:center; overflow:hidden;}
.online_photo img{ max-width:320px; max-height: 320px; vertical-align:middle;}
.lineup02{width:320px; margin-right:20px; background:#FFF; float:left; margin-bottom:20px; display:block; text-decoration:none;}
.lineup02 a:hover{text-decoration:none;}
/*.lineup02 img{width:225px; margin-right:20px; }*/

.lineup02 ul{list-style:none; padding:10px; font-size:13px; }
.lineup02 ul li.price{color:#A1905E; font-weight:bold;}
.lineup02 ul li.price span{margin-right: 5px;}
.lineup02 ul li.price span:before{content:"¥";}
.lineup02 ul li.price:after{content:"(税込)"; font-size:90%; }
.lineup02 ul li.size{ font-size:12px; color:#777777; border-bottom:solid 2px #666666;}
.lineup02 ul li.description{ font-size:12px; color:#777777;}
/*----------------------------------------------------------------- 
PRODUCT　商品詳細
----------------------------------------------------------------- */
.productpicItem{ width:450px; float:left; }
.productpicWrap{ margin-right:-10px;}
.productpicWrap ul.productpic{margin-top:10px;}

.bx-viewport{ /*display:table-cell; vertical-align:middle;*/}
.bxslider img{ max-width:450px; max-height:450px; margin:0 auto;  }
#bx-pager a{ display:block; float:left; margin-right:10px; margin-bottom:10px;}
#bx-pager img{ max-width:82px; max-height:82px;}
#bx-pager a:hover,
#bx-pager a.active {-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}

.productlistWrap{ /*background:#FFF;float: left;*/ margin-bottom: 5px;}
.productlistWrap ul.productList{/*padding:20px;*/}
.productlistWrap .productList li{ padding:20px 0; border-bottom: 1px solid #ececec; -webkit-box-shadow: 0 1px 0 #FFF;-moz-box-shadow: 0 1px 0 #FFF;box-shadow: 0 1px 0 #FFF;padding: 15px 0; min-height:25px;}
.productlistWrap .productList li span.txt01{color:#403022; width: 20%; float: left; display:block; font-weight:bold; }
.productlistWrap .productList li span.price_tit {color:#403022; width: 20%; height:60px; float: left; display:block; line-height: 40px; font-weight:bold; }
.productlistWrap .productList li span.txt02{color:#403022; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text {color:#403022; font-weight: bold; font-size: 250%; line-height: 40px; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text:after{content:"円（税込）"; font-size:50%;}
.soldout{ font-weight:bold; color:#FFF; background:#ccc; padding:5px; display: block; margin-bottom: 25px; width: 25%; text-align: center; line-height: 2em;}
.soldout span{font-size:140%; font-weight:bold; }

.actText{margin-bottom:10px;}
.actText a{color:#403022; text-decoration:none; font-size:80%; }
.actText a:hover{color:#9E6138; text-decoration:underline;}
/*特別金額*/
.specialprice_txt{ font-size:18px; color:#DD2A2D; font-weight:bold;}
.specialcolor{ color:#DD2A2D !important;}
.specialcolor select{ color:#DD2A2D !important;}




}
@media only screen and (max-width: 959px) {
/*ボタン*/	
.btn_cart01 { margin:0 auto;}
.sd-content{ margin:0 auto; text-align:center;}
.btn_act01{width:90%;}

/*----------------------------------------------------------------- 
SP
----------------------------------------------------------------- */
/*メニュー*/
div#menu_sub{width:100%; background: #062c87; margin-bottom:50px;}
.dropmenu{list-style-type: none; width:100%; margin: 5px auto 30px; padding: 0;}
.dropmenu li{width:100%; margin: 0; padding: 0; text-align: center;}
.dropmenu li span{display: block; margin: 0; padding: 15px 0 11px; background: #062c87; color: #fff; font-size: 14px; line-height: 1; text-decoration: none;}
.dropmenu li a{display: block; margin: 0; padding: 15px 0 11px; background: #062c87; color: #fff; font-size: 14px; line-height: 1; text-decoration: none;}
.dropmenu li ul{list-style-type: none; margin: 0; padding: 0;}
.dropmenu li ul li{width: 100%;}
.dropmenu li ul li a{padding: 13px 15px; border-top: 1px solid #FFF; background: #ececec; text-align: left;color:#062c87;}
/*SEASONPICKUP*/
/*.lineupWrap01{width:96%; }
.lineup01{width:96%; border-top:dashed 1px #EBE1D9; float:left; padding:2%; text-decoration:none; display:block; }
.lineup01 img{ float:left; margin-right:10px; max-width:100px; }
.lineup01 ul{list-style:none; font-size:95%; width:90%;}
.lineup01 ul li.price{color:#A1905E; font-weight:bold;}
.lineup01 ul li.price span{margin-right: 5px;}
.lineup01 ul li.price span:before{content:"¥";}
.lineup01 ul li.price:after{content:"(税込)"; font-size:80%;}*/
/*商品一覧（カテゴリーごと）*/
.onlineWrap{ display: inline-block; overflow: hidden;  _overflow: visible; display: block;}
.online_photo{width:100px; height:100px; display:table-cell; vertical-align:middle;background:#EDEDED; layout-grid-line:100px; text-align:center; float:left; margin-right:20px;}
.online_photo img{ max-width:100%; max-height: 100px; vertical-align:middle;}

.lineup02{width:96%; border-top:dashed 1px #CCC; float:left; padding:2%; text-decoration:none; display:block; }
.lineup02 img{ width:auto !important; padding:0;}
.lineup02 a:hover{text-decoration:none;}
/*.lineup02 img{ float:left; margin-right:10px; max-width:100px; }*/
.lineup02 ul{list-style:none; font-size:95%; width:90%; margin:10px 0;}
.lineup02 ul li.price{color:#A1905E; font-weight:bold;}
.lineup02 ul li.price span{margin-right: 5px;}
.lineup02 ul li.price span:before{content:"¥";}
.lineup02 ul li.price:after{content:"(税込)"; font-size:80%;}
.lineup02 ul li.size{ font-size:12px; color:#777777;}
.lineup02 ul li.description{ font-size:12px; color:#777777; display:inline-flex;}


/*----------------------------------------------------------------- 
PRODUCT　商品詳細
----------------------------------------------------------------- */
.productpicItem{ width:100%; }
.productpicWrap{ margin-right:-10px;}
.productpicWrap ul.productpic{margin-top:10px; width:100%;}
.bx-wrapper{margin-bottom:10px;}
.bxslider img{ max-width:100%; max-height:300px; margin:0 auto;  }
#bx-pager{ margin:0 auto; text-align:center; !important}
#bx-pager a{ /*float:left; */ text-align:center; margin-right:10px; margin-bottom:10px;}
#bx-pager img{max-width:52px; max-height:52px;}
#bx-pager a:hover,
#bx-pager a.active {-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}

.productlistWrap{ width:100%; /*margin-bottom: 40px;*/}
.productlistWrap ul.productList{/*padding:20px;*/}
.productlistWrap .productList li{ border-bottom: 1px solid #ececec; -webkit-box-shadow: 0 1px 0 #FFF;-moz-box-shadow: 0 1px 0 #FFF;box-shadow: 0 1px 0 #FFF;padding: 15px 0; min-height:15px;}
.productlistWrap .productList li span.txt01{color:#403022; width: 20%; float: left; display:block; font-weight: bold; }
.productlistWrap .productList li span.price_tit {color:#403022; width: 20%; height:60px; float: left; display:block; line-height: 40px; font-weight:bold; }
.productlistWrap .productList li span.txt02{color:#403022; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text {/*color:#403022; */font-weight: bold; font-size: 250%; line-height: 40px; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text:after{content:"円（税込）"; font-size:50%;}
.soldout{ font-weight:bold; color:#FFF; background:#ccc; padding:10px; width: 70%;
display: block;
text-align: center; clear: both; margin: 0 auto;}
.soldout span{font-size:140%; font-weight:bold; }

.actText{margin-bottom:10px; float:right;}
.actText a{color:#403022; font-size:80%;  text-decoration:underline;}

/*特別金額*/
.specialprice_txt{ font-size:18px; color:#DD2A2D; font-weight:bold;}
.specialcolor{ color:#DD2A2D !important;}
.specialcolor select{ color:#DD2A2D !important;}


}