@charset "utf-8";

/*==================================================
	Base Layout
	Header Area
	Global Navigation
	Main Visual
	Contents Area
	Main Area
	Aside Area
	Footer Area
==================================================*/


/*--------------------------------------------------
	Base Layout
--------------------------------------------------*/

/*--------------------------------------------------
	Header Area
--------------------------------------------------*/
#header .newsitelogo {
margin: 25px 0px 20px 0 !important;
}
#header .tab_brand_{
width: 453px;
/*width: 455px;*/
margin: 15px 0 0 0;
float: right;
}
#header .tab_brand_ li{
margin: 0 0 0 27px;
text-align: center;
font-size: 11px;
}
#header .tab_brand_ li .ico{
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
#header .tab_brand_ li .ico + p{
margin-top: 3px;
white-space: nowrap;
}
#header .tab_brand_ li.logout .ico + p{
margin-left:-4px ;
}
#header .tab_brand_ li:nth-child(1) {
/*width: 44px;*/
width: 55px;
}
#header .tab_brand_ li:nth-child(1) .ico img{
width: 27px;
}
#header .tab_brand_ li:nth-child(2) .ico img{
width: 38px;
}
#header .tab_brand_ li:nth-child(3) .ico img{
width: 37px;
}
#header .tab_brand_ li img{
display: inline-block;
}
#header .tab_brand_ li:last-child{
padding: 10px 0 0 0;
font-size: 14px;
}
#header .tab_brand_ li:last-child p{
text-align: right;
}
#header .tab_brand_ li:last-child img{
margin-bottom: 10px;
}
#header .tab_brand_ .cart{
position: relative;
}
#header .tab_brand_ .cart .badge{
width: 19px;
height: 19px;
border-radius: 50%;
position: absolute;
top: -5px;
right: -8px;
background: #666666;
color: #fff;
text-align: center;
line-height: 19px;
}
#header .user_name_ {
position: relative;
top: auto; 
left: auto;
background: none;
width: auto;
height: auto;
text-align: center;
line-height: auto;
border-right: none;
font-weight: bold;
}
#header .price_postage {
font-size: 11px;
font-weight: bold;
color: #ad0052;
line-height: 1em;
margin-bottom: 10px;
}
#header .price_postage span {
font-size: 12px;
}

.navitopicpath_{
margin-bottom: 16px;
}
/*--------------------------------------------------
	Global Navigation
--------------------------------------------------*/
.header_category{
position:relative;
list-style-type:none;
width:961px;
height:50px;
padding:0;
}

ul.header_category{
margin-bottom:0;
}

.header_category li{
float:left;
margin:0;
padding:0;
text-align:center;
}

.header_category li a{
display:block;
margin:0;
color:#fff;
font-size:11px;
font-weight:bold;
line-height:1;
text-decoration:none;
}

.header_category li ul{
list-style:none;
z-index:2;
position: relative;
}
.header_category > ul > li > div{
position:absolute;
background: #f0f0f0;
top: 50px;
left: 50%;
width: calc( 100vw - 17px );
margin-left: calc( -50vw + 8.5px );
display: block;
padding:0;
box-sizing: border-box;
z-index: 1;
}
@media screen and (max-width: 980px)  {
.header_category > ul > li > div{
width: 980px;
margin-left: -490px;
}
}
.header_category > ul > li > div >ul{
width: 980px;
margin: 0 auto;
}
.header_category li ul li{
overflow:hidden;
height:0;
color:#fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
position: relative;
}
.header_category li ul li.empt{
width: 326px;
height: 60px;
}
.header_category li ul li a{
margin:0;
text-align:left;
font-size:16px;
font-weight:normal;
color: #fff;
width: 326px;
height: 60px;
margin: 0 1px 1px 0;
position: relative;
padding: 22px 0 0 75px;
box-sizing: border-box;
}
.header_category li ul.gnav_01 li a,
.header_category li ul.gnav_01 li.empt{
background:#b6025d; 
}
.header_category li ul.gnav_02 li a,
.header_category li ul.gnav_02 li.empt{
background:#020202; 
}
.header_category li ul.gnav_03 li a,
.header_category li ul.gnav_03 li.empt{
background:#04367b; 
}
.header_category li ul li img{
position: absolute;
top:0;
left: 0;
z-index: 1;
}
.header_category li ul li:nth-child(3n) a{
margin: 0 0 1px 0;
}
.header_category li:hover ul li{
height:auto;
}
.header_category li:hover > div {
padding: 5px 0 30px;
}
.header_category li ul li:hover img,
.header_category li ul li:hover a{
cursor:pointer;
filter:alpha(opacity=60) ;
-ms-filter:"alpha(opacity=60)" ;
-khtml-opacity:0.6 ;
opacity:0.6 ;
zoom:1;
}
/*--------------------------------------------------
	Main Visual
--------------------------------------------------*/

/*--------------------------------------------------
	Contents Area
--------------------------------------------------*/
div.container_.products_detail{
margin-bottom: 30px;
}
div.container_.products_detail div.contents_ div.mainframe_,
div.container_.products_detail div.contents_ div.mainframe_ .event_ .goods_{
width: 980px;
}
div.container_.products_detail div.contents_ div.mainframe_ .bnr_area{
margin-bottom: 30px;   
}
.products_detail div.goodsimg_ {
width: 470px;
}

.products_detail div.goodsimg_ .img_L_ {
margin-bottom: 20px;
}

.products_detail div.goodsimg_ .img_L_ img,
.products_detail div.etc_goodsimg_item_ img {
width: 100%;
}

.products_detail div.goodsspec_,
.products_detail div.etc_goodsimg_line_,
.products_detail .link_detail_ {
width: 470px;
}

.products_detail div.etc_goodsimg_line_ {
margin-bottom: 20px;
}

.products_detail div.etc_goodsimg_item_ {
width: 86px;
}

.products_detail div.etc_goodsimg_line_ > div:nth-child(5n) {
margin-right: 0;
}

.products_detail .link_detail_ li {
float: right;
}

.products_detail .link_detail_ li a {
background: #e6e6e6;
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
font-size: 14px;
font-weight: bold;
border-radius: 4px;
}

.products_detail .btn_img_360.link_detail_ li a {
color: #1a1a1a;
}

.products_detail .link_detail_ li a:hover {
text-decoration: none;
opacity: 0.9;
}

.products_detail div.goodsimg_ .top_comment_ {
font-size: 16px;
line-height: 30px;
margin-top: 42px;
font-family: initial;
}

.products_detail .goodsspec_inner_ {
font-size: 0;
padding: 0;
border: none;
margin-bottom: 30px;
}

.products_detail div.goodsspec_ .icon_area {
margin-bottom: 33px;
}

.products_detail div.goodsspec_ .icon_area li {
width: 50px;
display: inline-block;
margin-right: 10px;
}

.products_detail div.goodsspec_ .icon_area > li:last-child {
margin-right: 0px;
}

.products_detail h1.goods_name_ {
font-size: 20px;
/*margin-bottom: 33px;*/
}

.products_detail .price_box_ .list_price_ ,
.products_detail p {
font-size: 14px;
font-family: initial;
}
#spec_goods_comment p{
font-size: 12px;   
}
.products_detail div.goodsspec_ .price_box_ {
height: 70px;
padding: 21px 14px;
box-sizing: border-box;
margin-bottom: 30px;
}

.products_detail div.goodsspec_ .price_box_ .price_ strong {
font-size: 16px;
}

.products_detail div.goodsspec_ .price_box_ .price_ {
font-size: 16px;
}

.products_detail div.goodsspec_ table.goodsspec_ {
font-size: 12px;
margin-bottom: 30px;
}

.products_detail div.goodsspec_ table.goodsspec_ th {
width: 116px;
box-sizing: border-box;
}

.products_detail div.goodsspec_ table.goodsspec_ th,
.products_detail div.goodsspec_ table.goodsspec_ td {
padding: 7px 8px 5.5px;
}

.products_detail div.goodsspec_ table.goodsspec_ #spec_goods {
width: 130px;
box-sizing: border-box;
}

.products_detail div.cartbox_ div.colors_ {
margin-bottom: 30px;
padding: 34px 10px 10px 10px;
}

.products_detail div.cartbox_ div.sizes_ {
margin-bottom: 30px;
padding: 34px 10px 10px 10px;
}

.products_detail div.cartbox_ div.sizes_ div.size_ {
margin: 0px 7px 10px 7px;
}

.products_detail div.cartbox_ div.sizes_ div.size_:first-child {
margin: 0px 7px 10px 5px;
}

.products_detail .cartbox_ p.note_ {
text-align: center;
margin-top: 8px;
font-size: 14px;
}

.products_detail .option_box_ {
width: 470px;
border: 6px solid #f9f9f9;
padding: 0 15px 15px;
box-sizing: border-box;
margin-bottom: 30px;
background: none;
}

.products_detail .option_box_ h2 {
width: 304px;
margin: -6px 0 0 -21px;
}

.products_detail .option_box_ ul {
padding: 10px 0;
}

.products_detail .option_box_ ul li span.option_price_ {
right: auto;
}

.products_detail .cart_wrap_ {
border: none;
padding: 0;
}

.products_detail .cart_wrap_ .quantity_box_ {
margin-bottom: 32px;
}

.products_detail .cart_wrap_ .quantity_box_ P {
background: none;
float: left;
padding-left: 0;
font-size: 14px;
margin-right: 15px;
margin-top: 8px;
font-weight: bold;
}

.products_detail .cart_wrap_ .quantity_box_ P.stock.none {
color: #cc0000;
}

.products_detail .cart_wrap_ .quantity_box_:after {
content: " ";
clear: both;
height: 0;
opacity: 0;
line-height: 0;
display: block;
}

.products_detail .cart_wrap_ .quantity_box_ ul {
float: left;
margin-right: 48px;
}

.products_detail .cart_wrap_ .quantity_box_ li {
float: left;
height: 30px;
box-sizing: border-box;
}

.products_detail .cart_wrap_ .quantity_box_ .qt {
width: 64px;
font-size: 24px;
color: #b5005b;
text-align: center;
line-height: 30px;
font-weight: bold;
}

.products_detail .cart_wrap_ .quantity_box_ .qt-minus,
.products_detail .cart_wrap_ .quantity_box_ .qt-plus {
width: 40px;
border: #e6e6e6 solid 1px;
font-size: 18px;
line-height: 30px;
color: #191919;
text-align: center;
cursor: pointer;
}

.products_detail .cart_wrap_ .btn_cart_l_ {
background: url(../img/sys/hakui/button/cart.jpg) 0 0 no-repeat;
width: 470px;
height: 60px;
cursor: pointer;
border: none;
/*display: block !important;*/
}

.products_detail div.cartbox_ div.colors_ div.color2_ {
margin: 2px 7px 10px;
}

.products_detail .cart_wrap_ .cart_box_ {
border: none;
padding: 0;
margin-bottom: 30px;
}

.products_detail .cart_wrap_ .contactgoods_ {
margin-bottom: 20px;
}

.products_detail .cart_wrap_ .contactgoods_ a img {
width: 100%;
}

.products_detail .cart_wrap_ .sns_btn_ {
margin-top: 30px;
}

/*------------------------商品説明----------------------------*/

.products_detail div.goodscomment1_ {
background: none;
border-bottom: none;
}

.products_detail div.goodscomment1_ h2 {
width: 980px;
height: 46px;
font-size: 14px;
background: none;
position: relative;
color: #191919;
padding: 15px 20px;
text-indent: 0;
font-weight: bold;

}

.products_detail div.goodscomment1_ h2:before {
content: "";
background: #b5005b;
width: 20px;
height: 4px;
display: block;
position: absolute;
top: -4px;
left: 0;
}

.products_detail div.goodscomment1_ div.body_ {
padding: 0;
}

.products_detail #goods_detail_hed_description .product-discription {
width: 980px;
position: relative;
}

.products_detail #goods_detail_hed_description .product-discription:before {
content: "";
position: absolute;
top: 50px;
left: 0;
width: 980px;
border-bottom: 3px solid #000;
}

.products_detail #goods_detail_hed_description .product-discription:after {
content: " ";
clear: both;
height: 0;
opacity: 0;
line-height: 0;
display: block;
}

.products_detail .product-discription .tabWrap {
float: left;
}

.products_detail .product-discription .tabTitle {
height: 50px;
padding: 18px 30px;
background: #ced5de;
border-radius: 5px 5px 0 0;
border: 1px dotted #cdced0;
color: #092e5c;
box-sizing: border-box;
float: left;
margin-right: 2px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}

.products_detail .product-discription .tabWrap .tabBody {
position: absolute;
top: 50px;
left: 0;
width: 980px;
display: none;
padding: 40px 0;
}

.products_detail .product-discription .tabWrap .tabBody * {
box-sizing: border-box;
}

.products_detail .product-discription .tabWrap.active .tabTitle {
background: #092e5c;
color: #fff;
border: 1px dotted #000;
}

.products_detail .product-discription .tabWrap.active .tabBody {
display: block;
}

.products_detail .product-discription .tabWrap .layout-pd-double {
margin-bottom: 40px;
}

.products_detail .product-discription .tabWrap .layout-pd-double {
display: table;
margin-right: 0;
}

.products_detail .product-discription .tabWrap .layout-pd-double .block {
width: auto;
float: none;
margin: 0;
display: table-cell;
vertical-align: top;
padding-right: 20px;
font-size: 14px;
line-height: 30px;
}

.products_detail .product-discription .tabWrap .block .image {
text-align: center;
}

.products_detail .product-discription .tabWrap .layout-pd-double .block .image {
width: 290px;
}

.products_detail .product-discription .tabWrap .layout-pd-triple {
margin-right: 0;
}

.products_detail .product-discription .tabWrap .layout-pd-triple .block {
width: 33.3%;
margin-right: 0;
}

.products_detail .product-discription .tabWrap .layout-pd-triple .block:nth-child(3n-2) {
padding: 0 20px 0 0;
}

.products_detail .product-discription .tabWrap .layout-pd-triple .block:nth-child(3n-1) {
padding: 0 10px;
}

.products_detail .product-discription .tabWrap .layout-pd-triple .block:nth-child(3n) {
padding: 0 0 0 20px;
}



.products_detail div.goodscomment2_ {
background: none;
border: 6px solid #f9f9f9;
}

.products_detail div.goodscomment2_ h2.hed_goods_detail_hed_spec_ {
margin: -6px 0 0 -6px;
width: 724px;
}

.products_detail h2.hed_userriview_ {
width: 980px;
position: relative;
border-top: 1px solid #fff;
background-color: #fafafa;

}

.products_detail h2.hed_userriview_:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 980px;
border-top: 1px solid #d8d8d8;
}



/*------------------------関連商品----------------------------*/

.products_detail div.review_wrapper_ {
margin-bottom: 73px;
}

.products_detail div.StyleT_Line_ {
width: 980px;
}

.products_detail div.StyleT_Line_ div.StyleT_Item_ {
margin: 0 92px 0 0;
}

.products_detail div.StyleT_Line_ div.StyleT_Item_:nth-child(5n) {
margin: 0 0 0 0;
}

.products_detail .btn_more {
background: #e6e6e6;
width: 200px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
font-size: 14px;
font-weight: bold;
border-radius: 10px;
cursor: pointer;
margin: 40px auto 60px;
display: block;
}

.products_detail .btn_more:hover {
text-decoration: none;
opacity: 0.9;
}

/*------------------------履歴----------------------------*/

.products_detail #maincontents_itemhistory {
margin-bottom: 0;
}

.products_detail #itemHistory {
width: 980px;
box-sizing: border-box;
}

.products_detail #itemHistoryDetail div.StyleT_Frame_ {
box-sizing: border-box;
padding: 20px 0;
margin: 0;
}

.products_detail #itemHistoryDetail div.StyleT_Line_ {
width: auto;
margin: 0;
padding: 0;
overflow: visible;
}

.products_detail #itemHistoryDetail div.StyleT_Item_ {
margin: 0 40px 0 0;
}

.products_detail .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.products_detail .slick-list {
width: 800px;
margin: 0 90px;
overflow: hidden;
}

.products_detail .slick-prev,
.products_detail .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 34px;
height: 80px;
padding: 0;
margin-top: -40px;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.products_detail .slick-prev {
background: url(../img/usr/common/slider_btn.png);
left: 30px;
}

.products_detail .slick-next {
background: url(../img/usr/common/slider_btn.png);
right: 30px;
transform: scale(-1, 1);
}

/*--------------------------------------------------
	その他
--------------------------------------------------*/

.products_detail .mainframe_ .btn_pagetop_ {
width: 980px;
margin: 30px 0;
}

/*----------------------------------------------------*/

.products_detail .zoomWindowContainer div {
top: -20px !important;
border: none !important;
box-shadow: 0 2px 10px #d7d7d7;
}

/*----------------------------------------------------*/

.products_detail #modal_box {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 100;
width: 600px;
margin: 0 auto;
padding: 15px;
background: #fff;
border: 5px solid #96aaaa;
}

.products_detail #main_img {
display: block;
width: 600px;
height: 600px;
background: url("/shared/images/lightbox-ico-loading.gif") no-repeat 50% 50%;
}

.products_detail #img_list {
margin: 10px 0;
text-align: center;
}

.products_detail #img_list .modalsubimg {
display: table;
}

.products_detail #img_list .modalsubimg div.etc_goodsimg_item_ {
display: table-cell;
padding: 0 5px;
cursor: pointer;
width: 120px;
box-sizing: border-box;
margin: 0;
}

.products_detail #modal_box .notice {
margin: 10px 0;
text-align: center;
}

.products_detail #modal_box .close {
text-align: right;
}

.products_detail #modal_box .close a {
cursor: pointer;
}

.products_detail #color-overlay,
.products_detail #support-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
background: #000;
opacity: 0.8;
}
/*--------------------------------------------------
	Footer Area
--------------------------------------------------*/
