@charset "UTF-8";
body, div, pre, p, a, img, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object, figure { margin: 0; padding: 0; }

ul, ol { list-style: none; }

.fs-preview-header { display: none; }

.awpc { display: block; }

.awsp { display: none; }

.public_hr { height: 2px; background-color: #e6e4dd; width: 100%; border: 0; margin: 0; }

#footer_api_cat_list { display: none; }

* { font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif; }

a { cursor: pointer; }
a img, a svg, a object, a image { cursor: pointer; }
a:link, a:visited { text-decoration: none; color: #555555; }
a:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }
a:hover img, a:hover svg, a:hover object, a:hover image { opacity: 0.7; filter: alpha(opacity=70); }

input[type="image"]:hover { opacity: 0.7; -webkit-transition: all 0.3s; transition: all 0.3s; filter: alpha(opacity=70); }

.flex-box-start { display: flex; justify-content: flex-start; }

.flex-box-between { display: flex; justify-content: space-between; }

.btn-type-a { width: 320px; height: 48px; display: flex; justify-content: center; align-items: center; border: solid 1px #555555; margin: 0 auto; }
.btn-type-a p { font-size: 13px; color: #555555; }
.btn-type-a:hover { background-color: #555555; color: #ffffff; opacity: 1; }
.btn-type-a:hover p { color: #ffffff; }

body { padding-top: calc(90px + 40px + 2px); }

header#header { width: 100%; top: 0; left: 0; position: fixed; display: flex; justify-content: center; flex-direction: column; z-index: 10; }
header#header .header--border_bottom { background-color: #ffffff; border-bottom: solid 1px #e6e4dd; }
header#header .header-content { align-items: center; width: 100%; max-width: 960px; height: 90px; margin: auto; position: relative; }
header#header .header-content-welcome { min-width: 225px; }
header#header .header-content-welcome__msg1 { color: #555555; font-size: 12px; }
header#header .header-content-welcome__msg2 { color: #999999; font-size: 11px; }
header#header .header-content-logo a { display: block; width: 260px; height: 37px; }
header#header .header-content-nav { margin: unset; }
header#header .header-content-nav > li:not(:last-of-type) { margin-right: 21px; }
header#header .header-content-nav > li.aw_modal_on { width: 21px; height: 21px; }
header#header .header-content-nav > li.karte-temp-whole { width: 15px; height: 21px; }
header#header .header-content-nav > li > a, header#header .header-content-nav > li > div { display: inline-flex; justify-content: center; align-items: center; }
header#header .header-content-nav > li > a p, header#header .header-content-nav > li > div p { font-size: 13px; }
header#header .header-content-nav > li > a { height: 20px; width: 20px; }
header#header .header-content-nav__icon_tl img { margin-right: 14px; }
header#header .header-content-nav__icon_cart { position: relative; }
header#header .header-content-nav__icon_cart .fs-client-cart-count { position: absolute; right: -5px; top: -5px; border-radius: 100%; width: 15px; height: 15px; display: flex; justify-content: center; align-items: center; background-color: #c6a04b; color: #ffffff; font-size: 10px; }
header#header .header-nav { max-width: 960px; margin: auto; }
header#header .header-nav > ul { height: 40px; display: flex; justify-content: center; align-items: center; }
header#header .header-nav > ul li { font-size: 13px; height: 100%; }
header#header .header-nav > ul li:not(:last-of-type) { margin-right: 25px; }
header#header .header-nav > ul li > a { display: inline-flex; align-items: center; height: 100%; }
header#header .header-nav--list > a { justify-content: center; }
header#header .header-nav--list_item.active { border-bottom: 2px solid #a8a59a; }
header#header .header-nav--list_item > a { width: 65px; position: relative; justify-content: flex-start; }
header#header .header-nav--list_item > a::before { position: absolute; top: 50%; right: 0; display: block; width: 5px; height: 5px; margin-top: -5px; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-top: 1px solid #555555; border-right: 1px solid #555555; }

header#header .header_addcat { display: none; padding-top: 40px; padding-bottom: 56px; background-color: rgba(255, 255, 255, 0.97); }
header#header .header_addcat__category { max-width: 960px; margin: 0 auto; margin-bottom: 40px; display: flex; justify-content: center; }
header#header .header_addcat__category__list { cursor: pointer; width: 100px; height: 32px; font-size: 13px; display: flex; justify-content: center; align-items: center; }
header#header .header_addcat__category__list:not(:nth-of-type(7n)) { margin-right: 4px; }
header#header .header_addcat__category__list.active { border: solid 1px #a8a59a; }
header#header .header_addcat__sub { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 960px; margin: 0 auto; margin-bottom: 32px; }
header#header .header_addcat__sub__child { display: none; }
header#header .header_addcat__sub__list { width: 166px; display: inline-block; margin-bottom: 14px; }
header#header .header_addcat__sub__list:not(:nth-of-type(5n)) { margin-right: 32px; }
header#header .header_addcat__sub__list a { text-align: center; display: block; width: 166px; color: #555555; font-size: 13px; padding-bottom: 14px; border-bottom: solid 1px #e6e4dd; }
header#header .header_addcat--btn { display: none; width: 320px; padding: 15px 0; font-size: 13px; background-color: #f2f1ee; color: #555555; margin: 0 auto; }
header#header .header_addcat--btn.active { display: block; }
header#header .header_addcat--btn p { text-align: center; }

header#header .header_search { display: none; padding-top: 12px; padding-bottom: 12px; background-color: #f2f1ee; border-bottom: #e6e4dd solid 1px; }
header#header .header_search__inner { width: 960px; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center; }
header#header .header_search__form__inner { position: relative; width: 351px; height: 40px; border: solid 1px #555555; display: flex; justify-content: space-between; }
header#header .header_search__form--submit { width: 64px; height: 100%; display: block; background-color: #555555; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; color: #ffffff; font-size: 13px; }
header#header .header_search__form--search { display: block; width: 287px; height: 100%; color: #aaaaaa; font-size: 13px; }
header#header .header_search__form--search input[type="text"] { font-size: 13px; height: 100%; padding: 10px; border: none; border-radius: 0; outline: none; background: #ffffff; }

section#header_bnr .header_bnr__list-click { background-repeat: repeat-x; background-size: auto 100%; background-position: top left; display: block; }
section#header_bnr .header_bnr__list-click > img { opacity: 0; display: block; }

#footer_item_category { padding-top: 75px; padding-bottom: 120px; }
#footer_item_category .headline2 { margin-bottom: 40px; }
#footer_item_category .headline2:after { content: ""; width: 30px; height: 2px; background-color: #a8a59a; margin: 0 auto; margin-top: 26px; display: block; }
#footer_item_category .headline2 p { font-size: 23px; text-align: center; color: #555555; }
#footer_item_category .footer_item_category__category { max-width: 960px; margin: 0 auto; margin-bottom: 40px; display: flex; justify-content: center; }
#footer_item_category .footer_item_category__category__list { cursor: pointer; width: 100px; height: 32px; font-size: 13px; background-color: #ffffff; margin-bottom: 8px; display: flex; justify-content: center; align-items: center; }
#footer_item_category .footer_item_category__category__list:not(:nth-of-type(7n)) { margin-right: 4px; }
#footer_item_category .footer_item_category__category__list.active { border: solid 1px #a8a59a; }
#footer_item_category .footer_item_category__sub { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 960px; margin: 0 auto; margin-bottom: 40px; }
#footer_item_category .footer_item_category__sub__child { display: none; }
#footer_item_category .footer_item_category__sub__list { width: 166px; display: inline-block; }
#footer_item_category .footer_item_category__sub__list:not(:nth-of-type(5n)) { margin-right: 32px; }
#footer_item_category .footer_item_category__sub__list a { text-align: center; display: block; width: 166px; color: #555555; font-size: 13px; padding-top: 24px; padding-bottom: 24px; border-bottom: solid 1px #e6e4dd; }
#footer_item_category .footer_item_category__search { display: flex; justify-content: center; width: 960px; margin: 0 auto; }
#footer_item_category .footer_item_category__search__list:not(:nth-of-type(4n)) { margin-right: 24px; }
#footer_item_category .footer_item_category__search__list--link { position: relative; width: 222px; height: 48px; background-color: #f2f1ee; display: flex; justify-content: flex-start; align-items: center; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 17px; }
#footer_item_category .footer_item_category__search__list--link:after { position: absolute; top: 50%; right: 17px; display: block; width: 8px; height: 8px; margin-top: -5px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #555555; border-right: 1px solid #555555; }
#footer_item_category .footer_item_category__search__list--text { color: #555555; font-size: 13px; margin-right: 7px; }
#footer_item_category .footer_item_category__search__list--new { font-size: 11px; color: #f11217; }

#footer { padding-top: 52px; }
#footer .footer__wrap { max-width: 960px; margin: 0 auto; margin-bottom: 54px; display: flex; justify-content: space-between; }
#footer .footer__main { display: flex; justify-content: flex-start; }
#footer .footer__main__list:not(:nth-of-type(3n)) { margin-right: 100px; }
#footer .footer__main__list:nth-of-type(3n) > ul:not(:first-of-type) { margin-top: 3em; }
#footer .footer__main__list__group--first { font-size: 14px; color: #ffffff; margin-bottom: 18px; }
#footer .footer__main__list__group--link { margin-bottom: 12px; }
#footer .footer__main__list__group--link a { font-size: 12px; color: #ffffff; }
#footer .footer__sub { width: 290px; }
#footer .footer__sub--logo { margin: 0 auto; margin-bottom: 22px; text-align: center; display: block; }
#footer .footer__sub--logo img { display: inline; }
#footer .footer__sub--logo .main_logo { fill: #ffffff; }
#footer .footer__sub__sns { display: flex; justify-content: space-between; width: 156px; margin: 0 auto; margin-bottom: 17px; }
#footer .footer__sub__sns--link { display: block; width: 28px; height: 28px; }
#footer .footer__sub__app { margin-bottom: 35px; display: flex; justify-content: center; }
#footer .footer__sub__app--list { width: 139px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 4px; background-color: rgba(230, 228, 221, 0.25); }
#footer .footer__sub__app--list:first-of-type { margin-right: 12px; }
#footer .footer__sub__app--link { font-size: 12px; color: #ffffff; display: flex; justify-content: center; align-items: center; }
#footer .footer__sub__app--link img { width: 15px; }
#footer .footer__sub__app--text { margin-left: 12px; }
#footer .footer__address { background-color: rgba(0, 0, 0, 0.6); height: 28px; text-align: center; display: flex; justify-content: center; align-items: center; }
#footer .footer__address p { font-style: normal; font-size: 11px; color: #ffffff; }

#public_seo_text { width: 960px; margin: 0 auto; padding: 45px 0 35px 0; border-bottom: solid 1px #e6e4dd; }
#public_seo_text .public_seo_text--headline { font-size: 13px; color: #999999; margin-bottom: 19px; }
#public_seo_text .public_seo_text--text { font-size: 11px; color: #999999; margin-bottom: 24px; }
#public_seo_text .public_seo_text--more { display: flex; justify-content: center; align-items: center; margin: 0 auto; }
#public_seo_text .public_seo_text--more::after { content: ""; display: block; width: 5px; height: 5px; margin-top: -5px; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-top: 1px solid #999999; border-right: 1px solid #999999; margin-left: 20px; }
#public_seo_text .public_seo_text--more p { position: relative; font-size: 12px; color: #999999; }

#public_seo_text2.public_seo_text2 { width: 960px; margin: 0 auto; padding: 45px 0 35px 0; }
#public_seo_text2 .public_seo_text2--headline { font-size: 13px; color: #999999; margin-bottom: 19px; }
#public_seo_text2 .public_seo_text2--text { font-size: 11px; color: #999999; margin-bottom: 24px; }
#public_seo_text2 .public_seo_text2--more { display: flex; justify-content: center; align-items: center; margin: 0 auto; }
#public_seo_text2 .public_seo_text2--more::after { content: ""; display: block; width: 5px; height: 5px; margin-top: -5px; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-top: 1px solid #999999; border-right: 1px solid #999999; margin-left: 20px; }
#public_seo_text2 .public_seo_text2--more p { position: relative; font-size: 12px; color: #999999; }

.fs-c-breadcrumb { border-bottom: solid 1px #e6e4dd; border-top: solid 1px #e6e4dd; }
.fs-c-breadcrumb__list { width: 960px; margin: 0 auto; display: flex; justify-content: flex-start; padding: 45px 0; }
.fs-c-breadcrumb__listItem { font-size: 11px; color: #555555; }
.fs-c-breadcrumb__listItem a { font-size: 11px; }