@charset "UTF-8";
/* WonderREX
	2014.12.09
================================================== */
/* リセット
-------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, cite, del, em, img, ins, small, strong, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tr, th, td, article, aside, figure, footer, header, nav, section, time { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html { overflow-y: scroll; }

body { color: #323232; background: #fff; font-size: 13px; *font-size: small; *font: x-small; line-height: 2; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; -webkit-text-size-adjust: 100%; }
@media print { body { color: #000; } }

h1, h2, h3, h4, h5, h6 { margin: 0 0 2em; font-weight: bold; }

p { margin: 0 0 2em; }

blockquote { margin: 0 2em 2em; padding: 2em; border: 3px solid #d8d8d8; border-radius: .5em; quotes: none; background: #f4f4f4; }
blockquote:before { content: none; }
blockquote:after { content: none; }
blockquote > *:last-child { margin-bottom: 0; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer; }
a:link, a:visited { color: #007f4f; text-decoration: underline; }
a:active, a:hover { color: #00a868; text-decoration: none; }

cite { color: #666666; display: block; font-style: normal; text-align: right; }
cite:before { content: "＜"; }
cite:after { content: "＞"; }
cite a:link, cite a:visited { color: #666666; }
cite a:active, cite a:hover { color: #00a868; }

del { text-decoration: line-through; }

em { font-style: italic; font-weight: normal; }

img { vertical-align: bottom; }

ins { color: #000; background-color: #ff9; text-decoration: none; }

strong { font-style: normal; font-weight: bold; }

dl { margin: 0 0 2em; }

dd { margin-left: 1em; }

ol, ul { margin: 0 0 2em 2em; }

nav ul { margin: 0; }

li { list-style: none; }

ol li { list-style: decimal outside; }

ul li { list-style: disc outside; }

nav ul li { list-style-type: none; }

form { margin: 0 0 2em; }

label, *[type="button"], *[type="image"], *[type="submit"] { cursor: pointer; }

button, input, select, textarea, option { color: #323232; vertical-align: middle; font-family: inherit; font-size: inherit; font-weight: inherit; }

table { margin: 0 0 2em; border-collapse: collapse; border-spacing: 0; }

th { padding: .5em 1em; font-style: normal; font-weight: bold; text-align: left; }

td { padding: .5em 1em; }

article, aside, figure, footer, header, nav, section { display: block; }

figure { margin: 0 3em 4em; }

figcaption { color: #31b0d5; }

hr { display: none; }

/* id/class
================================================== */
.alpha a:hover, [type="button"]:hover, [type="image"]:hover, [type="submit"]:hover, .header__logo a:hover, .header__nav a:hover, .footer-btn a:hover, [class^="footer__logo__item"] a:hover { opacity: .6; }
@media screen and (max-device-width: 480px) { .alpha a:hover, [type="button"]:hover, [type="image"]:hover, [type="submit"]:hover, .header__logo a:hover, .header__nav a:hover, .footer-btn a:hover, [class^="footer__logo__item"] a:hover { opacity: 1; } }

.center-block { margin-left: auto; margin-right: auto; display: block; }

.clearfix:after, .list-inline[class^="column"]:after, .header__container:after, .sect--reinforcement-buy-item .list-unstyled:after, .sect--reinforcement-buy-brand .list-unstyled:after, .footer__container:after { clear: both; display: block; content: ""; }

.mbx1 { margin-bottom: 2em; }

.fz11 { font-size: 84.61538%; }

.fz12 { font-size: 92.30769%; }

.entry-list dt { font-size: 107.69231%; }

.fz15, .header__nav.header__nav--user .login-name span { font-size: 115.38462%; }

.fz16 { font-size: 123.07692%; }

.fz17 { font-size: 130.76923%; }

.fz18 { font-size: 138.46154%; }

.fz19 { font-size: 146.15385%; }

.fz20 { font-size: 153.84615%; }

.fz22 { font-size: 169.23077%; }

.fz24 { font-size: 184.61538%; }

.fz26 { font-size: 200%; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.hidden { display: none; }

.show { display: block; }

.valign-middle { vertical-align: middle !important; }

.nowrap { white-space: nowrap; }

.img-left { margin: 0 2em 2em 0; float: left; }

.img-center { margin: 0 auto 2em; }

.img-right { margin: 0 0 2em 2em; float: right; }

.left-column, *[class^="column"] > * { float: left; }

.right-column { float: right; }

.column1w { width: 95%; }

.column2 > *, .column2w { width: 50%; }

.column3 > *, .column3w { width: 33.3%; }

.column4 > *, .column4w { width: 25%; }

.column5 > *, .column5w { width: 20%; }

.column6 > *, .column6w { width: 16.6%; }

.column7 > *, .column7w { width: 14.2%; }

.column8 > *, .column8w { width: 12.5%; }

.btn { color: #323232; font-size: 115.38462%; padding: 0.66667em 1.5em; border-radius: 4px; display: inline-block; font-weight: bold; line-height: 1; text-align: center; cursor: pointer; }
.btn:link, .btn:visited { color: #323232; text-decoration: none; }
.btn:active, .btn:hover { color: #323232; text-decoration: none; }
.btn [class^="icon-"] { vertical-align: top; }

.btn-xs { font-size: 84.61538%; padding: 0.45455em 0.90909em; font-weight: normal; }

.btn-sm { font-size: 100%; }

.btn-lg { font-size: 130.76923%; border-radius: 6px; }

.btn-default { color: #323232; border: 1px solid #cccccc; background: #fff; }
.btn-default:link, .btn-default:visited { color: #323232; }
.btn-default:active, .btn-default:hover { color: #323232; border-color: #b2b2b2; background: #e5e5e5; }

.btn-primary { color: #fff; border: 1px solid #9ab903; background: #abcd03; }
.btn-primary:link, .btn-primary:visited { color: #fff; }
.btn-primary:active, .btn-primary:hover { color: #fff; border-color: #89a502; background: #9ab903; }

.btn-success { color: #fff; border: 1px solid #006b42; background: #007f4f; }
.btn-success:link, .btn-success:visited { color: #fff; }
.btn-success:active, .btn-success:hover { color: #fff; border-color: #005636; background: #006b42; }

.btn-info { color: #fff; border: 1px solid #4ab9db; background: #5bc0de; }
.btn-info:link, .btn-info:visited { color: #fff; }
.btn-info:active, .btn-info:hover { color: #fff; border-color: #39b3d7; background: #4ab9db; }

.btn-warning { color: #fff; border: 1px solid #fac723; background: #facc37; }
.btn-warning:link, .btn-warning:visited { color: #fff; }
.btn-warning:active, .btn-warning:hover { color: #fff; border-color: #f9c20f; background: #fac723; }

.btn-danger { color: #fff; border: 1px solid #d5433e; background: #d9534f; }
.btn-danger:link, .btn-danger:visited { color: #fff; }
.btn-danger:active, .btn-danger:hover { color: #fff; border-color: #d2322d; background: #d5433e; }

.btn-link { color: #007f4f; padding-left: 0; padding-right: 0; }
.btn-link:link, .btn-link:visited { color: #007f4f; text-decoration: underline; }
.btn-link:active, .btn-link:hover { color: #00a868; text-decoration: none; }
.btn-link [class^="ico-"] { margin-right: .25em; }

.container, .header__container, .footer-btn, .footer__container { margin: 0 auto; width: 940px; text-align: left; }

.table { width: 100%; }
.table > caption { text-align: left; font-weight: bold; }
.table > caption + tbody > tr:first-child > th, .table > caption + tbody > tr:first-child > td { border-top: 0; }
.table > thead > tr > th { padding: .8em 1.3em; vertical-align: bottom; }
.table > tbody > tr > th { font-weight: normal; }
.table > tbody > tr > th, .table > tbody > tr > td { padding: .8em 1.3em; border-top: 1px solid #d8d8d8; vertical-align: top; }
.table > tbody > tr > td > *:last-child { margin-bottom: 0; }
.table > tbody > tr:first-child > th, .table > tbody > tr:first-child > td { border-top-width: 2px; }
.table > tbody > tr:nth-child(odd) > th, .table > tbody > tr:nth-child(odd) > td { background-color: #f4f4f4; }

.dl-horizontal > dt { float: left; clear: left; overflow: hidden; width: 160px; font-weight: bold; text-align: right; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.dl-horizontal > dt:first-child { clear: none; }
.dl-horizontal > dd { margin: 0 0 0 180px; word-wrap: break-word; }

.dl-inline { margin: 0 0 26px; font-size: 0; }
.dl-inline > dt, .dl-inline > dd { margin-right: .5em; display: inline-block; font-size: 13px; }
.dl-inline > dd { margin-left: 0; }

.list-inline, .footer__link { margin: 0 0 26px 0; font-size: 0; }
.list-inline > li, .footer__link > li { margin-right: .5em; display: inline-block; list-style-type: none; font-size: 13px; }

.list-unstyled, .footer__logo { margin: 0 0 2em; }
.list-unstyled > li, .footer__logo > li { list-style-type: none; }

[class^="ico-"], .header__logo a, .header__nav a, .header__nav.header__nav--user .header__nav__item--home a, .footer-btn a, [class^="footer__logo__item"] a { background-image: url(/res/images/common/sprites.png); background-repeat: no-repeat; }

.header__logo a { background-position: 0 0; width: 157px; height: 19px; }

.header__nav__item--goods a { background-position: 0 -69px; width: 100px; height: 13px; }

.header__nav__item--home a { background-position: 0 -132px; width: 100px; height: 13px; }

.header__nav__item--sell a { background-position: 0 -195px; width: 100px; height: 13px; }

.header__nav__item--buy a { background-position: 0 -258px; width: 100px; height: 13px; }

.header__nav__item--shop a { background-position: 0 -321px; width: 100px; height: 13px; }

.header__nav__item--recruit a { background-position: 0 -384px; width: 100px; height: 13px; }

.header__nav__item--contact a { background-position: 0 -447px; width: 100px; height: 13px; }

.header__nav__item--home--active a { background-position: 0 -510px; width: 100px; height: 13px; }

.header__nav__item--goods--active a { background-position: 0 -573px; width: 100px; height: 13px; }

.header__nav__item--sell--active a { background-position: 0 -636px; width: 100px; height: 13px; }

.header__nav__item--buy--active a { background-position: 0 -699px; width: 100px; height: 13px; }

.header__nav__item--shop--active a { background-position: 0 -762px; width: 100px; height: 13px; }

.header__nav__item--recruit--active a { background-position: 0 -825px; width: 100px; height: 13px; }

.header__nav__item--contact--active a { background-position: 0 -888px; width: 100px; height: 13px; }

.footer__logo__item--wondercorporation a { background-position: 0 -1077px; width: 200px; height: 24px; }

.footer__logo__item--wondergoo a { background-position: 0 -1151px; width: 185px; height: 35px; }

.footer__logo__item--shinseido a { background-position: 0 -1236px; width: 109px; height: 35px; }

.footer-btn a { background-position: 0 -1457px; width: 20px; height: 13px; }

.ico-pdf { background-position: 0 -1520px; width: 32px; height: 32px; }

.ico-arrow02 { background-position: 0 -1602px; width: 10px; height: 10px; }

.ico-arrow { background-position: 0 -1662px; width: 10px; height: 10px; }

[class^="sect__head"] { background-image: url(/res/images/common/sprites_head.png); background-repeat: no-repeat; }

.sect__head--reinforcement-buy-item { background-position: 0 -370px; width: 203px; height: 24px; }

.sect__head--reinforcement-buy-brand { background-position: 0 -444px; width: 203px; height: 24px; }

.header__nav.header__nav--user a { background-image: url(/res/images/common/sprites_user.png); background-repeat: no-repeat; }

.header__nav__item--user a { background-position: 0 13px; width: 100px; height: 13px; }

.header__nav__item--user--active a { background-position: 0 -35px; width: 100px; height: 13px; }

.header__nav__item--purchase a { background-position: 0 -87px; width: 100px; height: 13px; }

.header__nav__item--purchase--active a { background-position: 0 -135px; width: 100px; height: 13px; }

.header__nav__item--logout a { background-position: 0 -187px; width: 100px; height: 13px; }

.header__nav__item--logout--active a { background-position: 0 -235px; width: 100px; height: 13px; }

.header__nav__item--purchase-status a { background-position: 0 -287px; width: 100px; height: 13px; }

.header__nav__item--purchase-status--active a { background-position: 0 -335px; width: 100px; height: 13px; }

a:hover img { opacity: .6; }
@media screen and (max-device-width: 480px) { a:hover img { opacity: 1; } }

.text-muted { color: #666; }

.text-primary { color: #819b02; }

.text-success { color: #004c2f; }

.text-info { color: #31b0d5; }

.text-warning { color: #f8bf06; }

.text-danger { color: #c9302c; }

.bg-muted { color: #191919; }

.bg-primary { color: #abcd03; }

.bg-success { color: #007f4f; }

.bg-info { color: #5bc0de; }

.bg-warning { color: #facc37; }

.bg-danger { color: #d9534f; }

.column1 > * { width: 100%; }

.list-inline[class^="column"] > li { margin-right: 0; display: block; }

.asterisk-list > li { list-style-type: none; text-indent: -1em; }
.asterisk-list > li:before { content: "※"; }

.img-frame { border: 5px solid #fff; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); overflow: hidden; display: block; width: 86px; height: 86px; text-align: center; }

.caution { color: #fff; z-index: 200; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); width: 100%; position: fixed; top: 0; left: 0; background: #d9534f; font-size: 116%; font-weight: bold; line-height: 2; text-align: center; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); }
@media print { .caution { display: none; } }

.alert-danger { margin-left: 0; padding: 1em 1em 1em 3em; color: #c9302c; border: solid 1px #d9534f; background-color: #fdf6f6; }
.alert-danger > *:last-child { margin-bottom: 0; }

.alert-info { margin-left: 0; padding: 1em 1em 1em 3em; color: #31b0d5; border: solid 1px #5bc0de; background-color: #f6fbfd; }
.alert-info > *:last-child { margin-bottom: 0; }

.ui-datepicker-calendar > tbody > tr > td > a { text-align: center; }
.ui-datepicker-calendar > tbody > tr > td.date-saturday a { color: #2556a5 !important; }
.ui-datepicker-calendar > tbody > tr > td.date-holiday a { color: #cc0000 !important; }

[class^="ico-"] { display: inline-block; vertical-align: middle; }

.ico-calendar, .ui-datepicker-trigger { cursor: pointer; vertical-align: middle; }

/* ヘッダー
================================================== */
.header { margin: 0 0 20px; overflow: hidden; background: #abcd03; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.8, #abcd03), to(#93bb06)); background-image: -webkit-linear-gradient(#abcd03 80%, #93bb06); background-image: -moz-linear-gradient(#abcd03 80%, #93bb06); background-image: -ms-linear-gradient(#abcd03 80%, #93bb06); background-image: -o-linear-gradient(#abcd03 80%, #93bb06); background-image: linear-gradient(#abcd03 80%, #93bb06); }
.header__logo { margin: 16px 0; float: left; width: 157px; }
.header__logo a { padding: 19px 0 0; overflow: hidden; display: block; height: 0; }
.header__nav { margin: 13px 0 0; float: right; width: 730px; }
.header__nav ul { margin: 0; }
.header__nav ul > li { margin-right: 5px; float: left; width: 100px; }
.header__nav ul > li:last-child { margin-right: 0; }
.header__nav ul > li[class$="--active"] { margin-top: -3px; }
.header__nav a { padding: 38px 0 0; border-radius: 4px 4px 0 0; overflow: hidden; display: block; height: 0; position: relative; background-color: #d5e681; }
.header__nav a:after { display: block; width: 100%; height: 10px; position: absolute; content: ""; left: 0; bottom: 0; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1)); }
.header__nav [class$="--active"] a { padding: 41px 0 0; background-color: #fff; }
.header__nav [class$="--active"] a:after { content: normal; }
.header__nav__item--home a { background-position: 0 -120px; }
.header__nav__item--home--active a { background-position: 0 -496px; }
.header__nav__item--goods a { background-position: 0 -57px; }
.header__nav__item--goods--active a { background-position: 0 -559px; }
.header__nav__item--sell a { background-position: 0 -183px; }
.header__nav__item--sell--active a { background-position: 0 -622px; }
.header__nav__item--buy a { background-position: 0 -246px; }
.header__nav__item--buy--active a { background-position: 0 -685px; }
.header__nav__item--shop a { background-position: 0 -309px; }
.header__nav__item--shop--active a { background-position: 0 -748px; }
.header__nav__item--recruit a { background-position: 0 -372px; }
.header__nav__item--recruit--active a { background-position: 0 -811px; }
.header__nav__item--contact a { background-position: 0 -435px; }
.header__nav__item--contact--active a { background-position: 0 -874px; }
.header__nav.header__nav--user .login-name { width: 250px; color: #fff; text-align: right; float: right; }
.header__nav.header__nav--user .login-name span { margin: 0 .3em; }

/* セクション
================================================== */
[class^="sect"] { margin: 0 0 35px; }

[class^="sect__head"] { margin: 0 0 20px; padding: 24px 0 0; overflow: hidden; height: 0; }

.entry-list a { display: block; }
.entry-list a:link, .entry-list a:visited, .entry-list a:active, .entry-list a:hover { text-decoration: none; }
.entry-list dl { margin: 0 0 20px; padding: 0 0 0 111px; min-height: 96px; position: relative; }
.entry-list dt { font-weight: bold; }
.entry-list dd { color: #323232; margin: 0; line-height: 1.7; }
.entry-list .img-frame { position: absolute; top: 0; left: 0; }
.entry-list .text-right { margin-top: 30px; }

.sect--reinforcement-buy-item [class^="sect__head"], .sect--reinforcement-buy-brand [class^="sect__head"] { margin: 0 0 9px; }
.sect--reinforcement-buy-item .list-unstyled, .sect--reinforcement-buy-brand .list-unstyled { margin: 0; width: 214px; }
.sect--reinforcement-buy-item .list-unstyled > li, .sect--reinforcement-buy-brand .list-unstyled > li { margin: 11px 11px 0 0; width: 96px; }

.sect__head--reinforcement-buy-item { height: 0; }

.sect__head--reinforcement-buy-brand { height: 0; }

/* フッター
================================================== */
.footer-btn a { padding: 34px 0 0; border-radius: 4px; overflow: hidden; display: block; width: 34px; height: 0; position: fixed; right: 20px; bottom: 20px; background-color: #abcd03; background-position: 5px -1447px; }
@media screen and (max-width: 1088px) { .footer-btn a { margin-left: 906px; position: static; } }

.footer { margin: 60px 0 0; padding: 0 0 40px; background: #e5e5e5; }
.footer .left-column { width: 700px; }
.footer .right-column { margin: 3px 0 0; float: right; width: 200px; }
.footer__container--fluid { background: #fff; }
.footer__link { margin: 0 auto; width: 940px; padding-bottom: 0; border-bottom: none; }
.footer__link:first-child { padding-top: 40px; border-top: 4px solid #cccccc; }
.footer__link > li { margin-right: 15px; padding-right: 15px; margin-bottom: 15px; border-right: 1px solid #8c8c8c; line-height: 1; }
.footer__link > li:last-child { margin-right: 0; padding-right: 0; border-right: 0; }
.footer__link a:link, .footer__link a:visited { color: #323232; text-decoration: none; }
.footer__link a:active, .footer__link a:hover { color: #00a868; text-decoration: none; }
.footer__logo { padding: 30px 0; margin: 0; }
.footer__logo > li { display: inline-block; margin: 0 30px; }
.footer__logo__item--wondercorporation { margin: 0 0 15px; }
.footer__logo__item--wondercorporation a { padding: 24px 0 0; background-position: 0 -1722px; padding-top: 21px; width: 204px; }
.footer__logo__item--wondergoo { margin: 0 0 4px 15px; }
.footer__logo__item--wondergoo a { padding: 35px 0 0; background-position: 0 -1793px; padding-top: 18px; width: 137px; }
.footer__logo__item--shinseido { margin: 0 0 0 91px; }
.footer__logo__item--shinseido a { padding: 35px 0 0; background-position: 0 -1861px; padding-top: 16px; width: 121px; }

[class^="footer__logo__item"] a { overflow: hidden; display: block; height: 0; }

.sect--footer { margin: 0; padding: 15px 0 0; border-top: 1px solid #fff; }
.sect--footer.user--footer { padding: 0; border: 0; }
.sect--footer h2 { margin: 0; font-weight: normal; float: left; margin-right: 30px; }
.sect--footer .dl-inline { margin: 0; }
.sect--footer .dl-inline > dt { margin-right: 1em; float: left; }
.sect--footer .dl-inline > dd { display: block; margin-right: 0; overflow: hidden; }
.sect--footer .dl-inline > dd:after { content: "／"; }
.sect--footer .dl-inline > dd:last-child:after { content: normal; }
.sect--footer .dl-inline > dd ul { margin-bottom: 0; }
.sect--footer .dl-inline > dd li:nth-child(odd):after { content: "|"; margin-right: 0.5em; margin-left: 1em; }

[class^="footer__logo__item"] a { background-image: url(/res/images/common/sprites.png); }

#device__select { margin: 60px 0; text-align: center; display: none; }
#device__select a { width: 90%; padding: .8em .6em 1em; font-size: 300%; font-weight: bold; text-decoration: none; }