@charset "UTF-8";
/* WonderREX：ホーム
	2014.12.09
================================================== */
/* id/class
================================================== */
.sect--customer-service [class^="social-btn"] h3 a:hover { opacity: .6; }
@media screen and (max-device-width: 480px) { .sect--customer-service [class^="social-btn"] h3 a:hover { opacity: 1; } }

.sect--online-shopping [type="text"] { font-size: 100%; }

.sect--online-shopping [type="text"], .sect--online-shopping [type="submit"], .sect--customer-service [class^="social-btn"] h3 a { background-image: url(/res/images/common/sprites.png); background-repeat: no-repeat; }

.sect--online-shopping [type="text"] { background-position: 0 -951px; width: 11px; height: 13px; }

.sect--online-shopping [type="submit"] { background-position: 0 -1014px; width: 25px; height: 13px; }

.sect--customer-service .social-btn--twitter h3 a { background-position: 0 -1321px; width: 116px; height: 18px; }

.sect--customer-service .social-btn--facebook h3 a { background-position: 0 -1389px; width: 116px; height: 18px; }

.sect__head--news { background-position: 0 -2043px; padding-top: 17px; width: 460px; height: 24px; }

.sect__head--reinforcement-buy { background-position: 0 -2110px; padding-top: 17px; width: 460px; }

.sect__head--reinforcement-buy-item { background-position: 0 -2177px; padding-top: 15px; width: 150px; height: 24px; }

.sect__head--reinforcement-buy-brand { background-position: 0 -2242px; padding-top: 16px; width: 150px; height: 24px; }

.sect__head--online-shopping { background-position: 0 -2308px; padding-top: 16px; width: 460px; height: 24px; }

.sect__head--customer-service { background-position: 0 -2373px; padding-top: 15px; width: 940px; height: 24px; }

.main-image { margin: 0 0 15px; max-height: 453px; overflow: hidden; }
.main-image ul { margin: 0; }

.sect__head--news { height: 0; width: auto; }
.sect--news { width: 460px; }
.sect--news .list-unstyled { margin: 0; overflow: hidden; height: 90px; }
.sect--news .list-unstyled > li { margin-right: 10px; float: left; width: 300px; }
.sect--news .list-unstyled > li:nth-child(even) { margin-right: 0; }
.sect--news .entry-list a { color: #62B927; }
.sect--news .entry-list dt time { color: #323232; display: block; line-height: 1.2; }
.sect--news .entry-list dt time:before { color: #62B927; content: '■'; }
.sect--news .entry-list dd { margin-top: 5px; }
.sect--news .entry-list dd .text { height: 1.7em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

#slides { margin: 0 0 20px; }

.bx-wrapper img { min-width: 100%; display: block; }
.bx-wrapper .bx-viewport { margin: 0 0 10px; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0; line-height: 1; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; font-size: 13px; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 0 5px; padding: 1em 0 0; border-radius: .5em; overflow: hidden; display: block; width: 1em; height: 0; background: #cccccc; }
.bx-wrapper .bx-pager.bx-default-pager a:active, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #A9C734; }

.side-column { float: right; width: 310px; width: 460px; }

.sect--reinforcement-buy-item, .sect--reinforcement-buy-brand { background-color: #e96f42; border-radius: 5px; margin-bottom: 15px; padding: 8px; position: relative; }
.sect--reinforcement-buy-item .list-unstyled, .sect--reinforcement-buy-brand .list-unstyled { background-color: #f4f4f4; padding: 0 0 5px; width: auto; }
.sect--reinforcement-buy-item .list-unstyled > li, .sect--reinforcement-buy-brand .list-unstyled > li { background-color: #fff; margin: 5px 1px 0 5px; width: 104px; }
.sect--reinforcement-buy-item .list-unstyled > li .img-frame, .sect--reinforcement-buy-brand .list-unstyled > li .img-frame { border: none; box-shadow: none; height: 98px; width: 104px; }
.sect--reinforcement-buy-item .sect__continue, .sect--reinforcement-buy-brand .sect__continue { position: absolute; top: -2px; right: 20px; }

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

.sect--reinforcement-buy-brand [class^="sect__head"] { margin-bottom: 0; }
.sect__head--reinforcement-buy-brand { height: 0; }

.sect__head--online-shopping { margin: 0 0 10px; height: 0; margin-bottom: 20px; }
.sect--online-shopping { width: 100%; }
.sect--online-shopping a { display: block; border: none; }
.sect--online-shopping li:nth-child(even) { text-align: right; }
.sect--online-shopping li.online-shopping { background: url(/res/images/home/rakuten_bnr.png); background-repeat: no-repeat; width: 461px; height: 172px; position: relative; }
.sect--online-shopping li.online-shopping a { padding: 137px 0 8px 50px; }
.sect--online-shopping li.online-shopping a:hover { background-color: rgba(255, 255, 255, 0.5); }
.sect--online-shopping form { margin: 0; line-height: 1; text-align: center; position: absolute; bottom: 9px; left: 22px; border-radius: 4px; background: #fff; }
.sect--online-shopping [type="text"] { margin: 0; padding: 1px 10px 1px 25px; border: 0; border-radius: 4px 0 0 4px; width: 326px; height: 28px; background-color: #fff; background-position: 6px -943px; }
.sect--online-shopping [type="submit"] { margin: 0; padding: 28px 3px 2px; border: 0; border-radius: 0 4px 4px 0; width: 56px; height: 0; background-color: #666666; background-position: 13px -1006px; }

.sect__head--customer-service { height: 0; margin-bottom: 20px; }
.sect--customer-service { float: right; width: 100%; }
.sect--customer-service .column5 { margin: 0; }
.sect--customer-service .column5 > * { margin-right: 10px; width: 116px; height: 120px; position: relative; text-align: center; }
.sect--customer-service .column5 > *:last-child { margin-right: 0; }
.sect--customer-service li { display: inline-block; margin: 0 0 6px 2px; vertical-align: top; }
.sect--customer-service [class^="social-btn"] { position: relative; width: 308px; height: 123px; background: url(/res/images/home/social_btn.png); background-repeat: no-repeat; }
.sect--customer-service [class^="social-btn"] div { position: absolute; }
.sect--customer-service [class^="social-btn"] div.twi { top: 19px; left: 202px; }
.sect--customer-service [class^="social-btn"] div.fb-like { top: 78px; left: 194px; }
.sect--customer-service [class^="social-btn"] .twi-link { width: 170px; height: 22px; display: block; position: absolute; top: 18px; left: 15px; }
.sect--customer-service [class^="social-btn"] .twi-link:hover { background-color: rgba(255, 255, 255, 0.4); }
.sect--customer-service [class^="social-btn"] .fb-link { width: 166px; height: 25px; display: block; position: absolute; top: 82px; left: 15px; }
.sect--customer-service [class^="social-btn"] .fb-link:hover { background-color: rgba(255, 255, 255, 0.4); }
.sect--customer-service [class^="social-btn"] h3 { margin: 0; position: absolute; bottom: 0; left: 0; }
.sect--customer-service [class^="social-btn"] h3 a { padding: 33px 0 0; overflow: hidden; display: block; height: 0; }
.sect--customer-service .social-btn--twitter { background: #ddedfb; }
.sect--customer-service .social-btn--twitter h3 a { background-color: #56a4eb; background-position: 0 -1315px; }
.sect--customer-service .social-btn--facebook { background: #d9dce9; }
.sect--customer-service .social-btn--facebook h3 a { background-color: #415193; background-position: 0 -1383px; }

.footer { margin-top: 0; }