@charset "utf-8";
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }

/*PC用*/
@media print, screen and (min-width:769px) {
	body { background: #fff; width: 100%; min-width: 1000px; -webkit-text-size-adjust: 100%; font-feature-settings: "palt"; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic M", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif; }
	img { max-width: 100%; width: auto; height: auto; vertical-align: bottom; }
	.pc { display: block !important }
	.sp { display: none !important }
	.inner { margin: 0 auto; width: 1000px; position: relative; }
	.contents .inner { margin: 0 auto; width: 1000px; justify-content: space-around; }
	#wheelcap .radio_third.mb-30 {margin-bottom: 30px;}

	/* header */
	#header { margin: 0 auto; width: 100%; background: url("../images/common/bg_header.png") repeat-x; /*border-bottom: 5px solid #000000;*/ }
	#header .header_upper { align-items: center; margin: 0 auto; width: 100%; height: 27px; }
	#header .header_upper .description { color: #fff; font-size: 12px; line-height: 1; }
	#header .header_upper .upper_menu { width: 384px; }
	#header .header_upper .upper_menu { width: auto; margin-left: auto; }
	#header .header_upper .upper_menu li { margin-left: 20px; }
	#header .header_upper .upper_menu li { line-height: 1; }
	#header .header_upper .upper_menu li a { color: #fff; font-size: 16px; background-repeat: no-repeat; background-position: left center; }
	/* #header .header_upper .upper_menu li:first-of-type a { padding: 0 0 0 18px; background-image: url("../images/icon/ico48.png"); } */
	#header .header_upper .upper_menu li:nth-child(1) a { padding: 0 0 0 18px; background-image: url("../images/icon/ico01.png"); }
	#header .header_upper .upper_menu li:last-of-type a { padding: 0 0 0 22px; background-image: url("../images/icon/ico02.png"); }
	#header .header_upper .upper_menu li a:hover { text-decoration: underline; }
	#header .header_address { font-size: 14px; position: absolute; font-weight: bold; top: 105px; left: 505px; }
	#header .header_lower { align-items: center; margin: 0 auto; padding: 12px 0; width: 100%; }
	#header .header_lower .logo { width: 140px; }
	#header .header_lower .info_block { padding: 0 55px 0 0; width: 258px; }
	#header .header_lower .info_block .info_block_txt { margin-bottom: 15px; font-size: 14px; line-height: 1; }
	#header .header_lower .info_block .info_block_txt span { padding: 0 0 0 12px; }
	#header .header_lower .info_block .info_list { padding: 2px; background: #014189 }
	#header .header_lower .info_block .info_list li { }
	#header .header_lower .info_block .info_list li button { line-height: 1; text-align: center; border: none; cursor: pointer; }
	#header .header_lower .info_block .info_list li button:hover { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
	#header .header_lower .info_block .info_list li button span { display: inline-block; padding: 8px 0; font-size: 12px; font-weight: bold; background-repeat: no-repeat; background-position: left center; }
	#header .header_lower .info_block .info_list li button#login { width: 98px; background: #fff; }
	#header .header_lower .info_block .info_list li button#entry { width: 156px; color: #fff; background: none; }
	#header .header_lower .info_block .info_list li button#login span { padding-left: 25px; background-image: url("../images/icon/ico03.png"); background-size: 16px auto; }
	#header .header_lower .info_block .info_list li button#entry span { padding-left: 24px; background-image: url("../images/icon/ico04.png"); background-size: 16px auto; }
	#header .header_lower .freedial { width: 367px; padding-bottom: 20px; }
	#header .header_lower .freedial .free_num { padding: 0 0 0 58px; font-size: 52px; line-height: 40px; background: url("../images/icon/ico06.png") no-repeat left bottom; }
	#header .header_lower .freedial .free_ruby { margin-bottom: 5px; font-size: 15.21px; line-height: 1; letter-spacing: 0.1em; text-align: right; }
	#header .header_lower .freedial .free_ruby span { font-weight: bold; }
	#header .header_lower .freedial .free_ruby span.ruby01 { padding: 0 0 0 13px; }
	#header .header_lower .freedial .free_ruby span.ruby02 { padding: 0 0 0 12px; }
	#header .header_lower .freedial .free_ruby span.ruby03 { padding: 0 0 0 12px; }
	#header .header_lower .freedial .free_ruby span.ruby04 { padding: 0 0 0 12px; }
	#header .header_lower .header_btn_cart { width: 100px; }
	#header .header_lower .header_btn_cart button { display: block; padding: 15px 0 10px; width: 100px; color: #fff; font-size: 14px; line-height: 1; text-align: center; background: #ED1C24; border: none; cursor: pointer; }
	#header .header_lower .header_btn_cart button .cart_icon { display: block; margin: 0 auto 9px; width: 29px; position: relative; }
	#header .header_lower .header_btn_cart button .cart_icon span.cart_count { content: "0"; position: absolute; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; color: #ed1c24; background: #fff; border-radius: 30px; right: -11px; top: -8px; }
	#header .header_lower .header_btn_cart button:hover img { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }

	/* gnav */
	#gnav { margin: 0 auto; width: 100%; background: #ED1C24; }
	#gnav ul { margin: 0 auto; width: 1000px; }
	#gnav ul li { flex-grow: 1; line-height: 1; text-align: center; }
	#gnav ul li a { display: block; padding: 20px 0; color: #fff; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 0.03em; }
	#gnav ul li a:hover { background: #000; }

	/* content -wheel一覧 */
	.main { float: right; width: 742px; }
	.side_sp { display: none; }

	/* detail 在庫なし表記 */
	.soldout_obi { margin-bottom: 10px; padding: 25px; color: #ed1c24; font-size: xx-large; font-weight: bolder; text-align: center; background: #fff; border: thick double #ed1c24;}
	.wc-detail .soldout_copy { margin-bottom: 60px; padding: 25px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: #5C5C5C; }

	/* footer */
	#footer { margin: 0 auto; padding: 60px 0 0; width: 100%; background: url("../images/common/bg_footer.png") no-repeat center top; background-size: cover; clear: both; }
	#footer .inner { position: relative; display: flex; }
	#footer .ac dt { margin-bottom: 18px; width: 100%; color: #fff; font-size: 16px; font-weight: bold; line-height: 1; pointer-events: none; }
	#footer .ac dt:before { content: "■ " }
	#footer .ac { padding: 0 0 50px; width: calc(100%/5); }
	#footer .ac li { margin-bottom: 18px; width: 100%; color: #fff; font-size: 16px; font-weight: bold; line-height: 1; }
	#footer .ac li span { padding: 0 10px 0 0; }
	#footer .ac li a { padding: 0 0 0 29px; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; letter-spacing: 0.04em; background: url("../images/arrow/01.png") no-repeat 9px center; }
	#footer .ac li a:hover { text-decoration: underline; }
	#footer small { display: block; padding: 18px 0; color: #fff; font-size: 12px; line-height: 1; text-align: center; letter-spacing: 0.1em; background: #000; }
	#footer .page_top { width: 73px; background: #fff; border-radius: 50px; position: absolute; right: -73px; top: -116px; }
	#fixed_menu { display: none; }

	/*ドロワー*/
	.drawer { display: none; }

	/*汎用テーブルレイアウト*/
	.public_table { margin: 0 auto 20px; width: initial; }
	.public_table th, .public_table td { padding: 8px 13px; font-size: 16px; border: 1px solid #D3D3D3; background: #fff; }
	.public_table th { font-weight: bold; vertical-align: middle; background: #F8F8F8; }
	.public_table.d_cell th, .public_table.d_cell td { display: table-cell; }

	.public_table .wh_15 {width: 15%;}
	.public_table .wh_30 {width: 30%;}

	/*背景セクション*/
	.bg_gray_sec { background: #f7f7f7; border: 4px solid #a9a9a9; padding: 40px 40px; border-radius: 10px; }
	.bg_blue_sec { background: #e9eff7; border: 4px solid #014189; padding: 40px 40px; border-radius: 10px; }

}

/*SP用*/
@media only screen and (max-width:768px) {
	.pc { display: none !important }
	.sp { display: block !important }
	img { max-width: 100%; height: auto; width: auto; }
	body { min-width: auto !important; overflow: inherit !important; }
	.sp_tac { text-align: center !important; }
	.sp_tar { text-align: right !important; }
	.sp_mb15 { margin-bottom: 15px !important; }
	.sp_mb20 { margin-bottom: 20px !important; }
	div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }
	.inner { margin: 0 auto; width: 100%; line-height: 1.4; }
	.contents .inner { margin: 0 auto; width: 100%; }

	/* header */
	#header { margin: 0 auto; width: 100%; }
	#header .header_upper { display: none; }
	#header .header_lower { align-items: flex-end; margin: 0 auto; padding: 2.066vw 3vw; width: 100%; box-sizing: border-box; }
	#header .header_lower .logo { width: 17vw; }
	#header .header_lower .info_block { width: 45.484vw; }
	#header .header_lower .info_block .info_block_txt { margin-bottom: 0.4vw; font-size: 2.5vw; line-height: 1.4; }
	#header .header_lower .info_block .info_block_txt span { padding: 0 0 0 1.866vw; }
	#header .header_lower .info_block .info_list { padding: 2px; background: #014189; }
	#header .header_lower .info_block .info_list li { width: 100%; }
	#header .header_lower .info_block .info_list li#login { width: 46.666%; }
	#header .header_lower .info_block .info_list li#entry { width: 51.929%; }
	#header .header_lower .info_block .info_list li button { display: flex; align-items: center; width: 100%; height: 8.5vw; font-size: 2.933vw; font-weight: bold; line-height: 1; border: none; cursor: pointer; background-repeat: no-repeat; background-position: 1vw center; }
	#header .header_lower .info_block .info_list li#login button { background-color: #fff; background-position: left 2vw top 2.5vw; background-image: url("../images/icon/ico03.png"); background-size: 2.733vw auto; padding: 2.133vw 0 2.133vw 6.5vw; }
	#header .header_lower .info_block .info_list li#entry button { color: #fff; background-image: url("../images/icon/ico04.png"); background-size: 3vw auto; background: #014189; padding: 2.133vw 0 2.133vw 6vw; line-height: 1.2; }
	#header .header_lower .header_btn_cart { width: 14.556%; }
	#header .header_lower .header_btn_cart button { padding: 1.6vw 0 0; width: 100%; height: 13.333vw; color: #fff; font-size: 2.5vw; font-weight: bold; line-height: 1; border: none; border-radius: 0; background: #ED1C24; }
	#header .header_lower .header_btn_cart button .cart_icon { display: block; margin: 0 auto 1vw; width: 5.0vw; position: relative; }
	#header .header_lower .header_btn_cart button .cart_icon span.cart_count { content: "0"; position: absolute; display: flex; justify-content: center; align-items: center; color: #ed1c24; background: #fff; border-radius: 30px; right: -3vw; top: -1vw; padding: 1vw; text-align: right; }
	#header .header_lower .header_btn_cart button:hover img { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
	#header .header_lower .header_btn_menu { width: 14.556%; height: 13.333vw; }
	#header .header_lower .freedial { display: none; }
	#header .header_address { display: none; }

	/* gnav */
	#gnav { display: none; }

	/* content -wheel一覧 */
	.main {width: 100%;margin-bottom: 100px;}

	/* detail 在庫なし表記 */
	.soldout_obi { margin-bottom: 10px; padding: 25px; color: #ed1c24; font-size: xx-large; font-weight: bolder; text-align: center; background: #fff; border: thick double #ed1c24;}
	.wc-detail .soldout_copy { margin-bottom: 10vw; padding: 8vw; color: #fff; font-size: 3.466vw; font-weight: bold; text-align: center; background: #5C5C5C; }

	/* footer */
	#footer { margin: 0 auto; padding: 0 0 20vw; width: 100%; clear: both; }
	#footer .inner { padding: 9.333vw 0 3.333vw; position: relative; background: url("../images/common/sp/bg_footer.png") repeat-y center top; background-size: 100% auto; }
	#footer .inner dl { width: 100%; }
	#footer .inner dl dt { padding: 4.666vw 4vw; color: #fff; font-size: 4.266vw; font-weight: bold; line-height: 1; background: url("../images/arrow/sp/08.png") no-repeat right 4vw center; background-size: 3.466vw auto; border-bottom: 1px solid #fff; cursor: pointer; }
	#footer .inner dl dt.open { background: url("../images/arrow/sp/07.png") no-repeat right 4vw center; background-size: 3.466vw auto; }
	#footer .inner dl dd { display: none; }
	#footer .inner dl dd .footer_menu { background: #000; }
	#footer .inner dl dd .footer_menu li { border-bottom: 1px solid #fff; }
	#footer .inner dl dd .footer_menu li a { display: block; padding: 4.666vw 4vw 4.666vw 18vw; color: #fff; font-size: 3.733vw; font-weight: bold; line-height: 1; background: url("../images/arrow/sp/01.png") no-repeat right 5.066vw center; background-size: 2vw auto; }
	#footer .inner .link_company { border-bottom: 1px solid #fff; }
	#footer .inner .link_company a { display: block; padding: 4.666vw 4vw; color: #fff; font-size: 4.266vw; font-weight: bold; line-height: 1; background: url("../images/arrow/sp/01.png") no-repeat right 5.066vw center; background-size: 2vw auto; }
	#footer small { display: block; padding: 3.333vw 0; color: #fff; font-size: 3.2vw; line-height: 1; text-align: center; letter-spacing: 0.1em; background: #000; }
	#footer .page_top { width: 14.8vw; position: absolute; right: 3.866vw; top: -7.2vw; }
	#footer .sell_site_bnr { width: 88vw; margin: 4vw auto 0; }
	#fixed_menu { width: 100%; background: #000; height: 18.533vw; position: fixed; left: 0; bottom: 0; }
	#fixed_menu li { width: calc(100%/5); }

	/*ドロワー*/
	.drawer { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; z-index: 10000; overflow: scroll; }
	.drawer .drawer_header { width: 100%; }
	.drawer .drawer_header .btn_close { height: 15.733vw; }
	.drawer .drawer_header .btn_member_menu { }
	.drawer .drawer_header .btn_member_menu li { width: 50%; }
	.drawer .drawer_header .btn_member_menu li a { display: block; padding: 6.133vw 0; text-align: center; }
	.drawer .drawer_header .btn_member_menu li a span { display: inline-block; font-size: 3.733vw; font-weight: bold; line-height: 1; text-align: center; background-repeat: no-repeat; background-position: left center; }
	.drawer .drawer_header .btn_member_menu li:first-of-type a { background: #fff; }
	.drawer .drawer_header .btn_member_menu li:last-of-type a { background: #014189; }
	.drawer .drawer_header .btn_member_menu li:first-of-type a span { padding: 0 0 0 5.6vw; color: #014189; background-image: url("../images/icon/ico03.png"); background-size: 3.733vw auto; }
	.drawer .drawer_header .btn_member_menu li:last-of-type a span { padding: 0 0 0 5.6vw; color: #fff; background-image: url("../images/icon/ico04.png"); background-size: 4vw auto; }
	.drawer_menu { padding: 9.333vw 0 13.333vw; position: relative; background: url("../images/common/sp/bg_footer.png") repeat-y center top; background-size: 100% auto; }
	.drawer_menu dl { width: 100%; background: #000; }
	.drawer_menu dl:first-of-type { background: none; }
	.drawer_menu dl dt { padding: 4.666vw 4vw; color: #fff; font-size: 4.266vw; font-weight: bold; line-height: 1; background: url("../images/arrow/sp/08.png") no-repeat right 4vw center; background-size: 3.466vw auto; border-bottom: 1px solid #fff; cursor: pointer; }
	.drawer_menu dl dt.open { background: url("../images/arrow/sp/07.png") no-repeat right 4vw center; background-size: 3.466vw auto; }
	.drawer_menu dl dd { display: none; }
	.drawer_menu dl dd .footer_menu { background: #000; }
	.drawer_menu dl dd .footer_menu li { border-bottom: 1px solid #fff; background: #252525; }
	.drawer_menu dl dd .footer_menu li a { display: block; padding: 4.666vw 4vw 4.666vw 18vw; color: #fff; font-size: 3.733vw; font-weight: bold; line-height: 1; background: url("../images/arrow/sp/01.png") no-repeat right 5.066vw center; background-size: 2vw auto; }
	.drawer_menu .link_company { border-bottom: 1px solid #fff; background: #000; }
	.drawer_menu .link_company a { display: block; padding: 4.666vw 4vw; color: #fff; font-size: 4.266vw; font-weight: bold; line-height: 1; background: url("../images/arrow/sp/01.png") no-repeat right 5.066vw center; background-size: 2vw auto; }
	.drawer_menu .drawer_tel { margin: 8vw auto 0; width: 80%; }

	/*汎用テーブルレイアウト*/
	.public_table { margin-bottom: 5vw; }
	.public_table th, .public_table td { padding: 2vw 2vw; font-size: 3.733vw; line-height: 1.5; border: 1px solid #D3D3D3; background: #fff; }
	.public_table th { font-weight: bold; vertical-align: middle; background: #F8F8F8; }
	.public_table.d_cell th, .public_table.d_cell td { display: table-cell !important; }

	.public_table .wh_15_sp {width: 15%;}
	.public_table .wh_30_sp {width: 30%;}
	/*背景セクション*/
	.bg_gray_sec { background: #f7f7f7; border: 2px solid #a9a9a9; padding: 40px 90px; border-radius: 10px; }
	.bg_blue_sec { background: #bfd1e6; border: 2px solid #014189; padding: 3vw; border-radius: 10px; }
}
@media print {
	body { width: 1400px; }
}