@charset "Shift_JIS";
/* --------------------------------------------------------------------
	フリーページ　共通
--------------------------------------------------------------------- */
#header #sitelogo img {
	width: 80%;
	margin-left: 1%;
}
#header .header_top_ .inner_ {
	width: 100%;
}
#header .header_bottom_ {
	display: none;
}
#header.fixed_ .header_top_ .category-nav {
	display: none;
}
#header .hnav_ {
	display: none;
}
#header.fixed_ .header_top_ .search_box_ {
	display: none;
}
#footer .footer_frame_ {
	display: block;
	width: 100%;
}
#footer div.footer_bottom_ .inner_ {
	width: 100%;
}
#footer .footer_list_ .block_ {
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #444444;
	float: block !important;
	margin-left: 0 !important;
	width: 100%;
}
#footer .footer_right_ {
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #444444;
	position: static;
	text-align:center;
}
div.contents_ {
	width: 100%;
	margin-top: 0;
}
div.freepage_ {
	margin-bottom: 40px;
}
div.freepage_ .box_ {
	padding: 0 0 18px 0;
	margin: 0 30px 28px 30px;
	border-bottom: 1px solid #c0beb8;
}
div.freepage_ .box_ p {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.4px;
	margin-bottom: 10px;
}
div.freepage_ .box_ p a {
	text-decoration: underline;
}
div.freepage_ .box_ p.notice_ {
	color: #d32f2f;
	font-weight: normal;
}
div.freepage_ .guide_link_ {
	overflow: hidden;
	margin: 0 0 36px 0;
	max-width: 100%;
}
div.freepage_ .guide_link_ li {
	float: left;
	margin: 0 8px 8px 0;
	width: 48%;
}
div.freepage_ .guide_link_ li:nth-child(2n) {
	margin-right: 0;
}
div.freepage_ .guide_link_ li a {
}
div.freepage_ .pagetop_link_ {
	text-align: center;
	margin: 0 0 25px 0;
}
div.freepage_ .pagetop_link_ a {
	color: #212121;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 25px;
	background: url(../img/usr/freepage/common/icon_pagetop.png) left center no-repeat;
}
/* --------------------------------------------------------------------
	フリーページ　会社概要
--------------------------------------------------------------------- */
#company {
}
#company .img_logo_ {
	width: 200px;
	margin: 0 0 15px 0;
	padding: 10px 20px 0px 20px;
	background: #fff;
}
#company table {
	width: 90%;
	margin: 20px auto 0 auto;
}
#company table th {
	width: 8em;
	vertical-align: top;
}
#company table td {
	vertical-align: top;
}
/* --------------------------------------------------------------------
	フリーページ　特定商取引に関する法律に基づく表記
--------------------------------------------------------------------- */
#eclaw {
}
#eclaw th {
	white-space: nowrap;
}
/* --------------------------------------------------------------------
	フリーページ　サイトマップ
--------------------------------------------------------------------- */
#sitemap {
}
#sitemap div.hanes_ {
	margin: 30px 0 60px 0;
}
#sitemap div.champion_ {
	margin: 30px 0 60px 0;
}
#sitemap div.guide_ {
	margin: 30px 0 60px 0;
}
#sitemap h2 a {
	padding: 0 0 0 10px;
	border-left: 2px solid #d50000;
}
#sitemap .sitemap_line_ {
}
#sitemap .sitemap_line_ li {
	margin: 0 0 10px 0;
}
#sitemap .sitemap_line_ dl {
	overflow: hidden;
}
#sitemap div.hanes_ .sitemap_line_ dt {
	margin-bottom: 8px;
	color: #d32f2f;
	font-size: 14px;
	font-weight: bold;
}
#sitemap div.champion_ .sitemap_line_ dt {
	margin-bottom: 8px;
	color: #00418e;
	font-size: 14px;
	font-weight: bold;
}
#sitemap div.guide_ .sitemap_line_ dt {
	margin-bottom: 8px;
	color: #0fb14c;
	font-size: 14px;
	font-weight: bold;
}
#sitemap .sitemap_line_ dt a {
}
#sitemap .sitemap_line_ dd {
	float: left;
	width: 235px;
	margin: 0 0 5px 10px;
}
#sitemap .sitemap_line_ dd a {
	color: #212121;
	padding-left: 15px;
	background: url(../img/usr/right_arrow.png) left center no-repeat;
}
/* --------------------------------------------------------------------
	フリーページ　プライバシーポリシー
--------------------------------------------------------------------- */
#privacy {
}
#privacy ol li {
	list-style: none;
	margin: 5px 0 0 2em;
	text-indent: -1em;
}
#privacy ul li {
	margin: 5px 0 0 2em;
	text-indent: -1em;
}
#privacy .charge_ ol {
	margin-bottom: 10px;
}
#privacy .charge_ ol li {
	font-size: 14px;
	margin-left: 1em;
}
#privacy .charge_ .inner_ h3 {
	font-size: 14px;
	font-weight: bold;
}
#privacy .charge_ .inner_ h4 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 14px;
}
#privacy .charge_ .inner_ ul li h4 {
	margin-top: 5px;
}
#privacy .charge_ .inner_ ol li {
	margin-left: 2em;
}
#privacy .charge_ .inner_ .txt_ {
	margin-left: 1em;
}
/* --------------------------------------------------------------------
	フリーページ　ご利用ガイド
--------------------------------------------------------------------- */
#guideline {
}
#guideline .others_linkline_ {
	overflow: hidden;
	/*width: 1070px;*/
	margin: 0 0 10px 0;
}
#guideline .others_link_ {
	float: left;
	width: 490px;
	margin: 0 30px 0 0;
}
#guideline .others_link_ li {
	margin: 0 0 5px 5px;
}
#guideline .others_link_ li a {
	color: #212121;
	padding-left: 15px;
	background: url(../img/usr/right_arrow.png) left center no-repeat;
}
/* --------------------------------------------------------------------
	フリーページ　会員登録について
--------------------------------------------------------------------- */
#member {
}
#member h4 {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(../img/usr/arrow_red_b.png) left center no-repeat;
}
/* --------------------------------------------------------------------
	フリーページ　お支払い方法
--------------------------------------------------------------------- */
#payment {
}
#payment p span {
	color: #d32f2f;
}
#payment ul.case_ {
	margin: 0 0 10px 20px;
}
#payment ul.case_ li {
	font-size: 14px;
	margin: 0 0 5px 0;
}
#payment .page_link_ li {
	margin: 0 0 5px 0;
}
#payment .page_link_ li a {
	color: #212121;
	font-size: 14px;
	padding-left: 15px;
	background: url(../img/usr/right_arrow.png) left center no-repeat;
}
#payment dl {
	margin: 0 0 15px 0;
}
#payment dt {
	font-size: 14px;
	font-weight:  bold;
}
#payment dd {
	margin: 5px 0 10px 0;
}
#payment dd li {
	display: inline-block;
	margin: 0 5px 0 0;
}
#payment .img_ {
	display: block;
	margin: 5px 0;
	text-align: left;
}
#payment dl.comment_ {
	overflow: hidden;
	padding: 20px 0 10px 10px;
	margin: 20px 0 10px 0;
	border: 1px solid #c0beb8;
	background: #f2f1ea;
}
#payment dl.comment_ dt {
	clear: both;
	float: left;
}
#payment dl.comment_ dd {
	margin: 0 0 10px 170px;
}
/* --------------------------------------------------------------------
	フリーページ　お支払い方法
--------------------------------------------------------------------- */
#delivery {
}
#delivery .delivery_map_ {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#delivery .delivery_map_ ul {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10;
}
#delivery .delivery_map_ li {
	margin: 5px 0;
}
#delivery .delivery_map_ li img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#delivery .delivery_map_ .notice_ {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 20px;
	padding: 1px 0 1px 10px;
	color: #212121;
	font-size: 12px;
}
#delivery .delivery_date_ li {
	font-size: 14px;
	padding-left: 2.5em;
	text-indent: -2.5em;
	margin: 0 0 10px 0;
}
#delivery .delivery_date_ a {
	display: block;
	font-size: 14px;
	text-decoration: underline;
	padding-left: 48px;
	margin: 5px 0 0 0;
	background: url(../img/usr/right_arrow.png) left center no-repeat;
}
/* --------------------------------------------------------------------
	フリーページ　返品・交換について
--------------------------------------------------------------------- */
#return {
}
#return .box_ ul {
	margin: 0 0 10px 20px;
}
#return .box_ li {
	font-size: 14px;
	margin: 0 0 5px 0;
}
/* --------------------------------------------------------------------
	フリーページ　ご注文メールの流れ
--------------------------------------------------------------------- */
#ordermail {
}
#ordermail h2 {
	color: #d50000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#ordermail h2.common_headline2_ {
	color: #212121;
}
/* --------------------------------------------------------------------
	フリーページ　サイズ・商品について
--------------------------------------------------------------------- */
#itemsize {
}
#itemsize .img_ {
	text-align: center;
}
#itemsize table {
	width: 75%;
	margin: 0 auto 20px auto;
}
#itemsize table th {
	text-align: center;
}
#itemsize table td {
	vertical-align: middle;
}
#itemsize table td img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#itemsize table .tac_ {
	text-align: center;
}
/* --------------------------------------------------------------------
	フリーページ　hn_outlet
--------------------------------------------------------------------- */
#hn_outlet {
}
#hn_outlet a {
	color: #585858;
}
#hn_outlet a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　hn_3pred-1
--------------------------------------------------------------------- */
#hn_3pred-1 {
}
#hn_3pred-1 a {
	color: #585858;
}
#hn_3pred-1 a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　hn_3p6month-1
--------------------------------------------------------------------- */
#hn_3p6month-1 {
}
#hn_3p6month-1 a {
	color: #585858;
}
#hn_3p6month-1 a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　hn_3pcomfort
--------------------------------------------------------------------- */
#hn_3pcomfort {
}
#hn_3pcomfort a {
	color: #585858;
}
#hn_3pcomfort a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　history_champion
--------------------------------------------------------------------- */
#history_champion {
}
#history_champion a {
	color: #585858;
}
#history_champion a:hover {
	color: #cf0000;
}
#history_champion .his dt {
	margin-top: 1.2em;
	font-size: 15px;
	color: #00418f;
	font-weight: bolder;
	padding-bottom: 10px;
	background: #ffffff;
}
#history_champion .his .his dd {
	margin-left: 0.5em;
	padding-bottom: 10px;
}
#history_champion .his2 dt {
	margin-top: 0;
	line-height: 0.7;
	font-size: 35px;
	color: #f12620;
	font-weight: bolder;
	padding-bottom: 10px;
	background: #ffffff;
}
#history_champion .his2 dd {
	margin-top: 0.2em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-bottom: 10px;
}
/* --------------------------------------------------------------------
	フリーページ　item-detail
--------------------------------------------------------------------- */
#item-detail {
}
#item-detail a {
	color: #585858;
}
#item-detail a:hover {
	color: #cf0000;
}
#item-detail a.title {
	font-size: larger;
	line-height: 3;
}
/* --------------------------------------------------------------------
	フリーページ　ch_about_usa
--------------------------------------------------------------------- */
#ch_outlet {
}
#ch_outlet a {
	color: #585858;
}
#ch_outlet a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　ch_about_usa
--------------------------------------------------------------------- */
#ch_about_usa {
}
#ch_about_usa a {
	color: #585858;
}
#ch_about_usa a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　ch_about_rw
--------------------------------------------------------------------- */
#ch_about_rw {
}
#ch_about_rw a {
	color: #585858;
}
#ch_about_rw a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　ch_about_70s
--------------------------------------------------------------------- */
#ch_about_70s {
}
#ch_about_70s a {
	color: #585858;
}
#ch_about_70s a:hover {
	color: #cf0000;
}
.ch_about_70s_top_bg_ {
	height: 210px;
	margin-bottom: 40px;
	background: url("../img/usr/freepage/champion/common/about_champion_bg.png") no-repeat center top / 960px 210px;
}
.ch_about_70s_ttl_ {
	padding: 50px 0 0;
	text-align: center;
	color: #FFF;
	font-size: 24px;
}
.ch_about_70s_desc_ {
	margin: 0 10px;
	padding: 50px 0 0;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}
/* --------------------------------------------------------------------
	フリーページ　ch_about_roche
--------------------------------------------------------------------- */
#ch_about_roche {
}
#ch_about_roche a {
	color: #585858;
}
#ch_about_roche a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　ch_about_ws
--------------------------------------------------------------------- */
#ch_about_ws {
}
#ch_about_ws #m_cont {
	width: 775px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: #eae8df;
	position: relative;
	top: 0px;
}
#ch_about_ws #m_box {
	width: 775px;
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
}
#ch_about_ws #mainImg {
	background: url(../img/usr/freepage/champion/ch_about_ws/ch_ws_775_2.jpg) no-repeat;
	position: relative;
	height: 350px;
}
#ch_about_ws #mainImg p {
	position: absolute;
	bottom: 80px;
	left: 20px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
#ch_about_ws #mainImg h1 {
	position: absolute;
	bottom: 21px;
	left: 21px;
	text-align: left;
	color: #000;
	font-size: 60px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
#ch_about_ws table {
	margin: 0 auto;
}
#ch_about_ws .page_top {
	text-align: right;
	padding: 10px 0px 10px 0px;
	background: #eae8df;
}
#ch_about_ws .page_top a {
	color: #333;
}
#ch_about_ws .page_top a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　ch_reverseweavelu
--------------------------------------------------------------------- */
#ch_reverseweavelu {
}
#ch_reverseweavelu #m_cont {
	width: 775px;
	float: left;
	margin: 0px 0px 10px 0px;
	background-color: #eae8df;
	position: relative;
	top: 0px;
}
#ch_reverseweavelu #m_box2 {
	width: 775px;
	background-color: #e4e1dc;
	margin: 0px 0px 10px 0px;
}
#ch_reverseweavelu #mainImg {
	background: url(../img/usr/freepage/champion/ch_reverseweavelu/ch_rwlu_775_2.jpg) no-repeat;
	position: relative;
	height: 350px;
}
#ch_reverseweavelu #mainImg h1 {
	position: absolute;
	top: 150px;
	left: 20px;
	text-align: right;
	color: #30325c;
	font-size: 40px;
	line-height: 120%;
	font-weight: bold;
	font-family: 'MS Serif', serif;
}
#ch_reverseweavelu .lbox1 {
	background: url(../img/usr/freepage/champion/ch_reverseweavelu/ch_rwlu_bg1.jpg) no-repeat;
	position: relative;
	float: left;
	width: 283px;
	height: 157px;
}
#ch_reverseweavelu .lbox1 h2 {
	position: absolute;
	top: 60px;
	left: 35px;
	line-height: 130%;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
}
#ch_reverseweavelu .rbox1 {
	position: relative;
	float: right;
	width: 492px;
}
#ch_reverseweavelu .rbox1 p {
	position: absolute;
	top: 20px;
	padding: 0 20px 10px 10px;
	line-height: 170%;
	text-align: left;
}
#ch_reverseweavelu .lbox2 {
	position: relative;
	float: left;
	width: 360px;
	height: 360px;
	margin: 10px 15px 20px 20px;
}
#ch_reverseweavelu .lbox2 h3 {
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #c42639;
	clear: both;
}
#ch_reverseweavelu .lbox2 h4 {
	width: 340px;
	position: absolute;
	top: 30px;
	left: 10px;
	text-align: left;
	color: #c42639;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}
#ch_reverseweavelu .rbox2 {
	position: relative;
	float: right;
	width: 360px;
	height: 360px;
	margin: 10px 20px 20px 0;
}
#ch_reverseweavelu .rbox2 h3 {
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #c42639;
	clear: both;
}
#ch_reverseweavelu .rbox2 h4 {
	width: 340px;
	position: absolute;
	top: 30px;
	left: 10px;
	text-align: left;
	color: #c42639;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}
#ch_reverseweavelu .box {
	width: 775px;
	padding: 10px 22px;
	text-align: left;
}
#ch_reverseweavelu h5 {
	font-size: 18px;
	font-weight: bold;
}
#ch_reverseweavelu .box p {
	width: 730px;
	text-align: left;
}
#ch_reverseweavelu .sbox {
	width: 340px;
	position: absolute;
	top: 65px;
	left: 10px;
	margin: 10px 10px 0 0;
}
#ch_reverseweavelu .sbox1 {
	float: left;
	margin: 0 10px 0 0;
}
#ch_reverseweavelu .sbox2 {
	text-align: left;
	margin: 0px 0px;
}
#ch_reverseweavelu .sbox3 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 10px 0 0 0;
}
#ch_reverseweavelu .sbox4 {
	position: absolute;
	bottom: 0px;
	left: 80px;
	text-align: center;
	margin: 15px 0;
	clear: both;
}
#ch_reverseweavelu .page_top {
	text-align: right;
	padding: 10px 0px 10px 0px;
	background: #eae8df;
}
#ch_reverseweavelu .page_top a {
	color: #333;
}
#ch_reverseweavelu .page_top a:hover {
	color: #cf0000;
}
/* --------------------------------------------------------------------
	フリーページ　海外からのご注文について
--------------------------------------------------------------------- */
#international_orders h1 {
	font-weight: normal;
}
#international_orders a {
	text-decoration: underline;
}
#international_orders h1 img {
	float: right;
	padding-right: 12px;
	padding-top: 1px;
}
#international_orders div.guide_ {
	text-align: center;
	margin: 30px 0 22px 0;
}
#international_orders ul.guide_btn_ {
	overflow: hidden;
	display: inline-block;
}
#international_orders ul.guide_btn_ li {
	float: left;
	margin: 0 8px 8px 0;
}
#international_orders ul.guide_btn_ li:nth-child(5) {
 margin-right: 0;
}
#international_orders ul.guide_btn_ li img {
	width: 180px;
}
#international_orders div.countries_ {
	margin: 0 30px 28px 30px;
}
#international_orders div.countries_ ul {
	float: left;
	margin: 0 58px 28px;
	height: 100px;
}
#international_orders div.countries_ ul li {
	font-size: 14px;
	margin-bottom: 5px;
}
#international_orders div.countries_ ul li.flag {
	font-size: 16px;
	margin-bottom: 18px;
}
#international_orders div.countries_ ul li.flag img {
	padding-right: 10px;
	width: 40px;
}
#international_orders div.clear {
	clear:both;
	margin-bottom: 40px;
}
/* --------------------------------------------------------------------
	フリーページ　初めての方へ
--------------------------------------------------------------------- */
#first {
}
#first .coupon_frame_ {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}
#first .coupon_frame_ .coupon_item_, #first .coupon_frame_ .coupon_link_ {
	display: table-cell;
	vertical-align: middle;
}
#first .coupon_frame_ .coupon_item_ {
	width: 515px;
	color: #eb2142;
	font-size: 90px;
	font-weight: bold;
	letter-spacing: 0.9px;
	text-align: center;
	padding: 56px 0;
	background: url(../img/usr/freepage/common/first/bg01.png) center center no-repeat;
}
#first .coupon_frame_ .coupon_item_ p {
	line-height: 1;
}
#first .coupon_frame_ .coupon_item_ small {
	font-size: 32px;
	letter-spacing: 0.3px;
}
#first .coupon_frame_ .coupon_link_ {
	width: 492px;
	padding-left: 33px;
}
#first .coupon_frame_ .coupon_link_ .ttl_ {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.18px;
	text-align: center;
	padding: 12px 0;
	background: url(../img/usr/freepage/common/first/ttl_bg01.png) center center no-repeat;
}
#first .coupon_frame_ .coupon_link_ .ttl_ strong {
	font-size: 24px;
}
#first .coupon_frame_ .coupon_link_ .inner_ {
	padding: 20px;
	background: #fff;
}
#first .coupon_frame_ .coupon_link_ .comment_ {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 30px;
}
#first .coupon_frame_ .coupon_link_ .limit_ {
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.14px;
	margin: 0 0 15px;
}
#first .coupon_frame_ .coupon_link_ .btn_ {
	text-align:center;
}
#first .service_menu_ {
	padding: 50px 20px 56px;
	background: #dddbd3;
}
#first .service_menu_ h2 {
	text-align: center;
	margin: 0 0 30px;
}
#first .service_menu_ ul {
	width: 1000px;
	margin: 0 auto;
}
#first .service_menu_ ul:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#first .service_menu_ li {
	float: left;
	margin: 0 0 4px 5px;
}
#first .service_menu_ li:nth-of-type(3n+1) {
 clear: both;
 margin-left: 0;
}
#first .member_service_ {
	padding: 50px 20px 56px;
	background: #ee6557;
}
#first .member_service_ h2 {
	text-align: center;
	margin: 0 0 34px;
}
#first .member_service_ ul {
	width: 1000px;
	margin: 0 auto;
}
#first .member_service_ ul:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#first .member_service_ li {
	float: left;
	width: 327px;
	margin: 0 0 0 9px;
}
#first .member_service_ li:nth-of-type(3n+1) {
 clear: both;
 margin-left: 0;
}
.how_to_coupon_ .img_ img {
	width : 100%;
	border : 1px solid #ccc;
}
/* --------------------------------------------------------------------
	フリーページ　チャンピオンメンバーズシップについて
--------------------------------------------------------------------- */
#rank {
}
#rank img {
	vertical-align: bottom;
}
#rank .sp_only_ {
	display: none;
}
#rank h1 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.01em;
	padding: 8px 14px 7px;
	margin-bottom: 21px;
	background-color: #212121;
}
#rank h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.25;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
}
#rank .sec_ {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 46px;
}
#rank .sec_ .img_ {
	text-align: center;
}
#rank .sec_ p {
	color: #212121;
	font-size: 14px;
	line-height: 2.571;
	letter-spacing: 0.01em;
	margin-bottom: 8px;
}
#rank .sec_ p.note_ {
	line-height: 1.4285;
}
#rank #sec3 table {
	width: 600px;
	margin: 0 auto 13px;
}
#rank #sec3 table th, #rank #sec3 table td {
	font-size: 14px;
	font-weight: bold;
	line-height: 2.571;
	text-align: center;
	letter-spacing: 0.01em;
	width: 50%;
	padding: 7px 0;
	border: 5px solid #eae8df;
}
#rank #sec1 ul.img_ li {
	width: 1000px;
	margin-bottom: 20px;
	background-position: left top;
	background-repeat: no-repeat;
}
#rank #sec1 ul.img_ li.sec1_img1_ {
	height: 385px;
	background-image: url(../img/usr/freepage/rank/pc/sec1_img1.png);
}
#rank #sec1 ul.img_ li.sec1_img2_ {
	height: 220px;
	background-image: url(../img/usr/freepage/rank/pc/sec1_img2.png);
}
#rank #sec1 #sec1_btn {
	width: 824px;
	margin: 0 auto;
	padding-top: 15px;
	overflow: hidden;
}
#rank #sec1 dl {
	width: 384px;
}
#rank #sec1 dl dt {
	text-align: center;
	width: 384px;
	height: 36px;
	margin-bottom: 12px;
	background-position: center center;
	background-repeat: no-repeat;
}
#rank #sec1 dl dd {
	text-align: center;
}
#rank #sec1 dl dd a {
	display: block;
	width: 384px;
	height: 65px;
	background-position: center center;
	background-repeat: no-repeat;
}
#rank #sec1 dl.sec1_btn1_ {
	float: left;
}
#rank #sec1 dl.sec1_btn1_ dt {
	background-image: url(../img/usr/freepage/rank/pc/sec1_txt1.png);
}
#rank #sec1 dl.sec1_btn1_ dd a {
	background-image: url(../img/usr/freepage/rank/pc/btn_entry.png);
}
#rank #sec1 dl.sec1_btn2_ {
	float: right;
}
#rank #sec1 dl.sec1_btn2_ dt {
	background-image: url(../img/usr/freepage/rank/pc/sec1_txt2.png);
}
#rank #sec1 dl.sec1_btn2_ dd a {
	background-image: url(../img/usr/freepage/rank/pc/btn_login.png);
}
#rank #sec2 .sec2_img1_ {
	width: 1000px;
	height: 294px;
	margin-bottom: 28px;
	background-image: url(../img/usr/freepage/rank/pc/sec2_img1.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#rank #sec2 .sec2_img2_ {
	width: 1000px;
	height: 297px;
	margin-bottom: 14px;
	background-image: url(../img/usr/freepage/rank/pc/sec2_img2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#rank #sec3 {
	padding-bottom: 0;
}
#rank #sec3 table thead th {
	background-color: #dddbd3;
}
#rank #sec3 table tbody th {
	color: #ffffff;
}
#rank #sec3 table tbody th.rank_regular_ {
	background-color: #e54d4a;
}
#rank #sec3 table tbody th.rank_silver_ {
	background-color: #9b9b9b;
}
#rank #sec3 table tbody th.rank_gold_ {
	background-color: #baa740;
}
#rank #sec3 table tbody th.rank_platinum_ {
	background: rgb(138,148,150);
	background: -moz-linear-gradient(-45deg, rgba(138, 148, 150, 1) 0%, rgba(154, 163, 165, 1) 17%, rgba(120, 130, 132, 1) 50%, rgba(135, 145, 147, 1) 86%, rgba(157, 166, 168, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(138, 148, 150, 1) 0%, rgba(154, 163, 165, 1) 17%, rgba(120, 130, 132, 1) 50%, rgba(135, 145, 147, 1) 86%, rgba(157, 166, 168, 1) 100%);
	background: linear-gradient(135deg, rgba(138, 148, 150, 1) 0%, rgba(154, 163, 165, 1) 17%, rgba(120, 130, 132, 1) 50%, rgba(135, 145, 147, 1) 86%, rgba(157, 166, 168, 1) 100%);
}
#rank #sec3 table tbody td {
	background-color: #ffffff;
}
/* --------------------------------------------------------------------
	追記
--------------------------------------------------------------------- */
/* --------------------------------------------------------------------
	共通
--------------------------------------------------------------------- */
.wrapper_ .mainframe_ {
	float: none;
	width: 100%;
	margin: 0 auto 80px;
	line-height: 2em;
}
.wrapper_ .mainframe_ img {
	width: 100%;
}
.wrapper_ .mainframe_ h2 {
	background:url(../img/usr/freepage/champion/common/h2_underbar.png) bottom center no-repeat;
	text-align: center;
	display: block;
	width: 94%;
	/*height: 4.5em;*/
    padding: 2em 3% 1em 3%;
	font-size: 1.5em;
	font-weight: bold;
	color: #3c3c3c;
	margin: 0 auto;
	clear: both;
}
.wrapper_ .mainframe_ h3 {
	text-align: center;
	display: block;
	width: 100%;
	padding: 1em 0 0 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #3c3c3c;
	/*margin: 0 auto;*/
	margin: 0 0 25px 0;
	clear: both;
	border-left: none;
}
.wrapper_ .mainframe_ h2 span {
	font-size: 0.6em;
}
.freepage_contents_box {
	width: 94%;
	display: inline-block;
	margin-bottom: 2em;
	clear: both;
	padding: 3%;
}
.freepage_contents_box_float_left {
	float: none;
	overflow: hidden;
	padding: 3%;
	width: 94% !important;
}
.freepage_contents_box_float_right {
	float: none;
	overflow: hidden;
	padding: 3%;
	width: 94% !important;
}
.freepage_contents_box_width50 {
	width: 94%;
	margin: 0 auto;
}
.freepage_contents_box_width80 {
	width: 74%;
	margin: 0 auto;
}
.freepage_contents_box_width70 {
	width: 64%;
	margin: 0 auto;
}
.freepage_contents_box_width25 {
	width: 19%;
	margin: 0 auto;
}
.freepage_contents_box_width33 {
	width: 27.3%;
	margin: 0 auto;
}
.freepage_contents_box_width60 {
	width: 54%;
	margin: 0 auto;
}
.freepage_contents_box_width40 {
	width: 34%;
	margin: 0 auto;
}
.freepage_contents_box_background {
	background:#e3e3e3;
	overflow: hidden;
}
.freepage_contents_box_border {
	border-top: 1px solid #ddd;
}
.freepage_ .freepage_contents_box_margin_bottom {
	margin-bottom: 0;
}
/* --------------------------------------------------------------------
	ch_about_70s
--------------------------------------------------------------------- */
#ch_about_70s p {
    margin: 0 0 10px 0;
}
/* --------------------------------------------------------------------
	ch_about_roche_pc
--------------------------------------------------------------------- */
#ch_about_roche .freepage_contents_box_float_left > img, #ch_about_roche .freepage_contents_box_float_right > img {
	margin-bottom: 1em;
}
.freepage_contents_box_text {
	text-align: center;
}
/* --------------------------------------------------------------------
	ch_about_rw_pc
--------------------------------------------------------------------- */





/* --------------------------------------------------------------------
	ch_about_usa_pc
--------------------------------------------------------------------- */





/* --------------------------------------------------------------------
	ch_about_ws_pc
--------------------------------------------------------------------- */
.wrapper_ .mainframe_ #ch_about_ws .ch_about_ws_mlogo {
	display: table-cell;
	vertical-align: middle;
	width: 50% !important;
}
.ch_about_ws_font {
	margin-top: 3.5em;
	line-height: 1.5em;
	display: inline-block;
}
/* --------------------------------------------------------------------
	ch_reverseweavelu_pc
--------------------------------------------------------------------- */
.wrapper_ .mainframe_ #ch_reverseweavelu h3 {
	text-align: left;
	border-bottom: 1px solid #ddd;
	display: block;
	width: 100%;
	padding: 1em 0 0.5em 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #3c3c3c;
	margin: 0 0 25px 0;
	clear: both;
	border-left: none;
}
/* --------------------------------------------------------------------
	history_champion_pc
--------------------------------------------------------------------- */
.wrapper_ .mainframe_ #history_champion h3 {
	text-align: left;
	padding: 1em 0;
}
.wrapper_ .mainframe_ #history_champion .freepage_contents_history h3 {
	text-align: center;
	width: 100%;
	color: #075eae;
	font-size: 2.5em;
	font-weight: 900;
	font-style: italic;
	padding: 0;
}
.wrapper_ .mainframe_ .freepage_contents_history {
	background: #aedcdc;
	padding-top: 2em;
}
/* --------------------------------------------------------------------
	item-detail_pc
--------------------------------------------------------------------- */
.wrapper_ .mainframe_ #item-detail h3 {
	text-align: left;
	padding: 0;
	font-size: 1.1em;
}
#item-detail .freepage_contents_box_border {
	border-bottom: 1px solid #ddd;
	border-top: 0;
	width: 100%;
	display: inline-block;
}
.item-detail_bottom .freepage_contents_box_width50 {
	border: 1px solid #007aff;
	width: 39.7%;
	margin: 2% 0;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}
.item-detail_bottom .freepage_contents_box_width50 p {
	color: #007aff;
}
.item-detail_bottom .freepage_contents_box_width50_last {
	border: 1px solid #ddd;
	width: 39.7%;
	margin: 2% 0;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}
.wrapper_ .mainframe_ #item-detail .item-detail_bottom a:hover {
	background: #007aff;
	color: #fff;
}
.item-detail_bottom .freepage_contents_box_width50 b {
	text-align: center;
	width: 100%;
	display: inline-block;
}
.item-detail_bottom .freepage_contents_box_width50_last b {
	text-align: center;
	width: 100%;
	display: inline-block;
}
#item-detail .title {
	font-size: inherit;
	line-height: 2em;
	font-weight: bold;
	display: block;
}
#item-detail .title2 {
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1em;
}
.wrapper_ .mainframe_ #item-detail .item-detail_bottom a .freepage_contents_box_width50 {
	color: #007aff;
}
#item-detail a p {
	color: #007aff;
}
.wrapper_ .mainframe_ #item-detail .item-detail_bottom .freepage_contents_box_width50_last p {
	color: #585858;
}
#item-detail .item-detail_bottom > div {
	line-height: 2em;
	color: #007aff;
}
#item-detail .item-detail_bottom > div:hover {
	background-color: #007aff;
}
#item-detail .item-detail_bottom > div:hover:last-child {
	background-color: inherit;
}
#item-detail a {
	text-decoration: none;
}
#item-detail .item-detail_bottom a.title {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	display:block;
	text-align:center;
	color: #007aff;
	margin-bottom: 1em;
}
#item-detail .item-detail_bottom a.title span {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1em;
	margin-bottom: 1em;
	display: inline-block;
}
#item-detail .item-detail_bottom > div:hover a.title, #item-detail .item-detail_bottom > div:hover p {
	color: #fff;
}
/* --------------------------------------------------------------------
	menu
--------------------------------------------------------------------- */
#navToggle {
	position:fixed; /*bodyに対しての絶対位置指定です*/
	right:13px;
	top:20px;
	width:30px;
	height:25px;
	cursor:pointer;
	z-index:1000;
}
#navToggle div {
	position:relative
} /*spanの絶対位置指定の親にします*/
#navToggle span {
	display:block;
	position:absolute; /*#navToggle div に対して*/
	width:100%;
	border-bottom:solid 3px #999;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {
top:0
}
#navToggle span:nth-child(2) {
top:11px
}
#navToggle span:nth-child(3) {
top:22px
}

/*.openNavが付いた要素内のボタン（#navToggle）内のspanへの指定*/
/*最初のspanをマイナス45度に*/
#navToggle.openNav span:nth-child(1) {
 top: 11px;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 transform:rotate(-45deg);
}
/*2番目と3番目のspanを45度に*/
#navToggle.openNav span:nth-child(2) {
 top: 11px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 transform:rotate(45deg);
}
#navToggle.openNav span:nth-child(3) {
 top: 11px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 transform:rotate(45deg);
}
#header .header_bottom_.openNav {
	position: fixed;
	display: block;
	width:100%;
	top: 60px;
}
#header .header_bottom_.openNav .inner_ {
	width: 100%;
}
#header .header_bottom_.openNav .category-nav {
	float: none;
}
#header .header_bottom_.openNav .search_box_ {
	float: none;
}
#header .header_bottom_.openNav .category-nav li {
	float: none;
	margin-left: 1em;
	padding: 0;
}
#header_menu .menu_frame_ {
	padding: 0;
}
#header #header_menu .menu_frame_.mens_ {
	top: 110px;
}
#header #header_menu .menu_frame_.womens_ {
	top: 160px;
}
#header #header_menu .menu_frame_.kids_ {
	top: 210px;
}
#header #header_menu .menu_frame_ .img_ {
	display: none;
}
#header_menu .menu_frame_ ul {
	width: 100%;
}
#header_menu .menu_frame_ li {
	display: block;
	width: 100%;
}
#header_menu .menu_frame_ li a {
	display: table;
	width: 100%;
}
 #header .header_bottom_.openNav .category-nav li.sports_::before {
 border-left: 0;
}
#header .header_bottom_.openNav .search_box_ form {
	margin: 9px 0;
}