@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");
body { min-width: 1024px; }
@media screen and (max-width: 900px) { body { min-width: 100%; } }
@media screen and (max-width: 320px) { body { min-width: 320px; } }

@media screen and (max-width: 900px) { .tracking_nav { padding-top: 60px; } }

@media screen and (max-width: 900px) { .content__wide { width: 100%; padding: 0 30px; } }
@media screen and (max-width: 640px) { .content__wide { padding: 0 calc( 4.688vw + 0px ); } }
@media screen and (max-width: 320px) { .content__wide { padding: 0 15px; } }

@media screen and (max-width: 900px) { .base_wide { width: 100%; } }

.content__wrap { background: url("../images/productsretailer/p-retailer_bg.png") top left repeat; }

.p-retailer_haeder { width: 100%; height: 120px; position: relative; z-index: 10000; border-top: 5px solid #ff7d00; background: #ffffff; }
@media screen and (max-width: 900px) { .p-retailer_haeder { height: 60px; border-width: 3px; } }
.tracking_nav .p-retailer_haeder { position: fixed !important; top: -80px; height: 75px; z-index: 10000; box-shadow: 0 0 0.5em #999; }
@media screen and (max-width: 900px) { .tracking_nav .p-retailer_haeder { top: -65px; height: 60px; border-width: 3px; } }
.p-retailer_haeder__inner { width: 980px; height: 100%; margin: 0 auto; }
@media screen and (max-width: 900px) { .p-retailer_haeder__inner { width: 100%; padding: 0 30px; } }
@media screen and (max-width: 640px) { .p-retailer_haeder__inner { padding: 0 calc( 4.688vw + 0px ); } }
@media screen and (max-width: 320px) { .p-retailer_haeder__inner { padding: 0 15px; } }
.p-retailer_haeder__flex { width: 100%; height: 100%; display: flex; align-items: center; }
.p-retailer_haeder__ttl { width: 187px; margin-right: 20px; }
@media screen and (max-width: 900px) { .p-retailer_haeder__ttl { width: 104px; margin-right: 10px; } }
.tracking_nav .p-retailer_haeder__ttl { width: 124px; }
@media screen and (max-width: 900px) { .tracking_nav .p-retailer_haeder__ttl { width: 104px; } }
.p-retailer_haeder__link { display: block; width: 100%; transition: opacity 0.3s ease-in-out; }
@media screen and (min-width: 901px) { .p-retailer_haeder__link:hover { opacity: 0.6; } }
.p-retailer_haeder__link img { display: block; max-width: 100%; }
.p-retailer_haeder__catch { display: block; font-style: normal; font-weight: 500; color: #515151; padding: 9px 20px 12px; font-size: 16px; max-height: 100%; margin-top: -3px; margin-bottom: -3px; line-height: 1.375; border-left: 1px solid #cfd0cf; }
@media screen and (max-width: 900px) { .p-retailer_haeder__catch { padding: 3px 0 4px 10px; font-size: 12px; max-height: 100%; margin-top: -1.98px; margin-bottom: -1.98px; line-height: 1.33; } }
.tracking_nav .p-retailer_haeder__catch { padding: 4px 20px 7px; font-size: 14px; max-height: 100%; margin-top: -2.625px; margin-bottom: -2.625px; line-height: 1.375; }
@media screen and (max-width: 900px) { .tracking_nav .p-retailer_haeder__catch { padding: 3px 0 5px 10px; font-size: 12px; max-height: 100%; margin-top: -1.98px; margin-bottom: -1.98px; line-height: 1.33; } }
@media screen and (max-width: 900px) { .p-retailer_haeder__catch .sp_hide { display: none; } }
.p-retailer_haeder__catch .sp_show { display: none; }
@media screen and (max-width: 900px) { .p-retailer_haeder__catch .sp_show { display: inline-block; } }

.p-retailer_bg { width: 100%; padding: 54px 0 120px; }
@media screen and (max-width: 900px) { .p-retailer_bg { padding: calc( 13.077vw + -63.693px ) 0 calc( 28.846vw + -139.616px ); } }
@media screen and (max-width: 640px) { .p-retailer_bg { padding: 20px 0 45px; } }

.p-retailer_headline { width: 100%; margin-bottom: 60px; }
@media screen and (max-width: 900px) { .p-retailer_headline { margin-bottom: calc( 13.462vw + -61.154px ); } }
@media screen and (max-width: 640px) { .p-retailer_headline { margin-bottom: 25px; } }
.p-retailer_headline .ttl { width: 100%; text-align: center; font-family: 'Roboto', "Noto Sans JP", sans-serif; font-weight: 500; color: #f87300; font-size: 32px; max-height: 100%; margin-top: -2px; margin-bottom: -2px; line-height: 1.125; position: relative; padding-bottom: 20px; }
@media screen and (max-width: 900px) { .p-retailer_headline .ttl { font-size: 26px; max-height: 100%; margin-top: -2.6px; margin-bottom: -2.6px; line-height: 1.2; padding-bottom: 12px; } }
@media screen and (max-width: 640px) { .p-retailer_headline .ttl { font-size: 20px; max-height: 100%; margin-top: -2px; margin-bottom: -2px; line-height: 1.2; padding-bottom: 10px; } }
.p-retailer_headline .ttl::after { content: ''; position: absolute; bottom: 0; left: 50%; background: #ff7d00; width: 30px; height: 3px; transform: translateX(-50%) skewX(-30deg); }
@media screen and (max-width: 640px) { .p-retailer_headline .ttl::after { width: 24px; } }
.p-retailer_headline .ttl ._ib { display: inline-block; padding-right: 10px; }
@media screen and (max-width: 640px) { .p-retailer_headline .ttl ._ib { display: block; padding-right: 0; } }

.p-retailer_navi { width: 100%; display: flex; justify-content: center; border-top: 1px solid #d3d3d3; padding-top: 14px; margin-bottom: 50px; position: relative; }
@media screen and (max-width: 900px) { .p-retailer_navi { margin-bottom: calc( 7.692vw + -19.231px ); } }
@media screen and (max-width: 640px) { .p-retailer_navi { margin-bottom: 30px; } }
@media screen and (max-width: 640px) { .p-retailer_navi::before { content: ''; position: absolute; top: -1px; left: 100%; width: 30px; height: 1px; background: #d3d3d3; } }
@media screen and (max-width: 640px) { .p-retailer_navi::after { content: ''; position: absolute; top: -1px; right: 100%; width: 30px; height: 1px; background: #d3d3d3; } }
.p-retailer_navi li { color: #b5b5b5; line-height: 1; font-size: 14px; font-weight: 500; position: relative; }
@media screen and (max-width: 640px) { .p-retailer_navi li { font-size: 12px; } }
.p-retailer_navi li:first-child { margin-right: 100px; }
@media screen and (max-width: 640px) { .p-retailer_navi li:first-child { margin-left: 20px; margin-right: calc( 6.25vw + 60px ); } }
@media screen and (max-width: 320px) { .p-retailer_navi li:first-child { margin-right: 80px; } }
.p-retailer_navi li::before { content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #b5b5b5; border-radius: 50%; }
.p-retailer_navi li.current { color: #797979; }
.p-retailer_navi li.current::before { background: #ff7d00; }

.p-retailer_pagetop { width: 100%; display: block !important; }
.p-retailer_pagetop__link { width: 100%; display: block !important; opacity: 1 !important; background: #838383; line-height: 64px; text-align: center; color: #ffffff; transition: background 0.3s ease-in-out; font-weight: 500; }
@media screen and (max-width: 640px) { .p-retailer_pagetop__link { line-height: 48px; } }
@media screen and (min-width: 901px) { .p-retailer_pagetop__link:hover { background: #a4a4a4; } }
.p-retailer_pagetop__link::before { content: "\f106"; font-weight: 900; font-family: "FontAwesome"; color: #ffffff; display: inline-block; margin-right: 7px; }

.p-retailer_footer { width: 100%; padding: 42px 0 30px; }
@media screen and (max-width: 900px) { .p-retailer_footer { padding: 30px 0; } }
.p-retailer_footer__inner { width: 980px; margin: 0 auto; }
@media screen and (max-width: 900px) { .p-retailer_footer__inner { width: 100%; padding: 0 30px; } }
@media screen and (max-width: 640px) { .p-retailer_footer__inner { padding: 0 calc( 4.688vw + 0px ); } }
@media screen and (max-width: 320px) { .p-retailer_footer__inner { padding: 0 15px; } }
.p-retailer_footer__flex { width: 100%; display: flex; align-items: flex-end; margin-bottom: 32px; }
@media screen and (max-width: 640px) { .p-retailer_footer__flex { display: block; margin-bottom: 21px; } }
.p-retailer_footer__link { display: block; width: 151px; transition: opacity 0.3s ease-in-out; margin-right: 20px; }
@media screen and (max-width: 640px) { .p-retailer_footer__link { width: 103px; margin: 0 auto 15px; } }
@media screen and (min-width: 901px) { .p-retailer_footer__link:hover { opacity: 0.6; } }
.p-retailer_footer__link img { display: block; max-width: 100%; }
@media screen and (max-width: 640px) { .p-retailer_footer__ttl { text-align: center; } }
.p-retailer_footer__ttl .text { display: block; font-weight: 500; color: #838383; font-size: 15px; max-height: 100%; margin-top: -3.75px; margin-bottom: -3.75px; line-height: 1.5; padding-bottom: 4px; }
@media screen and (max-width: 640px) { .p-retailer_footer__ttl .text { text-align: center; padding-bottom: 6px; } }
.p-retailer_footer__ttl .link { color: #838383; transition: color 0.3s ease-in-out; font-size: 13px; }
@media screen and (min-width: 901px) { .p-retailer_footer__ttl .link:hover { color: #ff7d00; } }
.p-retailer_footer__ttl .link::before { content: "\f0da"; font-weight: 900; font-family: "FontAwesome"; color: #f97d00; display: inline-block; }
.p-retailer_footer__copy { width: 100%; border-top: 1px solid #d3d3d3; padding-top: 15px; text-align: right; }
@media screen and (max-width: 640px) { .p-retailer_footer__copy { text-align: center; } }
.p-retailer_footer__copy .cont { color: #a1a1a1; display: block; font-size: 12px; max-height: 100%; margin-top: -3px; margin-bottom: -3px; line-height: 1.5; }
@media screen and (max-width: 640px) { .p-retailer_footer__copy .cont { font-size: 12px; max-height: 100%; margin-top: -1.98px; margin-bottom: -1.98px; line-height: 1.33; } }
.p-retailer_footer__copy .cont ._ib { display: inline-block; }

.p-retailer_search { width: 100%; }
.p-retailer_search__inner { background: #ffffff; padding: 48px 147px; }
@media screen and (max-width: 900px) { .p-retailer_search__inner { padding: calc( 9.231vw + -35.077px ) 30px calc( 6.923vw + -14.308px ); } }
@media screen and (max-width: 640px) { .p-retailer_search__inner { padding: 24px calc( 4.688vw + 0px ) 30px; overflow: hidden; } }
@media screen and (max-width: 320px) { .p-retailer_search__inner { padding: 24px 15px 30px; } }
.p-retailer_search__caption { width: 100%; margin-bottom: 35px; }
@media screen and (max-width: 900px) { .p-retailer_search__caption { margin-bottom: calc( 1.923vw + 17.692px ); } }
@media screen and (max-width: 640px) { .p-retailer_search__caption { margin-bottom: 30px; } }
.p-retailer_search__caption .text { font-size: 15px; max-height: 100%; margin-top: -5.025px; margin-bottom: -5.025px; line-height: 1.67; color: #515151; }
@media screen and (max-width: 900px) { .p-retailer_search__caption .text { font-size: 14px; max-height: 100%; margin-top: -4.97px; margin-bottom: -4.97px; line-height: 1.71; } }
.p-retailer_search__alert { width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #d3d3d3; }
@media screen and (max-width: 900px) { .p-retailer_search__alert { margin-bottom: calc( 6.154vw + -15.385px ); padding-bottom: calc( 2.308vw + 19.231px ); } }
@media screen and (max-width: 640px) { .p-retailer_search__alert { margin-bottom: 24px; padding-bottom: 34px; } }
.p-retailer_search__alert .error { font-size: 15px; max-height: 100%; margin-top: -5.025px; margin-bottom: -5.025px; line-height: 1.67; color: #ff0000; }
@media screen and (max-width: 900px) { .p-retailer_search__alert .error { font-size: 14px; max-height: 100%; margin-top: -4.97px; margin-bottom: -4.97px; line-height: 1.71; } }
.p-retailer_search__input { width: 100%; margin-bottom: 24px; }
@media screen and (max-width: 900px) { .p-retailer_search__input { margin-bottom: 20px; } }
.p-retailer_search__input .ttl { font-family: "Noto Sans JP", sans-serif; color: #515151; font-size: 18px; font-weight: 500; padding-left: 8px; line-height: 22px; border-left: 5px solid #faa041; margin-bottom: 14px; }
@media screen and (max-width: 900px) { .p-retailer_search__input .ttl { font-size: 16px; border-left-width: 4px; padding-left: 10px; margin-bottom: 12px; line-height: 20px; } }
.p-retailer_search__input .cont { font-family: "Noto Sans JP", sans-serif; width: 100%; }
.p-retailer_search__input .cont ._form { width: 100%; border: 1px solid #c1bfba; border-radius: 4px; background: #fffaeb; padding: 16px 20px 19px; font-family: "Noto Sans JP", sans-serif; font-size: 13px; -webkit-appearance: none; }
@media screen and (max-width: 640px) { .p-retailer_search__input .cont ._form { font-size: 11px; padding: 17px 14px 20px; } }
.p-retailer_search__submit { width: 100%; display: flex; justify-content: flex-end; }
@media screen and (max-width: 640px) { .p-retailer_search__submit { justify-content: center; } }
.p-retailer_search__btn { width: 260px; display: block; text-align: center; line-height: 54px; background: #838383; border-radius: 27px; font-family: "Noto Sans JP", sans-serif; font-size: 17px; font-weight: 500; color: #ffffff; position: relative; transition: background 0.3s ease-in-out; border: none; box-shadow: none; cursor: pointer; }
@media screen and (max-width: 640px) { .p-retailer_search__btn { line-height: 48px; font-size: 15px; border-radius: 24px; } }
@media screen and (min-width: 901px) { .p-retailer_search__btn:hover { background: #a4a4a4; } }
@media screen and (min-width: 901px) { .p-retailer_search__btn:hover::after { right: 15px; } }
.p-retailer_search__btn::before { content: "\f002"; font-size: 14px; font-weight: 900; font-family: "FontAwesome"; color: #ffffff; display: inline-block; margin-right: 7px; vertical-align: top; }
@media screen and (max-width: 640px) { .p-retailer_search__btn::before { font-size: 12px; margin-right: 6px; } }
.p-retailer_search__btn::after { content: "\f105"; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 16px; font-weight: 900; font-family: "FontAwesome"; color: #ffffff; display: inline-block; transition: right 0.3s ease-in-out; }

.p-retailer_result { width: 100%; }
.p-retailer_result__inner { background: #ffffff; padding: 48px 147px; }
@media screen and (max-width: 900px) { .p-retailer_result__inner { padding: calc( 9.231vw + -35.077px ) 30px calc( 6.923vw + -14.308px ); } }
@media screen and (max-width: 640px) { .p-retailer_result__inner { padding: 24px calc( 4.688vw + 0px ) 30px; overflow: hidden; } }
@media screen and (max-width: 320px) { .p-retailer_result__inner { padding: 24px 15px 30px; } }
.p-retailer_result__caption { width: 100%; margin-bottom: 40px; }
@media screen and (max-width: 900px) { .p-retailer_result__caption { margin-bottom: calc( 3.846vw + 5.385px ); } }
@media screen and (max-width: 640px) { .p-retailer_result__caption { margin-bottom: 30px; } }
.p-retailer_result__caption .text { font-size: 15px; max-height: 100%; margin-top: -5.025px; margin-bottom: -5.025px; line-height: 1.67; color: #515151; }
@media screen and (max-width: 900px) { .p-retailer_result__caption .text { font-size: 14px; max-height: 100%; margin-top: -4.97px; margin-bottom: -4.97px; line-height: 1.71; } }
.p-retailer_result__search { width: 100%; margin-bottom: 42px; }
@media screen and (max-width: 900px) { .p-retailer_result__search { margin-bottom: calc( 4.615vw + 0.462px ); } }
@media screen and (max-width: 640px) { .p-retailer_result__search { margin-bottom: 30px; } }
.p-retailer_result__search .ttl { font-family: "Noto Sans JP", sans-serif; color: #515151; font-size: 18px; font-weight: 500; padding-left: 8px; line-height: 22px; border-left: 5px solid #faa041; margin-bottom: 14px; }
@media screen and (max-width: 900px) { .p-retailer_result__search .ttl { font-size: 16px; border-left-width: 4px; padding-left: 10px; margin-bottom: 12px; line-height: 20px; } }
.p-retailer_result__search .cont { width: 100%; }
.p-retailer_result__table { width: 100%; }
@media screen and (max-width: 768px) { .p-retailer_result__table tr:last-child td { border-bottom: 1px solid #dddddd; } }
.p-retailer_result__table th { font-family: "Noto Sans JP", sans-serif; width: 256px; background: #f7f7f7; font-size: 15px; line-height: 1.67; font-weight: 500; color: #515151; padding: 13px 16px 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: left; vertical-align: top; }
@media screen and (max-width: 900px) { .p-retailer_result__table th { width: 37.3%; font-size: 14px; padding: 7px 16px 9px; } }
@media screen and (max-width: 768px) { .p-retailer_result__table th { width: 100%; display: block; border-bottom: none; } }
.p-retailer_result__table td { font-family: "Noto Sans JP", sans-serif; font-size: 15px; line-height: 1.67; color: #515151; padding: 13px 16px 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; vertical-align: top; }
@media screen and (max-width: 900px) { .p-retailer_result__table td { font-size: 14px; padding: 7px 16px 9px; } }
@media screen and (max-width: 768px) { .p-retailer_result__table td { width: 100%; font-size: 14px; max-height: 100%; margin-top: -3.99px; margin-bottom: -3.99px; line-height: 1.57; display: block; border: none; padding: 13px 16px 20px; } }
.p-retailer_result__link { display: block; width: 168px; transition: opacity 0.3s ease-in-out; margin: 10px 0 8px; }
@media screen and (max-width: 768px) { .p-retailer_result__link { width: 125px; margin: 4px 0 2px; } }
@media screen and (min-width: 901px) { .p-retailer_result__link:hover { opacity: 0.6; } }
.p-retailer_result__link img { display: block; max-width: 100%; }
.p-retailer_result__back { width: 100%; }
.p-retailer_result__back_link { width: 260px; display: block; line-height: 54px; background: #ffffff; border-radius: 27px; font-family: "Noto Sans JP", sans-serif; font-size: 15px; font-weight: 500; color: #797979; position: relative; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; border: 1px solid #797979; text-align: center; }
@media screen and (max-width: 640px) { .p-retailer_result__back_link { line-height: 48px; border-radius: 24px; margin: 0 auto; } }
@media screen and (min-width: 901px) { .p-retailer_result__back_link:hover { background: #FFFBF3; border-color: #faa041; } }
@media screen and (min-width: 901px) { .p-retailer_result__back_link:hover::before { left: 15px; } }
.p-retailer_result__back_link::before { content: "\f104"; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-size: 16px; font-weight: 900; font-family: "FontAwesome"; color: #f97d00; display: inline-block; transition: left 0.3s ease-in-out; }

/*# sourceMappingURL=common_productsretailer.css.map */