@charset "Shift_JIS";

/* --------------------------------------------------------------------
	リセット
--------------------------------------------------------------------- */
html {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/* --------------------------------------------------------------------
	表示幅：固定
	表示順：左メニュー・メインコンテンツ・右メニュー
-------------------------------------------------------------------- */
div.wrapper_ {
	overflow: hidden;
	text-align:left;
}
div.container_ {
	overflow: hidden;
}
div.contents_ {
	width: 1200px;
	margin: 40px auto 80px;
}
div.contents_:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
/* 左メニュー */
div.leftmenuframe_ {
	float: left;
	width: 220px;
	margin: 0 60px 0 0;
}
/**/
/* 右メニュー */
div.rightmenuframe_ {
}
/**/
/* メインフレーム */
div.mainframe_ {
	float: right;
}
div.container_ div.contents_, 
div.container_ div.mainframe_, 
div.container_ div.mainframe_ .event_ .goods_ { /* 左メニューのみ表示の場合 */
	width: 1200px; /* = div.container_ - div.leftmenuframe_ */
}
div.container_ div.contents_ div.mainframe_, 
div.container_ div.contents_ div.mainframe_ .event_ .goods_ { /* 左右メニューの表示の場合 */
	width: 920px; /* = div.container_ - (div.leftmenuframe_ + div.rightmenuframe_) */
}
/**/
div.single_mainframe_ {
}

div.col1_ {
	width: 1200px;
	padding: 60px 0 80px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------
common　共通エレメント
-------------------------------------------------------------------- */
body {
margin: 0;
color: #282828;
font-size: 13px;
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans JP", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;
/*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans Japanese", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;*/
line-height: 1.5;
text-align: center;
background: #fff;
-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;
}
@font-face {
  font-display: swap;
}
div.container_ div.category_top_mainframe_ {
width: 100%;
overflow: visible;
}
ol li {
margin-left: 2em;
list-style: decimal;
}
img {
max-width: 100%;
border: none;
vertical-align: middle;
}
strong {
font-weight: bold;
}
input {
vertical-align: middle;
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans Japanese", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;
font-size: 1em;
padding: 1px;
/*outline: none;*/
-webkit-appearance: none;
}
textarea {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans Japanese", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;
font-size: 1em;
padding: 1px;
border:1px solid #999;
border-radius:5px;
zoom: 1;
position:relative;
}

input[type="text"], input[type="search"], input[type="password"]{
height:1.0em;
padding:0.6em;
margin:5px 0;
border:1px solid #999;
border-radius:5px;
position:relative;
outline: none;
}

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

input[type="image"],
input[type="submit"] {
cursor: pointer;
}

select {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans Japanese", "ヒラギノ角ゴProN W3", Meiryo, sans-serif;
border-radius:5px;
height: 28px;
line-height: 28px;
padding-left: 0.3em;
border:1px solid #999;
/* IE8用 */
font-size: 14px\9;
padding-top: 2px\9;
padding-bottom: 2px\9;
position:relative;
zoom: 1;
}

@-moz-document url-prefix() {
Select {
height: 28px;
font-size: 14px;
padding-top: 2px;
padding-bottom: 2px;
}
}


label {
margin: 3px 20px 0 0px;
line-height: 17px;
padding-bottom:3px;
}
/* ラジオボタンデザイン */
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
width: 32px;
height: 32px;
background-color: transparent;
-webkit-box-shadow: none;
-webkit-border-radius: 50%;
position: relative;
margin-bottom: 3px;
margin-right: 7px;
border: 1px solid #d2d8d6;
outline: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="radio"] {
background-color: #fff;
}
}
@-moz-document url-prefix() {
input[type="radio"] {
background-color: #fff;
}
}

/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
position: absolute;
left: 50%;
top: 50%;
display: block;
margin: -10px 0 0 -10px;
border-radius: 50%;
content: "";
width: 20px;
height: 20px;
background: -webkit-gradient( linear, left top, left bottom, from(#007AFC), to(#007aff) );
}

/* チェックボックスデザイン */
input[type="checkbox"]{
-webkit-appearance:none;
-moz-appearance: none;
-ms-appearance: none;
width:20px;
height:20px;
background:#fff;
-webkit-box-shadow: 1px 1px 1px 1px inset;
position: relative;
margin-bottom:3px;
margin-right:5px;
}
/* タップ後のデザイン */
input[type="checkbox"]:checked:before {
position: absolute;
left: 1px;
top: 15px;
display: block;
-webkit-box-shadow: 0 1px 1px ;
content: "";
width: 10px;
height: 4px;
background: #000;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 9px;
top: 15px;
content: "";
-webkit-box-shadow: 0 1px 1px ;
width: 16px;
height: 4px;
background: #000;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
}


a:link {
color: #007aff;
text-decoration: none;
}
a:visited {
color: #007aff;
text-decoration: none;
}
a:active {
color: #007aff;
text-decoration: underline;
}
a:hover {
color: #007aff;
text-decoration: underline;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
}
/* --------------------------------------------------------------------
common　汎用クラス
-------------------------------------------------------------------- */
/* 文字サイズ */
.large_ {
font-size: 120%;
}
.xlarge_ {
font-size: 144%;
}
.small_ {
font-size: 80%;
}
.xsmall_ {
font-size: 64%;
}
/**/

/* フロート */
.leftfloat_ {
float: left;
display: inline;
}
.rightfloat_ {
float: right;
display: inline;
}
img.leftfloat_ {
margin: 0 10px 10px 0;
}
img.rightfloat_ {
margin: 0 0 10px 10px;
}
.clear_ {
clear:both;
}
/**/

/* 文整列 */
.lefttext_ {
text-align: left;
}
.righttext_ {
text-align: right;
}
.centertext_ {
text-align: center;
}
/**/

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

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
background-color:#efefef;
border:solid 1px #FF0099;
padding:8px;
margin:4px auto;
text-align:left;
width: 560px;
}
div.notice_, table.notice_ {
background-color:#efefef;
border:solid 1px #996666;
padding:8px;
margin:4px auto;
text-align:left;
width: 580px;
}
div.info_, table.info_ {
width: 560px;
padding: 20px;
margin: 4px auto;
font-size: 14px;
text-align: left;
border: solid 1px #666666;
background-color: #fff;
}
.cartlist_ div.info_ {
border: none;
width: 640px;
font-size: 16px;
font-weight: 300;
color: #282828;
text-align: center;
border-radius: 4px;
}
ul.error_ {
margin-left: 16px;
}
/**/

/* 共通クラス(ブロック) */
.top_comment_ {
font-size: 14px;
padding-left: 18px;
margin-bottom: 18px;
border-left: 2px solid #df2d32;
}
.submit_ {
margin: 40px auto 20px;
text-align: center;
}
.submit_ input, .submit_ img {
margin: 0px 16px;
vertical-align: middle;
}
.message_ {
}
p.message_ {
margin-bottom: 10px;
}
/* 共通クラス(その他) */
.hidden_ {
visibility: hidden;
}
.nocell_ {
border:none!important;
background-color:transparent!important;
}
.hiddenEnter_ {
width:0;
height:0;
}
.disp_none_ {
display: none;
}
.disp_block_ {
display: block;
}
.txt_linethrough_ {
text-decoration: line-through;
}
.valign_m_ {
vertical-align: middle;
}
.left_column_ {
float: left;
}
.pointer_ {
cursor: pointer;
}
.fontsize_small_ {
font-size: small;
}
.visuallyhidden {
    display: none;
}
/* --------------------------------------------------------------------
common　ヘッドライン
-------------------------------------------------------------------- */
h1.optimaizedH1{
}
h1.goods_name_ {
font-size: 18px;
font-weight: normal;
margin: 0 0 14px;
}
h1.category_name_ {
font-size: 24px;
font-weight: 700;
margin: 0 0 20px;
}
h1.category_name_img_ { /* タイトルを画像にした場合 */
margin-bottom: 20px;
}
h1.event_name_ {
font-size: 24px;
font-weight: 700;
margin: 0 0 20px;
}
h1.event_name_img_ { /* タイトルを画像にした場合 */
}
h1.genre_name_ {
font-size: 24px;
font-weight: 700;
margin: 0 0 20px;
}
h1.genre_name_img_ { /* タイトルを画像にした場合 */
margin-bottom: 10px;
}
h1.topic_head_ {
font-size: 24px;
font-weight: 700;
margin: 0 0 20px;
}
.event_freespace_series_link_ {
margin: 12px 0;
}
.gender_box2_ {
text-align: right;
margin: 12px 0;
}
/* 汎用ヘッドライン */
.common_headline1_ { /* h1相当 */
font-size: 28px;
font-weight: 400;
margin: 0 0 52px 0;
text-align: center;
}
.common_headline1_ span.search_relation_keyword{
display: block;
font-size: 12px;
font-weight: normal;
margin: 10px 0 0;
text-align: center;
}
.common_headline2_ { /* h2相当 */
font-size: 16px;
font-weight: bold;
padding: 0 0 5px;
margin-bottom: 16px;
border-bottom: 1px solid #c8c8c8;
}
.common_headline2_ a {
display: block;
color: #282828;
}
.hanes_common_ttl_ {
padding: 0 0 17px 0;
margin: 0 0 15px 0;
background: url(../img/usr/hanes_bg_h2.gif) left bottom repeat-x;
}
.hanes_common_ttl_ img {
height: 14px;
}
.champion_common_ttl_ {
padding: 17px 0 0 0;
margin: 0 0 15px 0;
background: url(../img/usr/champion_bg_h2.gif) left top no-repeat;
}
.champion_common_ttl_ img {
height: 14px;
}
.loginform_ .common_headline2_ { /* ログインフォームでの場合 */
}
.common_headline3_ { /* h3相当 */
font-size: 14px;
font-weight: bold;
margin-bottom: 16px;
}
.img_headline_ { /* 画像ヘッドラインの場合 */
margin-bottom: 10px;
}
/* --------------------------------------------------------------------
common　イベント
-------------------------------------------------------------------- */
div.event_freespace_ {
width: 100%;
padding: 34px 30px 43px;
box-sizing: border-box;
background: #f5f5f5;
overflow: hidden;
margin-bottom: 30px;
}
div.event_freespace_ .event_freespace_title_ {
font-size: 24px;
text-align: center;
margin: 0 0 28px;
}
div.event_freespace_ .event_freespace_desc_ {
float: right;
width: 395px;
line-height: 1.8;
}
div.event_freespace_ .event_freespace_desc_ .event_freespace_series_link_ {
text-align: right;
}
div.event_freespace_ .event_freespace_item_ {
float: left;
width: 450px;
padding: 28px 28px 30px;
box-sizing: border-box;
background: #FFF;
border-radius: 8px;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_title_ {
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 0 0 26px;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ {
overflow: hidden;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_img_ {
float: left;
width: 160px;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_img_ img {
width: 100%;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ {
float: right;
width: 215px;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .name_{
font-size: 13px;
margin: 0 0 16px;
line-height: 1.8;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .price_{
font-size: 20px;
text-align: right;
margin: 0 0 24px;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .link_ {
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .link_ a {
display: block;
width: 160px;
margin: 0 auto;
height: 40px;
line-height: 40px;
border-radius: 20px;
border: 2px solid #007aff;
font-size: 13px;
text-align: center;
text-decoration: none;
color: #007aff;
transition: all 300ms ease 0s;
}
div.event_freespace_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .link_ a:hover {
background: #007aff;
color: #fff;
padding: 0 10px;
text-decoration: none;
}
div.event_freespace_ {
position: relative;
}
div.event_freespace_ .gender_box_ {
position: absolute;
bottom: 45px;
right: 20px;
}
div.event_freespace_ .gender_box_ a{
display: block;
width: 265px;
height: 46px;
line-height: 46px;
margin: 0 auto;
border: 1px solid #007aff;
border-radius: 4px;
background: #fff;
color: #007aff;
font-size: 14px;
text-align: left;
transition: all 300ms 0s ease;
padding-left: 15px;
position: relative;
vertical-align: middle;
text-decoration: none;
}
div.event_freespace_ .gender_box_ a::before {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: '';
vertical-align: middle;
right: 15px;
width: 7px;
height: 7px;
border-top: 1px solid #007aff;
border-right: 1px solid #007aff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div.event_freespace_ .gender_box_ a:hover::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div.event_freespace_ .gender_box_ a:hover {
color: #fff;
background: #007aff;
text-decoration: none;
}

/* 商品が2個のパターン */
div.event_freespace2_ {
width: 100%;
padding: 34px 30px 43px;
box-sizing: border-box;
background: #f5f5f5;
overflow: hidden;
margin-bottom: 30px;
}
div.event_freespace2_ .event_freespace_title_ {
font-size: 24px;
text-align: center;
margin: 0 0 28px;
}
div.event_freespace2_ .event_freespace_desc_ {
line-height: 1.8;
}
div.event_freespace2_ .event_freespace_desc2_ {
line-height: 1.8;
text-align: center;
}
div.event_freespace2_ .event_freespace_desc_ .event_freespace_series_link_ {
text-align: right;
}
div.event_freespace2_ .event_freespace_item_ {
width: 100%;
padding: 28px 28px 30px;
box-sizing: border-box;
background: #FFF;
border-radius: 8px;
height: 300px;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_title_ {
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 0 0 26px;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ {
overflow: hidden;
float: left;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_img_ {
float: left;
width: 160px;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_img_ img {
width: 100%;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ {
float: right;
width: 215px;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .name_{
font-size: 13px;
margin: 0 0 16px;
line-height: 1.8;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .price_{
font-size: 20px;
text-align: right;
margin: 0 0 24px;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .link_ {
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .link_ a {
display: block;
width: 160px;
margin: 0 auto;
height: 40px;
line-height: 40px;
border-radius: 20px;
border: 2px solid #007aff;
font-size: 13px;
text-align: center;
text-decoration: none;
color: #007aff;
transition: all 300ms ease 0s;
}
div.event_freespace2_ .event_freespace_item_ .event_freespace_item_line_ .event_freespace_item_desc_ .link_ a:hover {
background: #007aff;
color: #fff;
padding: 0 10px;
text-decoration: none;
}
div.event_freespace2_ {
position: relative;
}
div.event_freespace2_ .gender_box_ {
position: absolute;
bottom: 45px;
right: 20px;
}
div.event_freespace2_ .gender_box_ a{
display: block;
width: 265px;
height: 46px;
line-height: 46px;
margin: 0 auto;
border: 1px solid #007aff;
border-radius: 4px;
background: #fff;
color: #007aff;
font-size: 14px;
text-align: left;
transition: all 300ms 0s ease;
padding-left: 15px;
position: relative;
vertical-align: middle;
text-decoration: none;
}
div.event_freespace2_ .gender_box_ a::before {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: '';
vertical-align: middle;
right: 15px;
width: 7px;
height: 7px;
border-top: 1px solid #007aff;
border-right: 1px solid #007aff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div.event_freespace2_ .gender_box_ a:hover::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div.event_freespace2_ .gender_box_ a:hover {
color: #fff;
background: #007aff;
text-decoration: none;
}
/* イベントへのリンク */
.event_ {
width: 100%;
/* overflow: hidden; */
}
.event_ .event_frame_ {
position: relative;
margin: 0;
}
.leftmenuframe_ .event_frame_ {
position: relative;
}
.event_banner_ {
margin: 0 5px 10px 5px;
float: left;
display: inline;
}

#c10 .view_all_,
#c20 .view_all_ ,
#c30 .view_all_ {
position: absolute;
right: 10px;
top: 0;
z-index: 1;
}
#c20 .view_all_ ,
#c30 .view_all_ {
top: 22px;
}
#c10 .leftmenuframe_ .view_all_,
#c20 .leftmenuframe_ .view_all_ ,
#c30 .leftmenuframe_ .view_all_ {
right: 0px;
top: 6px;
}
#c10 .view_all_ a,
#c20 .view_all_ a ,
#c30 .view_all_ a {
display: block;
width: 66px;
height: 11px;
text-indent: -9999px;
background: url(../img/usr/top/common/view_all.png) center center no-repeat;
}
#c20 .event_title_img_ span ,
#c30 .event_title_img_ span {
top: 19px;
}
#c10 .leftmenuframe_ .view_all_ a,
#c20 .leftmenuframe_ .view_all_ a ,
#c30 .leftmenuframe_ .view_all_ a {
display: block;
width: 45px;
height: 8px;
text-indent: -9999px;
background: url(../img/usr/leftmenu/common/more.png) center center no-repeat;
}

.event_title_ {
font-size: 30px;
font-weight: 700;
text-align: center;
margin: 60px 0 20px;
}
#c10 .event_title_img_ {
position: relative;
padding: 0 0 17px 0;
margin: 0 0 15px 0;
background: url(../img/usr/hanes_bg_h2.gif) left bottom repeat-x;
}
#c20 .event_title_img_ ,
#c30 .event_title_img_ {
position: relative;
padding: 17px 0 0 0;
margin: 0 0 15px 0;
background: url(../img/usr/champion_bg_h2.gif) left top no-repeat;
}

.event_link_ {
padding-bottom: 60px;
}
.event_link_ a{
display: block;
width: 238px;
height: 46px;
line-height: 46px;
margin: 0 auto;
border: 1px solid #007aff;
border-radius: 24px;
color: #007aff;
font-size: 14px;
text-align: center;
text-decoration: none;
transition: all 300ms 0s ease;
}
body:not(#c30) .event_link_ a:hover {
color: #fff;
background: #007aff;
padding: 0 20px;
text-decoration: none;
}
body#c30 .event_link_ a:hover {
padding: 0 20px;
text-decoration: none;
}
/* --------------------------------------------------------------------
common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
width: 1200px;
margin: 0 auto;
padding: 20px 0 0;
}
.navitopicpath_ li {
color: #808080;
font-size: 12px;
}
.navitopicpath_ a {
color: #808080;
padding: 2px 0;
margin: 0 10px;
}
.navitopicpath_ ul li:first-child a {
margin-left: 0;
}
.navitopicpath_ a span {
color: #007aff;
}
.navitopicpath_ a strong {
color: #007aff;
font-weight: normal;
}

#bread-crumb-list {
width: 100%;
}
#bread-crumb-list li {
display: inline;
}

/* ページジャンプ */
.navipage_ {
text-align: center;
}
.navipage_.top_ {/* ページジャンプ上部 */
}
.navipage_.bottom_ {/* ページジャンプ下部 */
}
.navipage_sum_ {
margin: 0 0 20px;
}
.navipage_ a,
.navipage_ span {
display: inline-block;
vertical-align: middle;
width: 38px;
height: 38px;
color: #212121;
font-size: 14px;
padding: 7.5px 0;
margin: 0 4px;
border: 1px solid #cccccc;
border-radius: 50%;
box-sizing: border-box;
}
.navipage_ a {
}
.navipage_ span {
}
.navipage_ a:hover {
text-decoration: none;
}
.navipage_ span.navipage_now_ {
color: #fff;
background-color: #cccccc;
}

.navipage_ .navipage_reverse_,
.navipage_ .navipage_forward_ {
width: auto;
padding: 0;
margin: 0;
border: none;
}
.navipage_ .navipage_first_,
.navipage_ .navipage_prev_,
.navipage_ .navipage_next_,
.navipage_ .navipage_last_ {
width: auto;
padding: 0;
margin: 0;
border: none;
}
.navipage_ .navipage_first_ a {
text-indent: -9999px;
background: url(https://www.hanesbrandsinc.jp/img/sys/navifirst.svg) center center no-repeat;
}
.navipage_ .navipage_prev_ a {
text-indent: -9999px;
background: url(https://www.hanesbrandsinc.jp/img/sys/naviprev.svg) center center no-repeat;
}
.navipage_ .navipage_next_ a {
text-indent: -9999px;
background: url(https://www.hanesbrandsinc.jp/img/sys/navinext.svg) center center no-repeat;
}
.navipage_ .navipage_last_ a {
text-indent: -9999px;
background: url(https://www.hanesbrandsinc.jp/img/sys/navilast.svg) center center no-repeat;
}
/* 表示切替 */
.navistyle_ {
overflow: hidden;
float: right;
font-size: 0;
border-radius: 2px;
margin-left: 10px;
}
.navistyle_ li {
display: inline-block;
margin-left: 1px;
}
.navistyle_ li a,
.navistyle_ li span {
overflow: hidden;
display: block;
width: 44px;
height: 40px;
text-indent: -9999px;
background-color: #f5f5f5;
background-position: center center;
background-repeat: no-repeat;
background-size: 20px 20px;
}
.navistyle_ li:nth-child(1) a {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_styleT_off.svg);
}
.navistyle_ li:nth-child(1) span {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_styleT_on.svg);
}
.navistyle_ li:nth-child(2) a {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_styleP_off.svg);
}
.navistyle_ li:nth-child(2) span {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_styleP_on.svg);
}

/* 並び替え */
.navisort_ {
position: relative;
float: right;
}
.navisort_ dt {
cursor: pointer;
width: 170px;
height: 40px;
color: #FFF;
font-size: 12px;
text-align: center;
border-radius: 2px;
background: #CCC;
box-sizing: border-box;
}
.navisort_ dt span {
display: inline-block;
padding: 11px 0 11px 25px;
background-image: url(https://www.hanesbrandsinc.jp/img/sys/ico_sort_white.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 21px;
}
.navisort_ dt.open_ {
color: #808080;
background: #f5f5f5;
}
.navisort_ dt.open_ span {
background-image: url(https://www.hanesbrandsinc.jp/img/sys/ico_sort_gray.svg);
}
.navisort_ dd {
display: none;
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
background: #f5f5f5;
z-index: 100;
border-radius: 0 0 2px 2px;
}
.navisort_ dd input {
display: none;
}
.navisort_ dd input + label {
cursor: pointer;
display: block;
color: #808080;
padding: 10px;
margin: 0;
border-top: 1px solid #e5e5e5;
}
.navisort_ dd input:checked + label {
color: #fff;
background: #ccc;
}

/* 関連商品 */
.relation_keyword_frame_ {
float: left;
display: table;
/*height: 40px;*/
}
.relation_keyword_frame_ dl {
display: table-cell;
vertical-align: bottom;
}
.relation_keyword_frame_ dt,
.relation_keyword_frame_ dd {
display: inline-block;
vertical-align: top;
}
.relation_keyword_frame_ dd {
width: 580px;
padding-right: 10px;
box-sizing: border-box;
}
.relation_keyword_frame_ dd.after_ {
overflow-y: hidden;
max-height: 57px;
position: relative;
}
.relation_keyword_frame_ dd.after_:after {
content: "・・・";
display: block;
position: absolute;
right: 15px;
bottom: 0;
color: #007aff;
background: #fff;
}
.relation_keyword_frame_ dd a {
display: inline-block;
margin-right: 0.5em;
}
.clear_.goods_sort-bottom {
margin: 0 0 40px;
}


/* --------------------------------------------------------------------
common　フォーム
-------------------------------------------------------------------- */
.formlist_ {
margin: 0 auto;
border: 1px solid #c8c8c8;
border-collapse: collapse;
}
.formlist_ th {
padding: 18px 20px;
font-weight: normal;
white-space: nowrap;
border: 1px solid #c8c8c8;
background-color:#eeeeee;
}
.formlist_ td {
padding: 18px 20px;
font-weight: normal;
border-bottom:1px dotted #c8c8c8;
background-color: #fff;
}
.formlist_ .line0_ {
background-color:#F8F8F8;
}
.formlist_ .line1_ {
background-color:#FCFCFC;
}
.formdetail_ {
border-collapse:collapse;
margin:0 auto;
}
.formdetail_ th,
.formdetail_ td {
vertical-align: top;
font-weight: normal;
text-align: left;
padding: 20px;
}
.formdetail_ th {
color: #fff;
background-color: #282828;
border-bottom: 1px solid #fff;
}
.formdetail_ td {
background-color: #e9e9e9;
border-bottom: 1px solid #cccccc;
}
.formdetail_ tr:last-of-type th,
.formdetail_ tr:last-of-type td {
border-bottom: none;
}
.formdetailcard_ {
margin:0 auto;
margin-left:0px;
float:none;
border-collapse:collapse;
}
.formdetailcard_ th {
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
font-weight:bold;
line-height:15px;
padding:8px;
background-color:#F8F8F8;
white-space:nowrap;
text-align: left;
}
.formdetailcard_ td {
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
font-weight:normal;
line-height:15px;
padding:8px;
background-color:#FFF;
}
.formsublist_ {
border-collapse: collapse;
}
.formsublist_ th {
border:1px dotted #CCC;
background-color:#FFF;
font-weight:bold;
white-space: nowrap;
}
.formsublist_ td {
border:1px dotted #CCC;
background-color:#FFF;
font-weight:normal;
}
.must_ {
margin-left: 10px;
float: right;
display: inline;
}

.classrequired {
background: #ffeeee;
}
.classerror {
background: #ffeeee;
}

/* --------------------------------------------------------------------
common　Trace
-------------------------------------------------------------------- */
/* for Trace */
.tracecontent {
text-align:left;
background-color:#FFCCFF;
}
#__asptrace {
text-align:left;
background-color:#FFF;
}
span.tracecontent tr.subhead {
background-color:#CCC;
}
span.tracecontent tr.alt {
background-color:#eeeeee
}

/* ---------------------------------------------------------------
width height
--------------------------------------------------------------- */
/*width*/
.width_auto_ {
width: auto!important;
}
.width_full_ {
width: 100%!important;
}
.width25per_ {
width: 25%!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;
}
.width90_ {
width: 90px!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;
}
.width590_ {
width: 590px!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;
}
.height120_ {
height: 120px!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;
}
/* --------------------------------------------------------------------
キャンペーン関連
-------------------------------------------------------------------- */
.cartlist_ .promotion_ .tile_line_ {
display: table;
margin: 30px auto;
}

.cartlist_ .campaign_detail {
display: table-cell;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  padding: 1px;
  text-align: center;
}
.cartlist_ .promotionmsg_ {
background: #fff;
  border-radius: 10px;
  padding: 10px 20px;
}
.cartlist_ .campaign_detail:nth-child(n+2) {
  margin-left: 50px;
}

.cartlist_ .campaign_detail:nth-child(1) {
  background: #33ffbb;
  -webkit-animation: r0 2s 0s ease-out ;
  -moz-animation: r0 2s 0s ease-out ;
  animation: r0 2s 0s ease-out ;
}
.cartlist_ .campaign_detail:nth-child(1):hover {
  background: #ff3333;
  -webkit-animation: r20 0.5s 0.4s ease-out infinite;
  -moz-animation: r20 0.5s 0.4s ease-out infinite;
  animation: r20 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r0 {
  0% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #fff, 0 0 12px 14px #1affb3;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255, 255, 255, 0);
  }
}
@-moz-keyframes r0 {
  0% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #fff, 0 0 12px 14px #1affb3;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255, 255, 255, 0);
  }
}
@keyframes r0 {
  0% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #fff, 0 0 12px 14px #1affb3;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes r20 {
  from {
box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff1a1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 26, 26, 0);
  }
}
@-moz-keyframes r20 {
  from {
box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff1a1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 26, 26, 0);
  }
}
@keyframes r20 {
  from {
box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff1a1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 26, 26, 0);
  }
}
.cartlist_ .campaign_detail:nth-child(2) {
  background: #33ffdd;
  -webkit-animation: r1 2s 0.25s ease-out ;
  -moz-animation: r1 2s 0.25s ease-out ;
  animation: r1 2s 0.25s ease-out ;
}
.cartlist_ .campaign_detail:nth-child(2):hover {
  background: #ff4733;
  -webkit-animation: r21 0.5s 0.4s ease-out infinite;
  -moz-animation: r21 0.5s 0.4s ease-out infinite;
  animation: r21 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r1 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #fff, 0 0 12px 14px #1affd9;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 255, 217, 0);
  }
}
@-moz-keyframes r1 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #fff, 0 0 12px 14px #1affd9;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 255, 217, 0);
  }
}
@keyframes r1 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #fff, 0 0 12px 14px #1affd9;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 255, 217, 0);
  }
}
@-webkit-keyframes r21 {
  from {
box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #fff, 0 0 12px 14px #ff301a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 48, 26, 0);
  }
}
@-moz-keyframes r21 {
  from {
box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #fff, 0 0 12px 14px #ff301a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 48, 26, 0);
  }
}
@keyframes r21 {
  from {
box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #fff, 0 0 12px 14px #ff301a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 48, 26, 0);
  }
}
.cartlist_ .campaign_detail:nth-child(3) {
  background: #33ffff;
  -webkit-animation: r2 2s 0.5s ease-out ;
  -moz-animation: r2 2s 0.5s ease-out ;
  animation: r2 2s 0.5s ease-out ;
}
.cartlist_ .campaign_detail:nth-child(3):hover {
  background: #ff5c33;
  -webkit-animation: r22 0.5s 0.4s ease-out infinite;
  -moz-animation: r22 0.5s 0.4s ease-out infinite;
  animation: r22 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r2 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #fff, 0 0 12px 14px #1affff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 255, 255, 0);
  }
}
@-moz-keyframes r2 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #fff, 0 0 12px 14px #1affff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 255, 255, 0);
  }
}
@keyframes r2 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #fff, 0 0 12px 14px #1affff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 255, 255, 0);
  }
}
@-webkit-keyframes r22 {
  from {
box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #fff, 0 0 12px 14px #ff471a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 71, 26, 0);
  }
}
@-moz-keyframes r22 {
  from {
box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #fff, 0 0 12px 14px #ff471a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 71, 26, 0);
  }
}
@keyframes r22 {
  from {
box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #fff, 0 0 12px 14px #ff471a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 71, 26, 0);
  }
}
.cartlist_ .campaign_detail:nth-child(4) {
  background: #33ddff;
  -webkit-animation: r3 2s 0.75s ease-out ;
  -moz-animation: r3 2s 0.75s ease-out ;
  animation: r3 2s 0.75s ease-out ;
}
.cartlist_ .campaign_detail:nth-child(4):hover {
  background: #ff7033;
  -webkit-animation: r23 0.5s 0.4s ease-out infinite;
  -moz-animation: r23 0.5s 0.4s ease-out infinite;
  animation: r23 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r3 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #fff, 0 0 12px 14px #1ad9ff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 217, 255, 0);
  }
}
@-moz-keyframes r3 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #fff, 0 0 12px 14px #1ad9ff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 217, 255, 0);
  }
}
@keyframes r3 {
  0% {
box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #fff, 0 0 12px 14px #1ad9ff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(26, 217, 255, 0);
  }
}
@-webkit-keyframes r23 {
  from {
box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff5e1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 94, 26, 0);
  }
}
@-moz-keyframes r23 {
  from {
box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff5e1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 94, 26, 0);
  }
}
@keyframes r23 {
  from {
box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff5e1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 94, 26, 0);
  }
}
.cartlist_ .campaign_detail:nth-child(5) {
  background: #33bbff;
  -webkit-animation: r4 2s 1s ease-out ;
  -moz-animation: r4 2s 1s ease-out ;
  animation: r4 2s 1s ease-out ;
}
.cartlist_ .campaign_detail:nth-child(5):hover {
  background: #ff8533;
  -webkit-animation: r24 0.5s 0.4s ease-out infinite;
  -moz-animation: r24 0.5s 0.4s ease-out infinite;
  animation: r24 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r4 {
  0% {
box-shadow: 0 0 8px 6px rgba(255,255,255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255,255,255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1ab3ff, 0 0 12px 10px #fff, 0 0 12px 14px #1ab3ff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255,255,255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255,255,255, 0);
  }
}
@-moz-keyframes r4 {
  0% {
box-shadow: 0 0 8px 6px rgba(255,255,255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255,255,255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1ab3ff, 0 0 12px 10px #fff, 0 0 12px 14px #1ab3ff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255,255,255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255,255,255, 0);
  }
}
@keyframes r4 {
  0% {
box-shadow: 0 0 8px 6px rgba(255,255,255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255,255,255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1ab3ff, 0 0 12px 10px #fff, 0 0 12px 14px #1ab3ff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255,255,255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255,255,255, 0);
  }
}
@-webkit-keyframes r24 {
  from {
box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #fff, 0 0 12px 14px #ff751a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 117, 26, 0);
  }
}
@-moz-keyframes r24 {
  from {
box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #fff, 0 0 12px 14px #ff751a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 117, 26, 0);
  }
}
@keyframes r24 {
  from {
box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #fff, 0 0 12px 14px #ff751a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 117, 26, 0);
  }
}
.cartlist_ .campaign_detail:nth-child(6) {
  background: #3399ff;
  -webkit-animation: r5 2s 1.25s ease-out ;
  -moz-animation: r5 2s 1.25s ease-out ;
  animation: r5 2s 1.25s ease-out ;
}
.cartlist_ .campaign_detail:nth-child(6):hover {
  background: #ff9933;
  -webkit-animation: r25 0.5s 0.4s ease-out infinite;
  -moz-animation: r25 0.5s 0.4s ease-out infinite;
  animation: r25 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r5 {
  0% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #fff, 0 0 12px 14px #1a8cff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255, 255, 255, 0);
  }
}
@-moz-keyframes r5 {
  0% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #fff, 0 0 12px 14px #1a8cff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255, 255, 255, 0);
  }
}
@keyframes r5 {
  0% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 0px #fff, 0 0 0px 0px rgba(255, 255, 255, 0);
  }
  10% {
box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #fff, 0 0 12px 14px #1a8cff;
  }
  100% {
box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0), 0 0 0px 25px #fff, 0 0 0px 25px rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes r25 {
  from {
box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff8c1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 140, 26, 0);
  }
}
@-moz-keyframes r25 {
  from {
box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff8c1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 140, 26, 0);
  }
}
@keyframes r25 {
  from {
box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #fff, 0 0 12px 14px #ff8c1a;
  }
  to {
box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 25px #fff, 0 0 4px 25px rgba(255, 140, 26, 0);
  }
}

/* poplink */
.poplink_search .any3:before {
content: '\0a5';
}

/* cart */
.order_flow_ img {width: 800px!important}

.cart_footer_ {
width: 1000px;
margin: 0 auto;
color: #3b516b;
text-align: center;
}

.cart_footer_ .cart_privilege_ {
padding: 60px 0 0;
border-top: 1px solid #000;
}

.cart_footer_ .cart_privilege_head_ .cart_privilege_image_ {
width: 70px;
height: 78px;
margin: 0 auto;
background: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_item.svg) no-repeat center center / 70px 78px;
}

.cart_footer_ .cart_privilege_head_ .cart_privilege_ttl_ {
margin: 35px 0 0;
font-size: 32px;
}

.cart_footer_ .cart_privilege_head_ .cart_privilege_desc_ {
margin: 30px 0 0;
font-size: 16px;
}

.cart_footer_ ul.cart_privilege_list_ {
margin: 75px 0 0;
overflow: hidden;
}

.cart_footer_ ul.cart_privilege_list_ li {
width: 29%;
height: 405px;
margin-right: 55px;
float: left;
overflow: hidden;
}

.cart_footer_ ul.cart_privilege_list_ li:nth-child(3n) {
margin-right: 0;
}

.cart_footer_ ul.cart_privilege_list_ li .cart_privilege_item_image_ {
width: 140px;
height: 140px;
background: #a4abb3 no-repeat center center;
border-radius: 100%;
margin: 0 auto;
}

.cart_footer_ ul.cart_privilege_list_ li.cart .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_bag.svg);
background-size: 46px 58px;
}

.cart_footer_ ul.cart_privilege_list_ li.postage .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_trance.svg);
background-size: 65px 41px;
}

.cart_footer_ ul.cart_privilege_list_ li.gift .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_gift.svg);
background-size: 48px 47px;
}

.cart_footer_ ul.cart_privilege_list_ li.delivery .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_time.svg);
background-size: 48px 48px;
}

.cart_footer_ ul.cart_privilege_list_ li.datetime .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_cal.svg);
background-size: 47px 46px;
}

.cart_footer_ ul.cart_privilege_list_ li.method .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_wallet.svg);
background-size: 48px 48px;
}

.cart_footer_ ul.cart_privilege_list_ li.sale .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_campaign.svg);
background-size: 48px 47px;
}

.cart_footer_ ul.cart_privilege_list_ li.mag .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_mail.svg);
background-size: 48px 31px;
}

.cart_footer_ ul.cart_privilege_list_ li.mypage .cart_privilege_item_image_ {
background-image: url(https://www.hanesbrandsinc.jp/img/usr/ico_benefit_mypage.svg);
background-size: 49px 48px;
}

.cart_footer_ ul.cart_privilege_list_ li .cart_privilege_item_ttl_ {
min-height: 70px;
margin: 35px 0 0;
font-size: 22px;
}

.cart_footer_ ul.cart_privilege_list_ li .cart_privilege_item_desc_ {
margin: 30px 0 0;
font-size: 13px;
text-align: left;
}

/* --------------------------------------------------------------------
	Skip Link用
-------------------------------------------------------------------- */
#skip-to-content {
  padding: 1em;
  position: absolute;
  top: -40px;
  left: 1em;
  z-index: 1000;
  color: white;
}

#skip-to-content:focus {
  position: absolute;
  top: 0;
  background: #222;
}

/* --------------------------------------------------------------------
	エラーメッセージ リスト表示用
-------------------------------------------------------------------- */
div.error_ ul.list_error_ a {
	color:#CC0000;
	font-weight:bold;
}

@charset "Shift_JIS";
/* --------------------------------------------------------------------
	絞込み検索
-------------------------------------------------------------------- */
#block_of_searchlist {
	position: relative;
	padding: 0 0 134px;
}
.searchlist_count_ {
	position: relative;
	padding: 17px 20px;
	margin: 0 0 20px;
	background: #f5f5f5;
}
.searchlist_count_:before,
.searchlist_count_:after {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
}
.searchlist_count_:before {
	bottom: 100%;
	width: 23px;
	height: 17px;
	background: #fff;
	z-index: 2;
}
.searchlist_count_:after {
	top: -17px;
	border: 17px solid transparent;
	border-left: 23px solid #f5f5f5;
	z-index: 1;
}
.searchlist_count_ .label_ {
	color: #808080;
	font-size: 13px;
}
.searchlist_count_ .count_ {
	color: #808080;
	font-size: 13px;
}
.searchlist_count_ .count_ span {
	font-size: 30px;
	font-weight: bold;
	margin-right: 5px;
}
.searchlist_block_ {
	margin: 30px 0 0;
}
.searchlist_block_:first-child {
	margin-top: 0;
}
.searchlist_block_ h2 {
	font-size: 16px;
	font-weight: 700;
	padding: 0 0 5px;
	border-bottom: 1px solid #ddd;
}
.searchlist_block_ li {
	position: relative;
	border-bottom: 1px solid #ddd;
	z-index: 1;
}
.searchlist_block_ li input {
	display: none;
}
.searchlist_block_ li input[type=radio] + label {
	cursor: pointer;
	color: #808080;
	display: block;
	padding: 11px 40px 11px 10px;
	margin: 0;
}
.searchlist_block_ li input[type=radio] + label:hover {
	color: #007aff;
	background-color: #f5f5f5;
}
.searchlist_block_ li input[type=radio]:checked + label {
	background: #f5f5f5 url(../img/usr/radio_checked.png) 190px center no-repeat;
}
.searchlist_block_ li input[type=checkbox] + label {
	cursor: pointer;
	color: #808080;
	display: block;
	padding: 11px 40px 11px 40px;
	margin: 0;
	background: url(../img/usr/check_button.svg) 10px center no-repeat;
	background-size: 20px 20px;
}
.searchlist_block_ li input[type=checkbox]:checked + label {
	background: url(../img/usr/checked.svg) 10px center no-repeat;
	background-size: 20px 20px;
}
.searchlist_block_ li input[type=checkbox] + label:hover {
	color: #007aff;
	background-color: #f5f5f5;
}
.searchlist_block_ .check_clear_ {
	text-align: right;
	margin: 12px 0 0;
}
.searchlist_block_ .check_clear_ span {
	cursor: pointer;
	display: inline-block;
	width: 105px;
	color: #007aff;
	text-align: center;
	padding: 6px 0;
	border: 1px solid #007aff;
	border-radius: 4px;
}
.searchlist_block_ .check_clear_ span:hover {
	color: #fff;
	background-color: #007aff;
}

/* カラー */
.searchlist_block-color {
	margin: 30px 0 0;
}
.searchlist_block-color h2 {
	font-size: 16px;
	font-weight: 700;
	padding: 0 0 5px;
	border-bottom: 1px solid #ddd;
}
.searchlist_block-color ul {
	padding: 20px 0 7px;
	border-bottom: 1px solid #ddd;
}
.searchlist_block-color ul:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.searchlist_block-color ul li {
	position: relative;
	float: left;
	margin: 0 13px 13px 0;
}
.searchlist_block-color ul li:nth-child(7n) {
	margin-right: 0;
}
.searchlist_block-color ul li:nth-child(7n + 1) {
	clear: both;
}
.searchlist_block-color ul li input {
	display: none;
}
.searchlist_block-color ul li input + label {
	cursor: pointer;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	border-radius: 2px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	box-sizing: border-box;
}
.searchlist_block-color ul li input[value="c-ast"] + label {
	background: url(../img/usr/parts/champion/color_chip_other_pc.svg) center center no-repeat;
}
.searchlist_block-color ul li input[value="c-bei"] + label {
	background-color: #F5F5DC;
}
.searchlist_block-color ul li input[value="c-blk"] + label {
	background-color: #282828;
}
.searchlist_block-color ul li input[value="c-blu"] + label {
	background-color: #00F;
}
.searchlist_block-color ul li input[value="c-brn"] + label {
	background-color: #8B4513;
}
.searchlist_block-color ul li input[value="c-grn"] + label {
	background-color: #008000;
}
.searchlist_block-color ul li input[value="c-gry"] + label {
	background-color: #808080;
}
.searchlist_block-color ul li input[value="c-org"] + label {
	background-color: #FFA500;
}
.searchlist_block-color ul li input[value="c-pnk"] + label {
	background-color: #FF69B4;
}
.searchlist_block-color ul li input[value="c-ppl"] + label {
	background-color: #800080;
}
.searchlist_block-color ul li input[value="c-red"] + label {
	background-color: #F00;
}
.searchlist_block-color ul li input[value="c-wht"] + label {
	border: 1px solid #808080;
	background-color: #FFF;
}
.searchlist_block-color ul li input[value="c-yel"] + label {
	background-color: #FFFF00;
}
.searchlist_block-color ul li input:checked + label {
	background-image: url(../img/sys/ico_checked.svg);
	background-size: 12px 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
.searchlist_block-color ul li input[value="c-blk"]:checked + label {
	background-image: url(../img/sys/ico_checked_white.svg);
}

.searchlist_block-color ul li input + label + span {
	display: none;
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	font-size: 10px;
	white-space: nowrap;
	line-height: 1;
	border: 1px solid #989796;
	background: #fff;
	border-radius: 3px;
	padding: 6px;
}
.searchlist_block-color ul li:hover input + label + span {
	display: block;
}
.searchlist_block-color ul li input + label + span:before,
.searchlist_block-color ul li input + label + span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	display: block;
}
.searchlist_block-color ul li input + label + span:before {
	margin-left: -5px;
	border: 5px solid transparent;
	border-top: 5px solid #fff;
	z-index: 1;
}
.searchlist_block-color ul li input + label + span:after {
	margin-left: -6px;
	border: 6px solid transparent;
	border-top: 6px solid #989796;
}

/* 価格 */
.searchlist_block-price {
	margin: 30px 0 0;
}
.searchlist_block-price h2 {
	font-size: 16px;
	font-weight: 700;
	padding: 0 0 5px;
	margin: 0 0 20px;
	border-bottom: 1px solid #ddd;
}
.searchlist_block-price .price_ {
	overflow: hidden;
	color: #808080;
	margin: 0 0 32px;
}
.searchlist_block-price .price_ li:first-child {
	float: left;
}
.searchlist_block-price .price_ li:last-child {
	float: right;
}
.searchlist_block-price .price_ input[type=text] {
	vertical-align: bottom;
	color: #808080;
	font-size: 13px;
	width: 80px;
	height: auto;
	padding: 6px 8px;
	margin: 0 8px 0 0;
	border: 1px solid #c8c8c8;
	border-radius: 0;
	box-sizing: border-box;
}
.searchlist_block-price .btn_ {
	overflow: hidden;
	text-align: right;
	margin: 32px 0 0;
}
.searchlist_block-price .btn_ li {
	cursor: pointer;
	display: inline-block;
	width: 105px;
	color: #007aff;
	text-align: center;
	padding: 6px 0;
	border: 1px solid #007aff;
	border-radius: 4px;
}
.searchlist_block-price .btn_ li:hover {
	color: #fff;
	background-color: #007aff;
}

/* その他絞込み */
.searchlist_block-accordion {
	margin: 30px 0 0;
}
.searchlist_block-accordion h2 {
	font-size: 16px;
	font-weight: 700;
	padding: 0 0 5px;
}
.searchlist_block-accordion > ul > li {
	border-top: 1px solid #ddd;
}
.searchlist_block-accordion > ul > li:last-child {
	border-bottom: 1px solid #ddd;
}

.searchlist_block-accordion .parent_ {
	cursor: pointer;
	position: relative;
	color: #808080;
	padding: 11px 34px 11px 10px;
	z-index: 1;
}
.searchlist_block-accordion .parent_:after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 14px;
	height: 10px;
	margin-top: -5px;
	background: url(../img/sys/arrow_gray_t.svg) center center no-repeat;
	transform: rotate(180deg);
}
.searchlist_block-accordion .parent_.open_:after {
	transform: rotate(0deg);
}
.searchlist_block-accordion .parent_ + .searchlist_block_ {
	display: none;
	margin: 0 0 20px;
}
.searchlist_block-accordion .parent_ + .searchlist_block_ ul {
	border-top: 1px solid #ddd;
}
.searchlist_block-accordion li li {
	position: relative;
	border-bottom: 1px solid #ddd;
	z-index: 1;
}
.searchlist_block-accordion li li input {
	display: none;
}
.searchlist_block-accordion li li input + label {
	cursor: pointer;
	color: #808080;
	display: block;
	padding: 11px 40px 11px 40px;
	margin: 0;
	background: url(../img/usr/check_button.png) 10px center no-repeat;
}
.searchlist_block-accordion li li input:checked + label {
	background: url(../img/usr/checked.png) 10px center no-repeat;
}

#block_of_searchlist .filter_btn_ {
	position: fixed;
	bottom: 0;
	width: 220px;
	margin: 0 0 20px;
	background: #fff;
	z-index: 1;
}
#block_of_searchlist .filter_btn_.stop_ {
	position: absolute;
}
#searchlist_clear {
	cursor: pointer;
	color: #007aff;
	text-align: center;
	padding: 6px 0;
	margin: 10px 0 0;
	border: 1px solid #007aff;
	background: #fff;
	border-radius: 4px;
}
#searchlist_clear:hover {
	color: #fff;
	background-color: #007aff;
}
#searchlist_search {
	width: 100%;
	cursor: pointer;
	background: #007aff;
	color: #FFF;
	text-align: center;
	padding: 6px 0;
	border: none;
	border-radius: 4px;
}

/* --------------------------------------------------------------------
	サイドボックス
-------------------------------------------------------------------- */
div.sidebox_ {
	margin: 0 0 20px 0;
}

/* 雑誌掲載アイテム */
.ttl_magazine_ {
	margin: 0 0 10px 0;
}
.ttl_magazine_ span {
	margin: 0 0 0 40px;
}
/**/

/* --------------------------------------------------------------------
	サイドボックス　カテゴリツリー
-------------------------------------------------------------------- */
#block_of_categorytree {
margin-bottom: 30px;
}
#sidebox_category h2 {
	padding: 0 0 15px 0;
	background: url(../img/usr/leftmenu/hanes/bg_ttl_sidebox.gif) left bottom repeat-x;
	text-indent: -9999px;
}
#c20 #sidebox_category h2 ,
#c30 #sidebox_category h2 {
	padding: 0 0 5px 0;
	background: none;
}
#sidebox_category h2 span {
	display: block;
	background: url(../img/usr/leftmenu/hanes/ttl_category.png) left center no-repeat;
}
#c20 #sidebox_category h2 span ,
#c30 #sidebox_category h2 span {
	background: url(../img/usr/leftmenu/champion/ttl_category.png) left center no-repeat;
	height: 20px;
}
.category_tree_ {
	margin: 0;
	padding: 0;
}
.category_tree_ li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
}
#c20 .category_tree_ li ,
#c30 .category_tree_ li {
	border-bottom: none;
}
.category_tree_ li a, .category_tree_ li span.nolink_ {
	color: #191919;
	text-decoration: underline;
	padding: 10px 10px 10px 20px;
	display: block;
	background-color: transparent;
}
#c20 .category_tree_ li a, #c20 .category_tree_ li span.nolink_ ,
#c30 .category_tree_ li a, #c30 .category_tree_ li span.nolink_ {
	color: #051c38;
	padding: 7px 10px 7px 20px;
	text-decoration: none;
}
.category_tree_ li a:hover {
}
.category_tree_ li.category_tree2_ {
	border-bottom: none;
}
.category_tree_ li.category_tree2_ span {
	display: block;
	text-indent: -9999px;
	padding: 10px 0;
}
#c20 .category_tree_ li.category_tree2_ span ,
#c30 .category_tree_ li.category_tree2_ span {
	padding: 12px 0 11px 0;
	border-bottom: 1px solid #c3c1b7;
}
.category_tree_ li.category_tree2_ span.category1010 {
	background: url(../img/usr/leftmenu/hanes/hanes_mens.png) left bottom no-repeat;
}
.category_tree_ li.category_tree2_ span.category1020 {
	background: url(../img/usr/leftmenu/hanes/hanes_womens.png) left bottom no-repeat;
}
.category_tree_ li.category_tree2_ span.category1030 {
	background: url(../img/usr/leftmenu/hanes/hanes_kids.png) left bottom no-repeat;
}
#c20 .category_tree_ li.category_tree2_ span.category2010 ,
#c30 .category_tree_ li.category_tree2_ span.category3010 {
	background: url(../img/usr/leftmenu/champion/champion_mens.png) left center no-repeat;
}
#c20 .category_tree_ li.category_tree2_ span.category2020 ,
#c30 .category_tree_ li.category_tree2_ span.category3020 {
	background: url(../img/usr/leftmenu/champion/champion_womens.png) left center no-repeat;
}
#c20 .category_tree_ li.category_tree2_ span.category2030 ,
#c30 .category_tree_ li.category_tree2_ span.category3030 {
	background: url(../img/usr/leftmenu/champion/champion_kids.png) left center no-repeat;
}
.category_tree_ li.category_tree3_ a, 
.category_tree_ li.category_tree3_ span.nolink_ {
	width: 205px;
	background-image: url(../img/usr/leftmenu/hanes/hanes_tree_close.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#c20 .category_tree_ li.category_tree3_ a, 
#c20 .category_tree_ li.category_tree3_ span.nolink_,
#c30 .category_tree_ li.category_tree3_ a, 
#c30 .category_tree_ li.category_tree3_ span.nolink_ {
	background-image: url(../img/usr/leftmenu/champion/champion_tree.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
.category_tree_ li.category_tree4_ a,
.category_tree_ li.category_tree4_open_ a,
.category_tree_ li.category_tree4_ span.nolink_ {
	padding-left: 33px;
	width: 205px;
	background-image: url(../img/usr/leftmenu/hanes/hanes_category_tree4.png);
	background-position: 20px 18px;
	background-repeat: no-repeat;
	background-size: 4px 1px;
}
#c20 .category_tree_ li.category_tree4_ a,
#c20 .category_tree_ li.category_tree4_open_ a,
#c20 .category_tree_ li.category_tree4_ span.nolink_,
#c30 .category_tree_ li.category_tree4_ a,
#c30 .category_tree_ li.category_tree4_open_ a,
#c30 .category_tree_ li.category_tree4_ span.nolink_ {
	padding-left: 33px;
	width: 205px;
	background-image: url(../img/usr/leftmenu/champion/champion_category_tree4.png);
	background-position: 20px 15px;
	background-repeat: no-repeat;
	background-size: 4px 1px;
}
.category_tree_ li.category_tree3_ a:hover,
.category_tree_ li.category_tree3_open_ a:hover,
.category_tree_ li.category_tree4_ a:hover,
.category_tree_ li.category_tree4_open_ a:hover {
	text-decoration: none;
}
#c20 .category_tree_ li.category_tree3_ a:hover ,
#c30 .category_tree_ li.category_tree3_ a:hover {
	color: #fff;
	background: #051c38 url(../img/usr/leftmenu/champion/champion_tree_hover.png) 6px center no-repeat;
}
#c20 .category_tree_ li.category_tree4_ a:hover ,
#c30 .category_tree_ li.category_tree4_ a:hover {
	color: #fff;
	background-image: url(../img/usr/leftmenu/champion/champion_category_tree4_hover.png);
	background-color: #051c38;
}
/* 現在のカテゴリ */
.category_tree_ li.category_tree3_open_,
.category_tree_ li.category_tree4_open_ {
	background: url(../img/usr/leftmenu/champion/selected.png) right center no-repeat;
}
.category_tree_ li.category_tree3_open_ a {
	width: 205px;
	background-image: url(../img/usr/leftmenu/hanes/hanes_tree_open.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#c20 .category_tree_ li.category_tree3_open_ a ,
#c30 .category_tree_ li.category_tree3_open_ a {
	background-image: url(../img/usr/leftmenu/champion/champion_tree_open.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
/**/
/* リンクがない場合 */
.category_tree_ li.category_tree1_ span.nolink_, 
.category_tree_ li.category_tree2_ span.nolink_, 
.category_tree_ li.category_tree3_ span.nolink_, 
.category_tree_ li.category_tree4_ span.nolink_ {
	color: #999;
}
/**/
/* --------------------------------------------------------------------
	サイドボックス　ジャンルツリー
-------------------------------------------------------------------- */
#block_of_genretree {
	margin-bottom: 30px;
}
#sidebox_genre h2 {
	padding: 0 0 15px 0;
	background: url(../img/usr/leftmenu/hanes/bg_ttl_sidebox.gif) left bottom repeat-x;
	text-indent: -9999px;
}
#c20 #sidebox_genre h2 ,
#c30 #sidebox_genre h2 {
	padding: 0 0 5px 0;
	background: none;
}
#sidebox_genre h2 span {
	display: block;
	background: url(../img/usr/leftmenu/hanes/ttl_series.png) left center no-repeat;
}
#c20 #sidebox_genre h2 span ,
#c30 #sidebox_genre h2 span {
	background: url(../img/usr/leftmenu/champion/ttl_series.png) left center no-repeat;
	height: 20px;
}
.genre_tree_ {
	margin: 0;
	padding: 0;
}
.genre_tree_ li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
}
#c20 .genre_tree_ li ,
#c30 .genre_tree_ li {
	border-bottom: none;
}
.genre_tree_ li a, .genre_tree_ li span.nolink_ {
	color: #191919;
	text-decoration: underline;
	padding: 10px 10px 10px 20px;
	display: block;
	background-color: transparent;
}
#c20 .genre_tree_ li a, #c20 .genre_tree_ li span.nolink_ ,
#c30 .genre_tree_ li a, #c30 .genre_tree_ li span.nolink_ {
	color: #051c38;
	padding: 7px 10px 7px 20px;
	text-decoration: none;
}
.genre_tree_ li a:hover {
}
.genre_tree_ li.genre_tree2_ {
	border-bottom: none;
}
#c20 .genre_tree_ li.genre_tree2_ ,
#c30 .genre_tree_ li.genre_tree2_ {
	border-bottom: 1px solid #c3c1b7;
}
.genre_tree_ li.genre_tree2_ span {
	display: block;
	text-indent: -9999px;
	padding: 10px 0;
}
#c20 .genre_tree_ li.genre_tree2_ span ,
#c30 .genre_tree_ li.genre_tree2_ span {
	padding: 12px 0 11px 0;
}
.genre_tree_ li.genre_tree2_ span.genre1010 {
	background: url(../img/usr/leftmenu/hanes/hanes_mens_series.png) left bottom no-repeat;
}
.genre_tree_ li.genre_tree2_ span.genre1020 {
	background: url(../img/usr/leftmenu/hanes/hanes_womens_series.png) left bottom no-repeat;
}
#c20 .genre_tree_ li.genre_tree2_ span.genre2010 ,
#c30 .genre_tree_ li.genre_tree2_ span.genre3010 {
	background: url(../img/usr/leftmenu/champion/champion_mens_series.png) left center no-repeat;
}
#c20 .genre_tree_ li.genre_tree2_ span.genre2020 ,
#c30 .genre_tree_ li.genre_tree2_ span.genre3020 {
	background: url(../img/usr/leftmenu/champion/champion_womens_series.png) left center no-repeat;
}
.genre_tree_ li.genre_tree3_ a, 
.genre_tree_ li.genre_tree3_ span.nolink_ {
	width: 205px;
	background-image: url(../img/usr/leftmenu/hanes/hanes_tree_close.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#c20 .genre_tree_ li.genre_tree3_ a, 
#c20 .genre_tree_ li.genre_tree3_ span.nolink_,
#c30 .genre_tree_ li.genre_tree3_ a, 
#c30 .genre_tree_ li.genre_tree3_ span.nolink_ {
	background-image: url(../img/usr/leftmenu/champion/champion_tree.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree4_ a,
.genre_tree_ li.genre_tree4_open_ a,
.genre_tree_ li.genre_tree4_ span.nolink_ {
	padding-left: 33px;
	width: 205px;
	background-image: url(../img/usr/leftmenu/hanes/hanes_category_tree4.png);
	background-position: 20px 18px;
	background-repeat: no-repeat;
	background-size: 4px 1px;
}
#c20 .genre_tree_ li.genre_tree4_ a,
#c20 .genre_tree_ li.genre_tree4_open_ a,
#c20 .genre_tree_ li.genre_tree4_ span.nolink_,
#c30 .genre_tree_ li.genre_tree4_ a,
#c30 .genre_tree_ li.genre_tree4_open_ a,
#c30 .genre_tree_ li.genre_tree4_ span.nolink_ {
	padding-left: 33px;
	width: 205px;
	background-image: url(../img/usr/leftmenu/champion/champion_category_tree4.png);
	background-position: 20px 15px;
	background-repeat: no-repeat;
	background-size: 4px 1px;
}
/* 現在のカテゴリ */
.genre_tree_ li.genre_tree3_open_,
.genre_tree_ li.genre_tree4_open_ {
	background: url(../img/usr/leftmenu/champion/selected.png) right center no-repeat;
}
.genre_tree_ li.genre_tree3_open_ a {
	width: 205px;
	background-image: url(../img/usr/leftmenu/hanes/hanes_tree_open.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#c20 .genre_tree_ li.genre_tree3_open_ a ,
#c30 .genre_tree_ li.genre_tree3_open_ a {
	background-image: url(../img/usr/leftmenu/champion/champion_tree_open.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree3_ a:hover,
.genre_tree_ li.genre_tree3_open_ a:hover,
.genre_tree_ li.genre_tree4_ a:hover,
.genre_tree_ li.genre_tree4_open_ a:hover {
	text-decoration: none;
}
#c20 .genre_tree_ li.genre_tree3_ a:hover ,
#c30 .genre_tree_ li.genre_tree3_ a:hover {
	color: #fff;
	background: #051c38 url(../img/usr/leftmenu/champion/champion_tree_hover.png) 6px center no-repeat;
}
#c20 .genre_tree_ li.genre_tree4_ a:hover ,
#c30 .genre_tree_ li.genre_tree4_ a:hover {
	color: #fff;
	background-image: url(../img/usr/leftmenu/champion/champion_category_tree4_hover.png);
	background-color: #051c38;
}

/**/
/* リンクがない場合 */
.genre_tree_ li.genre_tree1_ span.nolink_, 
.genre_tree_ li.genre_tree2_ span.nolink_, 
.genre_tree_ li.genre_tree3_ span.nolink_, 
.genre_tree_ li.genre_tree4_ span.nolink_ {
	color: #666666;
	padding-left: 30px;
	width: 205px;
}
/**/

/* --------------------------------------------------------------------
	サイドボックス　カート
-------------------------------------------------------------------- */
.cart_title_ {
	display:none;
}
.cart_frame_ {
	padding-bottom:5px;
}
dl.cart_goods_ {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
dl.cart_goods_ dt {
	text-align: left;
}
dl.cart_goods_ dt div.name1_ {
	float: left;
	width: 118px;
}
dl.cart_goods_ dt div.delete_ {
	padding-left:2px;
	float: left;
}
dl.cart_goods_ dt div.delete_ img {
	cursor: pointer;
}
dl.cart_goods_ dt div.delete_b_ {
	clear: left;
}
dl.cart_goods_ dd {
	text-align: right;
}
dl.cart_total_ {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}
dl.cart_total_ dt {
	float: left;
	display: inline;
	font-weight: bold;
	letter-spacing: 1em;
}
dl.cart_total_ dd {
	float: right;
	display: inline;
	text-align: right;
}
.cart_postage_ {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	border-bottom: 1px dotted #CCC;
}
.cart_to_order_ {
	text-align: center;
}
.cart_null_ {
}

.cart_errormessages_ {
	display:none;
	font-size: 10px;
}

.cart_erroralert_ {
	font-size: 10px;
	color: #993300;
}


/* --------------------------------------------------------------------
	サイドボックス　履歴
-------------------------------------------------------------------- */
.item_history_link_ {
	padding-left: 15px;
	width: 145px;
	background-image: url(../img/usr/tree1.png);
	background-repeat: no-repeat;
}

@charset "Shift_JIS";

/* --------------------------------------------------------------------
	カテゴリ一覧　ピックアップ
--------------------------------------------------------------------- */
div.CategoryStyleP_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleP_Line_ {
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleP_Item_ {
	padding: 0 0 20px 0;
	float: left;
	display: inline;
	width: 50%;
}
div.CategoryStyleP_Item_ h3.name_ {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
div.CategoryStyleP_Item_ div.comment_ {
	margin: 0 10px;
}
div.CategoryStyleP_Item_ div.comment_ img {
	margin: 0 0 10px 0;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　孫カテゴリ
--------------------------------------------------------------------- */
div.CategoryStyleG_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleG_Line_ {
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleG_Item_ {
	padding: 0 0 20px 0;
	float: left;
	display: inline;
	width: 33%;
	overflow: hidden;
}
div.CategoryStyleG_Item_ h3.name_ {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
div.CategoryStyleG_Item_ .comment_ {
	margin: 0 10px;
}
div.CategoryStyleG_Item_ div.comment_ img {
	margin: 0 0 10px 0;
}
div.CategoryStyleG_ ul {
	margin: 10px 10px 0 10px;
	padding: 0;
}
div.CategoryStyleG_ ul li {
	margin: 0 0 0 2em;
	padding: 0;
	list-style: square;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　一覧
--------------------------------------------------------------------- */
div.CategoryStyleL_ {
	width:100%;
	border:none;
}
div.CategoryStyleL_ span.name_ {
	margin:4px;
	font-weight:bold;
	white-space: nowrap;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　サムネイル
--------------------------------------------------------------------- */
div.CategoryStyleT_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleT_Line_ {
	width:100%;
	overflow: hidden;
}
div.CategoryStyleT_Item_ {
	padding: 0 0 20px 0;
	float: left;
	display: inline;
	width: 25%;
	overflow: hidden;
}
div.CategoryStyleT_Item_ h3.name_ {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
div.CategoryStyleT_Item_ h3.img_ {
	padding: 0 10px 10px 10px;
	font-size: 5px;
	border: none;
}
div.CategoryStyleT_Item_ .comment_ {
	margin: 0 10px;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　詳細
--------------------------------------------------------------------- */
div.CategoryStyleD_ {
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleD_Item_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
div.CategoryStyleD_Item_ h3 {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
/* --------------------------------------------------------------------
	ジャンル一覧
--------------------------------------------------------------------- */
div.GenreStyle_ {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
div.GenreStyle_Line_ {
	margin: 0;
	width: 100%;
	overflow: hidden;
}
div.GenreStyle_Item_ {
	margin: 0;
	float: left;
	display: inline;
	width: 33%;
}
div.GenreStyle_Item_ h3.img_ {
	padding: 0 10px 10px 10px;
	font-size: 5px;
	border: none;
}
div.GenreStyle_Item_ h3.name_ {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	/*background: #F0F0F0;*/
}
div.GenreStyle_Item_ div.comment_ {
	margin: 0 10px;
}
div.GenreStyle_Item_ a{
	display: block;
	width: 265px;
	height: 46px;
	line-height: 46px;
	margin: 0 auto;
	border: 1px solid #007aff;
	border-radius: 4px;
	color: #007aff;
	font-size: 14px;
	text-align: left;
	transition: all 300ms 0s ease;
	padding-left: 15px;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
}
div.GenreStyle_Item_ a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: '';
	vertical-align: middle;
	right: 15px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #007aff;
	border-right: 1px solid #007aff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
div.GenreStyle_Item_ a:hover {
	color: #fff;
	background: #007aff;
	text-decoration: none;
}
div.GenreStyle_Item_ a:hover::before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* --------------------------------------------------------------------
	カテゴリ　genderトップ用
--------------------------------------------------------------------- */
div.category_banner_ {
}
div.category_banner_ .banner_ {
	margin: 0 0 50px;
}
div.category_banner_ .banner_ img {
	width: 100%;
}
div.category_banner_ h2 {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px;
}
div.category_banner_ .sub_category_list_ {
	overflow: hidden;
	margin: 0 0 50px;
}
div.category_banner_ .sub_category_list_ .sub_category_item_ {
	float: left;
	width: 180px;
	margin: 0 0 20px 24px;
}
div.category_banner_ .sub_category_list_ .sub_category_item_:nth-child(6n+1) {
	clear: both;
	margin-left: 0;
}
div.category_banner_ .sub_category_list_ .sub_category_item_ a {
	position: relative;
	display: block;
	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_banner_ .sub_category_list_ .sub_category_item_ .img_ {
	display: block;
}
div.category_banner_ .sub_category_list_ .sub_category_item_ .title_ {
	float: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 8px;
	text-align: center;
}

div.category_banner_ .sub_banner_list_ {
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
}
div.category_banner_ .sub_banner_list_ .sub_banner_ {
	float: left;
	width: 227px;
	margin: 0 0 4px 16px;
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid #dfdfdf;
}
div.category_banner_ .sub_banner_list_ .sub_banner_:nth-child(5n+1) {
	margin-left: 0;
}
div.category_banner_ .sub_banner_list_ .sub_banner_ a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #282828;
}
div.category_banner_ .sub_banner_list_ .sub_banner_ .img_ {
	margin: 0 0 20px;
}
div.category_banner_ .sub_banner_list_ .sub_banner_ .img_ img {
	width: 100%;
	border-radius: 8px 8px 0 0;
}
div.category_banner_ .sub_banner_list_ .sub_banner_ .title_ {
	margin: 0 0 15px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
div.category_banner_ .sub_banner_list_ .sub_banner_ .desc_ {
	margin: 0 0 15px;
	font-size: 11px;
	text-align: center;
}
div.contents_ .gender_top_ div.topiclist_ .topiclist_body_ {
	width: 1200px;
}
/* --------------------------------------------------------------------
	カテゴリ　190304：バナー追加
--------------------------------------------------------------------- */
div[class^="cStyle_0"] {
    margin-bottom: 70px;
}
div[class^="cStyle_0"].c-flex_ {
    display: flex;
}
div[class^="cStyle_0"] a {
    display: block;
    margin-right: 15px;
}
div[class^="cStyle_0"] .bx-wrapper {
    position: relative;
}
div[class^="cStyle_0"] .rightBox_ {
    margin-left: 15px;
}
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: 15px;
}
div[class^="cStyle_0"] .bx-pager{
	display: none;
}
div[class^="cStyle_0"] .bx-prev,
div[class^="cStyle_0"] .bx-next {
    position: absolute;
    width: 65px;
    height: calc(100% - 30px);
    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.cStyle_01 a {
    margin-right: 0px!important;
    margin-bottom: 15px;
}
div.cStyle_01 a:last-child,
div.cStyle_02.c-flex_ a:last-child {
    margin-bottom: 0px;
}
/*二列目*/
div.cStyle_02.c-flex_,
div.cStyle_03.c-flex_ {
    flex-wrap: wrap;
}
div.cStyle_02.c-flex_ a {
    width: 49%;
    margin-bottom: 10px;
}
div.cStyle_02.c-flex_ a:nth-child(2n) {
    margin-right: 0;
}
div.cStyle_03.c-flex_ a {
    width: 32.5%;
    margin-bottom: 10px;
}
div.cStyle_03.c-flex_ a:nth-child(3n) {
    margin-right: 0;
}