html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
-webkit-text-size-adjust: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted inherit;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0; 
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

small {
font-size: 12px;
}

input, select {
vertical-align:middle;
margin:0px;
}

/* 共通 */

body {
color: #282828;
background: #fff;
font-size: 16px;
line-height: 1.5em;
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans Japanese", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body#c20 {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans JP", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;
}

#top {
background: #fff;
}

input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
textarea,
select {
border:1px solid #959595;
min-height:20px;
max-width:90%;
}

textarea {
font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1em;
padding: 1px;
border:1px solid #959595;
border-radius:5px
}

input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=email],
input[type=password] {
height:1.0em;
padding:0.6em;
margin:5px 0;
border:1px solid #c8c8c8;
border-radius:5px
}


input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus {
border:solid 1px #EEA34A;
}

/* ラジオボタンデザイン */
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
width: 28px;
height: 28px;
background-color: #fff;
box-shadow: none;
border-radius: 50%;
position: relative;
margin-bottom: 3px;
margin-right: 7px;
border: 1px solid #d2d8d6;
outline: none;
}
/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
position: absolute;
left: 50%;
top: 50%;
display: block;
margin: -8px 0 0 -8px;
border-radius: 50%;
content: "";
width: 16px;
height: 16px;
background: -webkit-gradient( linear, left top, left bottom, from(#007AFC), to(#007aff) );
}

select {
font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-radius:5px;
height: 28px;
line-height: 28px;
}

a, a:link, a:visited {
text-decoration: underline;
color: #00377F;
}

img {
max-width: 100%;
vertical-align: top;
}

/* 文字サイズ */
.large_ {
font-size: 16px;
}
.xlarge_ {
font-size: 18px;
}
.small_ {
font-size: 12px;
line-height: 1.5;
}
.xsmall_ {
font-size: 10px;
}
/**/

.leftfloat_ {
float: left;
}
.rightfloat_ {
float: left;
}
.clear_ {
clear: both!important;
}
.lefttext_ {
text-align: left;
}
.righttext_ {
text-align: right;
}
.centertext_ {
text-align: center;
}

/* 特定メッセージ（インライン） */
.error_ {
color:#CC0000;
font-size: 14px;
}
.notice_ {
color:#993300;
}
.info_ {
font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
background-color:#ffffff;
border:solid 1px #ff5500;
padding:4px;
margin:4px 0;
}
div.notice_, table.notice_ {
background-color:#ffffff;
border:solid 1px #996666;
padding:4px;
margin:4px 0;
}
div.info_, table.info_ {
background-color:#ffffff;
border:solid 1px #666666;
padding: 10px;
margin: 10px;
}
.cartlist_ div.info_ {
border: none;
padding: 1em;
border-radius: 4px;
line-height: 1.5;
font-weight: 300;
font-size: 0.85em;
}
ul.error_ {
margin-left: 16px;
}
.box_ {
padding: 0 10px 10px;
}
/**/

.message_ {
padding: 0 10px 10px;
}

/* 入力フォーム */
.hidden_ {
display: none;
}
li.title_ {
background-color: #e5f3ff;
border-left: 5px solid #e5f3ff;
padding: 1px 10px;
margin-top: 3px;
}

.input_must_ input, .input_must_ textarea, .input_must_ select {
background-color: #ffebeb;
}

li.must_ {
border-left: 5px solid #ff6666;
}

span.must_ {
color: #ffc0cb;
background-color: #ffc0cb;
padding: 0 2px;
}

.hiddenEnter_ {
width:0;
height:0;
}

.classrequired {
background: #ffeeee;
}

.classerror {
background: #ffeeee;
}

/**/

.efo_icon_ {
vertical-align:middle;
}

/* ボタン */
.button_ {
color: #fff;
outline: none;
}

.large_button_ {
display: block;
width: 100%;
font-size: 13px;
text-align: center;
margin:5px 0;
padding: 5px 5px;
border-radius: 5px;
box-sizing: border-box;
}
.large_button_s_ {
width: 100%;
font-size: 14px;
text-align: center;
margin:5px 0;
padding: 7px 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*
-moz-box-shadow: 0 1px 2px #999;
-webkit-box-shadow: 0 1px 2px #999;
box-shadow: 0 1px 2px #999;
*/
}

.small_button_ {
font-size: 14px;
text-align: center;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/*
-moz-box-shadow: 0 1px 2px #999;
-webkit-box-shadow: 0 1px 2px #999;
box-shadow: 0 1px 2px #999;
*/
}

.auto_small_button_ {
text-align: center;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.main_action_button_ {
-webkit-appearance: none;
-moz-appearance: none;
border: none;
padding: 10px 5px;
font-weight: bold;
width: 100%;
height: 44px;
border-radius: 22px;
background: #007aff;
box-sizing: border-box;
}
.login_ .main_action_button_ {
margin: 17px 0 15px;
}
.cartbox_ .main_action_button_ {
display: block;
color: #fff;
text-align: center;
text-decoration: none;
padding: 0;
margin: 0;
background: #007aff;
border-radius: 4px;
}
.cartbox_ .main_action_button_ {
height: auto;
padding: 10px 0;
}
.cartbox_ .main_action_button_ span {
/* line-height: 44px; */
display: inline-block;
font-size: 12px;
font-weight: normal;
padding: 0 0 0 35px;
background: url(https://www.hanesbrandsinc.jp/img/usr/sb/icon_cart.svg) left center no-repeat;
background-size: auto 21px;
}

.ajax_wait_button_ {
-moz-text-shadow: 0 -1px 1px #F66 !important;
-webkit-text-shadow: 0 -1px 1px #F66 !important;
text-shadow: 0 -1px 1px #F66 !important;
background: #FF6A00 -moz-linear-gradient(top,#FF9900,#FF6A00) !important;
background: #FF6A00 -webkit-gradient(linear,left top,left bottom,from(#FF9900),to(#FF6A00)) !important;
background: #FF6A00 linear-gradient(top,#FF9900,#FF6A00) !important;
border: 2px solid #FF9900 !important;
}

.sub_action_button_ {
color: #007aff;
font-weight: bold;
height: 40px;
padding: 8px 0px;
border: 1px solid #007aff;
background: transparent;
border-radius: 20px;
background-size: auto 15px;
}
a.sub_action_button_ {
color: #007aff;
text-decoration: none;
}
.sub_action_button_+.soldout_{
display: none;
}
#nostock.sub_action_button_ {
border: none;
padding: 8px 5px;
font-weight: normal;
border-radius: 3px;
background: #263238 -moz-linear-gradient(top,#263238,#263238);
background: #263238 -webkit-gradient(linear,left top,left bottom,from(#263238),to(#263238));
background: #263238 linear-gradient(top,#263238,#263238);
/*
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
*/
}

.option_buttons_ .sub_action_button_ {
display: block;
border: none;
padding: 8px 0;
font-weight: normal;
text-decoration: none;
border-radius: 3px;
background: #ff9800 -moz-linear-gradient(top,#ff9800,#ff9800);
background: #ff9800 -webkit-gradient(linear,left top,left bottom,from(#ff9800),to(#ff9800));
background: #ff9800 linear-gradient(top,#ff9800,#ff9800);
/*
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
*/
}
#c20 .option_buttons_ .sub_action_button_ ,
#c30 .option_buttons_ .sub_action_button_ {
background: #0097a7 -moz-linear-gradient(top,#0097a7,#0097a7);
background: #0097a7 -webkit-gradient(linear,left top,left bottom,from(#0097a7),to(#0097a7));
background: #0097a7 linear-gradient(top,#0097a7,#0097a7);
}

.option_buttons_ .sub_action_button_ span {
color: #fff;
font-size: 16px;
padding: 0 0 0 32px;
background: url(../img/usr/sb/icon_bookmark.png) left center no-repeat;
background-size: auto 16px;
-moz-background-size: auto 16px;
-webkit-background-size: auto 16px;
}

.ajax_wait_sub_button_ {
-moz-text-shadow: 0 -1px 1px #003381 !important;
-webkit-text-shadow: 0 -1px 1px #003381 !important;
text-shadow: 0 -1px 1px #003381 !important;
background: #003381 -moz-linear-gradient(top,#006AB8,#003381) !important;
background: #003381 -webkit-gradient(linear,left top,left bottom,from(#006AB8),to(#003381)) !important;
background: #003381 linear-gradient(top,#006AB8,#003381) !important;
border: 2px solid #006AB8 !important;
}
.goodsdetail_modal_ .frame_ .size_cart_ li .cart_btn_ .sub_action_button_ {
color: #007aff;
font-size: 12px;
font-weight: bold;
height: 40px;
padding: 8px 0px 8px 25px;
border: 1px solid #007aff;
background: transparent;
border-radius: 20px;
background: url(https://www.hanesbrandsinc.jp/img/usr/ico_mail_blue.svg) 6% center no-repeat;
background-size: auto 15px;
}
@media screen and (max-width:320px){
.goodsdetail_modal_ .frame_ .size_cart_ li .cart_btn_ .sub_action_button_ {
background-position: 5%;
background-size: auto 12px;
}
}
/**/
.visuallyhidden {
    display: none;
}
.common_headline1_ {
font-size: 24px;
font-weight: 400;
text-align: center;
margin: 40px 0;
}
.common_headline1_ span.search_relation_keyword{
display: block;
font-size: 12px;
font-weight: normal;
margin: 10px 0 0;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.common_headline2_ {
font-size: 18px;
font-weight: bold;
padding: 0 0 5px;
margin: 0 10px 30px;
border-bottom: 1px solid #989796;
}
#goodsdetail_info .common_headline2_ {
margin: 0 ;
}

.common_headline2_ a {
color: #282828;
}
.accessory_list_ .common_headline2_ {
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 20px 0 0;
margin: 0 20px 10px;
border-bottom: none;
}

.common_headline3_ {
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
.hanes_common_ttl_ {
padding-bottom: 10px;
margin-bottom: 10px;
background: url(../img/usr/hanes_bg_h2.gif) left bottom repeat-x;
}
.hanes_common_ttl_ img {
height: 14px;
}
.champion_common_ttl_ {
padding-top: 10px;
margin-bottom: 10px;
background: url(../img/usr/champion_bg_h2.gif) left top no-repeat;
background-size: 200% 2px;
-moz-background-size: 200% 2px;
-webkit-background-size: 200% 2px;
}
.champion_common_ttl_ img {
height: 14px;
}
.disp_none_ {
display: none;
}
.disp_block_ {
display: block;
}
.txt_linethrough_ {
text-decoration: line-through;
}
.valign_m_ {
vertical-align: middle;
}
.position_relative_ {
position: relative;
}
.fontsize_small_ {
font-size:small;
}
.c10_campaign_banner_ ,
.c20_campaign_banner_ ,
.c30_campaign_banner_ {
display: none;
}
#c10 .c10_campaign_banner_ ,
#c20 .c20_campaign_banner_ ,
#c30 .c30_campaign_banner_ {
display: block;
}
#c20 .category-nav-hide ,
#c30 .category-nav-hide {
display: none;
}
/* 入荷案内申し込み商品 */
div.customer_ ul.backorder_frame_ li.backorder_item_ {
display: -webkit-flex;
display: flex;
margin-bottom: 15px;
border-bottom: 1px dotted #ccc;
padding: 0 10px 15px;
}
div.customer_ ul.backorder_frame_ li.backorder_item_:last-child {
border-bottom: 0;
}
div.customer_ ul.backorder_frame_ li.backorder_item_ .desc_ {
margin-left: 13px;
}
div.customer_ ul.backorder_frame_ li.backorder_item_ .desc_ .name_ {
margin-bottom: 13px;
}
div.customer_ ul.backorder_frame_ div.del_ .sub_action_button_ {
-webkit-appearance:none;
border: 0;
padding: 0;
margin-right: 10px;
background: #bbbbbb;
color: #fff;
width: 100%;
margin-top: 13px;
}

/* --------------------------------------------------------------------
共通ヘッダー
-------------------------------------------------------------------- */

#top div.wrapper_ {
padding-top: 45px;
}
#c10 header ,
#c20 header ,
#c30 header {
padding: 60px 0 0;
}
#top header {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
header .header_top_ {
display: -moz-box;
display: -webkit-box;
display: box;
padding: 11px 5px;
background: #fff;
width: 100%;
height: 54px;
box-sizing: border-box;
border-bottom: 1px solid #E5E5E5;
}
#top header .header_top_ {
background: transparent;
}
#c10 header .header_top_,
#c20 header .header_top_ ,
#c30 header .header_top_ {
position: fixed;
left: 0;
top: 0;
z-index: 10998;
padding: 0;
height: 60px;
min-width: 320px;
}
header .header_top_ #sitelogo {
margin: 0 0 0 0;
-moz-box-flex: 0;
-webkit-box-flex: 0;
box-flex: 0;
padding-top: 5px;
}
header .header_top_ #sitelogo img {
height: 17px;
}
header #inter_btn_ {
text-align: center;
padding: 11px 0 7px;
background: url(../img/usr/sb/mainslider/common/next.png) 97% center no-repeat;
background-size: auto 6px;
-moz-background-size: auto 6px;
-webkit-background-size: auto 6px;
background-color: #000;
}
header #inter_btn_ img {
height: 14px;
}
header .header_top_ nav#globalnav {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
header .header_top_ nav#globalnav a {
}
header .header_top_ nav#globalnav ul {
display: -moz-box;
display: -webkit-box;
display: box;
-moz-box-pack: end;
-webkit-box-pack: end;
box-pack: end;
}
header .header_top_ nav#globalnav ul li {
margin: 0 0 0 15px;
-moz-box-flex: 0;
-webkit-box-flex: 0;
box-flex: 0;
}
header .header_top_ nav#globalnav ul li a {
display: block;
color: #616161;
font-size: 9px;
text-decoration: none;
padding-top: 18px;
}
header .header_top_ nav#globalnav ul li.gnav_mypage {
background: url(../img/usr/sb/header/gnav_mypage.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
header .header_top_ nav#globalnav ul li.gnav_login {
background: url(../img/usr/sb/header/gnav_login.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
header .header_top_ nav#globalnav ul li.gnav_logout {
background: url(../img/usr/sb/header/gnav_logout.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
header .header_top_ nav#globalnav ul li.gnav_customer {
background: url(../img/usr/sb/header/gnav_customer.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
header .header_top_ nav#globalnav ul li.gnav_cart {
background: url(../img/usr/sb/header/gnav_cart.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
header .header_top_ nav#globalnav ul li.gnav_cart a span {
display: block;
font-size: 10px;
font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
position: relative;
top: -50px;
left: 3px;
width: 2em;
text-align: center;
}
header .header_top_ a.btn_sidemenu_ ,
header .header_top_ a.btn_mypage_ ,
header .header_top_ a.btn_bookmark_ ,
header .header_top_ a.btn_cart_ {
display: block;
max-width: 40px;
width: 10.6%;
height: calc(100% - 10px);
margin: 5px 0;
text-align: center;
text-decoration: none;
}
header .header_top_ a.btn_sidemenu_ ,
header .header_top_ a.btn_mypage_ {
margin-left: 1.3%;
}
header .header_top_ a.btn_bookmark_ ,
header .header_top_ a.btn_cart_ {
margin-right: 1.3%;
}
header .header_top_ a.btn_sidemenu_ img,
header .header_top_ a.btn_mypage_ img,
header .header_top_ a.btn_bookmark_ img,
header .header_top_ a.btn_cart_ img{
width: 50%;
height: 100%;
}
header .header_top_ a.btn_cart_ #jscart_replace_ {
display: block;
position: relative;
top: -90%;
left: 60%;
font-size: 11px;
font-weight: normal;
text-align: center;
color: #FFF;
background: #F00;
width: 16px;
height: 16px;
border-radius: 100%;
line-height: 1.5em;
}
header .header_top_ .logo_frame_ {
display: block;
width: 52%;
height: 50px;
margin: 5px 0;
text-align: center;
}
@media screen and (min-width: 375px) {
header .header_top_ .logo_frame_ {
width: calc(94.8% - 160px);
}
}
header .header_top_ .logo_frame_ a.logo_champion_ {
display: block;
max-width: 135px;
width: 69.2%;
height: 36px;
padding: 7px 0;
margin: 0 auto;
}
header .header_top_ .logo_frame_ a.logo_champion_ img{
width: 100%;
height: 100%;
}
.search_form_ {
position: relative;
font-size: 13px;
height: 45px;
padding: 6px 10px;
background: #E4E4E4;
box-sizing: border-box;
}
.search_form_ input[id^="keyword"] {
border: none;
background: #D9D9D9;
width: 100%;
max-width: 100%;
height: 33px;
margin: 0;
padding: 6.5px;
outline: none;
box-sizing: border-box;
}
.search_form_ .placeholder_ {
position: absolute;
top: 11.5px;
left: 16.5px;
color: #999;
}
.search_form_ input.search_btn_ {
width: 31px;
height: 31px;
padding: 6.5px;
border: none;
display: block;
position: absolute;
top: 7px;
right: 10px;
background: url(https://www.hanesbrandsinc.jp/img/usr/sb/header/champion/ico_search.svg) center center no-repeat;
background-size: 18px 18px;
}

/* ポップリンク */
#poplink_overlay,
#poplink_overlay2_ {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
z-index: 10999;
}
.search_form_.focus_ {
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #e4e4e4;
}
.search_form_.form2_.focus_,
.search_form_.is-top.focus_ {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
background: #e4e4e4;
	z-index: 11001;
}
.search_form_.focus_ input#keyword {
color: #282828;
background: rgba(217,217,217,1);
}
.search_form_.focus_ input.search_btn_ {
top: 16px;
background: url(https://www.hanesbrandsinc.jp/img/usr/sb/header/champion/ico_search.svg) center center no-repeat;
background-size: 18px 18px;
}
.search_form_.focus_ .placeholder_ {
top: 18.5px;
}

div.poplink {
display: none;
background: #e3e3e3;
}
.search_form_.focus_ div.poplink {
display: block;
}
div.poplink.sphs > div.poplink_suggest {
padding-right: 10px;
margin-top: 15px !important;
margin-bottom: 4px !important;
background-color: transparent !important;
}
div.poplink.sphs > div.poplink_suggest > div.word {
padding: 7px 10px !important;
margin: 0 0 6px 5px !important;
border: 1px solid #fff !important;
border-radius: 4px !important;
}
div.poplink.sphs > div.poplink_suggest > div.word:first-child {
margin-left: 10px !important;
}
div.poplink.sphs > div.poplink_suggest > div.word.poplink_invisible {
display: none;
}
div.poplink.sphs > div.poplink_suggest > div.word.highlighted {
background-color: #007aff !important;
border: 1px solid #007aff !important;
}
div.poplink.sphs > div.poplink_suggest > div.word.highlighted:after {
border-color: #007aff transparent transparent transparent !important;
}
div.poplink.sphs > div.poplink_search {
padding-right: 10px;
padding-bottom: 10px;
border: none !important;
background-color: transparent !important;
}
div.poplink.sphs > div.poplink_search > div.item {
width: calc(40vw - 10px) !important;
max-height: none !important;
margin: 0 0 0 10px !important;
border: none !important;
background-color: transparent !important;
}
div.poplink.sphs > div.poplink_search > div.item > a > div.image_box {
overflow: hidden;
position: relative;
height: auto !important;
padding-top: 108% !important;
margin-bottom: 10px !important;
border-radius: 4px;
}
div.poplink.sphs > div.poplink_search > div.item > a > div.image_box > img {
position: absolute;
left: -4%;
top: 0;
max-width: none !important;
max-height: 100% !important;
}
div.poplink.sphs > div.poplink_search > div.item > a > div.title {
display: none !important;
color: #808080;
font-size: 9px !important;
line-height: 1 !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
}
div.poplink.sphs > div.poplink_search > div.item > a > div.any2 ,
div.poplink.sphs > div.poplink_search > div.item > a > div.any3 ,
div.poplink.sphs > div.poplink_search > div.item > a > div.any2.poplink_invisible ,
div.poplink.sphs > div.poplink_search > div.item > a > div.any3.poplink_invisible {
display: block !important;
visibility: visible !important;
color: #808080 !important;
font-size: 16px;
margin-top: 5px;
}
div.any3::before ,
div.any3.poplink_invisible::before {
content: "\0a5";
}
div.poplink > div.close_button {
display: none;
}
/* sports用 */

#common_header {
}
#common_header .inner_ {
overflow: hidden;
padding: 10px 10px 10px 18px;
}
#common_header .hbi_ {
float: left;
}
#common_header .hbi_ a {
display: block;
height: 24px;
padding: 7px 0 0;
box-sizing: border-box;
}
#common_header .hbi_ img {
height: 11px;
}
#common_header .category_logo_ {
float: right;
font-size: 0;
}
#common_header .category_logo_ li {
display: inline-block;
margin-left: 5px;
}
#common_header .category_logo_ img {
height: 25px;
width: 70px;
}
#common_header .category_logo_ li:first-child img {
height: 25px;
width: 70px;
}
#common_header .category_logo_ li:last-child img {
height: 25px;
width: 60px;
}

/*ヘッダーナビ*/
header ul.header-nav {
width: 100%;
display: table;
padding-bottom: 2px;
}
#c10 header ul.header-nav {
background: url(../img/usr/sb/header/bg_nav-red.png) bottom repeat-x #333;
background-size: 1px 2px;
-webkit-background-size: 1px 2px;
-moz-background-size: 1px 2px;
}
#c20 header ul.header-nav ,
#c30 header ul.header-nav {
background: url(../img/usr/sb/header/bg_nav-red.png) bottom repeat-x #051c38;
background-size: 1px 2px;
-webkit-background-size: 1px 2px;
-moz-background-size: 1px 2px;
}
header ul.header-nav li {
display: table-cell;
width: 20%;
box-sizing: border-box;
border-right: 1px solid #fff;
vertical-align: middle;
height: 50px;
position: relative;
}
header ul.header-nav li:last-child {
border: none;
}
header ul.header-nav li a {
display: block;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 8px;
line-height: 1.3em;
box-sizing: border-box;
height: 50px;
}

header ul.header-nav li a span {
font-size: 8px;
position: relative;
top: 32px;
letter-spacing: 0.2px;
line-height: 1.3em;
text-decoration: none;
color: #fff;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header ul.header-nav li a.header-nav_new::before {
display: inline-block;
background: url(../img/usr/sb/header/icon_nav_new.png) left center no-repeat;
background-size: 18px 18px;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-position: 0 0;
content: '';
position: absolute;
left: 50%;
top: 9px;
display: block;
margin-left: -10px;
height: 18px;
width: 18px;
}

header ul.header-nav li a.header-nav_mens::before {
background: url(../img/usr/sb/header/icon_nav_mens.png) left center no-repeat;
background-size: 19px 19px;
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
background-position: 0 0;
content: '';
position: absolute;
left: 50%;
top: 7px;
display: block;
margin-left: -10px;
width: 19px;
height: 19px;
}

header ul.header-nav li a.header-nav_woman::before {
background: url(../img/usr/sb/header/icon_nav_woman.png) left center no-repeat;
background-size: 19px 19px;
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
background-position: 0 0;
content: '';
position: absolute;
left: 50%;
top: 7px;
display: block;
margin-left: -10px;
width: 19px;
height: 19px;
}
header ul.header-nav li a.header-nav_stf-styling::before {
background: url(../img/usr/sb/header/icon_nav_styling.png) left center no-repeat;
background-size: 17px 14px;
-webkit-background-size: 17px 14px;
-moz-background-size: 17px 14px;
background-position: 0 0;
content: '';
position: absolute;
left: 50%;
top: 11px;
display: block;
margin-left: -10px;
height: 14px;
width: 17px;
}
header ul.header-nav li a.header-nav_recommend::before {
background: url(../img/usr/sb/header/icon_nav_recommend.png) left center no-repeat;
background-size: 18px 17px;
-webkit-background-size: 18px 17px;
-moz-background-size: 18px 17px;
background-position: 0 0;
content: '';
position: absolute;
left: 50%;
top: 9px;
display: block;
margin-left: -10px;
width: 18px;
height: 17px;
}
header ul.header-nav li a.header-nav_magazine::before {
background: url(../img/usr/sb/header/icon_nav_magazine.png) left center no-repeat;
background-size: 15px 14px;
-webkit-background-size: 15px 14px;
-moz-background-size: 15px 14px;
background-position: 0 0;
content: '';
position: absolute;
left: 50%;
top: 12px;
display: block;
width: 15px;
height: 14px;
margin-left: -8px;
}

/* メニュー */
#overlay_ {
position: fixed;
z-index: 10999; 
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #212121;
display: none;
}
#c20 #overlay_ ,
#c30 #overlay_ {
opacity: 1.0 !important;
background: rgba(33, 33, 33, 0.6);
}
#c20 #overlay_:after,
#c30 #overlay_:after{
position: fixed;
top: 35px;
right: 5%;
width: 15px;
height: 15px;
background: url(https://www.hanesbrandsinc.jp/img/sys/close_white.svg) center center / 15px 15px no-repeat;
content: "";
}
#menu_ {
display: none;
color: #051c38;
width: 85%;
max-height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#menu_.focus_ {
	width: 100%;
	overflow: unset;
}
#menu_ .menu_inner_ {
background: #fff;
}
#menu_ .menu_header_ {
display: -moz-box;
display: -webkit-box;
display: box;
height: 31px;
padding: 8px 10px 5px 5px;
background: #fff;
}
#menu_ .menu_header_ .menu_close {
margin: 0 0 0 0;
-moz-box-flex: 0;
-webkit-box-flex: 0;
box-flex: 0;
padding: 7px 5px 0 5px;
}
#menu_ .menu_header_ .menu_close img {
height: 14px;
}
#menu_ .menu_header_ .menu_close.active img {
-webkit-animation: spin 0.1s linear 0.5s;
-moz-animation: spin 0.1s linear 0.5s;
-ms-animation: spin 0.1s linear 0.5s;
-o-animation: spin 0.1s linear 0.5s;
animation: spin 0.1s linear 0.5s;
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(90deg);}
}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(90deg);}
}
@-ms-keyframes spin {
0% {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(90deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(90deg);}
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(90deg);}
}
#menu_ .menu_header_ #brandnav {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
#menu_ .menu_header_ #brandnav ul {
display: -moz-box;
display: -webkit-box;
display: box;
-moz-box-pack: end;
-webkit-box-pack: end;
box-pack: end;
}
#menu_ .menu_header_ #brandnav li {
margin: 0 0 0 15px;
-moz-box-flex: 0;
-webkit-box-flex: 0;
box-flex: 0;
}
#menu_ .menu_header_ #brandnav li.bnav_search {
background: url(../img/usr/sb/header/hanes/bnav_search.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#c20 #menu_ .menu_header_ #brandnav li.bnav_search ,
#c30 #menu_ .menu_header_ #brandnav li.bnav_search {
background: url(../img/usr/sb/header/champion/bnav_search.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#menu_ .menu_header_ #brandnav li.bnav_login {
background: url(../img/usr/sb/header/hanes/bnav_login.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#c20 #menu_ .menu_header_ #brandnav li.bnav_login ,
#c30 #menu_ .menu_header_ #brandnav li.bnav_login {
background: url(../img/usr/sb/header/champion/bnav_login.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#menu_ .menu_header_ #brandnav li.bnav_logout {
background: url(../img/usr/sb/header/hanes/bnav_logout.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#c20 #menu_ .menu_header_ #brandnav li.bnav_logout ,
#c30 #menu_ .menu_header_ #brandnav li.bnav_logout {
background: url(../img/usr/sb/header/champion/bnav_logout.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#menu_ .menu_header_ #brandnav li.bnav_customer {
background: url(../img/usr/sb/header/hanes/bnav_customer.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#c20 #menu_ .menu_header_ #brandnav li.bnav_customer ,
#c30 #menu_ .menu_header_ #brandnav li.bnav_customer {
background: url(../img/usr/sb/header/champion/bnav_customer.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#menu_ .menu_header_ #brandnav li.bnav_mypage {
background: url(../img/usr/sb/header/hanes/bnav_mypage.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#c20 #menu_ .menu_header_ #brandnav li.bnav_mypage ,
#c30 #menu_ .menu_header_ #brandnav li.bnav_mypage {
background: url(../img/usr/sb/header/champion/bnav_mypage.png) center top no-repeat;
background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
}
#menu_ .menu_header_ #brandnav li a {
display: block;
color: #616161;
font-size: 9px;
text-decoration: none;
padding-top: 18px;
}
#c20 #menu_ .menu_header_ #brandnav li a ,
#c30 #menu_ .menu_header_ #brandnav li a {
color: #051c38;
}
ul.category-nav {
/*width: 100%;*/
letter-spacing: -0.4em;
padding: 0 6px;
margin: 5px 0;
}
ul.category-nav li {
position: relative;
width: 25%;
height: 44px;
display: inline-block;
letter-spacing: normal;
background: #FFF;
text-align: center;
vertical-align: top;
}
ul.category-nav li a {
display: block;
width: 100%;
text-decoration: none;
font-size: 15px;
color: #282828;
font-weight: bold;
padding: 10px 0;
}
ul li.active_ a{
background: #E5E5E5;
}
ul.category-nav li.sports_ a {
color: #3a6bb6;
font-weight: normal;
}
ul.category-nav li.atIcon_ span:before {
content: "!";
position: absolute;
right: 0;
top: 0px;
width: 15px;
height: 15px;
color: #fff;
font-size: 11px;
text-align: center;
line-height: 15px;
background: #df2d32;
border-radius: 50%;
}

ul.category-nav li.current_ a {
width: calc(100% - 10px);
background: #E5E5E5;
color: #808080;
padding: 5px 0;
border: 5px solid #FFF;
}
ul.category-nav li.sports_.current_ a {
color: #3a6bb6;
}
ul.category-nav li span {
display: block;
width: 100%;
font-size: 15px;
color: #282828;
font-weight: bold;
}
ul.category-nav li span label {
display: block;
width: 100%;
padding: 10px 0;
}
ul.category-nav li span input:checked + label {
background: #E5E5E5;
}
ul.category-nav li.sports_ span {
/* display: none */
color: #3a6bb6;
font-weight: normal;
}
ul.category-nav li.sports_ span.display_label_ {
/* display: block; */
display: none;
}
ul.category-nav li.current_ span {
width: calc(100% - 10px);
background: #E5E5E5;
color: #808080;
padding: 5px 0;
border: 5px solid #FFF;
}
ul.category-nav li.sports_.current_ span {
color: #3a6bb6;
}
ul.category-nav li span input {
display: none;
}
/*
ul.category-nav li span label {
display: none;
}
ul.category-nav li:nth-child(1) span:after {
display: inline;
content: "MEN'S";
}
ul.category-nav li:nth-child(2) span:after {
display: inline;
content: "WOMEN'S";
}
ul.category-nav li:nth-child(3) span:after {
display: inline;
content: "KID'S";
}
ul.category-nav li.sports_ span.display_label_:after {
display: inline;
content: "SPORTS";
}
*/
ul.category-nav li.sports_:after {
position: absolute;
top: 20%;
left: 0;
width: 0px;
height: 60%;
border-left: 1px dotted #000;
content: "";
}

#category_tab {
position: relative;
}
#category_tab:after {
content: "";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
#category_tab > div {
float: left;
width: 50%;
background: #fff;
}
#category_tab .tab_ {
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 9px 0;
}
#category_tab .active_ .tab_ {
background: #eae8df;
}
#category_tab .casual_ .tab_ {
color: #051c38;
background-image: url(../img/usr/sb/arrow_black_b.png);
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-size: auto 6px;
}
#category_tab .casual_ .tab_.open_ {
background-image: url(../img/usr/sb/arrow_black_t.png);
}
#category_tab .sports_ .tab_ {
color: #004290;
background-image: url(../img/usr/sb/arrow_blue_b.png);
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-size: auto 6px;
}
#category_tab .sports_ .tab_.open_ {
background-image: url(../img/usr/sb/arrow_blue_t.png);
}
#category_tab .list_ {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 102;
background: #fff;
}
#category_tab .active_ .list_ {
background: #eae8df;
}
#category_tab .casual_ .list_ > li {
border-bottom: 1px solid #051c38;
}
#category_tab .sports_.list_ > li {
border-bottom: 1px solid #00418e;
}
#category_tab .list_ .name_ {
font-size: 16px;
font-weight: bold;
letter-spacing: 0.9px;
padding: 8px 38px 8px 10px;
}
#category_tab .casual_ .list_ .name_ {
background: url(../img/usr/sb/menu_open_black.png) calc(100% - 10px) center no-repeat;
background-size: auto 18px;
}
#category_tab .casual_ .list_ .name_.open_ {
background: url(../img/usr/sb/menu_close_black.png) calc(100% - 10px) center no-repeat;
background-size: auto 18px;
}
#category_tab .sports_ .list_ .name_ {
background: url(../img/usr/sb/menu_open_blue.png) calc(100% - 10px) center no-repeat;
background-size: auto 18px;
}
#category_tab .sports_ .list_ .name_.open_ {
background: url(../img/usr/sb/menu_close_blue.png) calc(100% - 10px) center no-repeat;
background-size: auto 18px;
}
#category_tab .list_ .name_ span {
font-size: 16px;
}
#category_tab .sports_ .list_ .name_ span {
color: #051c38;
}
#category_tab .sports_ .list_ .name_ span {
color: #004290;
}
#category_tab .list_ .active_ .name_ span {
padding-right: 20px;
background: url(../img/usr/sb/tab_active.png) right center no-repeat;
background-size: auto 7px;
}
#category_tab .tab_contents_ {
display: none;
}
#category_tab .tab_contents_ li {
border-top: 1px solid #fff;
}
#category_tab .casual_ .tab_contents_ li {
background: #f4f3ed;
}
#category_tab .sports_ .tab_contents_ li {
background: #f5f5f5;
}
#category_tab .tab_contents_ li:first-child {
border-top: none;
}
#category_tab .tab_contents_ li a {
display: block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 9px 0 9px 20px;
}
#category_tab .casual_ .tab_contents_ li a {
color: #051c38;
background: url(../img/usr/sb/arrow_black_r.png) calc(100% - 16px) center no-repeat;
background-size: auto 9px;
}
#category_tab .sports_ .tab_contents_ li a {
color: #004290;
background: url(../img/usr/sb/arrow_blue_r.png) calc(100% - 16px) center no-repeat;
background-size: auto 9px;
}

/* 検索フォーム */
#menu_ .search_form_ {
/* display: none; 
background: #424242;*/
background: #e4e4e4;
}
#menu_ .search_form_ form {
padding: 8px 54px 8px 5px;
position: relative;
}
#menu_ .search_form_ input.keyword_{
width: 100%;
height: 12px;
color: #fff;
font-size: 12px;
line-height: 0;
text-indent: 5px;
padding: 5px 0;
margin: 0;
border: none;
background: #424242;
}
#menu_ .search_form_ .placeholder_ {
/* position: absolute;
top: 8px;
left: 10px;
color: #fff; */
}
#menu_ .search_form_ .search_button_ {
display: block;
position: absolute;
top: 6px;
right: 10px;
padding: 0;
color: #fff;
font-size: 10px;
font-weight: bold;
width: 50px;
height: 25px;
border: none;
background: #232323;
}

/* スライドメニュー内バナー */
#menu_ .brand_banner_ {
text-align: center;
padding: 15px 0 0 0;
margin-bottom: 0;
background: #eee;
}
#menu_ .CategoryStyleG_ + .brand_banner_,
#menu_ .category_box_ + .brand_banner_ {
padding-right: 5%;
padding-left: 5%;
}
#menu_ .brand_banner_ .pt20_{
padding-top: 20px;
}

#menu_ .brand_banner_ li{
margin-bottom: 10px;
}
#menu_ .brand_banner_ h2 {
margin: 0 0 15px 0;
}
#menu_ .brand_banner_ h2 img {
height: 10px;
}
#menu_ .brand_banner_ ul {
text-align: center;
width: 100%;
font-size: 0;
}
#menu_ .brand_banner_ li.single_ {
display: inline-block;
line-height: 0;
margin: 0 0 0 0;
width: 100%;
}
#menu_ .brand_banner_ li.double_ {
display: inline-block;
line-height: 0;
margin: 0 0 0 0;
width: 50%;
}
#menu_ .brand_banner_ li img {
width: 100%;
}
#menu_ .menu_inner_ .banner_area_ {
}
#menu_ .menu_inner_ .banner_area_ a{
width: 100%;
}
#menu_ .menu_inner_ .banner_area_ a img{
width: 100%;
vertical-align: top;
}
#menu_ .menu_inner_ ul.customer_menu_{
display: table;
width: 100%;
}
#menu_ .menu_inner_ ul.customer_menu_ li{
width: 50%;
background: #f5f5f5;
text-align: center;
display: table-cell;
}
#menu_ .menu_inner_ ul.customer_menu_ li.menu_register_{
width: calc(50% - 1px);
border-left: 1px solid #c8c8c8;
display: table-cell;
}
#menu_ .menu_inner_ ul.customer_menu_ li a{
display: block;
width: 100%;
padding: 15px 0;
text-decoration: none;
font-size: 14px;
color: #808080;
}
#menu_ .menu_inner_ ul.customer_menu_ li a span{
padding-left: 24px;
}
#menu_ .menu_inner_ ul.customer_menu_ li.menu_login_ a span{
background: url(https://www.hanesbrandsinc.jp/img/sys/ico_login_gray.svg) left center / 16px 16px no-repeat;
}
#menu_ .menu_inner_ ul.customer_menu_ li.menu_logout_ a span{
background: url(https://www.hanesbrandsinc.jp/img/sys/ico_logout_gray.svg) left center / 16px 16px no-repeat;
}
#menu_ .menu_inner_ ul.customer_menu_ li.menu_register_ a span{
background: url(https://www.hanesbrandsinc.jp/img/sys/ico_member_gray.svg) left center / 16px 16px no-repeat;
}
#menu_ .menu_inner_ .beginner_link_ {
width: 100%;
padding: 20px 0;
border-top: 1px solid #e3e3e3;
text-align: center;
}
#menu_ .menu_inner_ .beginner_link_ a {
display: block;
width: 87.5%;
padding: 10px 0;
margin: 0 auto;
border: 1px solid #16a6b6;
border-radius: 4px;
color: #16a6b6;
font-size: 14px;
text-decoration: none;
}
/* ジャンル */
div.sub_genre_ {
}
nav.GenreStyle_ {
}
nav.GenreStyle_ ul.layer0_ {
padding-left: 0;
background-color: #d50000;
}
nav.GenreStyle_ ul.layer1_ {
background: #eeeeee;
}
#c20 nav.GenreStyle_ ul.layer1_ ,
#c30 nav.GenreStyle_ ul.layer1_ {
background: #eceff1;
}
nav.GenreStyle_ ul.layer2_ {
background: #e1e1e1;
}
#c20 nav.GenreStyle_ ul.layer2_ ,
#c30 nav.GenreStyle_ ul.layer2_ {
background: #d0d9dd;
}
nav.GenreStyle_ ul.layer3_ {
background: #e1e1e1;
}
#c20 nav.GenreStyle_ ul.layer3_ ,
#c30 nav.GenreStyle_ ul.layer3_ {
background: #d0d9dd;
}
nav.GenreStyle_ ul li {
position: relative;
border-top: 1px solid #c2c2c2;
width: 100%;
word-break:break-all;
}
#c20 nav.GenreStyle_ ul li ,
#c30 nav.GenreStyle_ ul li {
border-top: 1px solid #99abb5;
}
nav.GenreStyle_ ul li.nochild_ {
background: url(../img/usr/sb/right_arrow_black.png) 96% center no-repeat;
background-size: 5px;
}
nav.GenreStyle_ ul.layer0_ li {
background-color: #d50000;
}
nav.GenreStyle_ ul.layer0_ li.nochild_ {
background: url(../img/usr/sb/right_arrow_white.png) 96% center no-repeat;
background-size: 5px;
}
nav.GenreStyle_ ul.layer1_ li.nochild_,
nav.GenreStyle_ ul.layer2_ li.nochild_,
nav.GenreStyle_ ul.layer3_ li.nochild_ {
background: url(../img/usr/sb/right_arrow_black.png) 96% center no-repeat;
background-size: 5px;
}
#c20 nav.GenreStyle_ ul.layer0_ li ,
#c30 nav.GenreStyle_ ul.layer0_ li {
background-color: #051c38;
}
nav.GenreStyle_ ul.layer0_ > li:first-child {
border-top: none;
}
nav.GenreStyle_ ul.layer1_ li,
nav.GenreStyle_ ul.layer2_ li,
nav.GenreStyle_ ul.layer3_ li {
background-color: transparent;
color: #212121;
}
#c20 nav.GenreStyle_ ul.layer1_ li,
#c20 nav.GenreStyle_ ul.layer2_ li,
#c20 nav.GenreStyle_ ul.layer3_ li,
#c30 nav.GenreStyle_ ul.layer1_ li,
#c30 nav.GenreStyle_ ul.layer2_ li,
#c30 nav.GenreStyle_ ul.layer3_ li {
background-color: transparent;
color: #212121;
}
nav.GenreStyle_ ul li p.parent_,
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
vertical-align: top;
display: table-cell;
}
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
display: block;
width: 100%;
padding: 0;
text-decoration: none;
}
nav.GenreStyle_ ul li .name_{
color: #fff;
font-weight: bold;
padding-left: 10px;
text-decoration: none;
}
nav.GenreStyle_ ul.layer1_ li .name_ {
color: #616161;
}
#c20 nav.GenreStyle_ ul.layer1_ li .name_ ,
#c30 nav.GenreStyle_ ul.layer1_ li .name_ {
color: #051c38;
}
nav.GenreStyle_ ul.layer2_ li .name_{
color: #616161;
}
#c20 nav.GenreStyle_ ul.layer2_ li .name_ ,
#c30 nav.GenreStyle_ ul.layer2_ li .name_ {
color: #051c38;
}
nav.GenreStyle_ ul.layer0_ li > .name_ {
padding: 9px 0 9px 10px;
}
nav.GenreStyle_ ul li .name_ img {
height: 13px;
vertical-align: middle;
}
nav.GenreStyle_ ul li a .comment_,
nav.GenreStyle_ ul li span.nolink_ .comment_ {
font-size: 12px;
text-decoration: none;
}
nav.GenreStyle_ ul li p.parent_ {
text-indent: -9999px;
position: absolute;
right: 0;
top: 0;
width: 37px;
height: 37px;
}
nav.GenreStyle_ ul li p.parent_ {
background: url(../img/usr/sb/menu-close.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.GenreStyle_ ul.layer1_ li p.parent_ {
background: url(../img/usr/sb/header/hanes/minus.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.GenreStyle_ ul li p.parent_.img_hidden_ {
background: url(../img/usr/sb/menu-open.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.GenreStyle_ ul.layer1_ li p.parent_.img_hidden_ {
background: url(../img/usr/sb/header/hanes/plus.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.GenreStyle_ ul.layer1_ li p.parent_{
}
nav.GenreStyle_ ul.layer2_ li p.parent_{
}
nav.GenreStyle_ ul.layer3_ li p.parent_{
}
nav.GenreStyle_ ul.layer0_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer0_ li.nochild_ .comment_ {
}
nav.GenreStyle_ ul.layer1_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer1_ li.nochild_ .comment_ {
}
nav.GenreStyle_ ul.layer2_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer2_ li.nochild_ .comment_ {
padding-left: 20px;
}
nav.GenreStyle_ ul.layer3_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer3_ li.nochild_ .comment_ {
}

nav.GenreStyle_ ul.layer0_ li.nochild_ .name_ {
color: #282828;
font-size: 14px;
font-weight: normal;
padding: 13px 32px 13px 20px;
}
#c30 nav.GenreStyle_ ul.layer0_ li {
background-image: url(https://www.hanesbrandsinc.jp/img/sys/arrow_black_s.svg);
background-position: calc(100% - 20px) center;
background-size: 6px 9px;
background-repeat: no-repeat;
}
nav.GenreStyle_ ul.layer0_ {
}
/* カテゴリー */
div.sub_category_ {
}
div.category_banner_ img {
width: 100%;
}
nav.CategoryStyleG_ {
}
nav.CategoryStyleG_ ul.layer0_ {
padding-left: 0;
}
nav.CategoryStyleG_ ul.layer1_ {
background: #eeeeee;
display: none;
}
#c20 nav.CategoryStyleG_ ul.layer1_ ,
#c30 nav.CategoryStyleG_ ul.layer1_ {
background: #c5d3e5;
}
nav.CategoryStyleG_ ul.layer2_ {
background: #e1e1e1;
}
#c20 nav.CategoryStyleG_ ul.layer2_ ,
#c30 nav.CategoryStyleG_ ul.layer2_ {
background: #d0d9dd;
}
nav.CategoryStyleG_ ul.layer3_ {
background: #e1e1e1;
}
#c20 nav.CategoryStyleG_ ul.layer3_ ,
#c30 nav.CategoryStyleG_ ul.layer3_ {
background: #d0d9dd;
}
nav.CategoryStyleG_ ul li {
position: relative;
width: 100%;
word-break:break-all;
}
#c10 nav.CategoryStyleG_ ul li {
border-top: 1px solid #d6d7d7;
}
#c20 nav.CategoryStyleG_ ul li ,
#c30 nav.CategoryStyleG_ ul li {
border-top: 1px solid #c8c8c8;
}
#c20 nav.CategoryStyleG_ ul li ul li, #c10 nav.CategoryStyleG_ ul li ul li,
#c30 nav.CategoryStyleG_ ul li ul li, #c10 nav.CategoryStyleG_ ul li ul li{
border-top: 1px solid #c2c2c2;
}

#c10 nav.CategoryStyleG_ ul li:first-child{
border-top: none;
}
#c20 .menu_inner_ #c20 nav.CategoryStyleG_ ul li:first-child ,
#c30 .menu_inner_ #c30 nav.CategoryStyleG_ ul li:first-child {
border-top: none;
}
nav.CategoryStyleG_ ul li.nochild_ {
background: url(../img/usr/sb/right_arrow_black.png);
background-position: 94.5% center;
background-repeat: no-repeat;
background-size: 5px;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul li.nochild_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul li.nochild_, 
#c30 .menu_inner_ nav.GenreStyle_ ul li.nochild_ {
background-image: url(https://www.hanesbrandsinc.jp/img/sys/arrow_black_s.svg);
background-position: calc(100% - 20px) center;
background-size: 6px 9px;
background-repeat: no-repeat;
}
#c10 nav.CategoryStyleG_ ul li.nochild_,
#c10 nav.GenreStyle_ ul li.nochild_ {
background: url(../img/usr/sb/right_arrow_red.png);
background-position: 94.5% center;
background-repeat: no-repeat;
background-size: 5px;
}
#c20 nav.CategoryStyleG_.casual ul li.nochild_ ,
#c30 nav.CategoryStyleG_.casual ul li.nochild_ {
background: url(../img/usr/sb/right_arrow_blue.png);
background-position: 94.5% center;
background-repeat: no-repeat;
background-size: 5px;
}
nav.CategoryStyleG_ ul li.nochild2_ {
background-image: url(../img/usr/leftmenu/hanes/hanes_category_tree4.png), url(../img/usr/sb/right_arrow_black.png);
background-position: 22px center, 94.5% center;
background-repeat: no-repeat, no-repeat;
background-size: 6px 1px, 5px;
}
#c20 nav.CategoryStyleG_ ul li.nochild2_ ,
#c30 nav.CategoryStyleG_ ul li.nochild2_ {
background-image: url(../img/usr/leftmenu/champion/champion_category_tree4.png), url(../img/usr/sb/right_arrow_black.png);
background-size: 5px;
}
nav.CategoryStyleG_ ul.layer0_ li {
background-color: #d50000;
}
#c10 nav.CategoryStyleG_ ul.layer0_ li {
background-color: #d82b16;
}
#c10 nav.CategoryStyleG_ ul.layer1_ li {
background-color: #d6d7d7;
}
#c20 nav.CategoryStyleG_ ul.layer0_ li ,
#c30 nav.CategoryStyleG_ ul.layer0_ li ,
#c30 nav.GenreStyle_ ul.layer0_ li {
background-color: #ffffff;
}
#c20 nav.CategoryStyleG_ ul.layer1_ li ,
#c30 nav.CategoryStyleG_ ul.layer1_ li ,
#c30 nav.GenreStyle_ ul.layer1_ li {
background-color: #f5f5f5;
color: #808080;
}
#c30 nav.CategoryStyleG_ ul.layer0_ li ,
#c30 nav.GenreStyle_ ul.layer0_ li {
background-color: #ffffff;
}
nav.CategoryStyleG_ ul.layer0_ > li:first-child {
border-top: none;
}
nav.CategoryStyleG_ ul.layer1_ li,
nav.CategoryStyleG_ ul.layer2_ li,
nav.CategoryStyleG_ ul.layer3_ li {
background-color: #eee;
}
#c20 nav.CategoryStyleG_ ul.layer1_ li,
#c20 nav.CategoryStyleG_ ul.layer2_ li,
#c20 nav.CategoryStyleG_ ul.layer3_ li,
#c30 nav.CategoryStyleG_ ul.layer1_ li,
#c30 nav.CategoryStyleG_ ul.layer2_ li,
#c30 nav.CategoryStyleG_ ul.layer3_ li {
background-color: transparent;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li {
background-color: #f5f5f5;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer2_ li ,
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer3_ li ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer2_ li ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer3_ li {
background-color: #e8e8e8;
}
nav.CategoryStyleG_ ul li p.parent_,
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
vertical-align: top;
display: table-cell;
}
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul li a ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul li a {
padding: 0;
}
nav.CategoryStyleG_ ul li .name_ {
color: #004290;
font-weight: bold;
padding-left: 10px;
text-decoration: none;
}
nav.CategoryStyleG_ ul.layer0_ li > .name_ {
color: #fff;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.9px;
padding: 10px 0 10px 10px;
position: relative;
background: url(../img/usr/sb/menu-open.png) right center no-repeat;
background-size: 16px 16px;
background-position: 96%;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer0_ li > .name_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer0_ li > .name_ {
color: #282828;
font-size: 16px;
font-weight: normal;
padding: 13px 32px 13px 20px;
background: url(https://www.hanesbrandsinc.jp/img/sys/ico_plus.svg) calc(100% - 20px) center no-repeat;
background-size: 11px 11px;
}
/*注目アイコン*/
.menu_inner_ nav.CategoryStyleG_ ul.layer0_ li.atIcon_ > p.name_ span:before{
content: "!";
position: absolute;
left: 33%;
top: 17px;
width: 15px;
height: 15px;
color: #fff;
font-size: 11px;
text-align: center;
line-height: 15px;
background: #df2d32;
border-radius: 50%;
}

#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_ {
color: #282828;
font-size: 14px;
font-weight: normal;
padding: 13px 32px 13px 20px;
}

nav.CategoryStyleG_ ul.layer0_ li > .layer0_name-close {
background: url(../img/usr/sb/menu-close.png) right center no-repeat;
background-size: 16px 16px;
background-position: 96%;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer0_ li > .layer0_name-close ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer0_ li > .layer0_name-close {
background: url(https://www.hanesbrandsinc.jp/img/sys/ico_minus.svg) calc(100% - 20px) center no-repeat;
background-size: 11px 1px;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li > .layer1_name-close ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li > .layer1_name-close {
background: url(https://www.hanesbrandsinc.jp/img/sys/ico_minus.svg) calc(100% - 20px) center no-repeat;
background-size: 11px 1px;
}
nav.CategoryStyleG_ ul li.nochild2_ .name_ {
color: #212121;
font-weight: bold;
padding-left: 34px;
text-decoration: none;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li > .name_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li > .name_ {
font-size: 14px;
font-weight: normal;
padding: 13px 32px 13px 30px;
color: #808080;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_ {
font-size: 14px;
font-weight: normal;
padding: 13px 32px 13px 30px;
color: #808080;
}
#c30 nav.CategoryStyleG_ ul.layer1_ li .name_ {
color: #004290;
}
nav.CategoryStyleG_ ul.layer2_ li .name_{
color: #616161;
}
#c20 nav.CategoryStyleG_ ul.layer2_ li .name_ ,
#c30 nav.CategoryStyleG_ ul.layer2_ li .name_ {
color: #455a64;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer2_ li > .name_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer2_ li > .name_ {
font-size: 13px;
font-weight: normal;
padding: 13px 32px 13px 40px;
color: #808080;
}
#c20 .menu_inner_ nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_ ,
#c30 .menu_inner_ nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_ {
font-size: 13px;
font-weight: normal;
padding: 13px 32px 13px 40px;
color: #808080;
}
#c20 nav.CategoryStyleG_.casual ul.layer0_ li > .name_,
#c20 .contents_ nav.CategoryStyleG_ ul.layer0_ li > .name_,
#c30 nav.CategoryStyleG_.casual ul.layer0_ li > .name_,
#c30 .contents_ nav.CategoryStyleG_ ul.layer0_ li > .name_ {
color: #004290;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.9px;
padding: 10px 0 10px 10px;
position: relative;
background:url(../img/usr/sb/menu_open_blue.png) right center no-repeat;
background-size: 16px 16px;
background-position: 96%;
}
#c20 nav.CategoryStyleG_.casual ul.layer0_ li > .layer0_name-close ,
#c30 nav.CategoryStyleG_.casual ul.layer0_ li > .layer0_name-close {
background:url(../img/usr/sb/menu_close_blue.png) right center no-repeat;
background-size: 16px 16px;
background-position: 96%;
}

nav.CategoryStyleG_ ul li .name_ img {
height: 13px;
vertical-align: middle;
}
nav.CategoryStyleG_ ul li a .comment_,
nav.CategoryStyleG_ ul li span.nolink_ .comment_ {
font-size: 12px;
text-decoration: none;
}
nav.CategoryStyleG_ ul li p.parent_ {
text-indent: -9999px;
position: absolute;
right: 0;
top: 0;
width: 37px;
height: 37px;
}
nav.CategoryStyleG_ ul li p.parent_ {
background: url(../img/usr/sb/header/hanes/minus.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.CategoryStyleG_ ul li p.parent_.img_hidden_ {
background: url(../img/usr/sb/header/hanes/plus.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.CategoryStyleG_ ul.layer1_ li p.parent_{
}
nav.CategoryStyleG_ ul.layer2_ li p.parent_{
}
nav.CategoryStyleG_ ul.layer3_ li p.parent_{
}
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .comment_ {
}
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ {
color: #212121;
}
#c10 nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
#c10 nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ {
color: #333333;
}
#c20 nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
#c20 nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_,
#c30 nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
#c30 nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ {
color: #004290;
}
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .comment_ {
padding-left: 20px;
color: #212121;
}
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .comment_ {
color: #212121;
}

div.CategoryStyleL_ div.name_ {
margin: 0;
padding: 5px 10px;
border-top: 1px solid #eae5e3;
border-left: 1px solid #eae5e3;
border-right: 1px solid #eae5e3;
background: #ffffff url(../img/usr/sb/menu_arrow2.png)50% right no-repeat;
}
div.CategoryStyleL_ div.name_ {
border-bottom: 1px solid #eae5e3;
margin-bottom: 2px;
}
div.CategoryStyleL_ div.comment_ {
padding: 2px 2px 4px 10px;
}


.sub_category_ .category_tab {
border-top: 1px solid #004290;
}
.sub_category_ .category_tab ul li {
display: block;
float: left;
width: 50%;
text-align: center;
vertical-align: center;
box-sizing: border-box;
padding: 10px 0;
font-family: 'ヒラギノ角ゴ Pro', sans-serif;
font-size: 14px;
font-weight: bold;
}
.sub_category_ .category_tab ul li.casual {
background-color: #ffffff;
color: #004290;
}
.sub_category_ .category_tab ul li.sports {
background-color: #004290;
color: #ffffff;
}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}

nav.CategoryStyleG_ .recommend {
padding: 15px;
border-bottom: 2px solid #004290;
}
nav.CategoryStyleG_ .recommend .inner{
margin: 0 auto;
}
nav.CategoryStyleG_ .recommend p {
}
nav.CategoryStyleG_ .recommend p a {
display: block;
color: #ffffff;
font-weight: bold;
text-decoration: none;
padding: 10px;
background: #004290 url(../img/usr/sb/right_arrow_white.png) right center no-repeat;
background-size: 6px 9px;
background-position: 95%;
}
#c10 nav.CategoryStyleG_ .recommend {
padding: 15px;
border-bottom: 2px solid #ffffff;
background-color: #d82b16;
}
#c10 nav.CategoryStyleG_ .recommend .inner{
color: #d82b16;
font-weight: bold;
margin: 0 auto;
}
#c10 nav.CategoryStyleG_ .recommend p {
}
#c10 nav.CategoryStyleG_ .recommend p a {
color: #d82b16;
background: #ffffff url(../img/usr/sb/right_arrow_red.png) right center no-repeat;
background-size: 6px 9px;
background-position: 95%;
}



.category_box_ nav {
display: none;
}
.category_box_ nav.active {
display: block;
}

nav.CategoryStyleG_.sports {
}
nav.CategoryStyleG_.sports .recommend {
padding: 15px;
border-bottom: 2px solid #004290;
background-color: #004290;
border-bottom: 2px solid #ffffff;
}
nav.CategoryStyleG_.sports .recommend a {
color: #004290;
font-weight: bold;
margin: 0 auto;
background: #ffffff url(../img/usr/sb/right_arrow_blue.png) right center no-repeat;
background-size: 6px 9px;
background-position: 95%;
}

/*sportsmenu追加 */
nav.CategoryStyleG_ {
}
nav.CategoryStyleG_.sports ul.layer0_ {
padding-left: 0;
}
nav.CategoryStyleG_.sports ul.layer1_ {
background: #eeeeee;
display: none;
}
nav.CategoryStyleG_.sports ul.layer1_ {
background: #c5d3e5;
}
nav.CategoryStyleG_.sports ul.layer2_ {
background: #e1e1e1;
}
nav.CategoryStyleG_.sports ul.layer2_ {
background: #d0d9dd;
}
nav.CategoryStyleG_.sports ul.layer3_ {
background: #e1e1e1;
}
nav.CategoryStyleG_.sports ul.layer3_ {
background: #d0d9dd;
}
nav.CategoryStyleG_.sports ul li {
position: relative;
width: 100%;
word-break:break-all;
}
#c20 nav.CategoryStyleG_.sports ul li ,
#c30 nav.CategoryStyleG_.sports ul li,
#c30 .contents_ nav.CategoryStyleG_ ul li {
border-top: 1px solid #ffffff;
}
#c20 nav.CategoryStyleG_.sports ul li ul li,
#c30 nav.CategoryStyleG_.sports ul li ul li,
#c30 .contents_ nav.CategoryStyleG_ ul li ul li{
border-top: 1px solid #ffffff;
}

#c20 nav.CategoryStyleG_.sports ul li:first-child ,
#c30 nav.CategoryStyleG_.sports ul li:first-child {
border-top: none;
}
nav.CategoryStyleG_.sports ul li.nochild_,
#c30 .contents_ nav.CategoryStyleG_ ul li.nochild_ {
background: url(../img/usr/sb/right_arrow_white.png);
background-position: 94.5% center;
background-repeat: no-repeat;
background-size: 5px;
}
nav.CategoryStyleG_.sports ul li.nochild2_ {
background-image: url(../img/usr/leftmenu/hanes/hanes_category_tree4.png), url(../img/usr/sb/right_arrow_black.png);
background-position: 22px center, 94.5% center;
background-repeat: no-repeat, no-repeat;
background-size: 6px 1px, 5px;
}
#c20 nav.CategoryStyleG_.sports ul li.nochild2_ ,
#c30 nav.CategoryStyleG_.sports ul li.nochild2_ {
background-image: url(../img/usr/leftmenu/champion/champion_category_tree5.png), url(../img/usr/sb/right_arrow_white.png);
background-size: 5px;
}
nav.CategoryStyleG_.sports ul.layer0_ li {
background-color: #d50000;
}
#c20 nav.CategoryStyleG_.sports ul.layer0_ li ,
#c30 nav.CategoryStyleG_.sports ul.layer0_ li ,
#c30 .contents_ nav.CategoryStyleG_ ul.layer0_ li {
background-color: #004290;
}
nav.CategoryStyleG_.sports ul.layer0_ > li:first-child {
border-top: none;
}
nav.CategoryStyleG_.sports ul.layer1_ li,
nav.CategoryStyleG_.sports ul.layer2_ li,
nav.CategoryStyleG_.sports ul.layer3_ li {
background-color: #3366a5;
}
#c20 nav.CategoryStyleG_.sports ul.layer1_ li,
#c20 nav.CategoryStyleG_.sports ul.layer2_ li,
#c20 nav.CategoryStyleG_.sports ul.layer3_ li,
#c30 nav.CategoryStyleG_.sports ul.layer1_ li,
#c30 nav.CategoryStyleG_.sports ul.layer2_ li,
#c30 nav.CategoryStyleG_.sports ul.layer3_ li,
#c30 .contents_ nav.CategoryStyleG_ ul.layer1_ li,
#c30 .contents_ nav.CategoryStyleG_ ul.layer2_ li,
#c30 .contents_ nav.CategoryStyleG_ ul.layer3_ li {
background-color: #3366a5;
}
nav.CategoryStyleG_.sports ul li p.parent_,
nav.CategoryStyleG_.sports ul li a,
nav.CategoryStyleG_.sports ul li span.nolink_ {
vertical-align: top;
display: table-cell;
}
nav.CategoryStyleG_.sports ul li a,
nav.CategoryStyleG_.sports ul li span.nolink_ {
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
}
nav.CategoryStyleG_.sports ul li .name_ {
color: #ffffff;
font-weight: bold;
padding-left: 10px;
text-decoration: none;
}
nav.CategoryStyleG_.sports ul li.nochild2_ .name_ {
color: #212121;
font-weight: bold;
padding-left: 34px;
text-decoration: none;
}
#c20 nav.CategoryStyleG_.sports ul.layer1_ li .name_ ,
#c30 nav.CategoryStyleG_.sports ul.layer1_ li .name_,
#c30 .contents_ nav.CategoryStyleG_ ul.layer1_ li .name_ {
color: #ffffff;
}
nav.CategoryStyleG_.sports ul.layer2_ li .name_{
color: #616161;
}
#c20 nav.CategoryStyleG_.sports ul.layer2_ li .name_ ,
#c30 nav.CategoryStyleG_.sports ul.layer2_ li .name_ {
color: #455a64;
}
nav.CategoryStyleG_.sports ul.layer0_ li > .name_,
#c30 .contents_ nav.CategoryStyleG_ ul.layer0_ li > .name_ {
color: #ffffff;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.9px;
padding: 10px 0 10px 10px;
position: relative;
background:url(../img/usr/sb/menu_open_white.png) right center no-repeat;
background-size: 16px 16px;
background-position: 96%;
}
nav.CategoryStyleG_.sports ul.layer0_ li > .layer0_name-close {
background:url(../img/usr/sb/menu_close_white.png) right center no-repeat;
background-size: 16px 16px;
background-position: 96%;
}

nav.CategoryStyleG_.sports ul li .name_ img {
height: 13px;
vertical-align: middle;
}
nav.CategoryStyleG_.sports ul li a .comment_,
nav.CategoryStyleG_.sports ul li span.nolink_ .comment_ {
font-size: 12px;
text-decoration: none;
}
nav.CategoryStyleG_.sports ul li p.parent_ {
text-indent: -9999px;
position: absolute;
right: 0;
top: 0;
width: 37px;
height: 37px;
}
nav.CategoryStyleG_.sports ul li p.parent_ {
background: url(../img/usr/sb/header/hanes/minus.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.CategoryStyleG_.sports ul li p.parent_.img_hidden_ {
background: url(../img/usr/sb/header/hanes/plus.png) center center no-repeat;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
}
nav.CategoryStyleG_.sports ul.layer1_ li p.parent_{
}
nav.CategoryStyleG_.sports ul.layer2_ li p.parent_{
}
nav.CategoryStyleG_.sports ul.layer3_ li p.parent_{
}
nav.CategoryStyleG_.sports ul.layer0_ li.nochild_ .name_,
nav.CategoryStyleG_.sports ul.layer0_ li.nochild_ .comment_ {
}
nav.CategoryStyleG_.sports ul.layer1_ li.nochild_ .name_,
nav.CategoryStyleG_.sports ul.layer1_ li.nochild_ .comment_ {
color: #212121;
}
nav.CategoryStyleG_.sports ul.layer2_ li.nochild_ .name_,
nav.CategoryStyleG_.sports ul.layer2_ li.nochild_ .comment_ {
padding-left: 20px;
color: #212121;
}
nav.CategoryStyleG_.sports ul.layer3_ li.nochild_ .name_,
nav.CategoryStyleG_.sports ul.layer3_ li.nochild_ .comment_ {
color: #212121;
}

div.CategoryStyleL_ div.name_ {
margin: 0;
padding: 5px 10px;
border-top: 1px solid #eae5e3;
border-left: 1px solid #eae5e3;
border-right: 1px solid #eae5e3;
background: #ffffff url(../img/usr/sb/menu_arrow2.png)50% right no-repeat;
}
div.CategoryStyleL_ div.name_ {
border-bottom: 1px solid #eae5e3;
margin-bottom: 2px;
}
div.CategoryStyleL_ div.comment_ {
padding: 2px 2px 4px 10px;
}

.bnr_champion {
margin: 0 auto;
background-color: #ffffff;
padding: 10px 5px;
}
#menu_ .brand_banner_ li img.logo {
width: 50%;
}
.bnr_champion .link_area {
display: table;
border-collapse: separate;
border-spacing: 5px 0;
padding-top: 10px;
}
.bnr_champion .link_area a {
display: table-cell;
}
div.category_freespace_ {
}
div.category_freespace_ h2 {
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 20px 0;
}
div.category_freespace_ .sub_category_list_ {
width: 100%;
overflow: hidden;
padding: 0 5px 6px;
box-sizing: border-box;
}
div.category_freespace_ .sub_category_list_ .sub_category_item_ {
float: left;
width: calc((100% - 30px)/3);
margin: 0 5px 4px;
}
div.category_freespace_ .sub_category_list_ .sub_category_item_ a {
position: relative;
display: block;
text-decoration: none;
color: #282828;
background: -webkit-linear-gradient( 90deg, rgba(241,241,241,1) 0%, rgba(255,255,255,0) 60%);
background: -moz-linear-gradient( 90deg, rgba(241,241,241,1) 0%, rgba(255,255,255,0) 60%);
background: -ms-linear-gradient( 90deg, rgba(241,241,241,1) 0%, rgba(255,255,255,0) 60%);
border-radius: 4px;
}
div.category_freespace_ .sub_category_list_ .sub_category_item_ a .img_ {
}
div.category_freespace_ .sub_category_list_ .sub_category_item_ a .img_ img {
width: 100%;
}
div.category_freespace_ .sub_category_list_ .sub_category_item_ a .title_ {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
div.category_freespace_ .banner_list_ {
overflow: hidden;
padding: 20px 0;
}
div.category_freespace_ .banner_list_ .sp-horizontal {
transform: translateX(13.8vw);
}
div.category_freespace_ .banner_list_ .sp-slides-container {
overflow: inherit;
}
div.category_freespace_ .banner_list_ ul {
width: max-content;
}
div.category_freespace_ .banner_list_ ul:after {
content: "";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
div.category_freespace_ .banner_list_ li {
position: absolute;
width: calc(72.4vw + 20px);
padding: 0 10px;
box-sizing: border-box;
}
div.category_freespace_ .banner_list_ li a {
overflow: hidden;
display: block;
color: #282828;
text-decoration: none;
background: #fff;
box-shadow: 1px 1px 14px -2px #ddd;
border-radius: 8px;
}
div.category_freespace_ .banner_list_ li dl {
padding: 12px 16px;
}
div.category_freespace_ .banner_list_ li dt {
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 0 16px;
}
div.category_freespace_ .banner_list_ li dd {
font-size: 12px;
line-height: 1.6;
}

/* 190304：バナー追加 */
div[class^="cStyle_0"] {
    margin: 40px 10px 40px;
}
div[class^="cStyle_0"].c-flex_ {
    display: flex;
}
div[class^="cStyle_0"] a {
    display: block;
    margin-right: 10px;
}
div[class^="cStyle_0"] .bx-wrapper {
    position: relative;
}
div[class^="cStyle_0"] .rightBox_ {
    margin-top: 10px;
}
div[class^="cStyle_0"].c-flex_ .rightBox_ a:first-child,
div[class^="cStyle_0"] a:last-child {
    margin-right: 0;
}
div[class^="cStyle_0"].c-flex_ .rightBox_ a:first-child,
div[class^="cStyle_0"] .movie_ {
    margin-bottom: 10px;
}
div[class^="cStyle_0"] .movie_ iframe{
    width: 100%;
    height: 50vw;
}
div[class^="cStyle_0"] .bx-pager{
	display: none;
}
div[class^="cStyle_0"] .bx-prev,
div[class^="cStyle_0"] .bx-next {
    position: absolute;
    width: 10vw;
    height: 100%;
    top: 0;
    text-indent: -9999px;
}
div[class^="cStyle_0"] .bx-prev {
    left: 0;
    background: rgba(0, 0, 0, 0) url(https://www.hanesbrandsinc.jp/img/sys/arrow_prev_l.svg) no-repeat scroll center center / auto 36px;
}
div[class^="cStyle_0"] .bx-next {
    right: 0;
    background: rgba(0, 0, 0, 0) url(https://www.hanesbrandsinc.jp/img/sys/arrow_next_l.svg) no-repeat scroll center center / auto 36px;
}
div[class^="cStyle_0"] .rightBox_.c-flex_ {
    display: flex;
    margin: 10px 0 0;
}
div[class^="cStyle_0"] ul.slideBox_ li a {
    position: relative;
    height: 230px;
    display: block;
    overflow: hidden;
}
div[class^="cStyle_0"] .slideBox_ li a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*一列目*/
div.cStyle_01 a {
    margin-right: 0px!important;
    margin-bottom: 10px;
    margin-right: 1.1%;
}
div.cStyle_01 a:last-child,
div.cStyle_02.c-flex_ a:last-child {
    margin-bottom: 0px;
}

/* --------------------------------------------------------------------
共通フッター
-------------------------------------------------------------------- */
ul.buttons_ {
padding: 0 10px;
}
ul.buttons_ li {
line-height: 1;
margin-bottom: 5px;
}
ul.buttons_ li a {
}
ul.buttons_ li a img {
}

footer {
text-align: center;
font-size: 12px;
}
footer #pagetop {
margin: 15px 0;
}
footer #pagetop img {
height: 48px;
}
footer nav#footernav {
text-align: left;
background: #3b4c60;
}
#top footer nav#footernav {
background: #d0cec5;
}

footer nav#footernav ul {
display: table;
width: 100%;
border-top: 1px solid #b8b5aa;
}
footer nav#footernav ul li {
display: table-cell;
width: 50%;
vertical-align: middle;
}
footer nav#footernav ul li a {
display: block;
color: #191917;
font-size: 10px;
text-decoration: none;
padding: 10px 20px 10px 10px;
background: url(../img/usr/sb/footer/arrow_brack.png) 96% center no-repeat;
background-size: 6px 9px;
-moz-background-size: 6px 9px;
-webkit-background-size: 6px 9px;
}
footer #copyright {
padding: 15px;
display: block;
text-align: center;
color: #eae8df;
font-size: 9px;
background: #191919;
}
footer .footer_frame_ {
padding: 50px 15px;
background: #ebebeb;
border-bottom: 1px solid #989796;
}
footer .footer_frame_ div.icon_{
text-align : center;
}
footer .footer_frame_ div.icon_.support_{
height: 40px;
}
footer .footer_frame_ div.icon_.support_ img{
width: 40px;
height: 40px;
}
footer .footer_frame_ div.icon_.contact_{
height: 29px;
}
footer .footer_frame_ div.icon_.contact_ img{
width: 40px;
height: 29px;
}
footer .footer_frame_ div.ttl_{
margin-top: 20px;
font-weight: bold;
font-size: 18px;
}
footer .footer_frame_ div.desc_{
margin-top: 20px;
}
footer .footer_frame_ div.tel_{
margin-top: 20px;
font-weight: bold;
font-size: 24px;
}
footer .footer_frame_ div.time_{
margin-top: 10px;
font-size: 10px;
}
footer .footer_frame_ div.btn_{
margin-top: 20px;
width: 100%;
height: 100%;
text-align: center;
}
footer .footer_frame_ div.btn_ a{
display: inline-block;
width: 46.3%;
border: 1px solid #282828;
border-radius: 2px;
color: #404040;
text-decoration: none;
padding: 5px 0;
}
footer div.footer_list_ ,
footer div.footer_bottom_ {
background: #242425;
}
#c20 footer div.footer_list_ ,
#c20 footer div.footer_bottom_ {
background: #142260;
}
footer ul.footer_menu_ {
}
footer ul.footer_menu_ li{
width: 100%;
border-bottom: 1px solid #555;
font-size: 14px;
}
footer ul.footer_menu_ li a{
position: relative;
display: inline-block;
height: 100%;
width: calc(100% - 50px);
padding: 13px 35px 13px 15px;
text-decoration: none;
color: #FFF;
text-align: left;
}
footer ul.footer_menu_ li a:after{
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 100%;
background: url(https://www.hanesbrandsinc.jp/img/sys/arrow_white_s.svg) center center / 5px auto no-repeat;
display: inline-block;
content: "";

}
footer div.footer_bottom_ {
padding: 38px 0;
}
footer .footer_logo_ {
margin: 0 0 38px;
}
footer .footer_logo_ img {
width: 40%;
}
footer .footer_sns_ {
margin: 0 0 28px;
}
footer .footer_sns_ li {
display: inline-block;
vertical-align: top;
width: 30px;
margin: 0 10px;
}
footer div.footer_bottom_ .modelink_{
text-align: center;
}
footer div.footer_bottom_ .modelink_ a{
display: inline-block;
max-width: 178px;
width: 48%;
padding: 6px 0;
border: 1px solid #FFF;
border-radius: 35px;
color: #FFF;
text-decoration: none;
}
footer div.footer_bottom_ #copyright{
margin-top: 20px;
padding: 0;
background: #242425;
}
#c20 footer div.footer_bottom_ #copyright{
background: #142260;
}
footer nav#footernav ul {
border-top: 1px solid #637487;
}
nav#footernav ul li a {
color: #fff;
background: url(../img/usr/sb/footer/arrow_white.png) 96% center no-repeat;
background-size: 6px 9px;
-moz-background-size: 6px 9px;
-webkit-background-size: 6px 9px;
}

/* --------------------------------------------------------------------
トップページ
-------------------------------------------------------------------- */
div.flash_ctrl_ {
white-space:nowrap;
text-align:right;
float:right; /* */
}
div.search_ {
white-space:nowrap;
}

img.top_banner_ {
max-width: 100%;
}

/* トップページ本文 */
.visual_ .slider-pro {
position: relative;
}
.sp-slides-container {
overflow: hidden;
position: relative;
}
.sp-slides {
position: relative;
padding-top: 107%;
}
.visual_ .sp-slides {
padding-top: 0;
}
.sp-slides-container .sp-slides {
padding-top: 0;
}
.sp-slide {
position: absolute;
left: 100%;
top: 0;
}
.visual_ .sp-slide {
left: auto;
}
.sp-slide:first-of-type {
left: 0;
z-index: 1;
}
.visual_ .sp-slide:first-of-type {
left: auto;
}
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
max-width: none;
}
.visual_ .sp-arrow {
display: block;
position: absolute;
top: 0;
width: 10%;
height: 100%;
text-indent: -9999px;
}
.visual_ .sp-previous-arrow {
left: 0;
background: url(https://www.hanesbrandsinc.jp/img/sys/arrow_prev_l.svg) center center no-repeat;
background-size: auto 24px;
}
.visual_ .sp-next-arrow {
right: 0;
background: url(https://www.hanesbrandsinc.jp/img/sys/arrow_next_l.svg) center center no-repeat;
background-size: auto 24px;
}
.visual_ .sp-buttons {
height: 36px;
text-align: center;
}
.visual_ .sp-button {
display: inline-block;
width: 6px;
height: 6px;
margin: 15px 4px;
border: none;
border-radius: 50%;
background: #989796;
}
.visual_ .sp-selected-button {
background: #007aff;
}
.visual_ .bx-prev {
position: absolute;
top: 0;
left: 0;
width: 10%;
height: 100%;
background: url(https://www.hanesbrandsinc.jp/img/sys/arrow_prev_l.svg) center center no-repeat;
background-size: auto 24px;
text-indent: -9999px;
}
.visual_ .bx-next {
position: absolute;
top: 0;
right: 0;
width: 10%;
height: 100%;
background: url(https://www.hanesbrandsinc.jp/img/sys/arrow_next_l.svg) center center no-repeat;
background-size: auto 24px;
text-indent: -9999px;
}
.visual_ .bx-pager {
height: 36px;
text-align: center;
}
.visual_ .bx-pager-item{
display: inline;
}
.visual_ .bx-pager-item a{
display: inline-block;
width: 6px;
height: 6px;
margin: 15px 4px;
border: none;
border-radius: 50%;
background: #989796;
text-indent: -9999px;
}
.visual_ .bx-pager-item a.active{
background: #007aff;
}
/* バナー */
#c20 div.bigbtn_frame_ {
background: #f3f3f3;
width: 100%;
padding: 10px;
box-sizing: border-box;
}
#c20 div.bigbtn_frame_ a {
display: block;
box-shadow:0px 0px 10px 0px #dbdbdb;
-moz-box-shadow:0px 0px 10px 0px #dbdbdb;
-webkit-box-shadow:0px 0px 10px 0px #dbdbdb;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background: #FFF;
text-align: center;
text-decoration: none;
color: #282828;
}
#c20 div.bigbtn_frame_ a img {
width: 100%;
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
}
#c20 div.bigbtn_frame_ a .btnttl_{
position: relative;
font-size: 20px;
font-weight: bold;
margin: 29px 0 0;
}
#c20 div.bigbtn_frame_ a .btnttl_:after {
position: absolute;
bottom: -13px;
left: calc(50% - 25px);
width: 50px;
height: 1px;
border-top: 1px solid #282828;
content: "";
}
#c20 div.bigbtn_frame_ a .btndesc_{
font-size: 16px;
margin: 24px 0 0;
}
#c20 div.bigbtn_frame_ a .btnlink_{
font-size: 14px;
margin: 8px 0 0;
padding: 0 0 24px;
color: #007aff;
}

/* hanes,champion */
#c10 .visual_ #headline_,
#c20 .visual_ #headline_ ,
#c30 .visual_ #headline_ {
height: 0;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}

/* トップページ */
#c30 .visual_ {
/*margin-top: -45px;*/
}
#top_intro {
padding: 20px 5px 0;
}
#top_intro h2 {
text-align: center;
margin: 0 0 20px;
}
#top_intro h2 img {
width: 80%;
}
#top_intro .frame_ {
}
#top_intro .frame_:after {
content: "";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
#top_intro .frame_ .intro_hanes_,
#top_intro .frame_ .intro_champion_ {
width: 50%;
padding: 0 5px;
text-align: center;
box-sizing: border-box;
}
#top_intro .frame_ .intro_hanes_ {
float: right;
}
#top_intro .frame_ .intro_champion_ {
float: left;
}
#top_intro .frame_ .intro_hanes_ .inner_,
#top_intro .frame_ .intro_champion_ .inner_ {
height: 120px;
background: #fff;
box-sizing: border-box;
}
#top_intro .frame_ .intro_hanes_ img,
#top_intro .frame_ .intro_champion_ img {
height: 125px;
vertical-align: top;
}
#top_intro .frame_ .intro_champion_ .inner_ {
}
#top_intro .frame_ .intro_champion_ .logo_ {
margin: 0 0 20px;
}
#top_intro .frame_ .intro_champion_ .logo_ img {
height: 34px;
}
#top_intro .frame_ .intro_champion_ ul {
font-size: 0;
}
#top_intro .frame_ .intro_champion_ li {
display: inline-block;
vertical-align: top;
margin: 0 5px;
}
#top_intro .frame_ .intro_champion_ li img {
height: 58px;
}
/* レコメンド */
.recommend_ {
margin: 20px 0 0;
}
.recommend_ .ttl_recommend_ {
color: #051c38;
font-size: 12px;
font-weight: bold;
padding: 6px 0 0 0;
margin: 0 10px 15px;
background: url(../img/usr/champion_bg_h2.gif) left top no-repeat;
}
.recommend_ .ttl_recommend_ span {
display: block;
color: #051c38;
font-size: 12px;
font-weight: bold;
line-height: 1.4;
}

#top #recommend .frame_ {
margin: 0 0 20px;
}
#top #recommend .frame_ .inner_ {
position: relative;
overflow: auto;
	width: 100%;
}
#top #recommend .frame_ .inner_ .list_{
    width: 1480px;
    display: -webkit-flex;
    display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#top #recommend .frame_ .inner_ ul.list_ li{
	width: 138px;
}
#top #recommend .frame_ .inner_ .list_ .icon_bottom_{
    display: none;
}
#top #recommend .frame_ .inner_ ul.list_ li:nth-of-type(n+11) {
    display: none;
}
#top #recommend .bx-viewport {
height: auto !important;
}
#top #recommend .bookmark_add_,
#top #recommend .desc_ {
display: none;
}
#top #recommend .list_ li {
margin-right: 10px;
background: #fff;
}
#top #recommend .list_ li a {
color: #404040;
text-decoration: none;
}
#top #recommend .img_ {
overflow: hidden;
position: relative;
padding-top: 108%;
}
#top #recommend .img_ img {
position: absolute;
left: -4%;
top: 0;
max-width: none;
height: 100%;
}
#top #recommend .bx-prev,
#top #recommend .bx-next {
position: absolute;
top: 0;
width: 30px;
height: 100%;
text-indent: -9999px;
}
#top #recommend .bx-prev {
left: 0;
background: url(../img/usr/sb/prev.png) center center no-repeat;
background-size: auto 15px;
}
#top #recommend .bx-next {
right: 0;
background: url(../img/usr/sb/next.png) center center no-repeat;
background-size: auto 15px;
}

/**/
/* トップページイベント */
#top .view_all_ {
display: none;
position: absolute;
left: 10px;
right: 5px;
bottom: 0;
text-align: center;
}
#top .view_all_.disp_ {
display: block;
}
#top .event_frame_:nth-child(even) .view_all_ {
left: 5px;
right: 10px;
}
#top .view_all_ a {
display: block;
width: 100%;
line-height: 1;
padding: 6px 0 5px 0;
margin: 0 auto;
border: 1px solid #b9b7ac;
text-indent: -9999px;
background: url(../img/usr/sb/top/common/view_all.png) center center no-repeat;
background-size: auto 10px;
-moz-background-size: auto 10px;
-webkit-background-size: auto 10px;
}
#top .view_all_ a img {
height: 8px;
}
/**/

/* トップページ　予備テンプレート２ */
.banner_area_ {
}
.banner_area_ li {
display: inline-block;
width: 48%;
line-height: 1;
margin: 0 0 5px 0;
text-align: center;
}
.banner_area_ li:nth-child(odd) {
text-align: right;
margin-right: 2%;
}
.banner_area_ li:nth-child(even) {
margin-left: 2%;
}
.link_brand_ {
padding: 0 10px;
margin-bottom: 15px;
}
.link_brand_ li {
line-height: 1;
text-align: center;
margin: 0 0 5px 0;
}
.bnr_visual_ {
position: relative;
height: 150px;
margin: 0 auto;
}
.bnr_visual_ .bx-wrapper{
position: relative;
max-width: 100% !important;
}
.bnr_visual_ .inner_ {
position: relative;
width: 1040px;
padding: 0 20px;
margin: 0 auto;
}
.bnr_visual_ .bx-prev,
.bnr_visual_ .bx-next {
display: block;
position: absolute;
width: 10%;
height: 100%;
top: 0;
text-indent: -9999px;
}
.bnr_visual_ .bx-prev {
left: 0;
background: url(../img/usr/sb/mainslider/common/prev.png) left center no-repeat;
background-size: 20px 30px;
-moz-background-size: 20px 30px;
-webkit-background-size: 20px 30px;
}
.bnr_visual_ .bx-next {
right: 0;
background: url(../img/usr/sb/mainslider/common/next.png) right center no-repeat;
background-size: 20px 30px;
-moz-background-size: 20px 30px;
-webkit-background-size: 20px 30px;
}
.bnr_visual_ .bx-next:hover {
background-position: right center;
}
/**/

/* hanes,champion フリーブロック１ */
.link_magazine_ {
line-height: 0;
}
.link_magazine_ img {
width: 100%;
}

/* hanes,champion 一言コメント */
.brand_banner_ {
text-align: center;
padding: 15px 2% 10px 2%;
margin-bottom: 0px;
background: #dad1d1;
}
.brand_banner_ h2 {
margin: 0 0 15px 0;
}
.brand_banner_ h2 img {
height: 10px;
}
.brand_banner_ ul {
text-align: center;
}
.brand_banner_ li {
display: inline-block;
width: 46%;
line-height: 0;
margin: 0 2% 5px 2%;
}


/* --------------------------------------------------------------------
お気に入り　アラート表示
-------------------------------------------------------------------- */
#bookmark_alert {
display: none;
top: 34%;
width: 340px;
max-width: 96%;
padding: 30px 25px;
text-align: center;
background: #fff;
border-radius: 8px;
box-sizing: border-box;
}
#bookmark_alert .txt_ {
font-size: 14px;
margin: 0 0 28px;
}
#bookmark_alert .btn_ {
}
#bookmark_alert .btn_ li {
display: inline-block;
width: 48%;
}
#bookmark_alert .btn_ li a {
display: block;
color: #007aff;
font-size: 13px;
text-decoration: none;
text-align: center;
padding: 10px 0;
border: 1px solid #007aff;
}
#bookmark_alert .modal_close_ {
color: #007aff;
font-size: 14px;
margin: 20px 0 0;
}
/* --------------------------------------------------------------------
会員規約
-------------------------------------------------------------------- */
#agree_contents dt {
padding: 0px 0px 0px 6px;
border: none;
font-size: 14px;
color: #00377f;
text-decoration: underline;
cursor: pointer;
}

#agree_contents dd {
border: none;
display: none;
}

/* --------------------------------------------------------------------
ログイン
-------------------------------------------------------------------- */
div.login_ {
padding: 40px 20px 20px;
background: #acbbac;
}
div.login_ .login_headline1_ {
color: #fff;
font-size: 48px;
line-height: 1;
font-weight: normal;
text-align: center;
margin: 0 0 40px;
}
div.login_ div.loginform_ h2,
div.login_ .member_regist_ h2 {
color: #fff;
font-size: 18px;
font-weight: normal;
text-align: center;
}

div.login_ div.loginform_ {
margin: 0 0 40px;
}
div.login_ .loginform_input_ {
}

.box_.forminner_ .main_action_button_ {
margin: 17px 0 15px;
}
.box_.forminner_ .loginform_input_ li {
padding: 10px 0 10px 30px;
border-bottom: 1px solid #fff;
}
.box_.forminner_ .loginform_input_ li.mail_ {
background: url(https://www.hanesbrandsinc.jp/img/usr/sb/icon_address.svg) 5px center no-repeat;
background-size: auto 15px;
}
.box_.forminner_ .loginform_input_ li.pass_ {
background: url(https://www.hanesbrandsinc.jp/img/usr/sb/icon_password.svg) 5px center no-repeat;
background-size: auto 19px;
}
.box_.forminner_ .loginform_input_ li input {
-webkit-appearance: none;
-moz-appearance: none;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: normal;
width: 100%;
max-width: 100%;
height: auto;
padding: 0 5px;
margin: 0;
border: none;
outline: none;
background: none;
box-sizing: border-box;
border-radius: 0;
}
.box_.forminner_ .loginform_input_ li input::-webkit-input-placeholder {
color: #fff;
font-size: 11px;
font-weight: bold;
}
.box_.forminner_ .loginform_input_ li input:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px #acbbac inset;
}
.box_.forminner_ .forgotpass_ {
text-align: center;
}
.box_.forminner_ .forgotpass_ a {
color: #fff;
font-size: 10px;
text-decoration: none;
}
.box_.forminner_ .box_ {
padding: 0;
margin: 0 0 20px;
}
.box_.forminner_ .form_text_ {
color: #fff;
font-size: 10px;
text-align: justify;
line-height: 1.7;
margin-bottom: 20px;
}
.box_.forminner_.member_regist_ {
margin: 0 0 50px;
}
.box_.forminner_.member_regist_ .btn_regist_ {
margin: 18px 0 15px;
}
.box_.forminner_.member_regist_ .btn_regist_ a {
display: block;
font-size: 13px;
line-height: 1;
text-align: center;
color: #fff;
font-weight: bold;
text-decoration: none;
width: 100%;
height: 44px;
padding: 16px 5px 15px;
border-radius: 22px;
box-sizing: border-box;
background-image: -moz-linear-gradient( 0deg, rgb(252,44,104) 0%, rgb(251,100,53) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(252,44,104) 0%, rgb(251,100,53) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(252,44,104) 0%, rgb(251,100,53) 100%);
}
.box_.forminner_.member_regist_ .regist_notice_ {
color: #fff;
font-size: 10px;
line-height: 1.4;
text-align: justify;
}
div.login_ .menber_merit_ {
}
div.login_ .menber_merit_ h2 {
color: #fff;
font-size: 18px;
font-weight: normal;
text-align: center;
margin: 0 0 20px;
}
div.login_ .menber_merit_ li {
margin-top: 10px;
}
div.login_ .menber_merit_ li:first-child {
margin-top: 0;
}

.login-list {
overflow:hidden;
text-align:left;
border-top:1px solid #9fb7d4;
margin-bottom: 10px;
}
.login-list li.inputimage_ {
width:100%;
}
.login-list li.inputimage_ a {
display:block;
padding-left:50px;
height:43px;
line-height:43px;
border-bottom:1px solid #9fb7d4;
color:#000;
background-repeat:no-repeat;
background-position:5px 50%;
}

/* SNSアカウントログイン */
div.login_ h2.common_headline1_ {
margin: 0;
background-color: #007aff;
border-radius: 100px;
padding: 10px;
}
div.login_ .box_.forminner_ {
display: none;
}
.loginformIn_ {
margin-bottom: 20px;
}
.loginformIn_#sns_login_ {
margin-bottom: 54px;
}
div#member_regist_ h2{
margin-bottom: 15px;
}
.socialplus_ input {
width: 65%;
display: block;
margin: 0 auto 14px;
}
.socialplus_ input:last-child {
margin-bottom: 0px;
}
.box_.forminner_.loginModal_{
display:block;
position:fixed;
z-index:1000;
width:76%;
background:#acbbac;
padding:25px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 50vw;
border-radius: 4px;
}
.box_.forminner_.member_regist_.loginModal_ {
height: 35vw;
}
.box_.forminner_.sns_login_box_.loginModal_{
height: 85vw;
}
.box_.forminner_.loginModal_ span.close_ {
position: absolute;
width: 30px;
height: 30px;
top: -10vw;
right: -7px;
cursor:pointer;
}
.box_.forminner_.loginModal_ span.close_:before {
content: "";
position: absolute;
display: inline-block;
top: 4px;
left: 13px;
width: 1px;
height: 30px;
border: 0;
margin: 0;
padding: 0;
background-color: white;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.box_.forminner_.loginModal_ span.close_:after {
content: "";
position: absolute;
display: inline-block;
top: 4px;
left: 13px;
width: 1px;
height: 30px;
border: 0;
margin: 0;
padding: 0;
background-color: white;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (min-width: 567px){
.box_.forminner_.add_login_box_.loginModal_ {
height: 32vw;
}
.box_.forminner_.sns_login_box_.loginModal_ {
height: 37vw;
}
.socialplus_ input {
width: 47%;
display: inline-block;
margin-right: 2%;
}
.box_.forminner_.loginModal_ span.close_ {
top: -30px;
}
}

/* マイページ：snsアカウント連携 */
#socialplus_page {
width: 100%;
background-image: -webkit-linear-gradient(90deg, #7ebc9d 0%, #75c2bc 100%);
background-image: -moz-linear-gradient(90deg, #7ebc9d 0%, #75c2bc 100%);
background-image: linear-gradient(0deg, #7ebc9d 0%, #75c2bc 100%);
padding-bottom: 30px;
}
#socialplus_page div.customer_status_ {
background-color: rgba(107, 191, 162, 0);
border: 0;
margin: 0;
}
#socialplus_page .common_headline1_{
color: #fff;
}
#socialplus_page .navitopicpath_ {
color: #fff;
}
#socialplus_page .navitopicpath_ a {
color: #fff;
}
#socialplus_page table.provider_list_ {
width: 80%;
margin: 0px auto 26px;
text-align: center;
border: 0;
background: rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
#socialplus_page table.provider_list_ tr td{
padding: 10px 0;
}
#socialplus_page table.provider_list_ tr td.provider_ {
display: none;
}
#socialplus_page table.provider_list_ tr td.certification_ {
width: 55%;
text-align: center;
vertical-align: middle;
}
#socialplus_page tr:first-child td.certification_{
padding-top: 30px;
}
#socialplus_page tr:last-child td.certification_{
padding-bottom: 30px;
}
#socialplus_page table.provider_list_ tr td.certification_ input{
width: 80%;
}
#socialplus_page .submit_{
margin: 0;
}
#socialplus_page .submit_ a {
color: #fff;
border-radius: 30px;
border: 1px solid #fff;
padding: 8px;
display: block;
width: 45%;
margin: 0 auto;
text-decoration: none;
}
.desc_.SocialLogouttext_ p {
font-size: 11px;
}
div#socialplus_release_err_ {
text-align: center;
margin: 0 15px 30px;
}

/* --------------------------------------------------------------------
追加認証
-------------------------------------------------------------------- */
input.certify_ {
width:0px;
height:0px;
}

/* --------------------------------------------------------------------
新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
margin: 0 10px 40px;
padding: 10px 20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
max-height: 240px;
clear: both;
overflow-y: auto;
background: #fff;
font-size: 12px;
line-height: 1.5;
border: 1px #e3e3e3 solid;
}

div.customer_ table.customer_, 
div.customer_ table.customerconfirm_ {
width: 100%;
margin-bottom: 20px;
border: 1px solid #cccccc;
}
div.customer_ table.customer_ th, 
div.customer_ table.customerconfirm_ th {
width: 30%;
background-color: #e5f3ff;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 3px;
text-align: left;
vertical-align: middle;
font-weight: normal;
}
div.customer_ table.customer_ td, 
div.customer_ table.customerconfirm_ td {
border-bottom: 1px solid #cccccc;
padding: 3px;
}
div.customer_ input.zip_ {
width: 140px;
}
dl.customer_ input.customer_card_ {
width: 190px;
}
dl.customer_ input.pin_ {
width: 140px;
}
/* --------------------------------------------------------------------
マイページ
-------------------------------------------------------------------- */
.page-mypage {
padding: 40px 0 0;
background-image: -moz-linear-gradient( 90deg, rgb(126,188,157) 0%, rgb(117,194,188) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(126,188,157) 0%, rgb(117,194,188) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(126,188,157) 0%, rgb(117,194,188) 100%);
}
.mypage_headline_ {
color: #fff;
font-size: 30px;
font-weight: normal;
text-align: center;
margin: 0 0 40px;
}
div.customer_status_ {
margin: 0 10px 10px;
padding: 5px;
background:#F8F8F8;
border: 1px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
}
div.customer_name_ {
}
.loginname_ {
}
.mypoint_ {
}
.point_ {
font-weight: bold;
}

#mypagenav {
}
#mypagenav li {
border-bottom: 1px solid #fff;
}
#mypagenav li:first-child {
border-top: 1px solid #fff;
}
#mypagenav li a {
position: relative;
display: block;
color: #fff;
font-size: 16px;
padding: 12px 25px 12px 20px;
text-decoration: none;
}
#mypagenav li a:after {
content: "";
position: absolute;
right: 20px;
top: 50%;
display: block;
width: 6px;
height: 8px;
margin-top: -4px;
background: url(https://www.hanesbrandsinc.jp/img/sys/arrow_white_s.svg) center center no-repeat;
background-size: auto 8px;
}
#mypagenav li img {
margin-right: 5px;
width: 40px;
vertical-align: middle;
}
#mypagenav #dest_change a {
}
#mypagenav #dest_change ul#destnav {
}
#mypagenav #dest_change ul#destnav li {
}
#mypagenav #dest_change ul#destnav li:last-child {
border-bottom: none;
}
#mypagenav #dest_change ul#destnav li a {
padding-left: 50px;
}

.customer_ {
}
.customer_.customer_flow_ {
padding: 20px 0;
margin: 0;
background: #acbbac;
}

.submit_ {
margin: 0 10px 20px;
text-align: center;
}
/*マイページランク
-------------------------------------------*/
#mypage_rank {
width: 92%;
margin: 0 auto 30px;
}
#mypage_rank #rank_barcode {
width: 65%;
margin: 0 auto 28px;
text-align: center;
padding: 15px 10px;
border: 1px solid #696866;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
#mypage_rank #rank_barcode h2 {
width: 100%;
height: 11px;
margin-bottom: 12px;
background-image: url(../img/usr/mypage/sb/barcode_ttl.png);
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: auto 11px;
background-size: auto 11px;
text-indent: -9999px;
}
#mypage_rank .rank_desc_ {
}
#mypage_rank .mypage_info_ {
padding: 10px 5px 5px;
margin-bottom: 20px;
border-radius: 4px;
background-color: #6bbfa2;
}
#mypage_rank .mypage_info_ .loginname_,
#socialplus_page .loginname_ {
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 0 5px;
}
#mypage_rank .mypage_info_ .frame_ {
overflow: hidden;
}
#mypage_rank .mypage_info_ .frame_ dl {
float: left;
color: #000;
text-align: center;
width: calc(50% - 2.5px);
padding: 6px;
margin-top: 5px;
margin-left: 5px;
background: #fff;
border-radius: 2px;
box-sizing: border-box;
}
#mypage_rank .mypage_info_ .frame_ dl:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
#mypage_rank .mypage_info_ .frame_ dt {
font-size: 10px;
}
#mypage_rank .mypage_info_ .frame_ dd {
font-size: 15px;
font-weight: bold;
}
#mypage_rank .mypage_info_ .frame_ dd small {
font-size: 9px;
line-height: 1;
}
#mypage_rank .rank_desc_ .rank_comment_ {
color: #fff;
font-size: 12px;
text-align: center;
}
#mypage_rank .btn_about_rank_ {
margin: 20px 0 0;
}
#mypage_rank .btn_about_rank_ a {
display: block;
font-size: 13px;
line-height: 1;
text-align: center;
color: #fff;
font-weight: bold;
text-decoration: none;
width: 100%;
height: 44px;
padding: 16px 5px 15px;
border: 1px solid #fff;
border-radius: 22px;
box-sizing: border-box;
}

/* --------------------------------------------------------------------
マイページ　購入履歴
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
padding: 5px;
border: 1px solid #CCCCCC;
margin: 0 0 10px;
}
div.customer_ .destgoodslist_ {
margin-bottom: 10px;
}

div.sales_info_ {
margin: 0 10px 10px;
}
table.order_ th,
table.sales_ th,
table.method_ th,
table.purchase_ th,
table.ship_ th,
table.historydetail_ th
{
text-align: left;
border: 1px solid #CCCCCC;
background-color: #F8F8F8;
width: 40%;
font-weight: normal;
padding: 3px;
white-space: nowrap;
}
table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.historydetail_ td
{
border: 1px solid #CCCCCC;
border-left: none;
padding: 3px;
}
table.order_ td.nocell_,
table.sales_ td.nocell_,
table.method_ td.nocell_,
table.purchase_ td.nocell_
{
border: none !important;
}
table.sales_ td,
table.method_ td {
text-align: right;
}
table.purchase_ {
margin-bottom: 10px;
width: 100%;
}
table.purchase_ th{
width: 22%;
}
table.ship_ {
margin: 0 0 10px;
width: 100%;
}

/* 購入履歴 */
div.history_table_ {
margin: 0 10px;
}
table.history_ {
margin: 0 0 10px;
width: 100%;
border: 1px solid #CCCCCC;
border-bottom: none;
}
table.history_ td {
padding: 1px 5px;
border-bottom: 1px solid #CCCCCC;
}
table.history_ th {
background-color: #F8F8F8;
vertical-align: middle;
width: 35%;
font-weight: normal;
text-align: left;
padding: 1px 5px;
border-bottom: 1px solid #CCCCCC;
white-space: nowrap;
}
table.history_ td.order_dt_ {
}
table.history_ td.order_id_ {
}
table.history_ td.order_detail_ {
padding: 0px;
}
table.history_ td.order_detail_ ul {
width: 100%;
}
table.history_ td.order_detail_ ul li {
list-style: none;
border-bottom: 1px dotted #CCCCCC;
}
table.history_ td.order_detail_ ul li div.name_ {
margin: 5px;
}
table.history_ td.order_detail_ .order_again_ {
margin: 5px;
}
table.history_ td.order_detail_ .order_again_ span {
padding: 5px;
display: inline-block;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
/*
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
*/
border: 1px solid #CCCCCC;
background-color: #f6f6f6;
background: #DFDFDF -moz-linear-gradient(top,#FFF,#DFDFDF);
background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DFDFDF));
background: #DFDFDF linear-gradient(top,#FFF,#DFDFDF);
}
table.history_ td.status_ {
padding-top: 5px;
}
table.history_ td.status_ img {
width: 160px;
}
table.history_ td.total_ {
font-size: 16px;
}
div.historydetail_ {
width: 100%;
margin: 10px 0;
text-align: center;
}

/**/
div.estimate_box_content_ {
margin-left:10px;
margin-bottom:10px;
}
table.formlist_ td.cancel_{
background-color: #f6f6f6;
}
table.destgoodslist_ {
width: 100%;
margin-bottom: 10px;
}
table.destgoodslist_ th.name_, table.destgoodslist_ td.name_{
}
table.destgoodslist_ th.qty_, table.destgoodslist_ td.qty_{
}
table.destgoodslist_ th.sales_detail_append_spec_, table.destgoodslist_ td.sales_detail_append_spec_{
}
table.destgoodslist_ th.cancel_dt_, table.destgoodslist_ td.cancel_dt_{
}
table.destgoodslist_ td.cancel_dt_{
color: #cc0000;
}

div.processimage_{
margin: 0 10px 10px;
text-align: center;
}
div.processimage_ img {
max-width: 320px;
width: 100%;
}


/* --------------------------------------------------------------------
マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
margin: 0 10px 10px;
}
div.customer_ li.bookmark_item_ {
padding: 10px 0;
vertical-align: top;
display: table;
width: 100%;
border-bottom: 1px dotted #CCC;
}
div.customer_ li.bookmark_item_:first-child {
border-top: 1px dotted #CCC;
}


li.bookmark_item_ div.cartgoods_ {
padding: 5px;
display: inline;
width: 20px;
display: table-cell;
vertical-align: top;
position: relative;
}
li.bookmark_item_ div.img_ {
padding: 5px;
display: inline;
overflow: hidden;
width: 100px;
display: table-cell;
vertical-align: top;
}
li.bookmark_item_ div.img_ img {
width: 100px;
}
li.bookmark_item_ div.desc_ {
padding: 5px;
width: auto;
display: table-cell;
vertical-align: top;
}
li.bookmark_item_ div.name_ {
display: inline;
}
li.bookmark_item_ div.spec_ {
margin-bottom: 10px;
}

li.bookmark_item_ .edit_memo_ {
margin-top: 5px;
font-weight: bold;
}
li.bookmark_item_ .comment_ {
margin-bottom: 10px;
width: 100%;
}
li.bookmark_item_ .comment_ textarea {
width: 100%;
}
li.bookmark_item_ .comment_ .bookmark_comment_ {
word-break:break-all;
}
div.customer_div.del_ {
text-align: right;
}

/* --------------------------------------------------------------------
マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
margin-bottom: 10px;
}
div.contact_ ul.contactlist_ li {
border-bottom: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li:first-child {
border-top: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li a {
padding: 10px;
display:block;
text-decoration: none;
background: url(../img/usr/link_mypage.png) right center no-repeat;
}
div.contact_ table.detaillistline_ {
border: dotted 1px;
margin:2px auto;
}
div.contact_ .contact_body_ {
word-break:break-all;
}
/* お問合せ詳細 */
.contactdetail_title_ {
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
.contactdetail_title_ .subject_ {
}
.contactdetail_title_ .date_ {
margin-left: 10px;
float: left;
}
.contactdetail_title_ .id_ {
margin-right: 10px;
float: right;
}
div.goods_info_ {
margin: 0 10px 10px;
}
/* スレッド */
div.contactlist_ {
margin: 0 10px 10px;
}
div.contactlist_ .contactlist_order_id_ {
margin: 0 0 0 20px;
}
div.contactlist_ .contactlist_goods_ {
margin: 0 0 0 20px;
}
dl.contactlist_line_ {
margin-bottom: 10px;
padding: 5px;
overflow: hidden;
background: #F0F0F0;
border: 1px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
dl.contactlist_line_ .contactlist_head_ {
width: 100%;
overflow: hidden;
}
dl.contactlist_line_ .contactlist_head_ .name_ {
padding: 5px;
float: left;
display: inline;
font-weight: bold;
width: 40%;
}
dl.contactlist_line_ .contactlist_head_ .updt_ {
padding: 5px;
float: right;
display: inline;
text-align: right;
width: 40%;
}
dl.contactlist_line_ .comment_ {
padding: 10px;
background: #FFF;
}
.contact_reform_comment_ {
margin: 0 10px 10px;
padding: 10px;
border: 1px solid #CCC;
}

/* --------------------------------------------------------------------
カート画面
-------------------------------------------------------------------- */

div.cartlist_ {
padding: 20px 0;
background: #f3f3f3;
}
div.cartlist_ div.submit_ input.main_action_button_ {
color: transparent;
box-shadow: none;
box-sizing: border-box;
margin: 15px 0 0;
background: #007aff url(../img/sys/button/cart_next_sp.png) center center no-repeat;
background-size: auto 54px;
}
div.cartlist_ div.submit_ a.sub_action_button_ {
box-shadow: none;
background: transparent;
margin: 15px 0;
}
div.cartlist_ div.submit_ a.sub_action_button_ img {
width: 79%;
}
div.order_flow_ {
text-align: center;
margin:0 10px 10px;
}
div.order_flow_ ul {
    display: -webkit-flex;
    display: flex;
    color: #ccc;
}
div.order_flow_ ul li {
    width: 20%;
}
div.order_flow_ ul li.on_page_ {
    color: #017aff;
    font-weight: 600;
    width: 40%;
}
div.order_flow_ ul li p:first-child {
    border-bottom: 2px solid;
    padding-bottom: 12px;
    position: relative;
    font-weight: normal;
    font-size: 10px;
}
div.order_flow_ ul li p:first-child span {
    font-weight: 600;
    font-size: 12px;
}
div.order_flow_ ul li p:last-child {margin-top: 10px;font-size: 12px;font-weight: 500;}
div.order_flow_ ul li p:first-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ccc;
    top: 21px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 100%;
}
div.order_flow_ ul li.on_page_ p:first-child:before {
    background: #017aff;
}
div.order_flow_ ul li.on_page_ p:first-child:after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(1, 122, 255, 0.6);
    top: 16px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    right: 0;
    left: 0;
    margin: auto;
}
div.order_flow_ ul li p {
    line-height: 1.0;
}

/* div.order_flow_ img {
width: 100%;
max-width:660px;
} */

table.cartlist_ {
margin: 0 auto;
width: 100%;
border-top: 1px solid #CCCCCC;
}
table.cartlist_ tr.list_ {
border-bottom: 1px solid #CCCCCC;
}
table.cartlist_ td {
padding: 5px;
}
table.cartlist_ td.img_ {
width: 52px;
}
table.cartlist_ td.img_ img {
width: 48px;
}
table.cartlist_ td.name_ {
vertical-align: top;
}
table.cartlist_ td.name_ .name1_ {
font-weight: bold;
}
table.cartlist_ td.name_ .name1_ img {
margin-left: 10px;
width: 13.5vw;
border: 1px solid #6e6e6e;
border-radius: 30px;
}
table.cartlist_ td.name_ .name2_ {
font-size: 12px;
}
table.cartlist_ td.price_box_ {
vertical-align: top;
text-align:right;
width:90px;
}
table.cartlist_ td.money_ {
width:90px;
text-align:right;
}
table.cartlist_ .price_box_ li.money_ {
width:90px;
text-align:right;
padding: 2px;
}
table.cartlist_ .price_box_ li.qty_ {
text-align:right;
width:90px;
padding: 2px;
}
table.cartlist_ td.button_ {
vertical-align: middle;
text-align: center;
width: 64px;
}
table.cartlist_ td.total_ {
text-align:right;
}
table.cartlist_ .qty_ input {
text-align: right;
width: 45px;
}

input.calc_ {
width:0px;
height:0px;
}

div.postage_comment_ {
padding: 5px 5px 0 5px;
margin: 5px 0 0 auto;
text-align: right;
font-weight: bold;
color: #ff0000;
}

div.postage_comment2_ {
padding: 0 5px 0 5px;
margin: 0 0 0 auto;
text-align: right;
color: #ff0000;
}


/* --------------------------------------------------------------------
ご注文方法の指定
-------------------------------------------------------------------- */

div.order_ {
margin: 0 10px;
}
div.order_ div.submit_ input.main_action_button_ {
margin: 15px 0;
}
div.order_ div.submit_ a.sub_action_button_ img {
width: 79%;
}
/* ご注文主（ログイン時） */
div.method_host_ {
}

div.method_host_ div.host_info_ {
margin: 0 10px 10px;
padding: 5px;
background: #F0F0F0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.method_host_ .host_name_ {
padding-bottom: 5px;
}
div.method_host_ address {
padding: 10px;
background: #FFF;
font-style: normal;
}
table.method_host_ {
margin-bottom: 20px;
width: 100%;
}
dl.method_host_ input.zip_ {
width: 140px;
}
tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
width: 300px;
}

/**/
/* 贈り主（ログイン時） */
div.method_sender_ {
margin-bottom: 10px;
}
div.method_sender_ div.sender_info_ {
margin-bottom: 5px;
padding-left: 10px;
}
div.sender_change_ {
padding: 5px;
margin: 0 10px 10px 10px;
background: #F0F0F0;
border: 1px solid #CCC;
width: auto;
}
div.sender_change_ input.zip_ {
width: 140px;
}
div.method_sender_ ul.method_sender_ {
width: 90%;
padding-left: 20px;
}
/**/
/* 宛て先（ログイン時） */
div.method_address_ {
}
div.addresslist_ {
}
div.address_item_ {
margin: 0 10px 10px;
padding: 5px;
background: #F0F0F0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.address_item_ .address_title_ {
padding-bottom: 5px;
}
div.address_item_ .dest_disp address {
padding: 10px;
background: #FFF;
font-style: normal;
}
div.address_item_ .address_change_ {
margin-top: 5px;
text-align: right;
}
div.address_item_ .address_change_ input{
padding:0 12px;
}
div.address_bottom_ {
padding: 0 10px;
text-align: right;
}
div.address_bottom_ input {
margin-bottom: 10px;
padding:0 12px;
}
/**/
/* 配送方法 */
div.method_box_ {
}
div.method_box_ h3 {
margin: 0 0 10px 0;
padding: 5px 10px;
font-size: 16px;
font-weight: bold;
background: #F0F0F0;
}
div.method_box_ div.method_box_content_ {
padding: 0 10px 10px;
}

/**/
/* 配送希望日時指定 */
#method_date dl {
margin: 0 0 10px 0;
}
#method_date dl dt {
margin-bottom: 5px;
float: left;
display: inline;
font-weight: bold;
}
#method_date dl dd {
margin-left: 8em;
margin-bottom: 5px;
}
/**/
/* ポイント */
.currentpoint_ {
margin-bottom: 10px;
}
div.point_use_ {
margin-bottom: 10px;
padding: 10px;
background: #F8F8F8;
border: 1px solid #CCC;
}
div.point_use_ input[type=number] {
width: 5.0em;
}
/**/
/* 注文拡張情報 */
div.method_salesappend_ {
}
dl.salesappend_ dd span {
display: block;
}
dl.salesappend_ dd.salesappend_radio input,
dl.salesappend_ dd.salesappend_checkbox input {
display: block;
float: left;
clear: left;
margin-top: 0px;
margin-bottom: 0px;
}
dl.salesappend_ dd.salesappend_radio label,
dl.salesappend_ dd.salesappend_checkbox label {
display: block;
clear: none;
margin-left: 20px;
}
/**/

/* --------------------------------------------------------------------
ギフト注文 配送先の選択
-------------------------------------------------------------------- */
.order_gift_ .dest_list_ {
background: #F0F0F0;
}
.order_gift_ .dest_list_ .btn_checkall_ {
padding: 10px 10px 0;
}
.order_gift_ .dest_list_ .address_customer_{
padding: 10px;
}
.order_gift_ .dest_list_ .address_item_ {
border: none;
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.order_gift_ .address_book_list_ .address_item_ {
border: none;
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.order_gift_ .dest_list_ .address_book_list_ {
margin: 0 10px 10px 10px;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_ {
border-bottom: 1px solid #ddd;
}
.order_gift_ .dest_list_ .address_item_ address {
margin-left: 30px;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ {
font-size: 14px;
margin-bottom: 7px;
padding: 5px 5px 0 5px;
}
.order_gift_ .dest_list_ .btn_add_addr_ {
background: #F0F0F0;
padding: 0 10px 10px 25px;
margin-bottom: 20px;
text-align: right;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ {
text-align: right;
overflow: hidden;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ input {
padding-left: 10px;
display: block;
float: right;
}
.order_gift_ div.method_sender_ .address_item_{
border-bottom: none;
margin-bottom: 10px;
}
.order_gift_ .method_sender_ .sender_info_ {
border: none;
}

/* --------------------------------------------------------------------
ギフト注文 配送先商品追加画面
-------------------------------------------------------------------- */
.order_gift_ div.delivery_dest_add_ {
text-align: right;
margin-bottom: 20px;
}
.order_gift_ h3.top_massage_ {
font-size: 14px;
font-weight: bold;
}
.order_gift_ .add_goods_list_ {
padding: 15px;
margin: 0 0px 10px;
}
.order_gift_ .highlight_ {
background: #FEE;
border: 1px solid #FFC8C8;
}

.order_gift_ .delivery_dest_{
margin-bottom: 30px;
}

.order_gift_ .delivery_dest_ .dest_ttl {
position:relative;
}
.order_gift_ .delivery_dest_ .dest_ttl .btn_deldest_{
position:absolute;
right:5px;
top:8px;
}
.order_gift_ .delivery_dest_ .address_item_ {
padding-bottom: 0;
border: none;
}
.order_gift_ .delivery_dest_ .address_item_ .btn_deldest_{
padding: 10px;
}
.order_gift_ div.delivery_dest_ {
margin-bottom: 20px;
border-bottom: 1px dotted #CCC;
}

.order_gift_ .delivery_dest_ .total_dest_price_ {
padding: 0 10px 10px 10px;
}

.order_gift_ .delivery_dest_ .total_dest_price_ table{
width:100%;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table th{
width: 30%;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 3px;
background-color: #F8F8F8;
font-weight: normal;
text-align: left;
vertical-align: middle;
white-space:nowrap;
}

.order_gift_ .delivery_dest_ .total_dest_price_ table th,
.order_gift_ .delivery_dest_ .total_dest_price_ table td{
border: 1px solid #DDD;
vertical-align: middle;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table td.btns_ {
width: 60px;
vertical-align: middle;
}

.order_gift_ .goodsinfo_box_{
padding:0 10px 10px;
}
table.goodsinfo_box_{
width: 100%;
margin-bottom: 10px;
}

table.goodsinfo_box_ th {
background-color: #F8F8F8;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font-weight: normal;
padding: 3px;
text-align: left;
vertical-align: middle;
white-space: nowrap;
width: 30%;
}

table.goodsinfo_box_ td {
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 3px;
vertical-align: top;
}
table.goodsinfo_box_ input[type=text],
table.goodsinfo_box_ input[type=number],
table.goodsinfo_box_ textarea {
width: 90%;
}

table.goodsinfo_box_td.btn_deldest_ {
border: 1px solid #CCCCCC;
}

.order_gift_ .goodsinfo_box_ th{
background: #F8F8F8;
}
.order_gift_ .select_dest_goods_box_{
background: #FFF;
padding: 10px 10px 10px 10px;
}
.order_gift_ .select_dest_goods_box_ .btn_add_goods_{
margin-bottom: 10px;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ table{
width: 100%;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ td{
padding: 7px 10px 0 0;
}

.order_gift_ .select_dest_goods_box_ .add_goods_list_ td.qty_{
text-align: right;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ td.qty_ input{
padding: 5px;
width: 3em;
text-align: right;
}
.order_gift_ .select_dest_goods_box_ .btn_add_checked_goods_{
text-align: center;
padding: 15px 15px 0;
}
.order_gift_ .total_dest_price_ .btn_recalc_ {
position: absolute;
right: 5px;
top: -10px;
}

/* --------------------------------------------------------------------
ギフト注文 のし・ラッピング設定画面
-------------------------------------------------------------------- */
.order_gift_ .section_ {
margin-bottom: 30px;
background: #FCFCFC;
}
.order_gift_ .section_ label {
padding: 0;
}
.order_gift_ .section_ h3{
margin: 0 0 10px 0;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
background: #F0F0F0;
}
.order_gift_ .section_ ul{
overflow: hidden;
padding: 10px 20px;
}
.order_gift_ .section_ ul li{
float: left;
}
.order_gift_ .section_ ul li label{
display: block;
margin-right: 20px;
text-align: center;
}
.order_gift_ .section_ ul li label img{
display: block;
margin-bottom: 10px;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_{
margin-bottom: 30px;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_ ul{
overflow: hidden;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_ ul li{
float: left;
}
.order_gift_ .section_ .div_area_ {
margin-bottom: 30px;
}
.order_gift_ .section_ .thum_box_wrapper_{
overflow: hidden;
}
.order_gift_ .section_ .thum_box_ {
float: left;
padding: 10px 0 10px 20px;
}
.order_gift_ .section_ .thum_info_ {
float: right;
padding: 10px 20px 0 0;
}
.order_gift_ .section_ .thum_info_ .price_{
padding: 10px 0;
}
.order_gift_ .section_ .thum_line_ {
overflow: hidden;
margin-bottom: 20px;
}
.order_gift_ .section_ .thum_item_ {
float: left;
text-align: center;
margin-right: 10px;
width:120px;
}
.order_gift_ .section_ .thum_item_ label{
display: block;
}
.order_gift_ .section_ .thum_item_ img{
display: block;
margin-bottom: 10px;
width:120px;
}
.order_gift_ .section_ .thum_item_ span.price_{
display: block;
margin-bottom: 10px;
padding: 5px;
}
.order_gift_ .section_ .thum_item_ span.thum_info_text_{
display: none;
}
.order_gift_ .section_ .free_input_{
padding: 0 10px 10px 10px;
margin: 0 10px 30px;
}
.order_gift_ .section_ .free_input_ input{
padding: 5px;
width: 3.0em;
}
.order_gift_ .section_ .divnameprint {
margin-bottom: 30px;
}
.order_gift_ .section_ .divnameprint .disabled_ {
background-color:#DEDEDE;
}

.order_gift_ .section_ .input_detail_ {
margin: 0 20px 30px;
}
.order_gift_ .section_ .input_detail_ td {
padding: 5px;
}
.order_gift_ .section_ .input_detail_ td input {
padding: 5px;
}
.noshi_default_ {
clear: both;
display: none;
}
/* --------------------------------------------------------------------
ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
}
div.spandual_ table {
width: 100%;
}
.zero_alert_ {
color: #CC0000;
}
/* ご注文の商品 */
table.estimate_ {
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 100%;
}
table.estimate_ th{
border-bottom: 1px solid #CCCCCC;
background-color: #F8F8F8;
padding: 3px;
font-weight: normal;
text-align:left;
}
table.estimate_ td{
padding: 3px;
}
table.estimate_ td textarea {
max-width: 95%
}
table.estimate_.sales_,
table.estimate_method_ {
border-top: 1px solid #CCCCCC;
}
table.estimate_.sales_ th,
table.estimate_method_ th {
width: 40%;
text-align: left;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
white-space:nowrap;
background-color: #F8F8F8;
padding: 3px;
}
table.estimate_.sales_ td,
table.estimate_method_ td {
width: 60%;
padding: 3px;
text-align: right;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
table.estimate_.sales_ td.nocell_ {
border: none !important;
}

/* 商品一覧 */
table.goodslist_ {
text-align:left;
}
table.goodslist_ {
border: 1px solid #CCCCCC;
}

table.goodslist_ td {
padding: 3px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
table.goodslist_ .goods_ {
width: 20%;
}
table.goodslist_ .name_ {
}
table.goodslist_ .qty_ {
width: 16%;
text-align: right;
}
table.goodslist_ .amt_ {
width: 20%;
text-align: right;
}
table.goodslist_ .money_ {
width: 20%;
text-align: right;
}
table.goodslist_ th, table.goodslist_ .title_ {
text-align: left;
white-space:nowrap;
font-weight: normal;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
background-color: #F8F8F8;
padding: 3px;
}
/* 配送情報 */
table.host_, table.sender_ {
border: 1px solid #CCCCCC;
margin-bottom: 10px;
}
table.host_ th, table.sender_ th{
border-bottom: 1px solid #CCCCCC;
background-color: #F8F8F8;
padding: 3px;
font-weight: normal;
text-align:left;
}
table.host_ td, table.sender_ td{
padding: 3px;
}

div.order_ .method_addr_ {
margin: 0 10px 10px;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
border: 5px solid #F0F0F0;
}

table.card_,
table.convinience_{
width: 100%;
}
table.card_ label {
margin: 0 20px 0 5px;
}
table.convinience_ th {
width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
}
div.order_ table.estimate_method_ th {
width:40%;
text-align:left;
background-color: #F8F8F8;
font-weight: normal;
}
div.order_ table.estimate_method_ td {
width:60%;
text-align:right;
}
div.order_ table.method_sales_detail_append_ {
border:none;
}
div.order_ div.method_sales_detail_append_ .sales_detail_append_comment_ {
margin-bottom: 10px;
}
div.order_ div.method_sales_detail_append_ input[type="radio"],
div.order_ div.method_sales_detail_append_ label {
padding: 5px 0;
display: inline-block;
}
div.order_ div.method_sales_detail_append_ label {
margin-right: 20px;
}
div.order_ div.method_sales_detail_append_ p.comment_{
margin: 5px 0 10px 0;
}
div.order_ table.method_sales_detail_append_ td {
border:none;
}
div.estimate_card_form_ {
}
div.estimate_card_form_ input.card_num_ {
width: 150px;
}
div.estimate_card_form_ input.security_code_ {
width: 60px;
}
div.estimate_.card_ input.card_num_ {
width: 150px;
}
div.estimate_.card_ input.security_code_ {
width: 60px;
}
.pointpay_num_bg_ {
background-color: #dedede;
}

/* お届け先 */
div.order_ table.dest_ {
width:100%;
}
div.destgoodslist_ {
padding: 0 10px 10px;
}
table.destgoodslist_ {
width:100%;
}
table.destgoodslist_ {
margin-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
table.destgoodslist_ th {
width: 30%;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 3px;
background-color: #F8F8F8;
font-weight: normal;
text-align: left;
vertical-align: middle;
white-space:nowrap;
}
table.destgoodslist_ td {
border-top: 1px solid #CCCCCC;
vertical-align: top;
padding: 3px;
}
table.destgoodslist_ span.img_s_ {
float: left;
width: 20%;
}
table.destgoodslist_ span.img_s_ img {
width: 46px;
}
table.destgoodslist_ span.name_ {
}
table.destgoodslist_ th.method_sales_detail_append_, table.destgoodslist_ th.dest_comment_{
text-align: left;
}
table.destgoodslist_ td.method_comment_detail_ input, table.destgoodslist_ td.method_comment_detail_ textarea {
width: 95%;
}
table.destgoodslist_ td.method_qty_ , td.dest_qty_{
}
table.destgoodslist_ td.sublist_{
margin: 0;
padding: 0;
}
table.destgoodslist_ input[type="text"], table.destgoodslist_ textarea {
width: 95%;
}
table.approval_purchase_ th {
border-right-style: none;
background-color: #e5f3ff;
font-weight: normal;
text-align: left;
}
div.order_ ul.card_ {
padding: 3px;
}

/* order method.aspx */
div.order_ table.method_ {
width: 100%;
}

/*配送先*/
div.order_ .method_method_ {
text-align:left;
}
/* order order.aspx */
div.order_ table.order_ {
width: 100%;
margin: 0 auto 10px auto;
padding: 3px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
div.order_ table.order_ td {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
div.order_ table.order_ th {
width: 25%;
background-color: #F8F8F8;
font-weight: normal;
text-align: left;
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
margin-bottom: 10px;
padding: 3px;
}
div.order_ table.formdetailcard_ th {
width: 12em;
background-color: #e5f3ff;
font-weight: normal;
text-align: left;
}
div.order_ dl.card_ dd input[type="radio"] {
padding: 5px 0;
display: inline-block;
}
div.order_ dl.card_ dd label {
padding: 5px 0;
margin-right: 20px;
display: inline-block;
}

/* コメント */
.order_ dl.formdetail_.estimate_ textarea{
max-width: 95%;
}

/* --------------------------------------------------------------------
バーコード系
-------------------------------------------------------------------- */
div.barcodeimage_ img {
height: auto;
width: 100%;
}

p.barcodenumber_ {
font-size: 16px;
font-weight: bold;
letter-spacing: 5px;
}

/* --------------------------------------------------------------------
テーブル系
-------------------------------------------------------------------- */
dl.formdetail_ {
margin: 0 10px 30px;
}
div.box_ dl.formdetail_ {
margin: 0;
}
dl.formdetail_ dt {
color: #fff;
font-size: 14px;
padding: 10px;
background-color: #6d706d;
}
dl.formdetail_ dt img.must_ {
margin-left: 5px;
vertical-align: middle;
}
dl.formdetail_ dd {
padding: 15px 10px;
background: #d5ddd6;
}
dl.formdetail_ dd input[type="input"],
dl.formdetail_ dd textarea,
dl.formdetail_ dd select {
max-width: 95%;
}
dl.formdetail_ dd input + label {
margin-right: 16px;
}
dl.formdetail_ dd input + label:last-child {
margin-right: 0;
}
dl.formdetail_ dd.breakword_ {
word-wrap:break-word;
}

/* ---------------------------------------------------------------
width height
--------------------------------------------------------------- */
/*width*/
.width_auto_ {
width: auto!important;
}
.width_full_ {
width: 100%!important;
}
.width20per_ {
width: 20%!important;
}
.width80per_ {
width: 80%!important;
}
.width00_ {
width: 0px!important;
}
.width01_ {
width: 1px!important;
}
.width02_ {
width: 2px!important;
}
.width03_ {
width: 3px!important;
}
.width04_ {
width: 4px!important;
}
.width05_ {
width: 5px!important;
}
.width06_ {
width: 6px!important;
}
.width07_ {
width: 7px!important;
}
.width08_ {
width: 8px!important;
}
.width09_ {
width: 9px!important;
}
.width10_ {
width: 10px!important;
}
.width11_ {
width: 11px!important;
}
.width12_ {
width: 12px!important;
}
.width13_ {
width: 13px!important;
}
.width14_ {
width: 14px!important;
}
.width15_ {
width: 15px!important;
}
.width16_ {
width: 16px!important;
}
.width17_ {
width: 17px!important;
}
.width18_ {
width: 18px!important;
}
.width19_ {
width: 19px!important;
}
.width20_ {
width: 20px!important;
}
.width25_ {
width: 25px!important;
}
.width30_ {
width: 30px!important;
}
.width35_ {
width: 35px!important;
}
.width40_ {
width: 40px!important;
}
.width45_ {
width: 45px!important;
}
.width50_ {
width: 50px!important;
}
.width100_ {
width: 100px!important;
}
.width150_ {
width: 150px!important;
}
.width200_ {
width: 200px!important;
}
.width250_ {
width: 250px!important;
}
.width300_ {
width: 300px!important;
}
.width350_ {
width: 350px!important;
}
.width400_ {
width: 400px!important;
}
.width450_ {
width: 450px!important;
}
.width500_ {
width: 500px!important;
}
.width550_ {
width: 550px!important;
}
.width600_ {
width: 600px!important;
}
.width650_ {
width: 650px!important;
}
.width700_ {
width: 700px!important;
}
.width720_ {
width: 720px!important;
}
.width750_ {
width: 750px!important;
}
.width800_ {
width: 800px!important;
}
.width850_ {
width: 850px!important;
}
.width900_ {
width: 900px!important;
}
.width950_ {
width: 950px!important;
}
.width960_ {
width: 960px!important;
}
.width1000_ {
width: 1000px!important;
}
/*height*/
.height_auto_ {
height: auto!important;
}
.height_full_ {
height: 100%!important;
}
.height00_ {
height: 0px!important;
}
.height01_ {
height: 1px!important;
}
.height02_ {
height: 2px!important;
}
.height03_ {
height: 3px!important;
}
.height04_ {
height: 4px!important;
}
.height05_ {
height: 5px!important;
}
.height06_ {
height: 6px!important;
}
.height07_ {
height: 7px!important;
}
.height08_ {
height: 8px!important;
}
.height09_ {
height: 9px!important;
}
.height10_ {
height: 10px!important;
}
.height11_ {
height: 11px!important;
}
.height12_ {
height: 12px!important;
}
.height13_ {
height: 13px!important;
}
.height14_ {
height: 14px!important;
}
.height15_ {
height: 15px!important;
}
.height16_ {
height: 16px!important;
}
.height17_ {
height: 17px!important;
}
.height18_ {
height: 18px!important;
}
.height19_ {
height: 19px!important;
}
.height20_ {
height: 20px!important;
}
.height25_ {
height: 25px!important;
}
.height30_ {
height: 30px!important;
}
.height35_ {
height: 35px!important;
}
.height40_ {
height: 40px!important;
}
.height45_ {
height: 45px!important;
}
.height50_ {
height: 50px!important;
}
.height100_ {
height: 100px!important;
}
.height150_ {
height: 150px!important;
}
.height200_ {
height: 200px!important;
}
.height250_ {
height: 250px!important;
}
.height300_ {
height: 300px!important;
}
.height350_ {
height: 350px!important;
}
.height400_ {
height: 400px!important;
}
.height450_ {
height: 450px!important;
}
.height500_ {
height: 500px!important;
}
.height550_ {
height: 550px!important;
}
.height600_ {
height: 600px!important;
}
.height650_ {
height: 650px!important;
}
.height700_ {
height: 700px!important;
}
.height750_ {
height: 750px!important;
}
.height800_ {
height: 800px!important;
}
.height850_ {
height: 850px!important;
}
.height900_ {
height: 900px!important;
}
.height950_ {
height: 950px!important;
}
.height1000_ {
height: 1000px!important;
}
.promotion_list_ {
overflow-x: auto;
width: 100%;
padding: 10px 0;
margin: 0 0 10px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}

.promotion_ {
display: inline-block;
white-space: nowrap;
height: 60px;
font-size: 12px;
letter-spacing: -0.4em;
}

.tile_elm_.promotionmsg_box_ {
border: 1px solid #007aff;
border-radius: 4px;
padding: 5px 20px;
text-align: center;
color: #007aff;
}

.promotionmsg_ {
display: inline-block;
letter-spacing: normal;
margin: 0 0 0 10px;
}
#frmSales .thum_line_ {
overflow-x: auto;
width: 100%;
padding: 10px 0;
margin: 0 0 10px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}

#frmSales .thum_item_ {
display: table-cell;
white-space: nowrap;
width: 140px;
height: 140px;
font-size: 12px;
letter-spacing: -0.4em;
}
#frmSales .thum_item_ label {
display: block;
width: 140px;
letter-spacing: normal;
margin: 0 0 0 10px;
}
#frmSales .thum_item_ label span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 116px;
display: inline-block;
vertical-align: middle;
}

#frmSales .thum_item_ img {
width: 100%;
margin-bottom: 10px;
display: block;
}

/* ---------------------------------------------------------------
　　合わせ買いマスタ有効時の非活性制御
--------------------------------------------------------------- */
.grayout_ {
	background-color: rgb(204, 204, 204);
}

/* --------------------------------------------------------------------
	SmartPay導入対応
-------------------------------------------------------------------- */
div.smartpaybanner_ {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	padding: 0 10px;
}