/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline-width: 0
}

a:focus {
    /*outline: 1px solid #f08300 !important*/
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    color: #000;
    background-color: #ff0
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}

button, input, select, textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button, input, select {
    overflow: visible
}

button, input, select, textarea {
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button:-moz-focusring, input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

* {
    box-sizing: border-box
}

::after, ::before {
    box-sizing: border-box
}

html {
    font: .875em/1.357 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: justify;
    text-justify: inter-ideograph;
}

html.mac {
    font: .875em/1.357 "Avenir Next", Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Osaka, sans-serif
}

html.windows.ie {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: .875em;
    line-height: 1.357
}

body {
    /* line-height: inherit; */
    text-align:justify;
    min-width: 320px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

.android4_2 body, .android4_4 body {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: auto
}

body.nav-open {
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    word-wrap: break-word;
    word-break: break-all;
    -ms-word-break: break-strict;
    overflow-wrap: break-word
}

figure {
    margin: 0
}

p {
    /* margin: 0; */
}

dd, dt, li, p, pre, td, th {
    /* word-wrap: break-word; */
    word-break: break-strict;
    -ms-word-break: break-strict;
    -ms-line-break: strict;
    /* line-break: strict; */
    /* overflow-wrap: break-word; */
}

li, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}

dd, dl, dt {
    margin: 0
}

img {
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -o-user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none
}

mark {
    color: #333;
    background-color: transparent
}

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

i {
    font-style: normal
}

abbr[title] {
    text-decoration: -moz-none;
    border-bottom: 1px transparent
}

#mainContents h3::before, #recipe h3::before, #recipe h4::before, .archiveBox ul li > a::before, .corporate-wrapper a.blank::after, .elem-btn .btn[data-arrow="1"]::before, .elem-btn .btn[data-arrow="2"]::before, .elem-btn .btn[data-arrow="3"]::after, .elem-btn a[data-arrow="1"]::before, .elem-btn a[data-arrow="2"]::before, .elem-btn a[data-arrow="3"]::after, .elem-btn button[data-arrow="1"]::before, .elem-btn button[data-arrow="2"]::before, .elem-btn button[data-arrow="3"]::after, .elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .elem-heading-lv2 .heading-container .title-holder h2 > a > span::before, .elem-heading-lv2 .heading-container .title-holder span > a > span::before, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .elem-heading-lv3 .heading-container .title-holder h3 > a > span::before, .elem-heading-lv3 .heading-container .title-holder span > a > span::before, .elem-heading-lv3[data-role=caution] .heading-container .title-holder::before, .elem-heading-lv4 .heading-container .title-holder h4 > a > span::before, .elem-heading-lv5 .heading-container .title-holder h5 > a > span::before, .elem-heading-lv6 .heading-container .title-holder h6 > a > span::before, .elem-page-title--horizontal-line .horizontal-container form .input-components--search .material-icons, .elem-toggle-container .item--toggle .toggle-head::before, .elem-txt-list .txt-list > li > a > span::before, .elem-txt-list--anchor .txt-list--anchor > li > a > span::before, .elem-txt-list--caution .txt-list--caution > li > div > span::before, .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before, .elem-txt-list--faq .txt-list--faq > li .question-box::after, .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] span::after, .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] span::after, .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .elem-txt-list-pagenation.cms-customize a.next::after, .elem-txt-list-pagenation.cms-customize a.prev::before, .elem-txt-list-pagenation.cms-customize span.next::after, .elem-txt-list-pagenation.cms-customize span.prev::before, .form-container form .input-components--search .material-icons, .form-container--recipe form .input-components--search .material-icons, .global-nav--primary ul > li > span > a::after, .kcc-content .lib .waku dl dt > a::before, .kcc-content .lib .waku dl dt > a[target="_blank"]::after, .kcc-content .lib .waku dl dt > strong a::before, .kcc-content .lib .waku dl dt > strong a[target="_blank"]::after, .kcc-content .lib h2.index::before, .local-nav-container .local-nav--content ul .item--local-nav a::after, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a::after, .material-icons, .pbNested a[href$=".pdf"]::after, .search-result--head .search-result--more a span::before, .search-result--head .search-result--more button span::before, .table-set .table-container input[type=checkbox] + label::before, .table-set--seasonal-calendar table tr th.ingredient > a.popup-iframe-sp-disable::after, .table-set--seasonal-calendar table tr th.ingredient > a > span::before, [class^=navigation-block-a] ul.anchor > li > a::before, [class^=navigation-block-a] ul > li > a::before, [data-zoom=true].elem-pic .holder::after, a.blank[target="_blank"]::after, a.pdf[href$=".pdf"]::after, h2[class^=heading-a]::before, ul.link-list-a-1 li > a::before, ul.link-list-a-2 li > a::before, ul.link-list-a-3 li > a::before, ul.link-list-a-4 li > a::before, ul.link-list-a-5 li > a::before {
    font-family: "Material Icons";
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    width: 1em;
    height: 1em;
    text-decoration: none;
    text-transform: none;
    color: #f08300;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga"
}

#mainContents .android4_2 h3::before, #mainContents .android4_4 h3::before, #recipe .android4_2 h3::before, #recipe .android4_2 h4::before, #recipe .android4_4 h3::before, #recipe .android4_4 h4::before, .android4_2 #mainContents h3::before, .android4_2 #recipe h3::before, .android4_2 #recipe h4::before, .android4_2 .archiveBox ul li > a::before, .android4_2 .corporate-wrapper a.blank::after, .android4_2 .elem-btn .btn[data-arrow="1"]::before, .android4_2 .elem-btn .btn[data-arrow="2"]::before, .android4_2 .elem-btn .btn[data-arrow="3"]::after, .android4_2 .elem-btn a[data-arrow="1"]::before, .android4_2 .elem-btn a[data-arrow="2"]::before, .android4_2 .elem-btn a[data-arrow="3"]::after, .android4_2 .elem-btn button[data-arrow="1"]::before, .android4_2 .elem-btn button[data-arrow="2"]::before, .android4_2 .elem-btn button[data-arrow="3"]::after, .android4_2 .elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before, .android4_2 .elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .android4_2 .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .android4_2 .elem-heading-lv2 .heading-container .title-holder h2 > a > span::before, .android4_2 .elem-heading-lv2 .heading-container .title-holder span > a > span::before, .android4_2 .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .android4_2 .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .android4_2 .elem-heading-lv3 .heading-container .title-holder h3 > a > span::before, .android4_2 .elem-heading-lv3 .heading-container .title-holder span > a > span::before, .android4_2 .elem-heading-lv3[data-role=caution] .heading-container .title-holder::before, .android4_2 .elem-heading-lv4 .heading-container .title-holder h4 > a > span::before, .android4_2 .elem-heading-lv5 .heading-container .title-holder h5 > a > span::before, .android4_2 .elem-heading-lv6 .heading-container .title-holder h6 > a > span::before, .android4_2 .elem-page-title--horizontal-line .horizontal-container form .input-components--search .material-icons, .android4_2 .elem-toggle-container .item--toggle .toggle-head::before, .android4_2 .elem-txt-list .txt-list > li > a > span::before, .android4_2 .elem-txt-list--anchor .txt-list--anchor > li > a > span::before, .android4_2 .elem-txt-list--caution .txt-list--caution > li > div > span::before, .android4_2 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before, .android4_2 .elem-txt-list--faq .txt-list--faq > li .question-box::after, .android4_2 .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] span::after, .android4_2 .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] span::after, .android4_2 .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .android4_2 .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .android4_2 .elem-txt-list-pagenation.cms-customize a.next::after, .android4_2 .elem-txt-list-pagenation.cms-customize a.prev::before, .android4_2 .elem-txt-list-pagenation.cms-customize span.next::after, .android4_2 .elem-txt-list-pagenation.cms-customize span.prev::before, .android4_2 .form-container form .input-components--search .material-icons, .android4_2 .form-container--recipe form .input-components--search .material-icons, .android4_2 .global-nav--primary ul > li > span > a::after, .android4_2 .kcc-content .lib .waku dl dt > a::before, .android4_2 .kcc-content .lib .waku dl dt > a[target="_blank"]::after, .android4_2 .kcc-content .lib .waku dl dt > strong a::before, .android4_2 .kcc-content .lib .waku dl dt > strong a[target="_blank"]::after, .android4_2 .kcc-content .lib h2.index::before, .android4_2 .local-nav-container .local-nav--content ul .item--local-nav a::after, .android4_2 .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a::after, .android4_2 .material-icons, .android4_2 .pbNested a[href$=".pdf"]::after, .android4_2 .search-result--head .search-result--more a span::before, .android4_2 .search-result--head .search-result--more button span::before, .android4_2 .table-set .table-container input[type=checkbox] + label::before, .android4_2 .table-set--seasonal-calendar table tr th.ingredient > a.popup-iframe-sp-disable::after, .android4_2 .table-set--seasonal-calendar table tr th.ingredient > a > span::before, .android4_2 [class^=navigation-block-a] ul > li > a::before, .android4_2 [data-zoom=true].elem-pic .holder::after, .android4_2 a.blank[target="_blank"]::after, .android4_2 a.pdf[href$=".pdf"]::after, .android4_2 h2[class^=heading-a]::before, .android4_2 ul.link-list-a-1 li > a::before, .android4_2 ul.link-list-a-2 li > a::before, .android4_2 ul.link-list-a-3 li > a::before, .android4_2 ul.link-list-a-4 li > a::before, .android4_2 ul.link-list-a-5 li > a::before, .android4_4 #mainContents h3::before, .android4_4 #recipe h3::before, .android4_4 #recipe h4::before, .android4_4 .archiveBox ul li > a::before, .android4_4 .corporate-wrapper a.blank::after, .android4_4 .elem-btn .btn[data-arrow="1"]::before, .android4_4 .elem-btn .btn[data-arrow="2"]::before, .android4_4 .elem-btn .btn[data-arrow="3"]::after, .android4_4 .elem-btn a[data-arrow="1"]::before, .android4_4 .elem-btn a[data-arrow="2"]::before, .android4_4 .elem-btn a[data-arrow="3"]::after, .android4_4 .elem-btn button[data-arrow="1"]::before, .android4_4 .elem-btn button[data-arrow="2"]::before, .android4_4 .elem-btn button[data-arrow="3"]::after, .android4_4 .elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before, .android4_4 .elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .android4_4 .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .android4_4 .elem-heading-lv2 .heading-container .title-holder h2 > a > span::before, .android4_4 .elem-heading-lv2 .heading-container .title-holder span > a > span::before, .android4_4 .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .android4_4 .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .android4_4 .elem-heading-lv3 .heading-container .title-holder h3 > a > span::before, .android4_4 .elem-heading-lv3 .heading-container .title-holder span > a > span::before, .android4_4 .elem-heading-lv3[data-role=caution] .heading-container .title-holder::before, .android4_4 .elem-heading-lv4 .heading-container .title-holder h4 > a > span::before, .android4_4 .elem-heading-lv5 .heading-container .title-holder h5 > a > span::before, .android4_4 .elem-heading-lv6 .heading-container .title-holder h6 > a > span::before, .android4_4 .elem-page-title--horizontal-line .horizontal-container form .input-components--search .material-icons, .android4_4 .elem-toggle-container .item--toggle .toggle-head::before, .android4_4 .elem-txt-list .txt-list > li > a > span::before, .android4_4 .elem-txt-list--anchor .txt-list--anchor > li > a > span::before, .android4_4 .elem-txt-list--caution .txt-list--caution > li > div > span::before, .android4_4 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before, .android4_4 .elem-txt-list--faq .txt-list--faq > li .question-box::after, .android4_4 .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] span::after, .android4_4 .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] span::after, .android4_4 .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .android4_4 .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .android4_4 .elem-txt-list-pagenation.cms-customize a.next::after, .android4_4 .elem-txt-list-pagenation.cms-customize a.prev::before, .android4_4 .elem-txt-list-pagenation.cms-customize span.next::after, .android4_4 .elem-txt-list-pagenation.cms-customize span.prev::before, .android4_4 .form-container form .input-components--search .material-icons, .android4_4 .form-container--recipe form .input-components--search .material-icons, .android4_4 .global-nav--primary ul > li > span > a::after, .android4_4 .kcc-content .lib .waku dl dt > a::before, .android4_4 .kcc-content .lib .waku dl dt > a[target="_blank"]::after, .android4_4 .kcc-content .lib .waku dl dt > strong a::before, .android4_4 .kcc-content .lib .waku dl dt > strong a[target="_blank"]::after, .android4_4 .kcc-content .lib h2.index::before, .android4_4 .local-nav-container .local-nav--content ul .item--local-nav a::after, .android4_4 .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a::after, .android4_4 .material-icons, .android4_4 .pbNested a[href$=".pdf"]::after, .android4_4 .search-result--head .search-result--more a span::before, .android4_4 .search-result--head .search-result--more button span::before, .android4_4 .table-set .table-container input[type=checkbox] + label::before, .android4_4 .table-set--seasonal-calendar table tr th.ingredient > a.popup-iframe-sp-disable::after, .android4_4 .table-set--seasonal-calendar table tr th.ingredient > a > span::before, .android4_4 [class^=navigation-block-a] ul > li > a::before, .android4_4 [data-zoom=true].elem-pic .holder::after, .android4_4 a.blank[target="_blank"]::after, .android4_4 a.pdf[href$=".pdf"]::after, .android4_4 h2[class^=heading-a]::before, .android4_4 ul.link-list-a-1 li > a::before, .android4_4 ul.link-list-a-2 li > a::before, .android4_4 ul.link-list-a-3 li > a::before, .android4_4 ul.link-list-a-4 li > a::before, .android4_4 ul.link-list-a-5 li > a::before, .archiveBox ul .android4_2 li > a::before, .archiveBox ul .android4_4 li > a::before, .corporate-wrapper .android4_2 a.blank::after, .corporate-wrapper .android4_4 a.blank::after, .elem-btn .android4_2 .btn[data-arrow="1"]::before, .elem-btn .android4_2 .btn[data-arrow="2"]::before, .elem-btn .android4_2 .btn[data-arrow="3"]::after, .elem-btn .android4_2 a[data-arrow="1"]::before, .elem-btn .android4_2 a[data-arrow="2"]::before, .elem-btn .android4_2 a[data-arrow="3"]::after, .elem-btn .android4_2 button[data-arrow="1"]::before, .elem-btn .android4_2 button[data-arrow="2"]::before, .elem-btn .android4_2 button[data-arrow="3"]::after, .elem-btn .android4_4 .btn[data-arrow="1"]::before, .elem-btn .android4_4 .btn[data-arrow="2"]::before, .elem-btn .android4_4 .btn[data-arrow="3"]::after, .elem-btn .android4_4 a[data-arrow="1"]::before, .elem-btn .android4_4 a[data-arrow="2"]::before, .elem-btn .android4_4 a[data-arrow="3"]::after, .elem-btn .android4_4 button[data-arrow="1"]::before, .elem-btn .android4_4 button[data-arrow="2"]::before, .elem-btn .android4_4 button[data-arrow="3"]::after, .elem-extension-nav .extension-nav-body > dl dd ul .android4_2 li > a > span::before, .elem-extension-nav .extension-nav-body > dl dd ul .android4_4 li > a > span::before, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span .android4_2 .material-icons, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span .android4_4 .material-icons, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span .android4_2 .material-icons, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span .android4_4 .material-icons, .elem-heading-lv2 .heading-container .title-holder .android4_2 h2 > a > span::before, .elem-heading-lv2 .heading-container .title-holder .android4_2 span > a > span::before, .elem-heading-lv2 .heading-container .title-holder .android4_4 h2 > a > span::before, .elem-heading-lv2 .heading-container .title-holder .android4_4 span > a > span::before, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span .android4_2 .material-icons, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span .android4_4 .material-icons, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span .android4_2 .material-icons, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span .android4_4 .material-icons, .elem-heading-lv3 .heading-container .title-holder .android4_2 h3 > a > span::before, .elem-heading-lv3 .heading-container .title-holder .android4_2 span > a > span::before, .elem-heading-lv3 .heading-container .title-holder .android4_4 h3 > a > span::before, .elem-heading-lv3 .heading-container .title-holder .android4_4 span > a > span::before, .elem-heading-lv3[data-role=caution] .heading-container .android4_2 .title-holder::before, .elem-heading-lv3[data-role=caution] .heading-container .android4_4 .title-holder::before, .elem-heading-lv4 .heading-container .title-holder .android4_2 h4 > a > span::before, .elem-heading-lv4 .heading-container .title-holder .android4_4 h4 > a > span::before, .elem-heading-lv5 .heading-container .title-holder .android4_2 h5 > a > span::before, .elem-heading-lv5 .heading-container .title-holder .android4_4 h5 > a > span::before, .elem-heading-lv6 .heading-container .title-holder .android4_2 h6 > a > span::before, .elem-heading-lv6 .heading-container .title-holder .android4_4 h6 > a > span::before, .elem-page-title--horizontal-line .horizontal-container form .input-components--search .android4_2 .material-icons, .elem-page-title--horizontal-line .horizontal-container form .input-components--search .android4_4 .material-icons, .elem-toggle-container .item--toggle .android4_2 .toggle-head::before, .elem-toggle-container .item--toggle .android4_4 .toggle-head::before, .elem-txt-list .android4_2 .txt-list > li > a > span::before, .elem-txt-list .android4_4 .txt-list > li > a > span::before, .elem-txt-list--anchor .android4_2 .txt-list--anchor > li > a > span::before, .elem-txt-list--anchor .android4_4 .txt-list--anchor > li > a > span::before, .elem-txt-list--caution .android4_2 .txt-list--caution > li > div > span::before, .elem-txt-list--caution .android4_4 .txt-list--caution > li > div > span::before, .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .android4_2 .txt-list > div > a > span::before, .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .android4_4 .txt-list > div > a > span::before, .elem-txt-list--faq .txt-list--faq > li .android4_2 .question-box::after, .elem-txt-list--faq .txt-list--faq > li .android4_4 .question-box::after, .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] .android4_2 span::after, .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] .android4_4 span::after, .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] .android4_2 span::after, .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] .android4_4 span::after, .elem-txt-list-pagenation .txt-list-pagenation .android4_2 li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation .android4_2 li.prev > p > a::before, .elem-txt-list-pagenation .txt-list-pagenation .android4_4 li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation .android4_4 li.prev > p > a::before, .elem-txt-list-pagenation.cms-customize .android4_2 a.next::after, .elem-txt-list-pagenation.cms-customize .android4_2 a.prev::before, .elem-txt-list-pagenation.cms-customize .android4_2 span.next::after, .elem-txt-list-pagenation.cms-customize .android4_2 span.prev::before, .elem-txt-list-pagenation.cms-customize .android4_4 a.next::after, .elem-txt-list-pagenation.cms-customize .android4_4 a.prev::before, .elem-txt-list-pagenation.cms-customize .android4_4 span.next::after, .elem-txt-list-pagenation.cms-customize .android4_4 span.prev::before, .form-container form .input-components--search .android4_2 .material-icons, .form-container form .input-components--search .android4_4 .material-icons, .form-container--recipe form .input-components--search .android4_2 .material-icons, .form-container--recipe form .input-components--search .android4_4 .material-icons, .global-nav--primary .android4_2 ul > li > span > a::after, .global-nav--primary .android4_4 ul > li > span > a::after, .kcc-content .lib .android4_2 h2.index::before, .kcc-content .lib .android4_4 h2.index::before, .kcc-content .lib .waku dl .android4_2 dt > a::before, .kcc-content .lib .waku dl .android4_2 dt > a[target="_blank"]::after, .kcc-content .lib .waku dl .android4_4 dt > a::before, .kcc-content .lib .waku dl .android4_4 dt > a[target="_blank"]::after, .kcc-content .lib .waku dl dt > strong .android4_2 a::before, .kcc-content .lib .waku dl dt > strong .android4_2 a[target="_blank"]::after, .kcc-content .lib .waku dl dt > strong .android4_4 a::before, .kcc-content .lib .waku dl dt > strong .android4_4 a[target="_blank"]::after, .local-nav-container .local-nav--content ul .item--local-nav .android4_2 a::after, .local-nav-container .local-nav--content ul .item--local-nav .android4_4 a::after, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub .android4_2 a::after, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub .android4_4 a::after, .pbNested .android4_2 a[href$=".pdf"]::after, .pbNested .android4_4 a[href$=".pdf"]::after, .search-result--head .search-result--more a .android4_2 span::before, .search-result--head .search-result--more a .android4_4 span::before, .search-result--head .search-result--more button .android4_2 span::before, .search-result--head .search-result--more button .android4_4 span::before, .table-set .table-container .android4_2 input[type=checkbox] + label::before, .table-set .table-container .android4_4 input[type=checkbox] + label::before, .table-set--seasonal-calendar table tr .android4_2 th.ingredient > a.popup-iframe-sp-disable::after, .table-set--seasonal-calendar table tr .android4_2 th.ingredient > a > span::before, .table-set--seasonal-calendar table tr .android4_4 th.ingredient > a.popup-iframe-sp-disable::after, .table-set--seasonal-calendar table tr .android4_4 th.ingredient > a > span::before, [class^=navigation-block-a] .android4_2 ul > li > a::before, [class^=navigation-block-a] .android4_4 ul > li > a::before, [data-zoom=true].elem-pic .android4_2 .holder::after, [data-zoom=true].elem-pic .android4_4 .holder::after, ul.link-list-a-1 .android4_2 li > a::before, ul.link-list-a-1 .android4_4 li > a::before, ul.link-list-a-2 .android4_2 li > a::before, ul.link-list-a-2 .android4_4 li > a::before, ul.link-list-a-3 .android4_2 li > a::before, ul.link-list-a-3 .android4_4 li > a::before, ul.link-list-a-4 .android4_2 li > a::before, ul.link-list-a-4 .android4_4 li > a::before, ul.link-list-a-5 .android4_2 li > a::before, ul.link-list-a-5 .android4_4 li > a::before {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: auto
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, .54)
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, .26)
}

.material-icons.md-light {
    color: #fff
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, .3)
}

a {
    position: relative;
    vertical-align: baseline;
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

a:active, a:hover, a:link, a:visited {
    overflow: hidden;
    outline: 0
}

a:focus {
    /*outline: 1px solid #f08300*/
}

a:link {
    color: #a10000
}

a:active {
    color: #a10000
}

a:hover {
    color: #a10000
}

a:visited {
    color: #751111
}

a:hover {
    text-decoration: underline
}

a.blank[target="_blank"]::after {
    font-size: 1em;
    margin-left: .214em;
    content: "\E89E";
    text-decoration: none
}

.ie a.blank[target="_blank"]::after {
    font-size: 16px
}

a.pdf[href$=".pdf"]::after {
    font-size: 1em;
    margin-left: .214em;
    content: "\E415";
    text-decoration: none
}

.ie a.pdf[href$=".pdf"]::after {
    font-size: 16px
}

.no-touchevents a[href^=tel] {
    text-decoration: none;
    pointer-events: none
}

a[href^=http]:empty::before {
    content: attr(href)
}

a[data-decoration=false] {
    text-decoration: none;
    color: #333
}

.brand-container .item--brand a, .content-slider-wrapper .sp-slides .item--product > div a, .divide-layout--modifier .item--others > div .item--recipe a, .divide-layout[data-column="5-4-3-2"] .item--brand > div a, .divide-layout[data-column="5-4-3-2"] .item--product > div a, .divide-layout[data-column="5-4-2"] .item--brand > div a, .divide-layout[data-column="5-4-2"] .item--product > div a, .divide-layout[data-column="5-4-2-1"] .item--brand > div a, .divide-layout[data-column="5-4-2-1"] .item--product > div a, .elem-pic-block--thumb a {
    color: #333
}

.brand-container .item--brand a:link, .content-slider-wrapper .sp-slides .item--product > div a:link, .divide-layout--modifier .item--others > div .item--recipe a:link, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:link, .divide-layout[data-column="5-4-3-2"] .item--product > div a:link, .divide-layout[data-column="5-4-2"] .item--brand > div a:link, .divide-layout[data-column="5-4-2"] .item--product > div a:link, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:link, .divide-layout[data-column="5-4-2-1"] .item--product > div a:link, .elem-pic-block--thumb a:link {
    color: #333
}

.brand-container .item--brand a:active, .content-slider-wrapper .sp-slides .item--product > div a:active, .divide-layout--modifier .item--others > div .item--recipe a:active, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:active, .divide-layout[data-column="5-4-3-2"] .item--product > div a:active, .divide-layout[data-column="5-4-2"] .item--brand > div a:active, .divide-layout[data-column="5-4-2"] .item--product > div a:active, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:active, .divide-layout[data-column="5-4-2-1"] .item--product > div a:active, .elem-pic-block--thumb a:active {
    color: #a10000
}

.brand-container .item--brand a:visited, .content-slider-wrapper .sp-slides .item--product > div a:visited, .divide-layout--modifier .item--others > div .item--recipe a:visited, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:visited, .divide-layout[data-column="5-4-3-2"] .item--product > div a:visited, .divide-layout[data-column="5-4-2"] .item--brand > div a:visited, .divide-layout[data-column="5-4-2"] .item--product > div a:visited, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:visited, .divide-layout[data-column="5-4-2-1"] .item--product > div a:visited, .elem-pic-block--thumb a:visited {
    color: #333
}

.brand-container .item--brand a:focus, .brand-container .item--brand a:hover, .content-slider-wrapper .sp-slides .item--product > div a:focus, .content-slider-wrapper .sp-slides .item--product > div a:hover, .divide-layout--modifier .item--others > div .item--recipe a:focus, .divide-layout--modifier .item--others > div .item--recipe a:hover, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:focus, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:hover, .divide-layout[data-column="5-4-3-2"] .item--product > div a:focus, .divide-layout[data-column="5-4-3-2"] .item--product > div a:hover, .divide-layout[data-column="5-4-2"] .item--brand > div a:focus, .divide-layout[data-column="5-4-2"] .item--brand > div a:hover, .divide-layout[data-column="5-4-2"] .item--product > div a:focus, .divide-layout[data-column="5-4-2"] .item--product > div a:hover, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:focus, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:hover, .divide-layout[data-column="5-4-2-1"] .item--product > div a:focus, .divide-layout[data-column="5-4-2-1"] .item--product > div a:hover, .elem-pic-block--thumb a:focus, .elem-pic-block--thumb a:hover {
    color: #a10000
}

.brand-container .item--brand a:focus, .brand-container .item--brand a:hover, .content-slider-wrapper .sp-slides .item--product > div a:focus, .content-slider-wrapper .sp-slides .item--product > div a:hover, .divide-layout--modifier .item--others > div .item--recipe a:focus, .divide-layout--modifier .item--others > div .item--recipe a:hover, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:focus, .divide-layout[data-column="5-4-3-2"] .item--brand > div a:hover, .divide-layout[data-column="5-4-3-2"] .item--product > div a:focus, .divide-layout[data-column="5-4-3-2"] .item--product > div a:hover, .divide-layout[data-column="5-4-2"] .item--brand > div a:focus, .divide-layout[data-column="5-4-2"] .item--brand > div a:hover, .divide-layout[data-column="5-4-2"] .item--product > div a:focus, .divide-layout[data-column="5-4-2"] .item--product > div a:hover, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:focus, .divide-layout[data-column="5-4-2-1"] .item--brand > div a:hover, .divide-layout[data-column="5-4-2-1"] .item--product > div a:focus, .divide-layout[data-column="5-4-2-1"] .item--product > div a:hover, .elem-pic-block--thumb a:focus, .elem-pic-block--thumb a:hover {
    text-decoration: none
}

.page-loader {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8) no-repeat 50% 50% url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nODBweCcgaGVpZ2h0PSc4MHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9InVpbC1kZWZhdWx0Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgY2xhc3M9ImJrIj48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMHMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nI2ZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjA4MzMzMzMzMzMzMzMzMzMzcycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuMTY2NjY2NjY2NjY2NjY2NjZzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDkwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC4yNXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nI2ZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMTIwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC4zMzMzMzMzMzMzMzMzMzMzcycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjQxNjY2NjY2NjY2NjY2NjdzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuNXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nI2ZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMjEwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC41ODMzMzMzMzMzMzMzMzM0cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjY2NjY2NjY2NjY2NjY2NjZzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuNzVzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuODMzMzMzMzMzMzMzMzMzNHMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nI2ZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC45MTY2NjY2NjY2NjY2NjY2cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PC9zdmc+)
}

.page-loader > div {
    height: inherit
}

.page-loader > div > div {
    height: inherit
}

.page-loader > div > div > div {
    height: inherit
}

.page-loader > div > div > div > div {
    height: inherit
}

.page-loader .container {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 200px;
    margin: auto;
    text-align: center
}

.page-loader .container span {
    font-size: 1.286em;
    font-weight: 700;
    display: block;
    margin-top: .278em;
    white-space: nowrap;
    color: #bdbdbd
}

.pjax-area {
    padding-top: 20px
}

#js-header-area + .pjax-area {
    padding-top: 68px
}

.no-js #js-header-area + .pjax-area {
    padding-top: 0
}

#site-area-header[data-position=static] + .pjax-area {
    padding-top: 0
}

.contents-wrapper > div > div > div > div {
    padding: 20px 0 10px
}

#site-area-header[data-position=static] + .pjax-area .contents-wrapper > div > div > div > div {
    padding: 20px 0
}

.contents-wrapper[data-layout="0"] > div > div > div > div {
    padding: 0
}

.contents-wrapper[data-layout="1"] {
    margin: 0 auto
}

.contents-wrapper[data-layout="2"] {
    margin: 0 auto
}

.contents-wrapper[data-layout="2-irregular"] {
    margin: 0 auto
}

.main-column {
    position: relative
}

.main-column + .section-block {
    margin-top: 20px
}

.side-column + .section-block {
    clear: both
}

.contents-wrapper[data-layout="0"] .section-block[data-bg-color="1"]:first-child > div > div {
    padding-top: 20px
}

.contents-wrapper[data-layout="1"] .section-block[data-bg-color="1"] > div:first-child > div > div {
    padding-top: 0
}

.contents-wrapper[data-layout="2"] .section-block[data-bg-color="1"]:first-child > div > div {
    padding-top: 0
}

.section-block[data-bg-color="1"] > div {
    background-color: #fff
}

.section-block[data-bg-color="2"] > div {
    background: #fdf2ca repeat 0 0 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAyADIDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAQACAwn/xAArEAABBAECBAUEAwAAAAAAAAABAAIRITESQQMiUWETMlJxsTNCgZFyodH/xAAaAQEBAQEAAwAAAAAAAAAAAAABAAIDBAUG/8QAKREAAgEDAgQGAwEAAAAAAAAAAAERAiExEkEiYXHwAzJRgaGxkdHx4f/aAAwDAQACEQMRAD8A9OGOBbE3NgdV8tTUmon+nsGgbtu5s9pCFayyp90LJxbT5AExIU482xKcC8zzTMHA3TU54kC9ClrRFFpmP8VKSti8foiaQ0ubMbEdlWpbpb/hO9x0H1ftqdHP4CeRl0FxFCyJGVlw3D/JpYGdbhZLhtPwl8bUvvkGBJGmZbE4hLdpncIuZby3JbsQ1ZTi8x0NO5CANjJ3wlJJSv8AP6AvI1GwcEneFVRN3P2SViDXAec/tKlWVRewTznYiSJGOyynxfXfMYsajmNE+wwtJTVLlmQM6TIIPXv1VU3F1D7uKyQMsqpExGChOaYVi3EyG+Uxv3HVauljqHuDvOAQbq9j1WavNDx3cVgPGIQ/FayOkg2DpdAMZUlD01ZLmiBBdYDYo3Sk1qvC+gFwJ9JbmZytNekQSAOGkOABO4NFZlRqQxeBbGmAWl20nKVDUWkH6h9wLgLPWaVN06t/cehrw+7P2taehnUE6SCRqDqJI2WW9N3dMcjyuedDbFTFLaSdXAgulcBYjRpOMZ6hZV1CpjvA43IPbDtTfLQq0KqmGq9ih7ERpaOSR0OxS+FLhsGdyJLeYA1tGOyqm6eJLHcCr2EN4J2YrT4LvC+Q4wbPhybs1P8ASlOmX3yFxJUYqD1BzCJT2uWAOQNRDpCKnsnexGncroIkYsrdTiqIBYkKgkAx0BWZV4wItvXDiQIiflKu25ld3J7Gb9DvwViZ9SN8MSB3C7UJW6BUY4f0+H/Irl4flp6s1VlmnW4A3n4W8v8AP0BcQfTO+o2s14pfMqdxafP7rTtq6h6A0c35PylJfJVYOHEp7vcrx60tTOqwf//Z)
}

.section-block[data-bg-color="3"] > div {
    background-color: #f08300
}

.section-block[data-bg-color="4"] > div {
    background-color: #f6f6f6
}

.section-block[data-bg-color="5"] > div {
    background-color: #666
}

.section-block[data-bg-color="6"] > div {
    border: 1px solid #e6e6e6;
    border-radius: 5px
}

.contents-wrapper[data-layout="0"] .section-block[data-bg-color="1"] > div > div, .section-block > div > div {
    margin: 0 auto
}

.contents-wrapper[data-layout="1"] .section-block > div > div {
    margin: 0 auto
}

.contents-wrapper[data-layout="1"] .section-block[data-bg-color="1"] > div > div, .section-block[data-bg-color="1"] > div > div {
    margin: 0 auto
}

.section-block--toppage > div > div {
    margin: 0 auto
}

.section-block--toppage[data-bg-color="1"] > div {
    background-color: #fff
}

.section-block--toppage[data-bg-color="2"] > div {
    background: #fdf2ca repeat 0 0 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAyADIDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAQACAwn/xAArEAABBAECBAUEAwAAAAAAAAABAAIRITESQQMiUWETMlJxsTNCgZFyodH/xAAaAQEBAQEAAwAAAAAAAAAAAAABAAIDBAUG/8QAKREAAgEDAgQGAwEAAAAAAAAAAAERAiExEkEiYXHwAzJRgaGxkdHx4f/aAAwDAQACEQMRAD8A9OGOBbE3NgdV8tTUmon+nsGgbtu5s9pCFayyp90LJxbT5AExIU482xKcC8zzTMHA3TU54kC9ClrRFFpmP8VKSti8foiaQ0ubMbEdlWpbpb/hO9x0H1ftqdHP4CeRl0FxFCyJGVlw3D/JpYGdbhZLhtPwl8bUvvkGBJGmZbE4hLdpncIuZby3JbsQ1ZTi8x0NO5CANjJ3wlJJSv8AP6AvI1GwcEneFVRN3P2SViDXAec/tKlWVRewTznYiSJGOyynxfXfMYsajmNE+wwtJTVLlmQM6TIIPXv1VU3F1D7uKyQMsqpExGChOaYVi3EyG+Uxv3HVauljqHuDvOAQbq9j1WavNDx3cVgPGIQ/FayOkg2DpdAMZUlD01ZLmiBBdYDYo3Sk1qvC+gFwJ9JbmZytNekQSAOGkOABO4NFZlRqQxeBbGmAWl20nKVDUWkH6h9wLgLPWaVN06t/cehrw+7P2taehnUE6SCRqDqJI2WW9N3dMcjyuedDbFTFLaSdXAgulcBYjRpOMZ6hZV1CpjvA43IPbDtTfLQq0KqmGq9ih7ERpaOSR0OxS+FLhsGdyJLeYA1tGOyqm6eJLHcCr2EN4J2YrT4LvC+Q4wbPhybs1P8ASlOmX3yFxJUYqD1BzCJT2uWAOQNRDpCKnsnexGncroIkYsrdTiqIBYkKgkAx0BWZV4wItvXDiQIiflKu25ld3J7Gb9DvwViZ9SN8MSB3C7UJW6BUY4f0+H/Irl4flp6s1VlmnW4A3n4W8v8AP0BcQfTO+o2s14pfMqdxafP7rTtq6h6A0c35PylJfJVYOHEp7vcrx60tTOqwf//Z)
}

.section-block--toppage[data-bg-color="3"] > div {
    background-color: #f08300
}

.section-block--toppage[data-bg-color="4"] > div {
    background-color: #f6f6f6
}

.section-block--toppage[data-bg-color="5"] > div {
    background-color: #666
}

.divide-layout {
    margin: 0 auto 1.429em;
    page-break-inside: avoid
}

.divide-layout:last-child {
    margin-bottom: 0
}

.divide-layout > div > div > div > div {
    margin: 0 -1.429%
}

.divide-layout[data-column="2"] > div > div > div > div > .item--divide {
    width: 47.222%
}

.divide-layout[data-column="2"] > div > div > div > div > .item--divide:nth-child(odd) {
    clear: both
}

.divide-layout[data-column="2"] > div > div > div > div > .item--divide:nth-child(n+3) {
    margin-top: 2.778%
}

.color-frame-section .divide-layout[data-column="2"] > div > div > div > div > .item--divide:nth-child(n+3) {
    margin-top: 1.389%
}

.divide-layout[data-column="2-2-1-1"] > div > div > div > div > .item--divide {
    width: 47.222%
}

.divide-layout[data-column="2-2-1-1"] > div > div > div > div > .item--divide:nth-child(odd) {
    clear: both
}

.divide-layout[data-column="2-2-1-1"] > div > div > div > div > .item--divide:nth-child(n+3) {
    margin-top: 2.778%
}

.color-frame-section .divide-layout[data-column="2-2-1-1"] > div > div > div > div > .item--divide:nth-child(n+3) {
    margin-top: 1.389%
}

.divide-layout[data-column="3"] > div > div > div > div > .item--divide {
    width: 30.556%
}

.divide-layout[data-column="3"] > div > div > div > div > .item--divide:nth-child(3n+1) {
    clear: both
}

.divide-layout[data-column="3"] > div > div > div > div > .item--divide:nth-child(n+4) {
    margin-top: 2.778% !important
}

.divide-layout[data-column="4"] > div > div > div > div > .item--divide {
    width: 22.222%
}

.divide-layout[data-column="4"] > div > div > div > div > .item--divide:nth-child(4n+1) {
    clear: both
}

.divide-layout[data-column="4"] > div > div > div > div > .item--divide:nth-child(n+5) {
    margin-top: 2.778%
}

.divide-layout[data-column="5"] > div > div > div > div {
    margin: 0 -1.429% !important
}

.divide-layout[data-column="5"] > div > div > div > div > .item--divide {
    display: block;
    float: left !important;
    width: 17.222% !important;
    margin: 0 1.389% !important
}

.divide-layout[data-column="5"] > div > div > div > div > .item--divide:not(:first-child) {
    margin-top: 0 !important
}

.divide-layout[data-column="5"] > div > div > div > div > .item--divide:nth-child(5n+1) {
    clear: both !important
}

.divide-layout[data-column="5"] > div > div > div > div > .item--divide:nth-child(n+6) {
    margin-top: 2.778% !important
}

.divide-layout[data-column="5-4-3-2"] > div > div > div > div {
    margin: 0 -1.429% !important;
    margin: 0 -.714% !important
}

.divide-layout[data-column="5-4-3-2"] .item--divide {
    display: block !important;
    float: left !important;
    width: 18.592% !important;
    margin: 0 .704% !important
}

.divide-layout[data-column="5-4-3-2"] .item--divide:not(:first-child) {
    margin-top: 0 !important
}

.divide-layout[data-column="5-4-2"] > div > div > div > div {
    margin: 0 -.714%
}

.divide-layout[data-column="5-4-2"] .item--divide {
    width: 18.592%;
    margin: 0 .704%
}

.divide-layout[data-column="5-4-2-1"] > div > div > div > div {
    margin: 0 -.714%
}

.divide-layout[data-column="5-4-2-1"] .item--divide {
    width: 18.592%;
    margin: 0 .704%
}

.divide-layout[data-column="6"] > div > div > div > div {
    margin: 0 -.714%
}

.divide-layout[data-column="6"] .item--divide {
    width: 15.211%;
    margin: 0 .704%
}

.divide-layout[data-column="6"] .item--divide:nth-child(6n+1) {
    clear: both
}

.divide-layout[data-column="6"] .item--divide:nth-child(n+7) {
    margin-top: 1.408%
}

.divide-layout[data-border-separate=true] > div > div > div > div {
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px
}

.divide-layout[data-border-separate=true] > div > div > div > div > .item--divide {
    margin: 0;
    padding: 20px 22px
}

.divide-layout[data-border-separate=true][data-column="2"] > div > div > div > div > .item--divide {
    width: 50%
}

.divide-layout[data-border-separate=true][data-column="2"] > div > div > div > div > .item--divide:nth-child(even) {
    border-left: 1px solid #ddd
}

.divide-layout[data-column-margin=small] > div > div > div > div {
    margin: 0 -.714%
}

.divide-layout[data-column-margin=small] > div > div > div > div > .item--divide {
    margin: 0 .704%
}

.divide-layout[data-column-margin=small][data-column="5"] > div > div > div > div {
    margin-top: -1.408%
}

.divide-layout[data-column-margin=small][data-column="5"] > div > div > div > div > .item--divide {
    width: 18.592%;
    margin-top: 1.408%
}

.divide-layout[data-bg-pattern="1"] .item--divide > div {
    padding: 15px
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+1) > div {
    background-color: #fdf7e0
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+1) > div .txt-head {
    color: #624f06
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+1) > div .color-frame-section > div {
    background-color: #fffdf8
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+2) > div {
    background-color: #fef2f1
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+2) > div .txt-head {
    color: #731008
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+2) > div .color-frame-section > div {
    background-color: #fff
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+3) > div {
    background-color: #fef2f1
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+3) > div .txt-head {
    color: #731008
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+3) > div .color-frame-section > div {
    background-color: #fff
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+4) > div {
    background-color: #fdf7e0
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+4) > div .txt-head {
    color: #624f06
}

.divide-layout[data-bg-pattern="1"] .item--divide:nth-child(4n+4) > div .color-frame-section > div {
    background-color: #fffdf8
}

.divide-layout[data-bg-pattern="2"] .item--divide > div {
    padding: 15px
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+1) > div {
    background-color: #fdf7e0
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+1) > div .txt-head {
    color: #624f06
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+1) > div .color-frame-section > div {
    background-color: #fffdf8
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+2) > div {
    background-color: #fef2f1
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+2) > div .txt-head {
    color: #731008
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+2) > div .color-frame-section > div {
    background-color: #fff
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+3) > div {
    background-color: #fef2f1
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+3) > div .txt-head {
    color: #731008
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+3) > div .color-frame-section > div {
    background-color: #fff
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+4) > div {
    background-color: #fdf7e0
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+4) > div .txt-head {
    color: #624f06
}

.divide-layout[data-bg-pattern="2"] .item--divide:nth-child(4n+4) > div .color-frame-section > div {
    background-color: #fffdf8
}

.side-column .divide-layout {
    margin: 20px auto
}

.side-column .divide-layout > div > div > div > div {
    margin: 0
}

.side-column .divide-layout[data-column="2"] .item--divide {
    width: 100%;
    margin: 0 auto
}

.divide-layout > div > div > div > div .item--divide {
    float: left;
    margin: 0 1.389%
}

.divide-layout > div > div > div > div .item--divide > div > img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout > div > div > div > div .item--divide > div.style-color1 {
    font-size: 16px;
    padding: 5%;
    background-color: #fff
}

.divide-layout > div > div > div > div .item--divide > div.style-color1.js-all-link:hover {
    border-color: #ccc
}

.divide-layout > div > div > div > div .item--divide > div.style-color1[data-content-size=large] {
    padding: .357em .357em .714em
}

.divide-layout > div > div > div > div .item--divide > div[data-valign=middle] {
    display: table;
    width: 100%
}

.divide-layout > div > div > div > div .item--divide > div[data-valign=middle] > * {
    display: table-cell;
    vertical-align: middle
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="1"] {
    background-color: #fff
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="2"] {
    background-color: #eee
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="3"] {
    background-color: #fdf7e0
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="4"] {
    background-color: #faf6eb
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="5"] {
    background-color: #fef2f1
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="6"] {
    background-color: #e9f3ff
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="7"] {
    background-color: #eee
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="8"] {
    background-color: #eafbd2
}

.divide-layout > div > div > div > div .item--divide[data-bg-color="9"] {
    background-color: #f3f6fa
}

.content-slider-wrapper .sp-slides .item--product > div, .divide-layout[data-column="5-4-3-2"] .item--product > div, .divide-layout[data-column="5-4-2"] .item--product > div, .divide-layout[data-column="5-4-2-1"] .item--product > div {
    background: #fff
}

.content-slider-wrapper .sp-slides .item--product > div > a, .divide-layout[data-column="5-4-3-2"] .item--product > div > a, .divide-layout[data-column="5-4-2"] .item--product > div > a, .divide-layout[data-column="5-4-2-1"] .item--product > div > a {
    display: block;
    height: inherit
}

.content-slider-wrapper .sp-slides .item--product > div .pic-container, .divide-layout[data-column="5-4-3-2"] .item--product > div .pic-container, .divide-layout[data-column="5-4-2"] .item--product > div .pic-container, .divide-layout[data-column="5-4-2-1"] .item--product > div .pic-container {
    display: inline-block;
    width: 35.227%;
    text-align: center;
    vertical-align: top
}

.content-slider-wrapper .sp-slides .item--product > div .pic-container img, .divide-layout[data-column="5-4-3-2"] .item--product > div .pic-container img, .divide-layout[data-column="5-4-2"] .item--product > div .pic-container img, .divide-layout[data-column="5-4-2-1"] .item--product > div .pic-container img {
    border-radius: 4px 0 0 4px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container {
    display: inline-block;
    width: 64.773%;
    padding: 5.682%;
    padding-left: 0;
    vertical-align: top
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container p + p, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container p + p, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container p + p, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container p + p {
    margin-top: 1em
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container a, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container a, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container a, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container a {
    color: #a10000
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container a:hover, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container a:hover, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container a:hover, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container a:hover {
    text-decoration: underline
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container .title, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container .title, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container .title, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container .title {
    font-size: 1.143em
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container .title span, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container .title span, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container .title span, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container .title span {
    font-size: .688em
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container .title + .elem-txt-list, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container .title + .elem-txt-list, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container .title + .elem-txt-list, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container .title + .elem-txt-list {
    margin-top: 10px
}

.content-slider-wrapper .sp-slides .item--product > div .txt-container .link, .divide-layout[data-column="5-4-3-2"] .item--product > div .txt-container .link, .divide-layout[data-column="5-4-2"] .item--product > div .txt-container .link, .divide-layout[data-column="5-4-2-1"] .item--product > div .txt-container .link {
    color: #a10000
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div, .divide-layout[data-column="5-4-2"] .item--brand > div, .divide-layout[data-column="5-4-2-1"] .item--brand > div {
    background: #fff
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div a, .divide-layout[data-column="5-4-2"] .item--brand > div a, .divide-layout[data-column="5-4-2-1"] .item--brand > div a {
    display: block;
    height: inherit;
    text-align: center;
    border-radius: 4px 4px 0 0
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .pic-container img, .divide-layout[data-column="5-4-2"] .item--brand > div .pic-container img, .divide-layout[data-column="5-4-2-1"] .item--brand > div .pic-container img {
    border-radius: 4px 4px 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .txt-container, .divide-layout[data-column="5-4-2"] .item--brand > div .txt-container, .divide-layout[data-column="5-4-2-1"] .item--brand > div .txt-container {
    padding: 7.634% 3.817%;
    padding-top: 0
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .txt-container p, .divide-layout[data-column="5-4-2"] .item--brand > div .txt-container p, .divide-layout[data-column="5-4-2-1"] .item--brand > div .txt-container p {
    word-break: break-all
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .txt-container p + p, .divide-layout[data-column="5-4-2"] .item--brand > div .txt-container p + p, .divide-layout[data-column="5-4-2-1"] .item--brand > div .txt-container p + p {
    margin-top: .357em
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .txt-container .title, .divide-layout[data-column="5-4-2"] .item--brand > div .txt-container .title, .divide-layout[data-column="5-4-2-1"] .item--brand > div .txt-container .title {
    font-size: 1.143em
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .txt-container .title span, .divide-layout[data-column="5-4-2"] .item--brand > div .txt-container .title span, .divide-layout[data-column="5-4-2-1"] .item--brand > div .txt-container .title span {
    font-size: .688em
}

.divide-layout[data-column="5-4-3-2"] .item--brand > div .txt-container .link, .divide-layout[data-column="5-4-2"] .item--brand > div .txt-container .link, .divide-layout[data-column="5-4-2-1"] .item--brand > div .txt-container .link {
    color: #a10000
}

.divide-layout[data-column="5-4-3-2"] .item--bnr > div, .divide-layout[data-column="5-4-2"] .item--bnr > div, .divide-layout[data-column="5-4-2-1"] .item--bnr > div {
    background: #fff
}

.divide-layout[data-column="5-4-3-2"] .item--bnr > div a, .divide-layout[data-column="5-4-2"] .item--bnr > div a, .divide-layout[data-column="5-4-2-1"] .item--bnr > div a {
    display: block;
    border-radius: 4px
}

.divide-layout[data-column="5-4-3-2"] .item--bnr > div .pic-container, .divide-layout[data-column="5-4-2"] .item--bnr > div .pic-container, .divide-layout[data-column="5-4-2-1"] .item--bnr > div .pic-container {
    text-align: center
}

.divide-layout[data-column="5-4-3-2"] .item--bnr > div .pic-container img, .divide-layout[data-column="5-4-2"] .item--bnr > div .pic-container img, .divide-layout[data-column="5-4-2-1"] .item--bnr > div .pic-container img {
    border-radius: 4px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div, .divide-layout[data-column="5-4-2"] .item--popular-product > div, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div {
    background: #fff
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div a, .divide-layout[data-column="5-4-2"] .item--popular-product > div a, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div a {
    display: block;
    color: #333;
    border-radius: 4px
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div a:hover, .divide-layout[data-column="5-4-2"] .item--popular-product > div a:hover, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div a:hover {
    text-decoration: none
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .header, .divide-layout[data-column="5-4-2"] .item--popular-product > div .header, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .header {
    padding: 4.58% 7.634% 3.817%
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .header[data-header-color="1"], .divide-layout[data-column="5-4-2"] .item--popular-product > div .header[data-header-color="1"], .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .header[data-header-color="1"] {
    background-color: #000
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .header[data-header-color="2"], .divide-layout[data-column="5-4-2"] .item--popular-product > div .header[data-header-color="2"], .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .header[data-header-color="2"] {
    background-color: #e70012
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .header[data-header-color="3"], .divide-layout[data-column="5-4-2"] .item--popular-product > div .header[data-header-color="3"], .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .header[data-header-color="3"] {
    background-color: #008c3e
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .header p, .divide-layout[data-column="5-4-2"] .item--popular-product > div .header p, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .header p {
    color: #fff
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body {
    padding: 4.58% 7.634% 7.634%;
    background: #fff
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .pic-container, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .pic-container, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .pic-container {
    text-align: center
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .pic-container img, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .pic-container img, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .pic-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .pic-container + .txt-container, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .pic-container + .txt-container, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .pic-container + .txt-container {
    margin-top: 7.658%
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .txt-container p, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .txt-container p, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .txt-container p {
    word-break: break-all
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .txt-container p + p, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .txt-container p + p, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .txt-container p + p {
    margin-top: 1em
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .txt-container .title, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .txt-container .title, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .txt-container .title {
    font-size: 1.143em
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .txt-container .title span, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .txt-container .title span, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .txt-container .title span {
    font-size: .688em
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .txt-container .description, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .txt-container .description, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .txt-container .description {
    line-height: 2
}

.divide-layout[data-column="5-4-3-2"] .item--popular-product > div .body .txt-container .link, .divide-layout[data-column="5-4-2"] .item--popular-product > div .body .txt-container .link, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div .body .txt-container .link {
    color: #a10000
}

.divide-layout[data-column="6"] .item--recipe > div {
    background: #fff
}

.divide-layout[data-column="6"] .item--recipe > div a {
    display: block;
    height: inherit;
    padding: 4.505%;
    text-decoration: none;
    letter-spacing: -.4em
}

.android4 .divide-layout[data-column="6"] .item--recipe > div a {
    letter-spacing: -.7em
}

.divide-layout[data-column="6"] .item--recipe > div a .txt-container p {
    color: #a10000
}

.divide-layout[data-column="6"] .item--recipe > div a:hover .txt-container p {
    text-decoration: underline
}

.divide-layout[data-column="6"] .item--recipe > div [class$="-container"] {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}

.divide-layout[data-column="6"] .item--recipe > div .pic-container {
    max-width: 40.541%
}

.divide-layout[data-column="6"] .item--recipe > div .pic-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout[data-column="6"] .item--recipe > div .txt-container {
    max-width: 59.459%;
    padding-left: 4.505%
}

.divide-layout[data-column="6"] .item--recipe > div .txt-container p + p {
    margin-top: 1em
}

.divide-layout[data-column="6"] .item--recipe > div .txt-container .title {
    font-size: 15px
}

.divide-layout[data-column="6"] .item--recipe > div .txt-container .title span {
    font-size: 11px
}

.divide-layout[data-column="6"] .item--recipe > div .txt-container .link {
    color: #a10000
}

.divide-layout[data-column="2-2-2-2"] > div > div > div > div > .item--divide {
    width: 47.222%
}

.divide-layout[data-column="2-2-2-2"] > div > div > div > div > .item--divide:nth-child(odd) {
    clear: both
}

.divide-layout[data-column="2-2-2-2"] > div > div > div > div > .item--divide:nth-child(n+3) {
    margin-top: 2.778%
}

.color-frame-section .divide-layout[data-column="2-2-2-2"] > div > div > div > div > .item--divide:nth-child(n+3) {
    margin-top: 1.389%
}

.divide-layout[data-column="4-4-2-2"] > div > div > div > div > .item--divide {
    width: 22.222%
}

.divide-layout[data-column="4-4-2-2"] > div > div > div > div > .item--divide:nth-child(5n) {
    clear: both
}

.divide-layout[data-column="4-4-2-2"] > div > div > div > div > .item--divide:nth-child(n+5) {
    margin-top: 2.778%
}

.color-frame-section .divide-layout[data-column="4-4-2-2"] > div > div > div > div > .item--divide:nth-child(n+5) {
    margin-top: 1.389%
}

.divide-layout[data-column="3-3-2-2"] > div > div > div > div > .item--divide {
    width: 29.583%
}

.divide-layout[data-column="3-3-2-2"] > div > div > div > div > .item--divide:nth-child(4n) {
    clear: both
}

.divide-layout[data-column="3-3-2-2"] > div > div > div > div > .item--divide:nth-child(n+4) {
    margin-top: 2.778%
}

.color-frame-section .divide-layout[data-column="3-3-2-2"] > div > div > div > div > .item--divide:nth-child(n+4) {
    margin-top: 1.389%
}

.divide-layout--modifier {
    margin: 0 auto 1.429em
}

.divide-layout--modifier .item--divide {
    float: left
}

.divide-layout--modifier[data-type="1"] > div > div > div > div {
    margin: 0 -.951%
}

.divide-layout--modifier[data-type="1"] .item--divide {
    width: 23.134%;
    margin: 0 .933%
}

.divide-layout--modifier[data-type="2"] .item--unique {
    width: 23.669%
}

.divide-layout--modifier[data-type="2"] .item--unique + .item--others {
    width: 74.62%;
    margin-left: 1.426%
}

.divide-layout--modifier[data-type="2"] .item--others {
    width: 100%;
    margin-left: 0
}

.divide-layout--modifier[data-type="2"][data-unique=false] .item--others {
    width: 100%;
    margin-left: 0
}

.divide-layout--modifier[data-type="3"] > div > div > div > div {
    margin: 0 -.951%
}

.divide-layout--modifier[data-type="3"] .item--divide {
    width: 23.134%;
    margin: 0 .933%
}

.divide-layout--modifier .item--product > div {
    overflow: hidden
}

.divide-layout--modifier .item--product > div a:hover .txt-container p {
    color: #a10000
}

.webkit .divide-layout--modifier .item--product > div a {
    z-index: 1
}

.divide-layout--modifier .item--product .pic-container {
    text-align: center
}

.divide-layout--modifier .item--product .pic-container img {
    width: auto;
    border-radius: 4px
}

.divide-layout--modifier .item--product .txt-container {
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .75em .5em;
    text-align: center;
    border-radius: 0 0 4px 4px;
    background: #fff
}

.divide-layout--modifier .item--product .txt-container p {
    font-size: 15px;
    transition: color .25s ease
}

.divide-layout--modifier .recipe-list > li {
    float: left
}

.divide-layout--modifier .item--unique > div .item--recipe {
    overflow: hidden;
    background-color: #fff
}

.divide-layout--modifier .item--unique > div .item--recipe > a {
    padding: 6.079%
}

.webkit .divide-layout--modifier .item--unique > div .item--recipe > a {
    z-index: 1
}

.divide-layout--modifier .item--unique > div .item--recipe > div:not([class$="-container"]) {
    padding: 6.079%
}

.webkit .divide-layout--modifier .item--unique > div .item--recipe > div:not([class$="-container"]) {
    z-index: 1
}

.divide-layout--modifier .item--unique > div .item--recipe .pic-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout--modifier .item--unique > div .item--recipe .pic-container + .txt-container {
    margin-top: 1.429em
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .header {
    margin: 0 auto .714em
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .header p {
    color: #5a3a3a
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .date {
    margin: .714em auto
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .date p b span.month {
    padding-right: .357em
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .date p b span.day {
    padding: 0 .357em
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .date p b span.day, .divide-layout--modifier .item--unique > div .item--recipe .txt-container .date p b span.month {
    font-size: 20px
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .title {
    margin: .714em auto
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .title p {
    font-size: 16px
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .description {
    margin: 1em auto
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .description p {
    font-size: 16px
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .footer p {
    font-size: 16px;
    color: #5a3a3a
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .footer .elem-btn a {
    padding-right: 0;
    padding-left: 0
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .footer .elem-btn a:hover {
    text-decoration: none
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .footer .elem-btn a span {
    font-size: 18px
}

.divide-layout--modifier .item--unique > div .item--recipe .txt-container .footer .elem-btn[data-btn-color="3"] {
    color: #333
}

.divide-layout--modifier .item--unique .item--unique--2018__lower p {
    font-size: 16px;
    color: #5a3a3a
}

.divide-layout--modifier .item--unique .item--unique--2018__lower .elem-btn a {
    padding-right: 0;
    padding-left: 0
}

.divide-layout--modifier .item--unique .item--unique--2018__lower .elem-btn a:hover {
    text-decoration: none
}

.divide-layout--modifier .item--unique .item--unique--2018__lower .elem-btn a span {
    font-size: 18px
}

.divide-layout--modifier .item--unique .item--unique--2018__lower .elem-btn[data-btn-color="3"] {
    color: #333
}

.divide-layout--modifier .item--others > div .item--recipe {
    overflow: hidden;
    background-color: #fff
}

.webkit .divide-layout--modifier .item--others > div .item--recipe a {
    z-index: 1
}

.divide-layout--modifier .item--others > div .item--recipe a .txt-container p {
    color: #a10000
}

.divide-layout--modifier .item--others > div .item--recipe a:hover .txt-container p {
    text-decoration: underline
}

.divide-layout--modifier .item--others > div .item--recipe .pic-container img {
    border-radius: 4px 4px 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.divide-layout--modifier .item--others > div .item--recipe .txt-container {
    width: 100%;
    padding: .88em 1em;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

.divide-layout--modifier .item--others > div .item--recipe .txt-container > span {
    font-size: 12px;
    font-weight: 700;
    display: block;
    color: #5a3a3a
}

.divide-layout--modifier .item--others > div .item--recipe .txt-container > span + p {
    margin-top: .313em
}

.divide-layout--modifier .item--others > div .item--recipe .txt-container p {
    font-size: 1.143em;
    transition: color .25s ease
}

.cssvwunit .divide-layout--modifier .item--others > div .item--recipe .txt-container p {
    font-size: 18px
}

.divide-layout--modifier .item--info > div {
    overflow: hidden;
    background-color: #fff
}

.divide-layout--modifier .item--info > div a {
    padding: 8.097%
}

.webkit .divide-layout--modifier .item--info > div a {
    z-index: 1
}

.divide-layout--modifier .item--info .txt-container {
    margin: 0 auto 1em
}

.divide-layout--modifier .item--info .txt-container .header {
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 0 auto 1em;
    -js-display: flex;
    justify-content: space-between
}

.divide-layout--modifier .item--info .txt-container .header time {
    color: #5a3a3a
}

.divide-layout--modifier .item--info .txt-container .header span {
    font-size: 12px;
    color: #666
}

.divide-layout--modifier .item--info .txt-container .description p {
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    height: 6.286em;
    background: #fff
}

.divide-layout--modifier .item--info .pic-container img {
    width: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-area-header {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    z-index: 999;
    box-sizing: border-box;
    height: 68px;
    border-top: solid 4px #f08300;
    background-color: #fff;
    box-shadow: 0 1px 8px -2px rgba(0, 0, 0, .83)
}

.site-area-header * {
    box-sizing: border-box
}

.site-area-header > div {
    position: relative;
    margin: 0 auto
}

.site-area-header > div > div > div > div {
    position: relative;
    display: table;
    width: 100%
}

.site-area-header > div .primary-area {
    height: 64px
}

.android4_2 .site-area-header > div .primary-area .logo, .ie9 .site-area-header > div .primary-area .logo, .ios8 .site-area-header > div .primary-area .logo {
    display: table-cell;
    vertical-align: middle
}

.site-area-header > div .primary-area .logo {
    width: 10em;
    margin: 0
}

.site-area-header > div .primary-area .logo a {
    display: inline-block
}

.site-area-header > div .primary-area .logo a img {
    vertical-align: middle
}

.ie .site-area-header > div .primary-area .logo a img {
    width: 140px
}

.site-area-header > div .primary-area .logo a:hover img {
    opacity: 1
}

.android4_2 .site-area-header > div .primary-area .menu-btn, .ie9 .site-area-header > div .primary-area .menu-btn, .ios8 .site-area-header > div .primary-area .menu-btn {
    display: table-cell;
    width: 4.25%;
    text-align: right;
    vertical-align: middle
}

.site-area-header > div .primary-area .menu-btn button {
    padding: 0;
    text-align: center;
    border: none;
    outline: 0;
    background: 0 0;
    -webkit-tap-highlight-color: rgba(240, 131, 0, .16)
}

.site-area-header > div .primary-area .menu-btn button:focus {
    outline: 1px solid #f08300
}

.site-area-header > div .primary-area .menu-btn button span {
    font-size: .714em;
    line-height: 1;
    display: block;
    white-space: nowrap
}

.site-area-header > div .primary-area .menu-btn i {
    margin: 0 auto;
    text-align: center;
    color: #333
}

.site-area-header > div .primary-area .menu-btn .icon-open {
    display: block
}

.site-area-header > div .primary-area .menu-btn .icon-close {
    display: none
}

.site-area-header > div .primary-area .menu-btn.open .icon-open {
    display: none
}

.site-area-header > div .primary-area .menu-btn.open .icon-close {
    display: block
}

.site-area-header > div .global-nav-area {
    display: table-cell
}

.site-area-header > div .global-nav-area .btn--global-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: center
}

.site-area-header > div .global-nav-area .btn--global-nav::before {
    display: block;
    content: url(/static/img/img-components/site-area-header/btn--global-nav.png)
}

.site-area-header a:link {
    text-decoration: none;
    color: #333
}

.site-area-header a:active {
    color: #f08300
}

.site-area-header a:visited {
    color: #333
}

.site-area-header a::before {
    color: #f08300
}

.header-small .site-area-header {
    height: 55px
}

.header-small .site-area-header .primary-area {
    width: 100px
}

.site-area-header[data-position=static] {
    position: static
}

.site-area-header[data-position=static] .primary-area .logo img {
    width: 140px;
    height: 50px
}

.ie9 .site-area-header[data-position=static] .primary-area .logo img {
    width: 140px
}

.site-area-header.header--corporate[lang=en] .primary-area {
    width: 140px
}

.no-js #js-header-area {
    position: static
}

.information-wrapper > div {
    background-color: #860006
}

.information-wrapper > div > div {
    padding: 24px 0;
    border-bottom: solid 1px #ccc
}

.information-wrapper > div > div > div {
    margin: 0 auto
}

.information-wrapper > div > div > div > div {
    display: table;
    width: 100%
}

.information-wrapper > div > div > div > div > [class$="-container"] {
    display: table-cell;
    vertical-align: middle
}

.information-wrapper .head-container {
    width: 1%;
    white-space: nowrap
}

.information-wrapper .head-container h2 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.429em;
    font-weight: 700;
    line-height: 1.25;
    color: #fff
}

.elem-topic-path {
    position: relative;
    z-index: 9
}

.elem-topic-path > div {
    border-bottom: solid 1px #ccc
}

.elem-topic-path > div > div {
    margin: 0 auto
}

.elem-topic-path > div > div > div > div {
    display: table;
    width: 100%
}

.elem-topic-path .root-directory > .path > a {
    text-decoration: none
}

.elem-topic-path .root-directory div.path {
    font-size: .857em;
    display: inline-block;
    vertical-align: top
}

.elem-topic-path .root-directory div.path > a {
    vertical-align: middle;
    color: #333
}

.elem-topic-path .root-directory div.path.current > a {
    cursor: default;
    text-decoration: none;
    pointer-events: none
}

.elem-topic-path .root-directory div.path.current > a > span {
    font-weight: 700
}

.elem-topic-path .root-directory div.path.current::after {
    content: none
}

.elem-topic-path .root-directory div.path::after {
    padding: 0 .071em 0 .357em;
    content: "\FF1E";
    vertical-align: middle;
    color: inherit
}

.elem-topic-path .root-directory div.directory {
    display: inline-block;
    vertical-align: top
}

.elem-topic-path > div > div > div > div > ul {
    display: table-cell;
    width: calc(100% - 110px);
    padding: 12px 0 9px;
    vertical-align: middle
}

.elem-topic-path > div > div > div > div > ul > li {
    font-size: .857em;
    display: inline-block;
    vertical-align: top
}

.elem-topic-path > div > div > div > div > ul > li:first-child a {
    text-decoration: none
}

.elem-topic-path > div > div > div > div > ul > li:first-child a > span {
    display: none
}

.elem-topic-path > div > div > div > div > ul > li.current a {
    cursor: default;
    text-decoration: none;
    pointer-events: none
}

.elem-topic-path > div > div > div > div > ul > li.current::after {
    content: none
}

.elem-topic-path > div > div > div > div > ul > li::after {
    padding: 0 .357em;
    content: "\FF1E";
    vertical-align: middle;
    color: inherit
}

.elem-topic-path > div > div > div > div > ul > li a {
    display: inline-block;
    vertical-align: middle;
    color: #333
}

.global-nav--primary {
    display: inline-block;
    vertical-align: middle
}

.global-nav--primary > div > div > div > div > ul {
    margin: 0 !important
}

.global-nav--primary ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -js-display: flex;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.ie9 .global-nav--primary ul {
    display: table;
    width: 100%;
    padding: 0;
    table-layout: auto
}

.global-nav--primary ul > li {
    text-align: center;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ie9 .global-nav--primary ul > li {
    display: table-cell;
    vertical-align: middle
}

.header-small .global-nav--primary ul > li {
    height: 51px
}

.global-nav--primary ul > li > span > a {
    display: table;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.global-nav--primary ul > li > span > a[data-font-size=x-small] {
    line-height: 1.571em
}

.global-nav--primary ul > li > span > a > b {
    display: table-cell;
    vertical-align: middle
}

.sub-nav--header {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff
}

.sub-nav--header > div > div > div > div {
    white-space: nowrap
}

.sub-nav--header .sub-nav {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.sub-nav--header .sub-nav__highlight {
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 3px #f08300 !important;
    border-radius: 5px
}

.sub-nav--header .sub-nav__highlight:after {
    position: absolute;
    z-index: 1;
    right: 44px;
    bottom: 0;
    width: 167px;
    height: 11px;
    content: ""
}

.sub-nav--header .sub-nav__highlight--corp:after {
    width: 189px
}

.sub-nav--header .sub-nav ul {
    display: table;
    width: 100%
}

.sub-nav--header .sub-nav ul li {
    display: table-cell;
    vertical-align: middle
}

.sub-nav--header .sub-nav ul li:first-child {
    border-left: 1px solid #ddd
}

.sub-nav--header .sub-nav ul li:first-child a {
    padding-left: 14px
}

.sub-nav--header .sub-nav ul li:nth-child(2) a {
    padding-right: 14px
}

.header--corporate .sub-nav--header .sub-nav ul li:nth-child(2):nth-child(2) {
    border-left: 1px solid #ddd
}

.sub-nav--header .sub-nav ul li:nth-child(3) {
    border-left: 1px solid #ddd
}

.sub-nav--header .sub-nav ul li:nth-child(3) a {
    padding: 0 14px
}

.sub-nav--header .sub-nav ul li.item--search {
    border-left: 1px solid #ddd
}

.sub-nav--header .sub-nav ul li span {
    display: block;
    text-align: center;
    white-space: nowrap
}

.sub-nav--header .sub-nav ul li span a {
    font-size: .857em;
    padding: 0 7px
}

.header--corporate .sub-nav--header .sub-nav ul li span a {
    font-size: 1.071em
}

.sub-nav--header .sub-nav ul li span a i {
    margin-right: .357em
}

.sub-nav--header .sub-nav ul li span a b {
    display: inline-block
}

.sub-nav--header .sub-nav ul li span a b + i {
    margin-right: 0;
    margin-left: .357em
}

.sub-nav--header .sub-nav ul li span a, .sub-nav--header .sub-nav ul li span i {
    vertical-align: middle
}

.sub-nav--header .sub-nav ul li i {
    vertical-align: middle
}

.sub-nav--header .sub-nav ul li i.material-icons {
    color: #f08300
}

.form--header {
    position: relative;
    display: inline-block;
    padding-top: .143em
}

.form--header .material-icons {
    display: none;
    cursor: pointer
}

.form--header .input-open {
    vertical-align: middle
}

.form--header .input-submit {
    display: inline-block;
    width: 16.216%;
    vertical-align: middle
}

.android .form--header .input-submit {
    margin-top: -.3em
}

.form--header .input-submit button {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: .929em 0;
    color: #fff;
    border: none;
    border-radius: 3px;
    outline: 0;
    background: #5a3a3a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form--header .input-submit button:focus {
    outline: 1px solid #f08300
}

.form--header .input-submit button span {
    font-weight: 700
}

.form--header .input-submit i {
    vertical-align: middle
}

.form--header .input-search {
    display: inline-block;
    width: 81.081%;
    margin-right: 1.351%;
    letter-spacing: normal
}

.form--header .input-search input {
    font-size: .857em;
    width: 100%;
    padding: .571em .5em;
    transition: background-color .5s ease;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: 0;
    background: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form--header .input-search input:focus {
    outline: 1px solid #f08300;
    background: #fff
}

.form--header .input-close {
    display: none
}

.form--header .input-close .material-icons {
    transform: translateY(25%);
    vertical-align: inherit;
    color: #ddd !important
}

.form--header button.input-close, .form--header button.input-open {
    border: 0;
    background: 0 0
}

.global-nav--secondary {
    line-height: 1.5;
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    letter-spacing: normal;
    background: #eee
}

.global-nav--secondary > div {
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .23) inset
}

.global-nav--secondary > div > div {
    margin: 0 auto
}

.ie9 .global-nav--secondary ul {
    display: block
}

.ie9 .global-nav--secondary ul > li {
    display: block
}

.header--corporate[lang=en] .global-nav--primary .global-nav--secondary ul > li {
    width: auto
}

.global-nav--secondary a {
    position: relative;
    display: block;
    text-decoration: none
}

.global-nav--secondary a::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.webkit .global-nav--secondary a {
    z-index: 1
}

.global-nav--secondary .elem-btn a {
    color: #fff
}

.category-head {
    margin: .214em auto .714em
}

.category-head > div {
    text-align: left
}

.category-nav {
    width: 77.567%
}

[data-type="1"] .category-nav {
    float: left
}

[data-type="2"] .category-nav {
    float: right
}

.category-nav > div {
    margin: 0 -.613%
}

.category-nav > div .item--category {
    float: left;
    width: 18.765%;
    margin: 0 .605%;
    background: #fff
}

.category-nav > div .item--category:nth-child(5n+1) {
    clear: left
}

.category-nav > div .item--category:nth-child(n+6) {
    margin-top: 1.211%
}

.category-nav > div .item--category .pic-container img {
    border-radius: 4px 4px 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.category-nav > div .item--category .txt-container {
    padding: .714em 0;
    text-align: center
}

.cssvwunit .category-nav > div .item--category .txt-container p {
    font-size: .972222222vw
}

.ad-container {
    width: 21.578%
}

[data-type="1"] .ad-container {
    float: right
}

[data-type="2"] .ad-container {
    float: left
}

.ad-container > div .elem-btn > div {
    max-width: 568px
}

.ad-container > div .elem-btn > div > div {
    border-radius: 0
}

.ad-container > div .item--ad {
    width: 100%;
    background: #fff
}

.ad-container > div .item--ad .pic-container {
    padding: .214em .25em
}

.ad-container > div .item--ad .pic-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ad-container > div .item--ad .txt-container {
    margin-top: -.214em;
    padding: .429em 0 .214em;
    text-align: center
}

.ad-container > div .item--ad + .elem-btn, .ad-container > div .item--ad + .item--ad {
    margin-top: 4.405%
}

.corporate-wrapper, .products-wrapper {
    display: table;
    width: 100%
}

.corporate-wrapper a.blank {
    display: inline-block
}

.corporate-wrapper a.blank::after {
    font-size: 1em;
    position: relative;
    top: 4px;
    margin-left: .214em;
    content: "\E89E";
    text-decoration: none
}

.ie .corporate-wrapper a.blank::after {
    font-size: 16px
}

.corporate-head, .products-head {
    display: table-cell;
    width: 35.714%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain
}

.corporate-head > div, .products-head > div {
    padding: 40px 12% 32px 42%;
    text-align: left
}

.corporate-head dt, .products-head dt {
    padding-bottom: .714em
}

.corporate-head .elem-paragraph, .products-head .elem-paragraph {
    margin: 0
}

.corporate-head .elem-txt-list, .products-head .elem-txt-list {
    margin-top: .714em
}

.corporate-head .elem-txt-list li, .products-head .elem-txt-list li {
    text-align: left
}

.corporate-head .elem-txt-list li > a > span::before, .products-head .elem-txt-list li > a > span::before {
    display: none
}

.products-head {
    width: 19.011%;
    vertical-align: top;
    background-color: #e1e1e1
}

.products-head > div {
    padding: 2.143em 2.857em
}

.products-head h2, .products-head p {
    font-size: 1.429em
}

.corporate-nav, .products-nav {
    display: table-cell;
    width: 64.286%
}

.corporate-nav > div, .products-nav > div {
    display: table;
    width: 100%;
    padding: 40px 2.222% 32px
}

.corporate-nav dt, .products-nav dt {
    padding-bottom: .714em
}

.corporate-nav .elem-txt-list ul, .products-nav .elem-txt-list ul {
    display: block
}

.corporate-nav .elem-txt-list li, .products-nav .elem-txt-list li {
    display: block;
    height: auto;
    text-align: left
}

.corporate-nav .elem-txt-list li > a > span::before, .products-nav .elem-txt-list li > a > span::before {
    display: none
}

.products-nav {
    width: 85.714%
}

.products-nav > div {
    padding: 2.143em 1.429em
}

.products-nav .col--products-head + .col--products-head {
    margin-top: 1.429em
}

.products-nav .col--products-head h3, .products-nav .col--products-head p {
    font-size: 1em
}

.products-nav .col--products-body {
    margin-top: .714em
}

.products-nav .elem-txt-list {
    margin-top: .714em
}

.products-nav .elem-txt-list .txt-list > li {
    padding-left: 0;
    text-align: left
}

.products-nav .elem-txt-list .txt-list[data-direction=horizontal] {
    margin-top: -.357em
}

.products-nav .elem-txt-list .txt-list[data-direction=horizontal] > li {
    margin-top: .357em
}

.products-nav .category-nav {
    width: 100%
}

.products-nav .category-nav[data-column="3"] > div .item--category {
    width: 32.082%
}

.products-nav .category-nav[data-column="3"] > div .item--category:nth-child(3n+1) {
    clear: left
}

.products-nav .category-nav[data-column="4"] > div .item--category {
    width: 23.729%
}

.products-nav .category-nav[data-column="4"] > div .item--category:nth-child(4n+1) {
    clear: left
}

.products-nav .category-nav > div {
    margin-top: -1.211%
}

.products-nav .category-nav > div .item--category {
    margin-top: 1.211%
}

.products-nav .category-nav > div .item--category:nth-child(5n+1) {
    clear: none
}

.products-nav[data-column="4"] .col--products {
    width: 25%
}

.products-nav[data-column="5"] .col--products {
    width: 20%
}

.col--corporate, .col--products {
    display: table-cell;
    width: 33.333%;
    padding: 0 3.333%;
    text-align: left;
    border-right: 1px solid #ccc
}

.col--corporate dl, .col--corporate p, .col--products dl, .col--products p {
    margin: 1.071em 0 .714em
}

.col--corporate dl:first-child, .col--corporate p:first-child, .col--products dl:first-child, .col--products p:first-child {
    margin-top: 0
}

.col--corporate:last-child, .col--products:last-child {
    border-right: none
}

.col--products {
    border-right: none
}

.col--products[data-border=true] {
    border-right: 1px solid #ccc
}

.global-nav--extension {
    position: absolute;
    z-index: -1;
    top: 64px;
    left: 0;
    visibility: hidden;
    width: 100%;
    transition: opacity .5s cubic-bezier(.25, .8, .25, 1), visibility .5s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.sub-nav__highlight:hover .global-nav--extension {
    visibility: visible;
    opacity: 1
}

.global-nav--extension__wrapper > div {
    display: table;
    width: 100%
}

.global-nav--extension__head {
    display: table-cell;
    width: 19.03%;
    padding: 2.143em 2.857em;
    vertical-align: top;
    background-color: #e1e1e1
}

.global-nav--extension__head > div h2 a, .global-nav--extension__head > div p a {
    padding: 0 !important
}

.global-nav--extension__head > div h2 a span, .global-nav--extension__head > div p a span {
    font-size: 1.429em;
    text-align: left !important
}

.global-nav--extension__body {
    display: table-cell;
    width: 80.97%;
    padding: 2.143em 1.429em;
    vertical-align: top;
    background-color: #eee
}

.global-nav--extension__nav-container > div {
    display: flow-root;
    margin-top: -16px;
    margin-top: -1.143rem;
    margin-left: -1.533%
}

.global-nav--extension__nav-container > div:after, .global-nav--extension__nav-container > div:before {
    display: block;
    overflow: hidden;
    content: ""
}

.global-nav--extension__nav-container > div:after {
    clear: both
}

.global-nav--extension__item {
    float: left;
    width: 23.491%;
    margin-top: 16px;
    margin-top: 1.143rem;
    margin-left: 1.509%
}

.global-nav--extension__item > a {
    position: relative;
    display: block;
    padding: 0 !important;
    transition: box-shadow .275s cubic-bezier(.25, .8, .25, 1);
    color: #a10000 !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.global-nav--extension__item > a:hover {
    text-decoration: underline;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.global-nav--extension__pic-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.global-nav--extension__txt-container {
    background-color: #fff
}

.global-nav--extension__txt-container > div {
    padding: .714em 0;
    text-align: center
}

.global-nav--extension__txt-container p {
    font-size: .929em
}

.global-nav--extension__underlay {
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.underlay-global-nav {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

#js-body-layer {
    position: absolute;
    z-index: 99998;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

#js-global-nav--secondary-layer {
    line-height: 1.5;
    position: absolute;
    z-index: -9;
    left: 0;
    display: none;
    width: 100%;
    letter-spacing: normal;
    background: #ddd
}

.jumbotron-wrapper {
    padding-top: 1.143em
}

.jumbotron-wrapper > div {
    background: #fff
}

.jumbotron-wrapper > div > div {
    margin: 0 auto
}

.contents-wrapper[data-layout="1"] .jumbotron-wrapper > div > div {
    padding: 0
}

.jumbotron-wrapper > div .jumbotron-container > div > div > div > div {
    overflow: hidden
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron .sp-slides-container {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .23)
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron .sp-slides .item--jumbotron {
    border: 1px solid #ddd
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron .sp-slides .item--jumbotron .sp-image-container {
    border: 1px solid #fff
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron .sp-slides .item--jumbotron img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron .sp-button {
    width: 10px;
    height: 14px;
    border: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDEwIDE0IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTQiPgo8cGF0aCBmaWxsPSIjY2NjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLDguOTk5QzAsNi4yMzcsMi44MjcsNC4wMzksNSwwYzEuOTYzLDMuNjQ1LDUsNi4yMzcsNSw4Ljk5OSAgQzEwLDExLjc2Miw3Ljc2MiwxNCw1LDE0UzAsMTEuNzYyLDAsOC45OTl6Ii8+Cjwvc3ZnPgo=) 50% no-repeat
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron .sp-button.sp-selected-button {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDEwIDE0IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTQiPgo8cGF0aCBmaWxsPSIjZjA4MzAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLDguOTk5QzAsNi4yMzcsMi44MjcsNC4wMzksNSwwYzEuOTYzLDMuNjQ1LDUsNi4yMzcsNSw4Ljk5OSAgQzEwLDExLjc2Miw3Ljc2MiwxNCw1LDE0UzAsMTEuNzYyLDAsOC45OTl6Ii8+Cjwvc3ZnPgo=) 50% no-repeat
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn {
    position: absolute;
    z-index: 1;
    top: 1.429em;
    left: 1.429em;
    padding: .357em;
    cursor: pointer;
    transition: .3s;
    opacity: .9;
    border: 1px solid #fff;
    border-style: none;
    background: #f08300;
    box-shadow: 0 1px 5px 0 #676767
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn:focus, .jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn:hover {
    transform: scale(1.05);
    opacity: 1;
    border: 1px solid #f08300;
    background: #fff
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn:focus > div .play svg, .jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn:focus > div .stop svg, .jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn:hover > div .play svg, .jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn:hover > div .stop svg {
    fill: #f08300
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div {
    position: relative;
    width: 2.857em;
    height: 2.857em
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div .play, .jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div .stop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-in-out
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div .play svg, .jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div .stop svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div .play {
    transform: scale(1) rotate(0)
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn > div .stop {
    transform: scale(0) rotate(45deg)
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn.active > div .play {
    transform: scale(0) rotate(-45deg)
}

.jumbotron-wrapper > div .jumbotron-container .jumbotron__stop-btn.active > div .stop {
    transform: scale(1) rotate(0)
}

.jumbotron-wrapper > div .jumbotron-container[data-slider-column="1"] .jumbotron .sp-slides .item--jumbotron {
    border: none
}

.jumbotron-wrapper > div .jumbotron-container[data-slider-column="1"] .jumbotron .sp-slides .item--jumbotron .sp-image-container {
    border: none
}

.jumbotron-wrapper > div .jumbotron-container .preservation-prohibited-slide .sp-image-container {
    position: relative
}

.jumbotron-wrapper > div .jumbotron-container .preservation-prohibited-slide .sp-image-container:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.jumbotron-wrapper > div .jumbotron-container .preservation-prohibited-slide .sp-image-container a {
    position: relative;
    z-index: 1;
    display: block
}

.jumbotron-wrapper > div .jumbotron-container .preservation-prohibited-slide .sp-image-container a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.jumbotron-wrapper > div .jumbotron-container[data-slider-column="3"] .slider-pro {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.elem-heading-lv1 {
    margin: 0 auto 1.429em
}

.elem-heading-lv1:not(:first-child) {
    margin-top: .714em
}

.search-result-container .elem-heading-lv1 {
    margin-bottom: 0
}

.elem-heading-lv1 .heading-container .title-holder h1 > span {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25
}

.mfp-content .elem-heading-lv1 .heading-container .title-holder h1 > span {
    font-size: 1.571em
}

.elem-heading-lv1 .sub-container--lower {
    margin-top: .5em
}

.elem-heading-lv1[data-bg-img=true] > div > div > div > div {
    position: relative;
    max-width: 1440px;
    margin: 0 auto
}

.elem-heading-lv1[data-bg-img=true] .heading-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%)
}

.ie9 .elem-heading-lv1[data-bg-img=true] .heading-container {
    margin-top: -33px
}

.elem-heading-lv1[data-bg-img=true] .heading-container .sub-holder--upper {
    padding-left: 30px
}

.elem-heading-lv1[data-bg-img=true] .heading-container .sub-holder--upper + .title-holder h1 > span, .elem-heading-lv1[data-bg-img=true] .heading-container .sub-holder--upper + .title-holder p > span {
    padding-top: 2px
}

.elem-heading-lv1[data-bg-img=true] .heading-container .title-holder h1 > span, .elem-heading-lv1[data-bg-img=true] .heading-container .title-holder p > span {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: .357em 30px
}

.elem-heading-lv1[data-bg-img=true] .heading-container .title-holder h1 > span.sub-lower, .elem-heading-lv1[data-bg-img=true] .heading-container .title-holder p > span.sub-lower {
    font-size: .857em;
    font-weight: 300;
    width: 100%;
    margin-top: -1.071em;
    padding: 0 3.571em .893em 3.571em
}

.elem-heading-lv1[data-bg-img=true] .heading-container .title-holder h1[data-color="1"], .elem-heading-lv1[data-bg-img=true] .heading-container .title-holder p[data-color="1"] {
    color: #fff
}

.elem-heading-lv1[data-bg-img=true] .heading-container .sub-holder {
    margin-top: 10px;
    padding-top: 10px
}

.elem-heading-lv1[data-bg-img=true] .heading-container .sub-holder .sub-box p {
    font-weight: 700
}

.form-container--recipe + .elem-heading-lv1 {
    margin: -40px 302px 1.429em 0
}

.form-container--recipe + .elem-heading-lv1[data-bg-img=true] {
    margin: .714em 0 1.429em
}

.elem-heading-lv2 {
    margin: 2.857em auto 1.429em
}

.elem-heading-lv1 + .elem-heading-lv2, .elem-txt-list--tab + .elem-heading-lv2 {
    margin-top: 1.429em
}

.elem-heading-lv2 + .elem-heading-lv1 {
    margin: 2.143em auto 3.125%
}

.elem-heading-lv2 + .elem-heading-lv2 {
    margin: 1.429em auto
}

.color-frame-section .elem-heading-lv2 {
    margin-bottom: 1.429em
}

.divide-layout .elem-horizontal-line + .elem-heading-lv2, .divide-layout .elem-horizontal-line--recipe-overview + .elem-heading-lv2 {
    margin-top: 0
}

.elem-heading-lv2:not([data-margin-bottom="0"]) + .elem-txt-list--date:not([data-margin-top="0"]) > div {
    margin-top: -1.429em
}

.elem-heading-lv2 > div > div > div > div {
    padding-bottom: .714em;
    border-bottom: 2px solid #f08300
}

.elem-heading-lv2 .heading-container .title-holder h2, .elem-heading-lv2 .heading-container .title-holder span {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    /* margin-left: -80px; */
    position: relative;
    padding-left: 15px;
}

.elem-heading-lv2 .heading-container .title-holder h2 > span, .elem-heading-lv2 .heading-container .title-holder span > span {
    display: inline-block
}

.elem-heading-lv2 .heading-container .title-holder h2 > span::before, .elem-heading-lv2 .heading-container .title-holder span > span::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 5px;
    height: 100%;
    content: "";
    border-radius: 3px;
    background: linear-gradient(#f08300 50%, #d1561b 50%);
    background-color: #f08300
}

#ff-container .heading-noicon .elem-heading-lv2 .heading-container .title-holder h2 > span::before, #ff-container .heading-noicon .elem-heading-lv2 .heading-container .title-holder span > span::before {
    content: none
}

.elem-heading-lv2 .heading-container .title-holder h2 > a, .elem-heading-lv2 .heading-container .title-holder span > a {
    text-decoration: none
}

.elem-heading-lv2 .heading-container .title-holder h2 > a:hover, .elem-heading-lv2 .heading-container .title-holder span > a:hover {
    text-decoration: underline
}

.elem-heading-lv2 .heading-container .title-holder h2 > a > span, .elem-heading-lv2 .heading-container .title-holder span > a > span {
    position: relative;
    display: inline-block;
    padding-left: .2em
}

.elem-heading-lv2 .heading-container .title-holder h2 > a > span::before, .elem-heading-lv2 .heading-container .title-holder span > a > span::before {
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 4px;
    left: -21px;
    margin-right: 0;
    content: "\E037";
    text-decoration: none;
    speak: none
}

.firefox .elem-heading-lv2 .heading-container .title-holder h2 > a > span::before, .firefox .elem-heading-lv2 .heading-container .title-holder span > a > span::before {
    top: 6px
}

.global-nav--secondary .elem-heading-lv2 .heading-container .title-holder h2 > a, .global-nav--secondary .elem-heading-lv2 .heading-container .title-holder span > a {
    display: inline
}

.global-nav--secondary .elem-heading-lv2 .heading-container .title-holder h2 > a::after, .global-nav--secondary .elem-heading-lv2 .heading-container .title-holder span > a::after {
    display: none
}

.elem-heading-lv2 .heading-container .sub-holder .elem-btn {
    display: block
}

.elem-heading-lv2 .heading-container .sub-holder .elem-btn > div {
    min-width: auto
}

.elem-heading-lv2[data-align=center] > div > div > div > div {
    display: table;
    width: 100%;
    padding-bottom: 0;
    border-bottom: none
}

.elem-heading-lv2[data-align=center] [class^=sub-container] {
    display: none
}

.elem-heading-lv2[data-align=center] .heading-container {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    white-space: normal
}

.elem-heading-lv2[data-align=center] .heading-container::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin-top: -2px;
    content: "";
    border-top: 4px solid #f08300
}

.elem-heading-lv2[data-align=center] .heading-container .title-holder {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 1.143em;
    vertical-align: middle;
    background-color: #fff
}

.section-block--toppage[data-bg-color="2"] .elem-heading-lv2[data-align=center] .heading-container .title-holder {
    background: #fdf2ca repeat 0 0 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAyADIDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAQACAwn/xAArEAABBAECBAUEAwAAAAAAAAABAAIRITESQQMiUWETMlJxsTNCgZFyodH/xAAaAQEBAQEAAwAAAAAAAAAAAAABAAIDBAUG/8QAKREAAgEDAgQGAwEAAAAAAAAAAAERAiExEkEiYXHwAzJRgaGxkdHx4f/aAAwDAQACEQMRAD8A9OGOBbE3NgdV8tTUmon+nsGgbtu5s9pCFayyp90LJxbT5AExIU482xKcC8zzTMHA3TU54kC9ClrRFFpmP8VKSti8foiaQ0ubMbEdlWpbpb/hO9x0H1ftqdHP4CeRl0FxFCyJGVlw3D/JpYGdbhZLhtPwl8bUvvkGBJGmZbE4hLdpncIuZby3JbsQ1ZTi8x0NO5CANjJ3wlJJSv8AP6AvI1GwcEneFVRN3P2SViDXAec/tKlWVRewTznYiSJGOyynxfXfMYsajmNE+wwtJTVLlmQM6TIIPXv1VU3F1D7uKyQMsqpExGChOaYVi3EyG+Uxv3HVauljqHuDvOAQbq9j1WavNDx3cVgPGIQ/FayOkg2DpdAMZUlD01ZLmiBBdYDYo3Sk1qvC+gFwJ9JbmZytNekQSAOGkOABO4NFZlRqQxeBbGmAWl20nKVDUWkH6h9wLgLPWaVN06t/cehrw+7P2taehnUE6SCRqDqJI2WW9N3dMcjyuedDbFTFLaSdXAgulcBYjRpOMZ6hZV1CpjvA43IPbDtTfLQq0KqmGq9ih7ERpaOSR0OxS+FLhsGdyJLeYA1tGOyqm6eJLHcCr2EN4J2YrT4LvC+Q4wbPhybs1P8ASlOmX3yFxJUYqD1BzCJT2uWAOQNRDpCKnsnexGncroIkYsrdTiqIBYkKgkAx0BWZV4wItvXDiQIiflKu25ld3J7Gb9DvwViZ9SN8MSB3C7UJW6BUY4f0+H/Irl4flp6s1VlmnW4A3n4W8v8AP0BcQfTO+o2s14pfMqdxafP7rTtq6h6A0c35PylJfJVYOHEp7vcrx60tTOqwf//Z)
}

.elem-heading-lv2[data-align=center] .heading-container .title-holder h2 {
    padding-left: 0
}

.elem-heading-lv2[data-align=center] .heading-container .title-holder h2 > span {
    padding-left: 0
}

.elem-heading-lv2[data-align=center] .heading-container .title-holder h2 > span::before {
    content: normal
}

.elem-heading-lv2[data-align=center] .sub-container--lower::after {
    content: ""
}

.elem-heading-lv2[data-border=false] > div > div > div > div {
    padding-bottom: 0;
    border-bottom: none
}

.elem-heading-lv2[data-icon=false] .heading-container .title-holder h2 {
    padding-left: 0
}

.elem-heading-lv2[data-icon=false] .heading-container .title-holder h2 span {
    padding-left: 0
}

.elem-heading-lv2[data-icon=false] .heading-container .title-holder h2 span::before {
    display: none;
    content: ""
}

.elem-heading-lv2[data-icon-color="2"] .heading-container .title-holder h2 span::before {
    margin-right: 1.071em;
    content: "\25CF";
    color: #ddd
}

.side-column[data-column-position=right] .elem-heading-lv2 {
    margin: 1.429em auto 1.071em
}

.side-column[data-column-position=right] .elem-heading-lv2 > div > div > div > div {
    padding-bottom: 0;
    border-bottom: 0
}

.side-column[data-column-position=right] .elem-heading-lv2 .heading-container .title-holder h2 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    position: relative
}

.side-column[data-column-position=right] .elem-heading-lv2 .heading-container .title-holder h2 > span {
    display: inline-block;
    padding: 0 0 2px;
    word-break: break-word
}

.side-column[data-column-position=right] .elem-heading-lv2:not([data-align=center]):not([data-icon=false]) .title-holder h2 > span {
    padding: 0 0 0 15px
}

.elem-heading-lv3 {
    margin: 1.429em auto 1.071em
}

.elem-heading-lv2 + .elem-heading-lv3 {
    margin-top: 0
}

.color-frame-section .elem-heading-lv3 {
    margin: 1.429em auto 1.071em
}

.side-column .elem-heading-lv3 {
    margin: 1.429em auto 1.071em
}

.elem-heading-lv3 .heading-container .title-holder h3, .elem-heading-lv3 .heading-container .title-holder span {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    position: relative
}

.elem-heading-lv3 .heading-container .title-holder h3 > span, .elem-heading-lv3 .heading-container .title-holder span > span {
    display: inline-block;
    padding: 0 0 2px;
    word-break: break-word
}

.elem-heading-lv3 .heading-container .title-holder h3 > a, .elem-heading-lv3 .heading-container .title-holder span > a {
    position: relative;
    text-decoration: none
}

.elem-heading-lv3 .heading-container .title-holder h3 > a:hover, .elem-heading-lv3 .heading-container .title-holder span > a:hover {
    text-decoration: underline
}

.elem-heading-lv3 .heading-container .title-holder h3 > a > span, .elem-heading-lv3 .heading-container .title-holder span > a > span {
    position: relative;
    display: inline-block;
    padding-left: .2em
}

.elem-heading-lv3 .heading-container .title-holder h3 > a > span::before, .elem-heading-lv3 .heading-container .title-holder span > a > span::before {
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 5px;
    left: -20px;
    content: "\E037";
    text-decoration: none;
    speak: none
}

.firefox .elem-heading-lv3 .heading-container .title-holder h3 > a > span::before, .firefox .elem-heading-lv3 .heading-container .title-holder span > a > span::before {
    top: 6px
}

.elem-heading-lv3 .heading-container .title-holder h3 .material-icons, .elem-heading-lv3 .heading-container .title-holder span .material-icons {
    position: relative;
    bottom: -5px
}

.divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder h3, .divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder span {
    font-size: 18px;
    padding-left: 0
}

.divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder h3 > span, .divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder span > span {
    padding-left: 0
}

.divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder h3 > span::before, .divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder span > span::before {
    display: none
}

.divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder h3 > a > span, .divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder span > a > span {
    padding-left: 0
}

.divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder h3 > a > span::before, .divide-layout .item--divide > .style-color1 .elem-heading-lv3 .heading-container .title-holder span > a > span::before {
    display: none
}

.divide-layout .item--divide .elem-pic-block a:hover .txt-head .elem-heading-lv3 .heading-container .title-holder h3, .divide-layout .item--divide .elem-pic-block a:hover .txt-head .elem-heading-lv3 .heading-container .title-holder span, .divide-layout .item--divide > .js-all-link .elem-heading-lv3 .heading-container .title-holder h3, .divide-layout .item--divide > .js-all-link .elem-heading-lv3 .heading-container .title-holder span, .divide-layout .item--divide > .style-color1 > .movie-block .elem-heading-lv3 .heading-container .title-holder h3, .divide-layout .item--divide > .style-color1 > .movie-block .elem-heading-lv3 .heading-container .title-holder span {
    color: #a10000
}

.divide-layout .item--divide .elem-pic-block a:hover .txt-head .elem-heading-lv3 .heading-container .title-holder h3 > span, .divide-layout .item--divide .elem-pic-block a:hover .txt-head .elem-heading-lv3 .heading-container .title-holder span > span, .divide-layout .item--divide > .js-all-link:hover .elem-heading-lv3 .heading-container .title-holder h3 > span, .divide-layout .item--divide > .js-all-link:hover .elem-heading-lv3 .heading-container .title-holder span > span, .divide-layout .item--divide > .style-color1 > .movie-block:hover .elem-heading-lv3 .heading-container .title-holder h3 > span, .divide-layout .item--divide > .style-color1 > .movie-block:hover .elem-heading-lv3 .heading-container .title-holder span > span {
    text-decoration: underline
}

.elem-heading-lv3[data-icon=false] .heading-container .title-holder h3 {
    padding-left: 0
}

.elem-heading-lv3[data-icon=false] .heading-container .title-holder h3 span {
    padding-left: 0
}

.elem-heading-lv3[data-icon=false] .heading-container .title-holder h3 span::before {
    display: none;
    content: ""
}

.elem-heading-lv3[data-role=caution] .heading-container .title-holder h3 {
    display: inline-block;
    vertical-align: middle
}

.elem-heading-lv3[data-role=caution] .heading-container .title-holder::before {
    display: inline-block;
    margin-right: .357em;
    content: "\E88F";
    vertical-align: middle
}

.elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3 {
    position: relative;
    display: inline-block;
    width: auto
}

.elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3 > span {
    display: inline-block;
    width: auto;
    padding: .571em 1.429em;
    color: #5a3a3a
}

.elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3 > span::before {
    display: none;
    content: ""
}

.elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3::after, .elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid #f08300
}

.elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3::before {
    top: 0;
    left: 0
}

.elem-heading-lv3[data-border-color="1"] .heading-container .title-holder h3::after {
    top: 5px;
    left: 5px
}

.elem-heading-lv3[data-img-holder=true] .heading-container [class$="-holder"] {
    display: inline-block;
    vertical-align: middle
}

.elem-heading-lv3[data-img-holder=true] .heading-container .img-holder {
    padding-right: .714em
}

.elem-heading-lv3[data-img-holder=true] .heading-container .sub-holder {
    float: right;
    padding-top: .714em
}

.elem-heading-lv4 {
    margin: 1.429em auto 1.071em
}

.elem-heading-lv4 .heading-container .title-holder h4 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25
}

.elem-heading-lv4 .heading-container .title-holder h4 > a {
    position: relative;
    display: inline-block;
    padding-left: 1em
}

.elem-heading-lv4 .heading-container .title-holder h4 > a > span {
    position: relative;
    display: inline-block;
    padding-left: .4em
}

.elem-heading-lv4 .heading-container .title-holder h4 > a > span::before {
    font-size: .778em;
    font-weight: 900;
    position: absolute;
    top: 2px;
    left: -1em;
    content: "\E037";
    text-decoration: none;
    speak: none
}

.elem-heading-lv5 {
    margin: 1.429em auto 1.071em
}

.elem-heading-lv5 .heading-container .title-holder h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

.elem-heading-lv5 .heading-container .title-holder h5 > a {
    position: relative;
    display: inline-block;
    padding-left: 1em
}

.elem-heading-lv5 .heading-container .title-holder h5 > a > span {
    position: relative;
    display: inline-block;
    padding-left: .4em
}

.elem-heading-lv5 .heading-container .title-holder h5 > a > span::before {
    font-size: 1em;
    font-weight: 900;
    position: absolute;
    top: 1px;
    left: -1em;
    content: "\E037";
    text-decoration: none;
    speak: none
}

.elem-heading-lv6 {
    margin: 2.857em auto 1.071em
}

.elem-heading-lv6 .heading-container .title-holder h6 {
    font-size: 16px
}

.elem-heading-lv6 .heading-container .title-holder h6 > a {
    position: relative;
    display: inline-block;
    padding-left: 1em
}

.elem-heading-lv6 .heading-container .title-holder h6 > a > span {
    position: relative;
    display: inline-block;
    padding-left: .4em
}

.elem-heading-lv6 .heading-container .title-holder h6 > a > span::before {
    font-size: 1em;
    font-weight: 900;
    position: absolute;
    top: 1px;
    left: -1em;
    content: "\E037";
    text-decoration: none;
    speak: none
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 {
    padding-left: 0
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span {
    padding-left: 0
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span::before, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span::before, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span::before, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span::before {
    display: none;
    content: ""
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span .material-icons, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span .material-icons, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span .material-icons {
    position: relative;
    top: .143em
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span > span.title::after, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span > span.title::after, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span > span.title::after, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span > span.title::after {
    display: inline-block;
    width: 1px;
    height: 22px;
    margin: 0 .571em 0 .714em;
    content: "";
    background: #ddd
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span > span[data-bracket=true]::before, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span > span[data-bracket=true]::before, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span > span[data-bracket=true]::before, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span > span[data-bracket=true]::before {
    content: "『"
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span > span[data-bracket=true]::after, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span > span[data-bracket=true]::after, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span > span[data-bracket=true]::after, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span > span[data-bracket=true]::after {
    content: "』"
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span > span b, .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span > span b, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span > span b, .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span > span b {
    display: block;
    margin-top: .357em
}

.elem-heading-lv1 .heading-container.heading--recipe .title-holder h1 > span time[data-color="1"], .elem-heading-lv1 .heading-container.heading--recipe .title-holder h2 > span time[data-color="1"], .elem-heading-lv2 .heading-container.heading--recipe .title-holder h1 > span time[data-color="1"], .elem-heading-lv2 .heading-container.heading--recipe .title-holder h2 > span time[data-color="1"] {
    color: #5a3a3a
}

.elem-heading-lv2[data-sub-holder=true] .heading-container, .elem-heading-lv3[data-sub-holder=true] .heading-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -js-display: flex;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.android4_2 .elem-heading-lv2[data-sub-holder=true] .heading-container, .android4_2 .elem-heading-lv3[data-sub-holder=true] .heading-container, .ie9 .elem-heading-lv2[data-sub-holder=true] .heading-container, .ie9 .elem-heading-lv3[data-sub-holder=true] .heading-container, .ios7 .elem-heading-lv2[data-sub-holder=true] .heading-container, .ios7 .elem-heading-lv3[data-sub-holder=true] .heading-container {
    display: table;
    width: 100%
}

.android4_2 .elem-heading-lv2[data-sub-holder=true] .heading-container [class$="-holder"], .android4_2 .elem-heading-lv3[data-sub-holder=true] .heading-container [class$="-holder"], .ie9 .elem-heading-lv2[data-sub-holder=true] .heading-container [class$="-holder"], .ie9 .elem-heading-lv3[data-sub-holder=true] .heading-container [class$="-holder"], .ios7 .elem-heading-lv2[data-sub-holder=true] .heading-container [class$="-holder"], .ios7 .elem-heading-lv3[data-sub-holder=true] .heading-container [class$="-holder"] {
    display: table-cell;
    vertical-align: middle
}

.android4_2 .elem-heading-lv2[data-sub-holder=true] .heading-container .title-holder, .android4_2 .elem-heading-lv3[data-sub-holder=true] .heading-container .title-holder, .ie9 .elem-heading-lv2[data-sub-holder=true] .heading-container .title-holder, .ie9 .elem-heading-lv3[data-sub-holder=true] .heading-container .title-holder, .ios7 .elem-heading-lv2[data-sub-holder=true] .heading-container .title-holder, .ios7 .elem-heading-lv3[data-sub-holder=true] .heading-container .title-holder {
    width: 99%
}

.elem-heading-lv2[data-sub-holder=true] .heading-container .sub-holder, .elem-heading-lv3[data-sub-holder=true] .heading-container .sub-holder {
    white-space: nowrap
}

.android4_2 .elem-heading-lv2[data-sub-holder=true] .heading-container .sub-holder, .android4_2 .elem-heading-lv3[data-sub-holder=true] .heading-container .sub-holder, .ie9 .elem-heading-lv2[data-sub-holder=true] .heading-container .sub-holder, .ie9 .elem-heading-lv3[data-sub-holder=true] .heading-container .sub-holder, .ios7 .elem-heading-lv2[data-sub-holder=true] .heading-container .sub-holder, .ios7 .elem-heading-lv3[data-sub-holder=true] .heading-container .sub-holder {
    width: 1%
}

.elem-heading-lv2[data-sub-holder=true] .heading-container .sub-holder .sub-box[data-direction=vertical] *, .elem-heading-lv3[data-sub-holder=true] .heading-container .sub-holder .sub-box[data-direction=vertical] * {
    display: inline-block
}

.elem-heading-lv2[data-sub-holder=true] .heading-container .sub-holder .sub-box[data-direction=vertical] * + *, .elem-heading-lv3[data-sub-holder=true] .heading-container .sub-holder .sub-box[data-direction=vertical] * + * {
    padding-left: .35em
}

.elem-heading-lv2[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]), .elem-heading-lv3[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) {
    display: block
}

.elem-heading-lv2[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .title-holder, .elem-heading-lv3[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .title-holder {
    display: block;
    width: 100%
}

.elem-heading-lv2[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .sub-holder, .elem-heading-lv3[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .sub-holder {
    display: block;
    width: 100%;
    padding-top: .714em;
    white-space: normal
}

.elem-heading-lv2[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .sub-holder::after, .elem-heading-lv3[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .sub-holder::after {
    display: block;
    clear: both;
    content: " "
}

.elem-heading-lv2[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .sub-holder .sub-box, .elem-heading-lv3[data-sub-holder=true] .heading-container:not(.elem-heading-lv2[data-sub-holder=true] .heading-container[data-column-break=false]):not(.elem-heading-lv3[data-sub-holder=true] .heading-container[data-column-break=false]) .sub-holder .sub-box {
    float: right
}

.elem-catch {
    margin: 1.429em auto .714em
}

.elem-catch + .elem-paragraph {
    margin-top: 0
}

.elem-catch p {
    line-height: 1.643em;
    color: #5a3a3a
}

.elem-catch p.tel {
    display: table
}

.elem-catch p.tel b, .elem-catch p.tel span {
    display: inline-block;
    vertical-align: middle
}

.elem-catch p.tel b {
    font-size: 24px;
    padding-right: .143em;
    color: #5a3a3a
}

.elem-catch p.tel span.note {
    font-size: 12px;
    color: #333
}

.elem-catch p.freedial b {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    padding-left: 58px
}

.elem-catch p.freedial b::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    display: block;
    width: 56px;
    height: 56px;
    content: "";
    transform: translateY(-51%);
    background: url(/static/img/img-common/icons/freedial.svg) 0 0 no-repeat;
    background-size: contain
}

.elem-paragraph {
    margin: 1.143em auto
}

.elem-paragraph + .elem-paragraph {
    margin-top: -.571em
}

.elem-paragraph + .elem-paragraph p[data-align=right] {
    margin-top: -1.143em
}

.elem-paragraph[data-multicol-layout="2"] p {
    width: 47.222%
}

.elem-paragraph[data-multicol-layout="2"] p:nth-child(odd) {
    clear: both
}

.elem-paragraph[data-multicol-layout="2"] p:nth-child(n+3) {
    margin-top: 2.778%
}

.elem-paragraph[data-multicol-layout="3"] p {
    width: 30.556%
}

.elem-paragraph[data-multicol-layout="3"] p:nth-child(3n+1) {
    clear: both
}

.elem-paragraph[data-multicol-layout="3"] p:nth-child(n+4) {
    margin-top: 2.778%
}

.elem-paragraph[data-multicol-layout="4"] p {
    width: 22.222%
}

.elem-paragraph[data-multicol-layout="4"] p:nth-child(4n+1) {
    clear: both
}

.elem-paragraph[data-multicol-layout="4"] p:nth-child(n+5) {
    margin-top: 2.778%
}

.elem-paragraph[data-multicol-layout="5"] p {
    width: 17.222%
}

.elem-paragraph[data-multicol-layout="5"] p:nth-child(5n+1) {
    clear: both
}

.elem-paragraph[data-multicol-layout="5"] p:nth-child(n+6) {
    margin-top: 2.778%
}

.elem-paragraph p {
    line-height: 1.643em
}

.elem-paragraph p + p {
    margin-top: 1em
}

.elem-paragraph p em {
    color: #e70012
}

.elem-paragraph p mark {
    display: inline-block;
    padding: 0 .3em;
    background-color: #fdf7e0
}

.table-set .elem-paragraph p {
    font-size: 1em
}

.elem-paragraph[data-multicol-layout="2"] > div > div > div > div, .elem-paragraph[data-multicol-layout="3"] > div > div > div > div, .elem-paragraph[data-multicol-layout="4"] > div > div > div > div, .elem-paragraph[data-multicol-layout="5"] > div > div > div > div {
    margin: 0 -1.429%
}

.elem-paragraph[data-multicol-layout="2"] p, .elem-paragraph[data-multicol-layout="3"] p, .elem-paragraph[data-multicol-layout="4"] p, .elem-paragraph[data-multicol-layout="5"] p {
    float: left;
    margin: 0 1.389%
}

[class^=elem-txt-list] {
    margin: 1.429em auto
}

[class^=elem-heading-] + [class^=elem-txt-list] {
    margin-top: 0
}

[class^=table-set] + [class^=elem-txt-list] {
    margin-top: -10px
}

.elem-txt-list .txt-list > li {
    line-height: 1.65;
    padding-left: 1.2em
}

.elem-txt-list .txt-list > li > div > span {
    position: relative;
    word-break: break-all
}

.elem-txt-list .txt-list > li > div > span::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 3px;
    left: -1.6em;
    content: "\25CF";
    color: #f08300;
    speak: none
}

.elem-txt-list .txt-list > li > [class^=elem-txt-list] {
    display: block;
    margin-top: 0
}

.elem-txt-list .txt-list > li > [class^=elem-txt-list] > div {
    margin: .714em 0
}

.elem-txt-list .txt-list > li > [class^=elem-txt-list]::before {
    content: none
}

.elem-txt-list .txt-list > li > a:hover {
    text-decoration: underline
}

.elem-txt-list .txt-list > li > a > span {
    position: relative;
    word-break: break-all
}

.elem-txt-list .txt-list > li > a > span::before {
    font-size: 1.143em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -1.2em;
    content: "\E037";
    text-decoration: none;
    color: #a10000;
    speak: none
}

.ie10 .elem-txt-list .txt-list > li > a > span::before, .ie11 .elem-txt-list .txt-list > li > a > span::before, .ie9 .elem-txt-list .txt-list > li > a > span::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

.mac .elem-txt-list .txt-list > li > a > span::before {
    top: 0
}

.information-wrapper .elem-txt-list .txt-list > li > a > span::before {
    color: #fff
}

.ie10 .elem-txt-list .txt-list > li > a:active, .ie10 .elem-txt-list .txt-list > li > a:hover, .ie10 .elem-txt-list .txt-list > li > a:link, .ie10 .elem-txt-list .txt-list > li > a:visited, .ie11 .elem-txt-list .txt-list > li > a:active, .ie11 .elem-txt-list .txt-list > li > a:hover, .ie11 .elem-txt-list .txt-list > li > a:link, .ie11 .elem-txt-list .txt-list > li > a:visited, .ie9 .elem-txt-list .txt-list > li > a:active, .ie9 .elem-txt-list .txt-list > li > a:hover, .ie9 .elem-txt-list .txt-list > li > a:link, .ie9 .elem-txt-list .txt-list > li > a:visited {
    overflow: inherit
}

.elem-txt-list .txt-list > li[data-border=true] > a:hover {
    text-decoration: none
}

.elem-txt-list .txt-list > li[data-border=true] > a:hover > span {
    border-color: #c00000
}

.elem-txt-list .txt-list > li[data-border=true] > a > span {
    line-height: 1;
    display: block;
    padding: 7px 10px;
    border: 1px solid #a10000
}

.elem-txt-list .txt-list > li[data-border=true] > a > span::before {
    display: none
}

.elem-txt-list .txt-list > li.current {
    padding-left: 0
}

.elem-txt-list .txt-list > li.current > a {
    font-weight: 700;
    pointer-events: none;
    color: #333
}

.elem-txt-list .txt-list > li.current > a:hover {
    text-decoration: none
}

.elem-txt-list .txt-list > li.current > a > span::before {
    display: none
}

.elem-txt-list .txt-list[data-arrow=top] > li > a > span::before {
    content: "\E5CE"
}

.elem-txt-list .txt-list[data-direction=horizontal][data-column="2"] > li {
    width: 47.602%;
    margin-left: 1.269%
}

.elem-txt-list .txt-list[data-direction=horizontal][data-column="3"] > li {
    width: 31.735%;
    margin-left: 1.269%
}

.elem-txt-list .txt-list[data-direction=horizontal][data-column="4"] > li {
    width: 23.413%
}

.elem-txt-list .txt-list[data-direction=horizontal][data-column="2"], .elem-txt-list .txt-list[data-direction=horizontal][data-column="3"], .elem-txt-list .txt-list[data-direction=horizontal][data-column="4"] {
    margin-left: -1.269%;
    letter-spacing: -1em
}

.elem-txt-list .txt-list[data-direction=horizontal][data-column="2"] > li, .elem-txt-list .txt-list[data-direction=horizontal][data-column="3"] > li, .elem-txt-list .txt-list[data-direction=horizontal][data-column="4"] > li {
    margin-left: 1.269%;
    letter-spacing: normal
}

.elem-txt-list .txt-list[data-direction=horizontal][data-vertical-align=middle] > li {
    vertical-align: middle
}

.elem-txt-list[data-arrow=false] .txt-list > li > a {
    padding-left: 0
}

.elem-txt-list[data-arrow=false] .txt-list > li > a > span::before {
    content: ""
}

.elem-txt-list [data-direction=vertical].txt-list > li + li, .elem-txt-list--label [data-direction=vertical].txt-list > li + li, .elem-txt-list--note [data-direction=vertical].txt-list--note > li + li, .elem-txt-list--order [data-direction=vertical].txt-list--order > li + li, .elem-txt-list--step [data-direction=vertical].txt-list > li + li {
    margin-top: .357em
}

.elem-txt-list [data-direction=horizontal].txt-list, .elem-txt-list--label [data-direction=horizontal].txt-list, .elem-txt-list--note [data-direction=horizontal].txt-list--note, .elem-txt-list--order [data-direction=horizontal].txt-list--order, .elem-txt-list--step [data-direction=horizontal].txt-list {
    margin-left: -1.286em
}

.elem-txt-list [data-direction=horizontal].txt-list > li, .elem-txt-list--label [data-direction=horizontal].txt-list > li, .elem-txt-list--note [data-direction=horizontal].txt-list--note > li, .elem-txt-list--order [data-direction=horizontal].txt-list--order > li, .elem-txt-list--step [data-direction=horizontal].txt-list > li {
    display: inline-block;
    margin-left: 1.286em;
    vertical-align: top
}

.elem-txt-list--tag .txt-list--tag > li input {
    display: none
}

.elem-txt-list--tag .txt-list--tag > li a {
    display: block;
    padding: .714em 2.286em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .15s ease;
    color: #333;
    border-radius: 5px;
    background: #ddd
}

.elem-txt-list--tag .txt-list--tag > li a span {
    font-size: 16px
}

.elem-txt-list--tag .txt-list--tag > li.checked a, .elem-txt-list--tag .txt-list--tag > li.checked label, .elem-txt-list--tag .txt-list--tag > li.current a, .elem-txt-list--tag .txt-list--tag > li.current label, .elem-txt-list--tag .txt-list--tag > li:hover a, .elem-txt-list--tag .txt-list--tag > li:hover label {
    text-decoration: none;
    color: #fff;
    background: #f08300
}

.elem-txt-list--tag .txt-list--tag[data-direction=horizontal] > li {
    margin-left: .5em
}

.elem-txt-list--anchor .txt-list--anchor > li {
    font-size: 16px
}

.elem-txt-list--anchor .txt-list--anchor > li > a {
    display: block;
    padding: 1em;
    transition: all .15s ease;
    text-decoration: none;
    border-radius: 5px;
    background: #eee
}

.elem-txt-list--anchor .txt-list--anchor > li > a:link {
    color: #333
}

.elem-txt-list--anchor .txt-list--anchor > li > a:hover {
    background-color: #f6f6f6
}

.elem-txt-list--anchor .txt-list--anchor > li > a > span {
    position: relative;
    display: inline-block;
    padding-left: 1.143em
}

.elem-txt-list--anchor .txt-list--anchor > li > a > span::before {
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -6px;
    overflow: hidden;
    content: "\E5C5";
    color: #a10000
}

.mac .elem-txt-list--anchor .txt-list--anchor > li > a > span::before {
    top: -3px
}

.elem-txt-list--anchor .txt-list--anchor > li [class^=elem-txt-list] {
    margin-top: 0
}

.elem-txt-list--anchor .txt-list--anchor > li [class^=elem-txt-list] > div {
    margin: .714em 0
}

.elem-txt-list--anchor .txt-list--anchor[data-bg-color=false] > li > a {
    background: 0 0
}

.elem-txt-list--anchor .txt-list--anchor[data-bg-color=false] > li > a:hover {
    background-color: #f6f6f6
}

.elem-txt-list--anchor .txt-list--anchor[data-direction=horizontal][data-column="3"] > li > a {
    display: table;
    width: 100%
}

.elem-txt-list--anchor .txt-list--anchor[data-direction=horizontal][data-column="3"] > li > a > span {
    display: table-cell;
    vertical-align: middle
}

.ie .elem-txt-list--anchor .txt-list--anchor[data-direction=horizontal][data-column="3"] > li > a > span {
    vertical-align: top
}

.elem-txt-list--anchor .txt-list--anchor[data-direction=horizontal][data-column="3"] > li > a > span::before {
    top: 50%;
    display: inline-block;
    margin-top: -14px
}

.ie .elem-txt-list--anchor .txt-list--anchor[data-direction=horizontal][data-column="3"] > li > a > span::before {
    top: -2px;
    margin-top: 0
}

.elem-txt-list--anchor [data-direction=vertical].txt-list--anchor > li + li, .elem-txt-list--tag [data-direction=vertical].txt-list--tag > li + li {
    margin-top: .357em
}

.elem-txt-list--anchor [data-direction=horizontal].txt-list--anchor, .elem-txt-list--tag [data-direction=horizontal].txt-list--tag {
    margin-top: -.714em;
    margin-left: -.714em
}

.elem-txt-list--anchor [data-direction=horizontal].txt-list--anchor > li, .elem-txt-list--tag [data-direction=horizontal].txt-list--tag > li {
    display: inline-block;
    margin: .714em 0 0 .714em;
    vertical-align: top
}

.elem-txt-list--anchor [data-position=bottom].txt-list--anchor > li > a > span::before, .elem-txt-list--tag [data-position=bottom].txt-list--tag > li > a > span::before {
    top: -2px;
    left: -6px;
    content: "\E5C7"
}

.elem-txt-list--anchor .mac [data-position=bottom].txt-list--anchor > li > a > span::before, .elem-txt-list--tag .mac [data-position=bottom].txt-list--tag > li > a > span::before, .mac .elem-txt-list--anchor [data-position=bottom].txt-list--anchor > li > a > span::before, .mac .elem-txt-list--tag [data-position=bottom].txt-list--tag > li > a > span::before {
    top: -3px
}

.elem-txt-list--caution .txt-list--caution > li > div > span {
    position: relative;
    display: block;
    padding-left: 2em
}

.elem-txt-list--caution .txt-list--caution > li > div > span::before {
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -6px;
    content: "\E001"
}

.mac .elem-txt-list--caution .txt-list--caution > li > div > span::before {
    top: -4px;
    left: -2px
}

.form-error-dialog .elem-txt-list--caution .txt-list--caution > li > div > span {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 3.571em;
    color: #e70012
}

.form-error-dialog .elem-txt-list--caution .txt-list--caution > li > div > span::before {
    font-size: 40px;
    top: 50%;
    margin-top: -22px;
    content: "\E002";
    color: #e70012
}

.elem-txt-list--detail .txt-list--detail {
    display: table;
    width: 100%
}

.elem-txt-list--detail .txt-list--detail > dl {
    display: table-row
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=true] > dd {
    background: 0 0 no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDE0IDI2IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTQgMjYiPgo8cGF0aCBmaWxsPSIjM2YzZjNmIiBkPSJtNi4wNTUsOS43MzVjMC0uNTkzIC4zODUtMS4wMjQgLjk0NC0xLjAyNCAuNTc3LDAgLjk0NiwuNDMyIC45NDYsMS4wMjQgMCwuNTc2LS4zNjksMS4wMjQtLjk0NiwxLjAyNC0uNjA3LC4wMDEtLjk0NC0uNDk2LS45NDQtMS4wMjR6bTAsNi41NDZjMC0uNTkyIC4zODUtMS4wMjQgLjk0NC0xLjAyNCAuNTc3LDAgLjk0NiwuNDMzIC45NDYsMS4wMjQgMCwuNTYxLS4zNjksMS4wMDgtLjk0NiwxLjAwOC0uNjA3LDAtLjk0NC0uNDc5LS45NDQtMS4wMDh6Ii8+Cjwvc3ZnPgo=)
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=true]:not(:first-child) > dd, .elem-txt-list--detail .txt-list--detail > dl[data-colon=true]:not(:first-child) > dt {
    padding-top: .357em
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=true]:not(:first-child) > dd {
    background-position: 0 .3em
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dd, .elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dt {
    padding: .714em 1.429em;
    vertical-align: top;
    border-bottom: 2px solid #ddd
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dt {
    width: 18.5185185%;
    background: #fdf7e0
}

.color-frame-section[data-bg-color="11"] .elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dt {
    width: 2em;
    white-space: nowrap;
    letter-spacing: .5em
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dd {
    width: 81.4814815%
}

.color-frame-section .elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dd {
    background-color: #fff
}

.color-frame-section[data-bg-color="11"] .elem-txt-list--detail .txt-list--detail > dl[data-colon=false] > dd {
    width: calc(100% - 2em)
}

.elem-txt-list--detail .txt-list--detail > dl[data-colon=false]:first-child > dd, .elem-txt-list--detail .txt-list--detail > dl[data-colon=false]:first-child > dt {
    border-top: 2px solid #ddd
}

.elem-txt-list--detail .txt-list--detail > dl[data-numeric=true] > dt {
    text-align: right
}

.elem-txt-list--detail .txt-list--detail > dl[data-numeric=true] > dt::after {
    content: "."
}

.elem-txt-list--detail .txt-list--detail > dl[data-numeric=true] > dd {
    padding-left: .5em
}

.elem-txt-list--detail .txt-list--detail > dl[data-numeric=true]:not(:first-child) > dd, .elem-txt-list--detail .txt-list--detail > dl[data-numeric=true]:not(:first-child) > dt {
    padding-top: .357em
}

.elem-txt-list--detail .txt-list--detail > dl[data-numeric=true]:not(:first-child) > dd {
    background-position: 0 .3em
}

.elem-txt-list--detail .txt-list--detail > dl > dd, .elem-txt-list--detail .txt-list--detail > dl > dt {
    display: table-cell;
    vertical-align: top
}

.elem-txt-list--detail .txt-list--detail > dl > dt {
    width: 1%
}

.elem-txt-list--detail .txt-list--detail > dl > dt span {
    font-weight: 700;
    line-height: 1.643em;
    white-space: nowrap
}

.elem-txt-list--detail .txt-list--detail > dl > dd {
    width: 99%;
    padding-left: 1em
}

.elem-txt-list--detail .txt-list--detail > dl > dd [class^=elem-] {
    margin-bottom: 0
}

.table-set .elem-txt-list--detail .txt-list--detail > dl > dd [class^=elem-] {
    margin-bottom: 0
}

.elem-txt-list--detail .txt-list--detail > dl > dd [class^=elem-] + [class^=elem-] {
    margin: .571em 0 0
}

.elem-txt-list--order .txt-list--order > li {
    line-height: 1.5;
    display: table;
    counter-increment: parent-ol
}

.elem-txt-list--order .txt-list--order > li:not(:first-child) {
    margin-top: 1.071em
}

.elem-txt-list--order .txt-list--order > li::before {
    display: table-cell;
    padding-right: .571em;
    content: "(" counter(parent-ol) ")";
    text-align: right
}

.elem-txt-list--order .txt-list--order > li::after {
    display: block;
    margin-top: .071em;
    content: ""
}

.elem-txt-list--order .txt-list--order > li .txt-list--order {
    margin-top: .357em
}

.elem-txt-list--order .txt-list--order > li .txt-list--order > li {
    counter-increment: child-ol
}

.elem-txt-list--order .txt-list--order > li .txt-list--order > li::before {
    content: "(" counter(child-ol) ")"
}

.elem-txt-list--order .txt-list--order > li .txt-list--order > li .txt-list--order > li {
    counter-increment: nest-ol
}

.elem-txt-list--order .txt-list--order > li .txt-list--order > li .txt-list--order > li::before {
    content: "(" counter(nest-ol) ")"
}

.elem-txt-list--order .txt-list--order[data-direction=horizontal] {
    margin: -.357em -2.143em 0 0
}

.elem-txt-list--order .txt-list--order[data-direction=horizontal] > li {
    margin: .357em 2.143em 0 0
}

.elem-txt-list--order .txt-list--order[data-bracket=false] > li::before {
    content: counter(parent-ol) "."
}

.elem-txt-list--order[data-icon-color="1"] .txt-list--order > li::before {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    position: relative;
    top: -1px;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-right: 0;
    content: counter(parent-ol);
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border-radius: 100%;
    background-color: #5a3a3a
}

.elem-txt-list--order[data-icon-color="1"] .txt-list--order > li > div {
    display: inline-block;
    margin: .214em 0 0 .714em
}

.elem-txt-list--order[data-icon-color="1"] .txt-list--order > li > div > span > a {
    text-decoration: none
}

.elem-txt-list--order[data-icon-color="1"] .txt-list--order > li > div > span > a b {
    font-size: 16px
}

.elem-txt-list--order[data-icon-color="1"] .txt-list--order > li > div > span > a:hover {
    text-decoration: underline
}

.elem-txt-list--note .txt-list--note {
    display: table
}

.elem-txt-list--note .txt-list--note > li {
    display: table-row
}

.elem-txt-list--note .txt-list--note > li::before {
    display: table-cell;
    padding-right: .571em;
    content: "\203B";
    text-align: right;
    white-space: nowrap
}

.elem-txt-list--note .txt-list--note > li::after {
    display: block;
    margin-top: .071em;
    content: ""
}

.elem-txt-list--note .txt-list--note > li:not(:first-child)::before, .elem-txt-list--note .txt-list--note > li:not(:first-child) > div {
    padding-top: .357em
}

.elem-txt-list--note .txt-list--note > li [class^=elem-txt-list] {
    margin-top: 0
}

.elem-txt-list--note .txt-list--note > li .txt-list--note > li::before {
    content: "\203B"
}

.elem-txt-list--note .txt-list--note > li .txt-list--note > li .txt-list--note > li::before {
    content: "\203B"
}

.elem-txt-list--note .txt-list--note[data-direction=horizontal] {
    margin-top: -.357em
}

.elem-txt-list--note .txt-list--note[data-direction=horizontal] > li > div {
    display: inline-block;
    padding-top: .357em
}

.elem-txt-list--date {
    margin: 1.429em auto
}

.section-block[data-accordion=true] .elem-txt-list--date {
    display: none
}

.elem-txt-list--date .txt-list--date {
    border-bottom: solid 1px #ccc
}

.information-wrapper .elem-txt-list--date .txt-list--date, .section-block--toppage .elem-txt-list--date .txt-list--date {
    border: none
}

.elem-txt-list--date .txt-list--date > li {
    padding: 13px 0 5px;
    border-top: solid 1px #ccc
}

.section-block--toppage .elem-txt-list--date .txt-list--date > li {
    padding: 0;
    border-top: none
}

.elem-txt-list--date .txt-list--date > li .date-container [class$=box] {
    display: inline-block
}

.elem-txt-list--date .txt-list--date > li .date-container .date-box {
    vertical-align: top
}

.elem-txt-list--date .txt-list--date > li .date-container .number-box {
    margin-top: .357em;
    text-align: center;
    color: #666;
    border: 1px solid #999;
    background-color: #fff
}

.elem-txt-list--date .txt-list--date > li .date-container .number-box p {
    font-size: 12px;
    line-height: 18px
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box {
    margin-left: .571em;
    vertical-align: top
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li {
    display: inline-block;
    vertical-align: top
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li:not(:first-child) {
    margin-left: .571em
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li span {
    font-size: 11px;
    line-height: 19px;
    position: relative;
    top: -1px;
    display: block;
    min-width: 105px;
    padding: 0 1em;
    text-align: center;
    white-space: nowrap;
    color: #fff
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li span[data-icon-color="1"] {
    background-color: #22b573
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li span[data-icon-color="2"] {
    background-color: #999
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li span[data-icon-color="3"] {
    background-color: #29abe2
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li span[data-icon-color="4"] {
    background-color: #5a453a
}

.elem-txt-list--date .txt-list--date > li .date-container .icon-box ul li span[data-icon-color="5"] {
    background-color: #ccc
}

.elem-txt-list--date .txt-list--date > li .txt-container {
    margin-top: .357em
}

.elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list {
    margin: 0;
    padding: 0
}

.elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div {
    line-height: 1.65;
    padding-left: 1.2em
}

.elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:hover {
    text-decoration: underline
}

.elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span {
    position: relative;
    word-break: break-all
}

.elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before {
    font-size: 1.143em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -1.2em;
    content: "\E037";
    text-decoration: none;
    color: #a10000;
    speak: none
}

.ie10 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before, .ie11 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before, .ie9 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

.mac .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before {
    top: 0
}

.information-wrapper .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a > span::before {
    color: #fff
}

.ie10 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:active, .ie10 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:hover, .ie10 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:link, .ie10 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:visited, .ie11 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:active, .ie11 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:hover, .ie11 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:link, .ie11 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:visited, .ie9 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:active, .ie9 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:hover, .ie9 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:link, .ie9 .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > div > a:visited {
    overflow: inherit
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] {
    display: table;
    width: 100%;
    min-height: 5.143em;
    padding: 10px 0
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] [class$="-container"] {
    display: table-cell;
    vertical-align: middle
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] .date-container {
    width: 1%;
    white-space: nowrap
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] .date-container [class$=box] {
    display: block
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] .date-container .icon-box {
    margin: .286em 0 0
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] .date-container time {
    color: #5a3a3a
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] .txt-container {
    margin-top: 0;
    padding-left: 1.071em
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal] .pic-container {
    width: 7.857em;
    padding-left: 1.901%;
    text-align: center
}

.elem-txt-list--date .txt-list--date > li[data-direction=horizontal].js-all-link:hover .elem-txt-list .txt-list > li > a {
    text-decoration: underline
}

.information-wrapper .elem-txt-list--date .txt-list--date > li {
    display: table;
    width: 100%;
    padding: .357em 0;
    border: none
}

.information-wrapper .elem-txt-list--date .txt-list--date > li > [class$="-container"] {
    line-height: 1.643em;
    display: table-cell;
    margin-top: 0;
    padding-left: 2.143em;
    vertical-align: top;
    color: #fff
}

.information-wrapper .elem-txt-list--date .txt-list--date > li .date-container {
    width: 6.071em
}

.information-wrapper .elem-txt-list--date .txt-list--date > li .txt-container {
    width: auto
}

.information-wrapper .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > li {
    padding-left: 0
}

.information-wrapper .elem-txt-list--date .txt-list--date > li .txt-container .elem-txt-list .txt-list > li a {
    color: #fff
}

.elem-txt-list--date[data-border=false] .txt-list--date {
    border-bottom: none
}

.elem-txt-list--date[data-border=false] .txt-list--date > li {
    border-top: none
}

.elem-txt-list--date--modifier .txt-list--date > li .date-container [class$="-box"] {
    display: inline-block;
    padding: 0 1em;
    vertical-align: middle;
    border-left: 1px solid #e6e6e6
}

.elem-txt-list--date--modifier .txt-list--date > li .date-container [class$="-box"]:first-child {
    padding-left: 0;
    border-left: none
}

.elem-txt-list--date--modifier .txt-list--date > li .date-container .social-box {
    height: 21px
}

.elem-txt-list--date--modifier .txt-list--date > li .date-container .social-box ul li {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.elem-txt-list--date--modifier .txt-list--date > li .date-container .social-box ul li.facebook {
    width: 120px
}

.elem-txt-list--date--modifier .txt-list--date > li .txt-container {
    margin-top: 1.071em
}

.elem-txt-list-pagenation {
    margin: 3.571em auto
}

.elem-txt-list-pagenation > div > div > div > div {
    text-align: center
}

.elem-txt-list-pagenation .txt-list-pagenation {
    letter-spacing: -.4em
}

.elem-txt-list-pagenation .txt-list-pagenation li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}

.elem-txt-list-pagenation .txt-list-pagenation li:not(:first-child) {
    margin-left: .643em
}

.elem-txt-list-pagenation .txt-list-pagenation li > p > a {
    display: block;
    padding: .5em .5em;
    text-align: center
}

.elem-txt-list-pagenation .txt-list-pagenation li.current > p > a {
    font-weight: 700;
    color: #333
}

.elem-txt-list-pagenation .txt-list-pagenation li.next[aria-hidden=true], .elem-txt-list-pagenation .txt-list-pagenation li.prev[aria-hidden=true] {
    display: none
}

.elem-txt-list-pagenation .txt-list-pagenation li.next[aria-hidden=false], .elem-txt-list-pagenation .txt-list-pagenation li.prev[aria-hidden=false] {
    display: none
}

.elem-txt-list-pagenation .txt-list-pagenation li.next > p > a, .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a {
    position: relative
}

.elem-txt-list-pagenation .txt-list-pagenation li.next > p > a:hover, .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a:hover {
    font-weight: 300
}

.elem-txt-list-pagenation .txt-list-pagenation li.prev {
    margin-right: 1.643em
}

.elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a {
    padding: 0 0 0 1.7em
}

.elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before {
    left: 0;
    content: "\E5CB";
    color: #a10000
}

.elem-txt-list-pagenation .txt-list-pagenation li.prev + li {
    margin-left: 0
}

.elem-txt-list-pagenation .txt-list-pagenation li.next {
    margin-left: 1.643em
}

.elem-txt-list-pagenation .txt-list-pagenation li.next > p > a {
    padding: 0 1.7em 0 0
}

.elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after {
    right: 0;
    content: "\E5CC";
    color: #a10000
}

.elem-txt-list-pagenation[data-result-count=true] {
    margin: 1.429em 0
}

.elem-txt-list-pagenation[data-result-count=true] > div > div > div {
    display: table;
    margin: 0
}

.elem-txt-list-pagenation[data-result-count=true] .result, .elem-txt-list-pagenation[data-result-count=true] .txt-list-pagenation {
    display: table-cell
}

.elem-txt-list-pagenation[data-result-count=true] .result {
    width: 1%;
    padding-right: 1em;
    white-space: nowrap
}

.elem-txt-list-pagenation[data-result-count=true] .txt-list-pagenation {
    width: 99%
}

.elem-txt-list-pagenation.cms-customize li:first-child {
    margin-right: 1.643em
}

.elem-txt-list-pagenation.cms-customize li:last-child {
    margin-left: 1.643em
}

.elem-txt-list-pagenation.cms-customize li a, .elem-txt-list-pagenation.cms-customize li span {
    display: block;
    padding: .5em .5em
}

.elem-txt-list-pagenation.cms-customize a, .elem-txt-list-pagenation.cms-customize span {
    position: relative
}

.elem-txt-list-pagenation.cms-customize a.current, .elem-txt-list-pagenation.cms-customize span.current {
    font-weight: 700
}

.elem-txt-list-pagenation.cms-customize a.current.prev, .elem-txt-list-pagenation.cms-customize span.current.prev {
    font-weight: 400
}

.elem-txt-list-pagenation.cms-customize a.prev, .elem-txt-list-pagenation.cms-customize span.prev {
    display: block;
    padding: 0 0 0 1.7em
}

.elem-txt-list-pagenation.cms-customize a.prev::before, .elem-txt-list-pagenation.cms-customize span.prev::before {
    position: absolute;
    left: 0;
    content: "\E5CB";
    color: #a10000
}

.elem-txt-list-pagenation.cms-customize a.next, .elem-txt-list-pagenation.cms-customize span.next {
    display: block;
    padding: 0 1.7em 0 0
}

.elem-txt-list-pagenation.cms-customize a.next::after, .elem-txt-list-pagenation.cms-customize span.next::after {
    right: 0;
    content: "\E5CC";
    color: #a10000
}

.elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .elem-txt-list-pagenation.cms-customize a.next::after, .elem-txt-list-pagenation.cms-customize a.prev::before, .elem-txt-list-pagenation.cms-customize span.next::after, .elem-txt-list-pagenation.cms-customize span.prev::before {
    font-size: 24px;
    position: absolute;
    top: -.129em;
    overflow: hidden
}

.elem-txt-list-pagenation .txt-list-pagenation .ie10 li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation .ie10 li.prev > p > a::before, .elem-txt-list-pagenation .txt-list-pagenation .ie9 li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation .ie9 li.prev > p > a::before, .elem-txt-list-pagenation.cms-customize .ie10 a.next::after, .elem-txt-list-pagenation.cms-customize .ie10 a.prev::before, .elem-txt-list-pagenation.cms-customize .ie10 span.next::after, .elem-txt-list-pagenation.cms-customize .ie10 span.prev::before, .elem-txt-list-pagenation.cms-customize .ie9 a.next::after, .elem-txt-list-pagenation.cms-customize .ie9 a.prev::before, .elem-txt-list-pagenation.cms-customize .ie9 span.next::after, .elem-txt-list-pagenation.cms-customize .ie9 span.prev::before, .ie10 .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .ie10 .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .ie10 .elem-txt-list-pagenation.cms-customize a.next::after, .ie10 .elem-txt-list-pagenation.cms-customize a.prev::before, .ie10 .elem-txt-list-pagenation.cms-customize span.next::after, .ie10 .elem-txt-list-pagenation.cms-customize span.prev::before, .ie9 .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .ie9 .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .ie9 .elem-txt-list-pagenation.cms-customize a.next::after, .ie9 .elem-txt-list-pagenation.cms-customize a.prev::before, .ie9 .elem-txt-list-pagenation.cms-customize span.next::after, .ie9 .elem-txt-list-pagenation.cms-customize span.prev::before {
    font-size: 24px
}

.android4_2 .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .android4_2 .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .android4_2 .elem-txt-list-pagenation.cms-customize a.next::after, .android4_2 .elem-txt-list-pagenation.cms-customize a.prev::before, .android4_2 .elem-txt-list-pagenation.cms-customize span.next::after, .android4_2 .elem-txt-list-pagenation.cms-customize span.prev::before, .android4_4 .elem-txt-list-pagenation .txt-list-pagenation li.next > p > a::after, .android4_4 .elem-txt-list-pagenation .txt-list-pagenation li.prev > p > a::before, .android4_4 .elem-txt-list-pagenation.cms-customize a.next::after, .android4_4 .elem-txt-list-pagenation.cms-customize a.prev::before, .android4_4 .elem-txt-list-pagenation.cms-customize span.next::after, .android4_4 .elem-txt-list-pagenation.cms-customize span.prev::before, .elem-txt-list-pagenation .txt-list-pagenation .android4_2 li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation .android4_2 li.prev > p > a::before, .elem-txt-list-pagenation .txt-list-pagenation .android4_4 li.next > p > a::after, .elem-txt-list-pagenation .txt-list-pagenation .android4_4 li.prev > p > a::before, .elem-txt-list-pagenation.cms-customize .android4_2 a.next::after, .elem-txt-list-pagenation.cms-customize .android4_2 a.prev::before, .elem-txt-list-pagenation.cms-customize .android4_2 span.next::after, .elem-txt-list-pagenation.cms-customize .android4_2 span.prev::before, .elem-txt-list-pagenation.cms-customize .android4_4 a.next::after, .elem-txt-list-pagenation.cms-customize .android4_4 a.prev::before, .elem-txt-list-pagenation.cms-customize .android4_4 span.next::after, .elem-txt-list-pagenation.cms-customize .android4_4 span.prev::before {
    transform: translateY(-21.5%)
}

.elem-txt-list--tab-wrapper {
    margin: 2.857em auto
}

.elem-txt-list--tab {
    margin: 20px auto
}

.elem-txt-list--tab > div > div > div > div {
    border-bottom: solid 1px #ddd
}

.elem-txt-list--tab .txt-list--tab li {
    word-break: break-all
}

.elem-txt-list--tab-swipe {
    margin: 30px auto
}

.elem-txt-list--tab-swipe > div > div > div > div {
    border-bottom: solid 1px #ddd
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="2"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="2"] li {
    width: 49.286%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="2"] li:nth-child(odd), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="2"] li:nth-child(odd) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="3"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="3"] li {
    width: 32.619%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="3"] li:nth-child(3n+1), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="3"] li:nth-child(3n+1) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="4"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="4"] li {
    width: 24.286%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="4"] li:nth-child(4n+1), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="4"] li:nth-child(4n+1) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="5"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="5"] li {
    width: 19.286%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="5"] li:nth-child(5n+1), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="5"] li:nth-child(5n+1) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="6"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="6"] li {
    width: 15.952%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="6"] li:nth-child(6n+1), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="6"] li:nth-child(6n+1) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="7"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="7"] li {
    width: 13.571%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="7"] li:nth-child(7n+1), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="7"] li:nth-child(7n+1) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="8"] li, .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="8"] li {
    width: 11.786%
}

.elem-txt-list--tab .txt-list--tab[data-tab-column="8"] li:nth-child(8n+1), .elem-txt-list--tab-swipe .txt-list--tab[data-tab-column="8"] li:nth-child(8n+1) {
    clear: left
}

.elem-txt-list--tab .txt-list--tab, .elem-txt-list--tab-swipe .txt-list--tab {
    margin-top: -.714em;
    margin-left: -.714%
}

.elem-txt-list--tab .txt-list--tab li, .elem-txt-list--tab-swipe .txt-list--tab li {
    float: left;
    margin-top: .571em;
    padding-left: .714%
}

.elem-txt-list--tab .txt-list--tab li.current, .elem-txt-list--tab-swipe .txt-list--tab li.current {
    pointer-events: none
}

.elem-txt-list--tab .txt-list--tab li.current > div a, .elem-txt-list--tab-swipe .txt-list--tab li.current > div a {
    pointer-events: none;
    border-radius: 5px 5px 0 0;
    background: #f08300
}

.elem-txt-list--tab .txt-list--tab li.current > div a > span, .elem-txt-list--tab-swipe .txt-list--tab li.current > div a > span {
    color: #fff
}

.elem-txt-list--tab .txt-list--tab li > div a, .elem-txt-list--tab-swipe .txt-list--tab li > div a {
    display: table;
    width: 100%;
    padding: 1.429em .25em;
    text-align: center;
    text-decoration: none;
    color: #333;
    border-radius: 5px 5px 0 0;
    background: #e5e5e5
}

.elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] span::after, .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] span::after {
    font-size: 1em;
    margin-left: .214em;
    content: "\E89E";
    text-decoration: none
}

.ie10 .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] span::after, .ie10 .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] span::after, .ie9 .elem-txt-list--tab .txt-list--tab li > div a[target="_blank"] span::after, .ie9 .elem-txt-list--tab-swipe .txt-list--tab li > div a[target="_blank"] span::after {
    font-size: 16px
}

.elem-txt-list--tab .txt-list--tab li > div a:hover, .elem-txt-list--tab-swipe .txt-list--tab li > div a:hover {
    background: #f08300
}

.elem-txt-list--tab .txt-list--tab li > div a:hover[target="_blank"] span::after, .elem-txt-list--tab-swipe .txt-list--tab li > div a:hover[target="_blank"] span::after {
    color: #fff
}

.elem-txt-list--tab .txt-list--tab li > div a:hover > span, .elem-txt-list--tab-swipe .txt-list--tab li > div a:hover > span {
    color: #fff
}

.elem-txt-list--tab .txt-list--tab li > div a > span, .elem-txt-list--tab-swipe .txt-list--tab li > div a > span {
    font-weight: 700;
    display: table-cell;
    vertical-align: middle
}

.elem-txt-list--tab-body .tab-body {
    display: none
}

.elem-articele-posting-list {
    margin: 2.857em 0
}

.elem-txt-list--faq .txt-list--faq > li .question-box {
    position: relative;
    display: table;
    width: 100%;
    padding-right: 3.571em;
    cursor: pointer;
    transition: all .15s ease;
    outline: 0
}

.elem-txt-list--faq .txt-list--faq > li .question-box::after {
    font-size: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.571em;
    content: "\E147";
    color: #f08300
}

.ie10 .elem-txt-list--faq .txt-list--faq > li .question-box::after, .ie9 .elem-txt-list--faq .txt-list--faq > li .question-box::after {
    font-size: 40px
}

.elem-txt-list--faq .txt-list--faq > li .question-box:focus {
    outline: 1px solid #f08300
}

.elem-txt-list--faq .txt-list--faq > li .question-box.active::after {
    content: "\E15C"
}

.elem-txt-list--faq .txt-list--faq > li .question-box.active + .answer-box {
    display: table;
    width: 100%
}

.elem-txt-list--faq .txt-list--faq > li .question-box:hover {
    background-color: #fff8f0
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-body, .elem-txt-list--faq .txt-list--faq > li .question-box .question-category, .elem-txt-list--faq .txt-list--faq > li .question-box .question-head {
    display: table-cell;
    vertical-align: top
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-head {
    width: 1%
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-head > div {
    margin-top: -.857em;
    padding-right: .571em
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-head > div p i {
    font-weight: 700;
    color: #f08300
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-head > div p i span {
    font-family: Cabin, sans-serif;
    font-size: 40px
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-category {
    width: 1%;
    padding-right: .714em
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-category > div {
    padding: .357em .714em;
    border: 1px solid #ddd
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-category span {
    white-space: nowrap
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-body {
    width: 98%
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-body > div {
    margin-top: -.357em
}

.elem-txt-list--faq .txt-list--faq > li .question-box .question-body p {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    font-weight: 700
}

.elem-txt-list--faq .txt-list--faq > li .question-box + .answer-box {
    margin-top: 20px
}

.elem-txt-list--faq .txt-list--faq > li .answer-box {
    display: none
}

.elem-txt-list--faq .txt-list--faq > li .answer-box .answer-body, .elem-txt-list--faq .txt-list--faq > li .answer-box .answer-head {
    display: table-cell;
    vertical-align: top
}

.elem-txt-list--faq .txt-list--faq > li .answer-box .answer-head > div {
    padding-right: .714em
}

.elem-txt-list--faq .txt-list--faq > li .answer-box .answer-head > div p i {
    font-weight: 700;
    color: #5a3a3a
}

.elem-txt-list--faq .txt-list--faq > li .answer-box .answer-head > div p i span {
    font-family: Cabin, sans-serif;
    font-size: 40px
}

.elem-txt-list--faq .txt-list--faq > li .answer-box .answer-body > div {
    padding-top: .5em
}

.elem-txt-list--faq .txt-list--faq > li + li {
    margin-top: 2.857em
}

.elem-txt-list--btn {
    margin: 3.571em auto
}

.elem-txt-list--btn .txt-list--btn[data-direction=vertical] > li + li {
    margin-top: 30px
}

.elem-txt-list--btn .txt-list--btn[data-direction=vertical] .elem-btn > div {
    margin-left: 0
}

.elem-txt-list--btn .txt-list--btn[data-direction=vertical][data-align=center] .elem-btn > div {
    margin-right: auto;
    margin-left: auto
}

.elem-txt-list--btn .txt-list--btn[data-direction=vertical][data-align=right] .elem-btn > div {
    margin-right: 0;
    margin-left: auto
}

.elem-txt-list--btn .txt-list--btn[data-direction=horizontal] {
    margin-top: -.714em
}

.elem-txt-list--btn .txt-list--btn[data-direction=horizontal] > li {
    display: inline-block;
    margin-top: .714em;
    vertical-align: middle
}

.elem-txt-list--btn .txt-list--btn[data-direction=horizontal] .elem-btn > div {
    margin-left: 0
}

.elem-txt-list--btn .txt-list--btn[data-direction=horizontal][data-align=center] .elem-btn > div {
    margin-right: auto;
    margin-left: auto
}

.elem-txt-list--btn .txt-list--btn[data-direction=horizontal][data-align=right] .elem-btn > div {
    margin-right: 0;
    margin-left: auto
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"] > li {
    width: 28.517%
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"] > li:first-child, .elem-txt-list--btn .txt-list--btn[data-btn-column="3"] > li:nth-child(3n+1) {
    margin-left: 0
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"] > li:nth-child(n+4) {
    margin-top: 1.381%
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"], .elem-txt-list--btn .txt-list--btn[data-direction=horizontal][data-btn-column=auto] {
    margin: -1.119% -1.119% auto;
    letter-spacing: -.4em
}

.elem-txt-list--btn .txt-list--btn[data-btn-column="3"] > li, .elem-txt-list--btn .txt-list--btn[data-direction=horizontal][data-btn-column=auto] > li {
    width: 22.761%;
    margin: 1.119%;
    letter-spacing: normal
}

.elem-txt-list--label {
    margin: .357em auto 1.071em
}

.elem-txt-list--label .txt-list > li {
    margin: .357em 0;
    background-color: #fff
}

.elem-txt-list--label .txt-list > li[data-bg-color="1"] > div {
    background-color: #fce9d1
}

.elem-txt-list--label .txt-list > li[data-bg-color="1"][data-border=true] > div {
    color: #885009;
    border-color: #f8ce98
}

.elem-txt-list--label .txt-list > li[data-bg-color="2"] > div {
    background-color: #fdf5d0
}

.elem-txt-list--label .txt-list > li[data-bg-color="2"][data-border=true] > div {
    color: #8b7306;
    border-color: #fbe995
}

.elem-txt-list--label .txt-list > li[data-bg-color="3"] > div {
    background-color: #eafbd2
}

.elem-txt-list--label .txt-list > li[data-bg-color="3"][data-border=true] > div {
    color: #53850c;
    border-color: #d0f69a
}

.elem-txt-list--label .txt-list > li[data-bg-color="4"] > div {
    background-color: #d4f8da
}

.elem-txt-list--label .txt-list > li[data-bg-color="4"][data-border=true] > div {
    color: #147c25;
    border-color: #9fefad
}

.elem-txt-list--label .txt-list > li[data-bg-color="5"] > div {
    background-color: #d7f5ec
}

.elem-txt-list--label .txt-list > li[data-bg-color="5"][data-border=true] > div {
    color: #1d7359;
    border-color: #a6e9d5
}

.elem-txt-list--label .txt-list > li[data-bg-color="6"] > div {
    background-color: #d8e8f4
}

.elem-txt-list--label .txt-list > li[data-bg-color="6"][data-border=true] > div {
    color: #204e70;
    border-color: #a8cce7
}

.elem-txt-list--label .txt-list > li[data-bg-color="7"] > div {
    background-color: #fbe3f7
}

.elem-txt-list--label .txt-list > li[data-bg-color="7"][data-border=true] > div {
    color: #8e1479;
    border-color: #f3ade8
}

.elem-txt-list--label .txt-list > li[data-bg-color="8"] > div {
    background-color: #ddd
}

.elem-txt-list--label .txt-list > li[data-bg-color="8"][data-border=true] > div {
    color: #3f3f3f;
    border-color: #bebebe
}

.elem-txt-list--label .txt-list > li[data-bg-color="9"] > div {
    background-color: #ffcc90
}

.elem-txt-list--label .txt-list > li[data-bg-color="9"][data-border=true] > div {
    color: #532d00;
    border-color: #ffb053
}

.elem-txt-list--label .txt-list > li[data-border=true] > div {
    border: 1px solid #ddd
}

.elem-txt-list--label .txt-list > li[data-size=large] > div {
    padding: 0 2.143em
}

.elem-txt-list--label .txt-list > li > div {
    font-size: 14px;
    line-height: 2.857em;
    position: relative;
    display: inline-block;
    padding: 0 1.286em;
    white-space: nowrap
}

.elem-txt-list--label .txt-list[data-direction=horizontal] {
    margin-left: -.714em
}

.elem-txt-list--label .txt-list[data-direction=horizontal] > li {
    margin-left: .714em
}

.elem-txt-list--step {
    margin: 1.071em auto
}

.elem-txt-list--step .txt-list > li {
    counter-increment: parent-ol
}

.elem-txt-list--step .txt-list > li > div {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    display: table;
    padding: .5em 1em;
    color: #fff;
    background-color: #999
}

.elem-txt-list--step .txt-list > li > div::after {
    display: block;
    margin-top: .071em;
    content: ""
}

.elem-txt-list--step .txt-list > li.current > div {
    background-color: #f08300
}

.elem-txt-list--step .txt-list[data-direction=horizontal] > li {
    position: relative;
    margin-top: .357em
}

.elem-txt-list--step .txt-list[data-direction=horizontal] > li:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -8px;
    content: "";
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #999
}

.elem-txt-list--step .txt-list[data-column="5"] > li > div {
    font-size: 15px
}

.ingredients-form--list {
    border-bottom: solid 1px #e6e6e6
}

.ingredients-form--list dl {
    display: table;
    width: 100%
}

.ingredients-form--list dd, .ingredients-form--list dt {
    display: table-cell;
    padding: .5em 0;
    vertical-align: top
}

.ingredients-form--list dd {
    text-align: right
}

.ingredients-form--list input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top
}

.ingredients-form--list input[type=checkbox] + label {
    line-height: 1;
    position: relative;
    top: 0;
    display: inline-block;
    cursor: pointer
}

.elem-pic {
    margin: 0 auto 1.429em
}

.elem-foodstuff-block .pic-container > div .elem-pic [class^=holder] img, .elem-pic [class^=holder] img, .elem-pic-block .pic-container > div .elem-pic [class^=holder] img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.elem-foodstuff-block .pic-container > div [data-changer=true].elem-pic .sp-bottom-thumbnails, .elem-pic-block .pic-container > div [data-changer=true].elem-pic .sp-bottom-thumbnails, [data-changer=true].elem-pic .sp-bottom-thumbnails {
    margin: 0;
    margin-top: 10px
}

.elem-foodstuff-block .pic-container > div [data-changer=true].elem-pic .sp-image, .elem-pic-block .pic-container > div [data-changer=true].elem-pic .sp-image, [data-changer=true].elem-pic .sp-image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.elem-foodstuff-block .pic-container > div [data-changer=true].elem-pic .sp-thumbnail, .elem-pic-block .pic-container > div [data-changer=true].elem-pic .sp-thumbnail, [data-changer=true].elem-pic .sp-thumbnail {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-thumb-stack=true].elem-pic .sp-slides-container .sp-mask {
    width: 100% !important
}

[data-thumb-stack=true].elem-pic .sp-slides-container .sp-mask .sp-slide {
    width: 100% !important
}

[data-thumb-stack=true].elem-pic .sp-slides-container .sp-mask .sp-slide .sp-image-container {
    width: 100% !important
}

.elem-foodstuff-block .pic-container > div [data-thumb-stack=true].elem-pic .sp-thumbnails-container, .elem-pic-block .pic-container > div [data-thumb-stack=true].elem-pic .sp-thumbnails-container, [data-thumb-stack=true].elem-pic .sp-thumbnails-container {
    overflow: visible
}

[data-thumb-stack=true].elem-pic .sp-thumbnails-container.sp-bottom-thumbnails {
    width: 100% !important;
    margin-top: 0
}

[data-thumb-stack=true].elem-pic .sp-thumbnails-container.sp-bottom-thumbnails .sp-thumbnail-container {
    width: 23% !important;
    height: auto !important;
    margin: 2% 1% 0 !important
}

[data-thumb-stack=true].elem-pic .sp-thumbnails-container.sp-bottom-thumbnails .sp-thumbnail-container img {
    margin: 0 !important;
    border: 1px solid transparent
}

[data-thumb-stack=true].elem-pic .sp-thumbnails-container.sp-bottom-thumbnails .sp-thumbnail-container.sp-selected-thumbnail img {
    border: 1px solid #f08300
}

[data-thumb-stack=true].elem-pic .sp-thumbnails-container .sp-thumbnails {
    width: initial !important;
    height: auto !important;
    margin: 0 -1%;
    transform: none !important
}

[data-thumb-stack=true].elem-pic .sp-thumbnails-container .sp-grab {
    cursor: pointer
}

.elem-foodstuff-block .pic-container > div [data-zoom=true].elem-pic .holder, .elem-pic-block .pic-container > div [data-zoom=true].elem-pic .holder, [data-zoom=true].elem-pic .holder {
    position: relative
}

[data-zoom=true].elem-pic .holder::after {
    font-size: 2.5em;
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px;
    content: "\E8FF";
    color: #999
}

.ie10 [data-zoom=true].elem-pic .holder::after, .ie9 [data-zoom=true].elem-pic .holder::after {
    font-size: 35px
}

.elem-foodstuff-block .pic-container > div [data-shadow].elem-pic .holder, .elem-pic-block .pic-container > div [data-shadow].elem-pic .holder, [data-shadow].elem-pic .holder {
    position: relative
}

[data-shadow].elem-pic .holder > div {
    overflow: hidden;
    border-radius: 4px
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder, .elem-pic .holder, .elem-pic-block .pic-container > div .elem-pic .holder {
    position: relative
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder > div img + img, .elem-pic .holder > div img + img, .elem-pic-block .pic-container > div .elem-pic .holder > div img + img {
    display: none
}

.elem-pic .holder > div img + .material-icons {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.ie9 .elem-pic .holder > div img + .material-icons {
    margin: -25px 0 0 -25px
}

.elem-pic .holder > div [class^=marker-] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    speak: none
}

.elem-pic .holder > div .marker-02 {
    width: 50px;
    height: 50px
}

.elem-pic .holder > div .marker-01, .elem-pic .holder > div .marker-03 {
    width: 40px;
    height: 40px
}

.elem-pic .holder > div .marker-04 {
    width: 60px;
    height: 60px
}

.elem-pic .holder > div .marker-movie-01 {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px
}

.elem-pic .holder > div .marker-movie-01 a {
    display: block;
    text-decoration: none
}

.elem-pic .holder > div .marker-movie-01 a:hover span {
    background-color: #fdfdfd
}

.elem-pic .holder > div .marker-movie-01 span {
    font-size: 1.143em;
    font-weight: 700;
    line-height: 2.571em;
    display: inline-block;
    padding: 0 .571em;
    transition: all .15s ease;
    text-align: right;
    vertical-align: top;
    color: #333;
    border-radius: 5px;
    background-color: #eee
}

.elem-pic .holder > div .marker-movie-01 span .material-icons {
    position: relative;
    top: 6px;
    display: inline-block;
    margin-right: .214em;
    vertical-align: top
}

.android .elem-pic .holder > div .marker-movie-01 span .material-icons {
    top: 2px
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder a, .elem-pic .holder a, .elem-pic-block .pic-container > div .elem-pic .holder a {
    position: static
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--mq .smartphone, .elem-pic .holder--mq .smartphone, .elem-pic-block .pic-container > div .elem-pic .holder--mq .smartphone {
    display: none
}

.elem-foodstuff-block .pic-container > div .elem-pic [class^=holder--iframe-embed-responsive], .elem-pic [class^=holder--iframe-embed-responsive], .elem-pic-block .pic-container > div .elem-pic [class^=holder--iframe-embed-responsive] {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    padding: 0
}

.elem-foodstuff-block .pic-container > div .elem-pic [class^=holder--iframe-embed-responsive] iframe, .elem-pic [class^=holder--iframe-embed-responsive] iframe, .elem-pic-block .pic-container > div .elem-pic [class^=holder--iframe-embed-responsive] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--iframe-embed-responsive-16by9, .elem-pic .holder--iframe-embed-responsive-16by9, .elem-pic-block .pic-container > div .elem-pic .holder--iframe-embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--iframe-embed-responsive-4by3, .elem-pic .holder--iframe-embed-responsive-4by3, .elem-pic-block .pic-container > div .elem-pic .holder--iframe-embed-responsive-4by3 {
    padding-bottom: 75%
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--movie > div, .elem-pic .holder--movie > div, .elem-pic-block .pic-container > div .elem-pic .holder--movie > div {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    padding: 10.42% 0 56.25%
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--movie > div embed, .elem-foodstuff-block .pic-container > div .elem-pic .holder--movie > div iframe, .elem-foodstuff-block .pic-container > div .elem-pic .holder--movie > div object, .elem-pic .holder--movie > div embed, .elem-pic .holder--movie > div iframe, .elem-pic .holder--movie > div object, .elem-pic-block .pic-container > div .elem-pic .holder--movie > div embed, .elem-pic-block .pic-container > div .elem-pic .holder--movie > div iframe, .elem-pic-block .pic-container > div .elem-pic .holder--movie > div object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--youtube, .elem-pic .holder--youtube, .elem-pic-block .pic-container > div .elem-pic .holder--youtube {
    width: 42.857%;
    margin: 0 auto
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--youtube > div, .elem-pic .holder--youtube > div, .elem-pic-block .pic-container > div .elem-pic .holder--youtube > div {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    padding-top: 56.25%
}

.elem-foodstuff-block .pic-container > div .elem-pic .holder--youtube > div iframe, .elem-pic .holder--youtube > div iframe, .elem-pic-block .pic-container > div .elem-pic .holder--youtube > div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption, .elem-pic .caption, .elem-pic-block .pic-container > div .elem-pic .caption {
    /* margin-top: 1.071em */
}

.elem-pic .caption p[data-font-size=large] {
    font-size: 1em
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label, .elem-pic .caption--label, .elem-pic-block .pic-container > div .elem-pic .caption--label {
    max-width: 240px;
    margin-top: 1.429em
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div, .elem-pic .caption--label > div, .elem-pic-block .pic-container > div .elem-pic .caption--label > div {
    position: relative;
    overflow: visible;
    padding: 1.143em;
    border-radius: 0
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div::after, .elem-pic .caption--label > div::after, .elem-pic-block .pic-container > div .elem-pic .caption--label > div::after {
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #fff
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div > div::after, .elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div > div::before, .elem-pic .caption--label > div > div::after, .elem-pic .caption--label > div > div::before, .elem-pic-block .pic-container > div .elem-pic .caption--label > div > div::after, .elem-pic-block .pic-container > div .elem-pic .caption--label > div > div::before {
    position: absolute;
    z-index: 9;
    width: 0;
    height: 0;
    content: "";
    border-style: solid
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div > div::before, .elem-pic .caption--label > div > div::before, .elem-pic-block .pic-container > div .elem-pic .caption--label > div > div::before {
    right: -3px;
    bottom: -3px;
    border-width: 15px 15px 0 0;
    border-color: #e6e6e6 transparent transparent transparent
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div > div::after, .elem-pic .caption--label > div > div::after, .elem-pic-block .pic-container > div .elem-pic .caption--label > div > div::after {
    right: 0;
    bottom: 0;
    border-width: 12px 12px 0 0;
    border-color: #ece6b5 transparent transparent transparent
}

.elem-pic .caption--label[data-bg-color="1"] > div {
    background-color: #fff
}

.elem-pic .caption--label[data-bg-color="2"] > div {
    background-color: #eee
}

.elem-pic .caption--label[data-bg-color="3"] > div {
    background-color: #fdf7e0
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl, .elem-pic .caption--label dl, .elem-pic-block .pic-container > div .elem-pic .caption--label dl {
    display: table
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dt, .elem-pic .caption--label dl dt, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dt {
    position: relative;
    display: table-cell
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dt span, .elem-pic .caption--label dl dt span, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dt span {
    font-size: 1.143em;
    position: relative;
    z-index: 3;
    color: #fff
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dt::after, .elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dt::before, .elem-pic .caption--label dl dt::after, .elem-pic .caption--label dl dt::before, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dt::after, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dt::before {
    position: absolute;
    display: inline-block;
    content: "";
    border-radius: 100%
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dt::before, .elem-pic .caption--label dl dt::before, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dt::before {
    z-index: 2;
    top: .714em;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -20px 0 0 -18px;
    background-color: #f08300
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dt::after, .elem-pic .caption--label dl dt::after, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dt::after {
    z-index: 1;
    top: .786em;
    right: -14px;
    width: 18px;
    height: 18px;
    background-color: #f6be6f
}

.elem-foodstuff-block .pic-container > div .elem-pic .caption--label dl dd, .elem-pic .caption--label dl dd, .elem-pic-block .pic-container > div .elem-pic .caption--label dl dd {
    font-size: .929em;
    line-height: 1.5;
    display: table-cell;
    padding-left: 1.429em;
    text-align: left
}

.elem-foodstuff-block .pic-container > div .elem-pic .thumb, .elem-pic .thumb, .elem-pic-block .pic-container > div .elem-pic .thumb {
    margin-top: .714em
}

.elem-foodstuff-block .pic-container > div .elem-pic .thumb > ul, .elem-pic .thumb > ul, .elem-pic-block .pic-container > div .elem-pic .thumb > ul {
    margin-top: -.357em;
    margin-left: -1%
}

.elem-foodstuff-block .pic-container > div .elem-pic .thumb > ul > li, .elem-pic .thumb > ul > li, .elem-pic-block .pic-container > div .elem-pic .thumb > ul > li {
    float: left;
    margin-top: .357em;
    padding-left: .99%;
    opacity: .5
}

.elem-pic .thumb > ul > li:hover {
    cursor: pointer;
    opacity: .4
}

.elem-pic .thumb > ul > li.current {
    cursor: auto;
    opacity: 1 !important
}

.elem-foodstuff-block .pic-container > div .elem-pic .thumb > ul > li img, .elem-pic .thumb > ul > li img, .elem-pic-block .pic-container > div .elem-pic .thumb > ul > li img {
    width: 100%;
    max-width: 100%
}

.elem-pic--title-juntos.reversed > div > div > div > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -js-display: flex
}

.elem-pic--title-juntos.reversed > div > div > div > div > div {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.elem-pic--title-juntos.reversed .elem-pic--title-juntos__txt-container + .elem-pic--title-juntos__pic-container {
    margin-bottom: 1.071em
}

.elem-pic--title-juntos h3 a {
    display: block
}

.elem-pic--title-juntos h3 a:hover span {
    text-decoration: underline
}

.elem-pic--title-juntos__pic-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.elem-pic--title-juntos__pic-container + .elem-pic--title-juntos__txt-container {
    margin-top: 1.071em
}

.elem-pic--title-juntos__txt-container span {
    font-size: 18px;
    font-weight: 700
}

.elem-pic--title-juntos__txt-container a {
    font-weight: 700
}

.elem-foodstuff-block {
    margin: -5px -7px !important
}

.elem-foodstuff-block > div > div > div > div {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex
}

.android4_2 .elem-foodstuff-block > div > div > div > div, .ie9 .elem-foodstuff-block > div > div > div > div, .ios7 .elem-foodstuff-block > div > div > div > div {
    display: table;
    width: 100%;
    table-layout: fixed
}

.side-column .color-frame-section .elem-foodstuff-block > div > div > div > div {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex
}

.elem-foodstuff-block .pic-container {
    padding-right: 3.802%
}

.android4_2 .elem-foodstuff-block .pic-container, .ie9 .elem-foodstuff-block .pic-container, .ios8 .elem-foodstuff-block .pic-container {
    display: table-cell;
    width: 30%;
    vertical-align: top
}

.side-column .color-frame-section .elem-foodstuff-block .pic-container {
    max-width: 32%
}

.android4_2 .side-column .color-frame-section .elem-foodstuff-block .pic-container, .ie9 .side-column .color-frame-section .elem-foodstuff-block .pic-container, .ios8 .side-column .color-frame-section .elem-foodstuff-block .pic-container {
    display: table-cell;
    max-width: 33%;
    vertical-align: top
}

.android4_2 .elem-foodstuff-block .txt-container, .ie9 .elem-foodstuff-block .txt-container, .ios8 .elem-foodstuff-block .txt-container {
    display: table-cell;
    vertical-align: top
}

.elem-foodstuff-block .txt-container + .pic-container {
    padding: 0 0 0 3.802%
}

.elem-foodstuff-block .pic-container {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ie9 .elem-foodstuff-block .pic-container > div .elem-pic img {
    max-width: 100%
}

.elem-foodstuff-block .txt-container {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ie10 .elem-foodstuff-block .txt-container {
    -ms-flex: 0 1 auto
}

.ie11 .elem-foodstuff-block .txt-container {
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.elem-foodstuff-block .txt-container .elem-txt-list .txt-list li {
    margin-left: 0
}

.elem-foodstuff-block a .txt-container [class^=txt-] {
    color: #333
}

.elem-foodstuff-block a:hover {
    text-decoration: none
}

.elem-pic-block {
    margin: 0 auto 20px
}

.elem-pic-block[data-direction=vertical] .pic-container + .txt-container, .elem-pic-block[data-direction=vertical] .pic-container--parent + .txt-container {
    margin-top: 1.071em
}

.elem-pic-block[data-direction=horizontal] > div > div > div > div {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex
}

.elem-pic-block[data-direction=horizontal][data-align-items=center] > div > div > div > div {
    -ms-flex-align: center;
    align-items: center
}

.ie9 .elem-pic-block[data-direction=horizontal][data-align-items=center] [class$="-container"] {
    text-align: center;
    vertical-align: middle
}

.elem-pic-block[data-direction=horizontal][data-align-items=center] .pic-container {
    text-align: center
}

.elem-pic-block[data-direction=horizontal] .pic-container {
    max-width: 52%;
    padding-right: 1.802%;
    display: inline;
}

.elem-pic-block[data-direction=horizontal] .pic-container .sp-image {
    margin: 0 auto
}

.elem-pic-block[data-direction=horizontal] .pic-container[data-size=small] {
    max-width: 28%
}

.elem-pic-block[data-direction=horizontal] .txt-container + .pic-container {
    padding: 0 0 0 3.802%
}

.divide-layout[data-column-margin=small] .style-color1 .elem-pic-block[data-direction=horizontal] .txt-container .txt-head [class^=elem] {
    margin-bottom: .714em
}

.elem-pic-block[data-img-position=right] > div > div > div > div {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.elem-pic-block[data-img-position=right] .pic-container {
    padding: 0 0 0 3.802%
}

.ie9 .elem-pic-block[data-img-position=right] .pic-container {
    padding: 0 3.802% 0 0
}

.elem-pic-block[data-changer=true] > div > div > div > div {
    display: table;
    width: 100%
}

.elem-pic-block[data-changer=true] > div > div > div > div .pic-container {
    display: table-cell;
    max-width: none;
    padding-right: 0;
    vertical-align: top
}

.elem-pic-block[data-changer=true] > div > div > div > div .txt-container {
    display: table-cell;
    padding-left: 3.802%;
    vertical-align: top
}

.elem-pic-block .pic-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.elem-pic-block .pic-container--parent {
    display: block
}

.elem-pic-block .txt-container {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ie10 .elem-pic-block .txt-container {
    -ms-flex: 0 1 auto
}

.ie11 .elem-pic-block .txt-container {
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.elem-pic-block a .txt-container [class^=txt-] {
    color: #333
}

.elem-pic-block a:hover {
    text-decoration: none
}

.elem-pic-block a:hover .txt-container .txt-body {
    text-decoration: none !important
}

.elem-pic-block.movie-block {
    transition: opacity .25s ease
}

.elem-pic-block.movie-block:hover {
    cursor: pointer;
    opacity: .8
}

.txt-body [class^=elem-]:not([class^=elem-heading-]) {
    margin: 0
}

.txt-body [class^=elem-]:not([class^=elem-heading-]) + [class^=elem-] {
    margin-top: .714em
}

.txt-body [class^=elem-]:not([class^=elem-heading-]) + [class^=elem-heading-] {
    margin-top: 1.429em
}

.txt-body [class^=elem-]:not([class^=elem-heading-]) + .elem-paragraph {
    margin-top: 0
}

.txt-body [class^=elem-]:not([class^=elem-heading-]) + .elem-paragraph p[data-align=right] {
    margin-top: 0
}

.elem-foodstuff-block .txt-container > div [class^=txt-] + [class^=txt-], .elem-pic-block .txt-container > div [class^=txt-] + [class^=txt-] {
    margin-top: 1.071em
}

.elem-foodstuff-block .style-color1 .txt-container > div [class^=txt-] + [class^=txt-], .elem-pic-block .style-color1 .txt-container > div [class^=txt-] + [class^=txt-], .style-color1 .elem-foodstuff-block .txt-container > div [class^=txt-] + [class^=txt-], .style-color1 .elem-pic-block .txt-container > div [class^=txt-] + [class^=txt-] {
    margin-top: .714em
}

.elem-foodstuff-block .txt-container > div [class^=txt-] > div:first-child, .elem-pic-block .txt-container > div [class^=txt-] > div:first-child {
    margin-top: 0
}

.elem-foodstuff-block .txt-container > div [class^=txt-] > div:last-child, .elem-pic-block .txt-container > div [class^=txt-] > div:last-child {
    margin-bottom: 0
}

.elem-pic-block--thumb {
    margin: 0 auto 20px
}

.elem-pic-block--thumb ul[data-direction=horizontal] {
    font-size: 0;
    margin-left: -1.429%
}

.elem-pic-block--thumb ul[data-direction=horizontal] li {
    font-size: 13px;
    display: inline-block;
    padding: 1.429% 0 0 1.429%;
    vertical-align: top
}

.elem-pic-block--thumb ul[data-direction=horizontal] li[data-direction=vertical] .pic-container {
    width: 100%
}

.elem-pic-block--thumb ul[data-direction=horizontal] li[data-direction=vertical] .txt-container {
    width: 100%;
    margin-top: .571em
}

.elem-pic-block--thumb ul[data-direction=horizontal] li[data-direction=horizontal] [class$="-container"] {
    display: inline-block;
    vertical-align: middle
}

.elem-pic-block--thumb ul[data-direction=horizontal] li[data-direction=horizontal] [class$="-container"] + [class$="-container"] {
    padding-left: 5%
}

.elem-pic-block--thumb ul[data-direction=horizontal] li[data-direction=horizontal] .pic-container {
    width: 26.4%
}

.elem-pic-block--thumb ul[data-direction=horizontal] li[data-direction=horizontal] .txt-container {
    width: 73.6%
}

.elem-pic-block--thumb ul[data-direction=horizontal][data-column="5"] li {
    width: 20%
}

.elem-pic-block--thumb ul[data-direction=horizontal][data-column="6"] li {
    width: 16.667%
}

.elem-pic-block--thumb ul[data-direction=horizontal][data-column="10"] li {
    width: 10%
}

.elem-pic-block--thumb ul[data-direction=vertical] li:not(:first-child) {
    margin-top: .714em
}

.elem-pic-block--thumb ul[data-direction=vertical] [class$="-container"] {
    display: inline-block;
    vertical-align: middle
}

.elem-pic-block--thumb ul[data-direction=vertical] [class$="-container"] + [class$="-container"] {
    padding-left: .714em
}

.elem-pic-block--thumb ul[data-direction=vertical] .pic-container {
    width: 26.4%
}

.elem-pic-block--thumb ul[data-direction=vertical] .txt-container {
    width: 73.6%
}

.elem-btn {
    margin: 1.429em auto
}

.elem-btn > div {
    max-width: 280px;
    margin: 0 auto
}

[class$=horizontal-line] .elem-btn > div {
    max-width: none
}

.elem-btn > div > div {
    transition: all .15s ease;
    border-radius: 5px
}

.elem-btn span {
    font-size: .929em
}

.elem-btn[data-align=left] > div {
    margin: 0
}

.elem-btn[data-btn-color="1"] > div > div {
    background-color: #f08300
}

.elem-btn[data-btn-color="1"] > div > div:hover {
    background-color: #ffa02e
}

.elem-btn[data-btn-color="1"] .material-icons {
    vertical-align: middle;
    color: #fff
}

.elem-btn[data-btn-color="1"] a::after {
    vertical-align: middle;
    color: #fff
}

.elem-btn[data-btn-color="2"] > div > div {
    background-color: #5a3a3a
}

.elem-btn[data-btn-color="2"] > div > div:hover {
    background-color: #8c5a5a
}

.elem-btn[data-btn-color="3"] > div > div {
    background-color: #ddd
}

.elem-btn[data-btn-color="3"] > div > div .btn, .elem-btn[data-btn-color="3"] > div > div a, .elem-btn[data-btn-color="3"] > div > div button {
    color: #333
}

.elem-btn[data-btn-color="3"] > div > div .btn[data-arrow]::after, .elem-btn[data-btn-color="3"] > div > div .btn[data-arrow]::before, .elem-btn[data-btn-color="3"] > div > div a[data-arrow]::after, .elem-btn[data-btn-color="3"] > div > div a[data-arrow]::before, .elem-btn[data-btn-color="3"] > div > div button[data-arrow]::after, .elem-btn[data-btn-color="3"] > div > div button[data-arrow]::before {
    color: #333
}

.elem-btn[data-btn-color="3"] > div > div .btn span .material-icons, .elem-btn[data-btn-color="3"] > div > div a span .material-icons, .elem-btn[data-btn-color="3"] > div > div button span .material-icons {
    vertical-align: middle
}

.elem-btn[data-btn-color="3"] > div > div:hover {
    background-color: #eee
}

.elem-btn[data-btn-color="3"] > div > div:hover a, .elem-btn[data-btn-color="3"] > div > div:hover button {
    color: #333
}

.elem-btn[data-btn-color="4"] > div > div {
    background-color: #333
}

.elem-btn[data-btn-color="4"] > div > div:hover {
    background-color: #666
}

.elem-btn[data-btn-color="5"] > div > div {
    background-color: #b71c1c
}

.elem-btn[data-btn-color="5"] > div > div:hover {
    background-color: #d50000
}

.elem-btn[data-btn-color="6"] > div > div {
    background-color: #008c3e
}

.elem-btn[data-btn-color="6"] > div > div:hover {
    background-color: #00ab4c
}

.elem-btn[data-btn-color="7"] > div > div {
    background-color: #ffedbc
}

.elem-btn[data-btn-color="7"] > div > div:hover {
    background-color: #fff5db
}

.elem-btn[data-btn-color="7"] a {
    color: #724d27
}

.elem-btn[data-btn-color="8"] > div > div {
    background-color: #c4d79b
}

.elem-btn[data-btn-color="8"] > div > div:hover {
    background-color: #d1e0b1
}

.elem-btn[data-btn-color="8"] a {
    color: #333
}

.elem-btn[data-btn-color="8"] a[data-arrow="2"]::before {
    line-height: 1;
    color: #435221
}

.elem-btn[data-btn-color="8"] a span {
    padding-right: 1em
}

.elem-btn[data-btn-color="9"] > div > div {
    background-color: #fcd5b4
}

.elem-btn[data-btn-color="9"] > div > div:hover {
    background-color: #fde5d1
}

.elem-btn[data-btn-color="9"] a[data-arrow="3"]::after {
    line-height: 1;
    content: "\E5CC";
    color: #aa5207
}

.elem-btn[data-btn-color="9"] a[data-arrow="3"] span {
    padding-right: 1em
}

.elem-btn[data-btn-color="9"] a span {
    color: #333
}

.elem-btn[data-action=call][data-btn-color="2"] > div > div:hover {
    background-color: #5a3a3a
}

.elem-btn[data-size=full] > div {
    max-width: 100%
}

.elem-btn[data-size=large] > div {
    max-width: 24.286em
}

.elem-btn[data-size=large] .btn, .elem-btn[data-size=large] a, .elem-btn[data-size=large] button {
    padding: .929em 0
}

.elem-btn[data-size=small] > div > div > div > div button {
    width: auto;
    height: auto
}

.elem-btn[data-size=small] > div > div > div > div .btn, .elem-btn[data-size=small] > div > div > div > div a, .elem-btn[data-size=small] > div > div > div > div button {
    font-size: .786em;
    padding: .357em .643em .286em;
    text-overflow: inherit
}

.elem-btn[data-size=small] > div > div > div > div .btn span, .elem-btn[data-size=small] > div > div > div > div a span, .elem-btn[data-size=small] > div > div > div > div button span {
    position: relative
}

.elem-btn[data-size=small] > div > div > div > div .btn span .material-icons, .elem-btn[data-size=small] > div > div > div > div a span .material-icons, .elem-btn[data-size=small] > div > div > div > div button span .material-icons {
    font-size: 16px;
    position: absolute;
    top: 1px;
    left: -1.2em
}

.elem-btn[data-size=half] > div {
    max-width: 170px
}

.elem-btn[data-size=half] .btn, .elem-btn[data-size=half] a, .elem-btn[data-size=half] button {
    font-size: .9em;
    padding: .786em .571em
}

.elem-btn[data-size=half] .btn .material-icons, .elem-btn[data-size=half] a .material-icons, .elem-btn[data-size=half] button .material-icons {
    font-size: 20px
}

.elem-btn.elem-small-btn > div {
    max-width: 135px
}

.elem-btn.elem-small-btn a, .elem-btn.elem-small-btn button {
    font-size: inherit
}

.elem-btn.elem-small-btn a span i, .elem-btn.elem-small-btn button span i {
    vertical-align: -6px !important
}

.elem-btn.elem-small-btn a {
    padding: .429em 1em
}

.elem-btn .btn, .elem-btn a {
    padding: .929em 1em;
    text-align: center;
    text-decoration: none
}

.elem-btn .btn {
    cursor: pointer
}

.elem-btn .btn:hover {
    background-color: inherit
}

.elem-btn button {
    width: 100%;
    height: 50px;
    padding-right: 1em;
    padding-left: 1em;
    border: none;
    outline: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.elem-btn button:focus {
    outline: 1px solid #f08300
}

.elem-btn .btn, .elem-btn a, .elem-btn button {
    position: relative;
    display: block;
    overflow: hidden;
    color: #fff;
    border-radius: 5px;
    -webkit-tap-highlight-color: transparent
}

.webkit .elem-btn .btn, .webkit .elem-btn a, .webkit .elem-btn button {
    z-index: 1
}

[class$=horizontal-line] .elem-btn .btn, [class$=horizontal-line] .elem-btn a, [class$=horizontal-line] .elem-btn button {
    line-height: 40px;
    height: 40px;
    padding: 0 1em
}

.elem-btn .btn span, .elem-btn a span, .elem-btn button span {
    font-weight: 700
}

.elem-btn .btn[data-arrow="1"]::before, .elem-btn a[data-arrow="1"]::before, .elem-btn button[data-arrow="1"]::before {
    display: inline-block;
    content: "\E037";
    vertical-align: bottom;
    color: #fff
}

.elem-btn .btn[data-arrow="2"]::before, .elem-btn a[data-arrow="2"]::before, .elem-btn button[data-arrow="2"]::before {
    display: inline-block;
    content: "\E5CB";
    vertical-align: bottom;
    color: #fff
}

.elem-btn .btn[data-arrow="3"]::after, .elem-btn a[data-arrow="3"]::after, .elem-btn button[data-arrow="3"]::after {
    display: inline-block;
    content: "\E037";
    vertical-align: bottom;
    color: #fff
}

.elem-separator {
    margin: 20px auto
}

.elem-separator[data-border-type=solid] hr {
    border-top-style: solid
}

.elem-separator[data-border-type=dashed] hr {
    border-top-style: dashed
}

.elem-separator[data-border-type=dotted] hr {
    border-top-style: dotted
}

.elem-separator hr {
    margin: 0;
    border: none;
    border-top: 1px #ddd
}

.elem-page-title--horizontal-line {
    margin: 0 auto .714em
}

.elem-page-title--horizontal-line .horizontal-container {
    display: inline-block;
    vertical-align: middle
}

.elem-page-title--horizontal-line .horizontal-container[data-align=right] {
    float: right
}

.elem-page-title--horizontal-line[data-array=heading-search-btn] .horizontal-container:first-child {
    padding-right: 3.472%
}

.elem-page-title--horizontal-line[data-array=heading-search-btn] .horizontal-container:nth-child(2) {
    width: 40.972%
}

.elem-page-title--horizontal-line[data-array=heading-search-btn] .horizontal-container:nth-child(3) {
    padding-left: .833%
}

.elem-page-title--horizontal-line[data-array=search-btn-img] {
    position: relative
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container {
    vertical-align: top
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container:first-child {
    width: 18.75%
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container:nth-child(2) {
    width: 40.972%;
    padding-right: 0
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container:nth-child(3) {
    width: auto;
    padding-left: .833%
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container:nth-child(3) .elem-btn {
    display: inline-block;
    width: 7.143em;
    margin: 0;
    padding: 0
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container:nth-child(3) .elem-btn + .elem-btn {
    margin-left: .286em
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container form .input-components--search {
    width: 79.661%
}

.elem-page-title--horizontal-line[data-array=search-btn-img] .horizontal-container form .input-components--submit {
    width: 20.339%
}

.elem-page-title--horizontal-line[data-array=search-img] {
    position: relative
}

.elem-page-title--horizontal-line[data-array=search-img] .horizontal-container:first-child {
    width: 40.972%;
    padding-right: 0
}

.elem-page-title--horizontal-line[data-array=search-img] .horizontal-container:nth-child(2) {
    width: auto;
    padding-left: .833%
}

.elem-page-title--horizontal-line[data-array=search-img] .horizontal-container form .input-components--search {
    width: 79.661%
}

.elem-page-title--horizontal-line[data-array=search-img] .horizontal-container form .input-components--submit {
    width: 20.339%
}

.elem-page-title--horizontal-line[data-array=heading-img] .horizontal-container:first-child {
    width: 16.16%
}

.elem-page-title--horizontal-line[data-array=heading-img] .horizontal-container:nth-child(2) {
    width: 83.84%;
    padding-right: 4.753%
}

.elem-page-title--horizontal-line[data-array=heading-search] .horizontal-container:first-child {
    float: right;
    width: 282px
}

.elem-page-title--horizontal-line[data-array=heading-search] .horizontal-container:nth-child(2) {
    float: left;
    padding-right: 3.472%
}

.elem-page-title--horizontal-line[data-mq-hide=desktop] {
    display: none !important
}

.elem-page-title--horizontal-line .horizontal-container form, .form-container form, .form-container--recipe form {
    display: block;
    width: 100%;
    white-space: nowrap
}

.elem-page-title--horizontal-line .horizontal-container form [class^=input-components], .form-container form [class^=input-components], .form-container--recipe form [class^=input-components] {
    display: inline-block;
    vertical-align: middle
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--search, .form-container form .input-components--search, .form-container--recipe form .input-components--search {
    position: relative;
    width: 83.051%;
    height: 40px;
    border: solid 1px #ddd;
    border-right: none;
    border-radius: 4px 0 0 4px
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--search .material-icons, .form-container form .input-components--search .material-icons, .form-container--recipe form .input-components--search .material-icons {
    position: absolute;
    top: .357em;
    left: .214em;
    content: "\E8B6";
    color: #999
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--search.active::before, .form-container form .input-components--search.active::before, .form-container--recipe form .input-components--search.active::before {
    content: normal
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--search input, .form-container form .input-components--search input, .form-container--recipe form .input-components--search input {
    width: 100%;
    height: 38px;
    padding: 0 1em 0 2.5em;
    transition: background-color .5s ease;
    outline: 0;
    background: #eee
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--search input:focus, .form-container form .input-components--search input:focus, .form-container--recipe form .input-components--search input:focus {
    outline: 1px solid #f08300;
    background: #fff
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--submit, .form-container form .input-components--submit, .form-container--recipe form .input-components--submit {
    overflow: hidden;
    width: 16.949%;
    border-radius: 0 4px 4px 0
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--submit button, .form-container form .input-components--submit button, .form-container--recipe form .input-components--submit button {
    line-height: 112%;
    width: 100%;
    height: 40px;
    transition: all .15s ease;
    color: #fff;
    background-color: #5a3a3a
}

.elem-page-title--horizontal-line .horizontal-container form .input-components--submit button:focus, .elem-page-title--horizontal-line .horizontal-container form .input-components--submit button:hover, .form-container form .input-components--submit button:focus, .form-container form .input-components--submit button:hover, .form-container--recipe form .input-components--submit button:focus, .form-container--recipe form .input-components--submit button:hover {
    background-color: #8c5a5a
}

.elem-page-title--horizontal-line .horizontal-container form button, .elem-page-title--horizontal-line .horizontal-container form input, .form-container form button, .form-container form input, .form-container--recipe form button, .form-container--recipe form input {
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.elem-horizontal-line, .elem-horizontal-line--recipe-overview {
    margin: 1.429em auto
}

[class^=elem-heading] + .elem-horizontal-line, [class^=elem-heading] + .elem-horizontal-line--recipe-overview {
    margin-top: -.714em
}

.search-result-container + .elem-horizontal-line, .search-result-container + .elem-horizontal-line--recipe-overview {
    margin-top: 0
}

.elem-horizontal-line--recipe-overview > div > div > div > div, .elem-horizontal-line > div > div > div > div {
    display: -ms-flexbox;
    display: flex;
    -js-display: flex
}

.no-flexbox .elem-horizontal-line--recipe-overview > div > div > div > div, .no-flexbox .elem-horizontal-line > div > div > div > div {
    display: block
}

.elem-horizontal-line[data-justify-content=between] > div > div > div > div, [data-justify-content=between].elem-horizontal-line--recipe-overview > div > div > div > div {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.no-flexbox .elem-horizontal-line[data-justify-content=between] > div > div > div > div .horizontal-container, .no-flexbox [data-justify-content=between].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container {
    float: left
}

.no-flexbox .elem-horizontal-line[data-justify-content=between] > div > div > div > div .horizontal-container:nth-child(2), .no-flexbox [data-justify-content=between].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container:nth-child(2) {
    float: right
}

.no-flexbox .elem-horizontal-line[data-justify-content=between] > div > div > div > div .horizontal-container[data-align=left], .no-flexbox [data-justify-content=between].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container[data-align=left] {
    float: left
}

.no-flexbox .elem-horizontal-line[data-justify-content=between] > div > div > div > div .horizontal-container[data-align=right], .no-flexbox [data-justify-content=between].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container[data-align=right] {
    float: right
}

.elem-horizontal-line[data-justify-content=between] > div > div > div > div .horizontal-container[data-flex-grow="1"], [data-justify-content=between].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container[data-flex-grow="1"] {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elem-horizontal-line[data-vertical-align=top] > div > div > div > div, [data-vertical-align=top].elem-horizontal-line--recipe-overview > div > div > div > div {
    -ms-flex-align: start;
    align-items: flex-start
}

.elem-horizontal-line[data-vertical-align=top] > div > div > div > div .horizontal-container, [data-vertical-align=top].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container {
    vertical-align: top
}

.elem-horizontal-line[data-vertical-align=center] > div > div > div > div, [data-vertical-align=center].elem-horizontal-line--recipe-overview > div > div > div > div {
    -ms-flex-align: center;
    align-items: center
}

.elem-horizontal-line[data-vertical-align=center] > div > div > div > div .horizontal-container, [data-vertical-align=center].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container {
    vertical-align: center
}

.elem-horizontal-line[data-vertical-align=bottom] > div > div > div > div, [data-vertical-align=bottom].elem-horizontal-line--recipe-overview > div > div > div > div {
    -ms-flex-align: end;
    align-items: flex-end
}

.elem-horizontal-line[data-vertical-align=bottom] > div > div > div > div .horizontal-container, [data-vertical-align=bottom].elem-horizontal-line--recipe-overview > div > div > div > div .horizontal-container {
    vertical-align: bottom
}

.elem-horizontal-line .horizontal-container, .elem-horizontal-line--recipe-overview .horizontal-container {
    display: inline-block;
    vertical-align: top
}

.elem-horizontal-line .horizontal-container > img, .elem-horizontal-line--recipe-overview .horizontal-container > img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.elem-horizontal-line .horizontal-container + .horizontal-container, .elem-horizontal-line--recipe-overview .horizontal-container + .horizontal-container {
    margin-left: 20px
}

.elem-horizontal-line .horizontal-container[data-align=right], .elem-horizontal-line--recipe-overview .horizontal-container[data-align=right] {
    text-align: right
}

.elem-toggle-container .item--toggle {
    padding: 1.143em 0;
    border-bottom: 1px solid #e6e6e6
}

.elem-toggle-container .item--toggle[data-border=false] {
    padding: 0;
    border-bottom: none
}

.elem-toggle-container .item--toggle .toggle-head {
    position: relative;
    display: table;
    width: 100%;
    cursor: pointer;
    transition: all .15s ease;
    outline: 0
}

.elem-toggle-container .item--toggle .toggle-head:focus {
    outline: 1px solid #f08300
}

.elem-toggle-container .item--toggle .toggle-head::before {
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 0;
    content: "\E147";
    transform: translateY(-48%);
    color: #f08300
}

.elem-toggle-container .item--toggle .toggle-head.active::before {
    content: "\E15C"
}

.elem-toggle-container .item--toggle .toggle-head.active + .toggle-body {
    display: block
}

.elem-toggle-container .item--toggle .toggle-head > div {
    padding: 0 0 0 2.5em
}

.elem-toggle-container .item--toggle .toggle-head .heading {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.143em;
    font-weight: 700;
    color: #a10000
}

.elem-toggle-container .item--toggle button.toggle-head {
    font-size: inherit;
    text-align: left;
    border-style: none;
    background: 0 0
}

.elem-toggle-container .item--toggle .toggle-body {
    display: none
}

.elem-toggle-container .item--toggle .toggle-body.struct-narrow {
    padding: 0 2.643em
}

.elem-toggle-container .item--toggle .toggle-body > div {
    padding-top: 1.286em
}

.js-all-link {
    cursor: pointer;
    transition: all .25s ease
}

.js-all-link:hover .elem-txt-list .txt-list > li a {
    text-decoration: underline
}

.elem-pagetop > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 1.667% 0
}

.elem-pagetop > div > div {
    position: relative
}

.elem-pagetop #page-to-top {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.elem-pagetop #page-to-top img {
    transition: all .25s ease;
    opacity: .6;
    border-radius: 5px 5px 0 0
}

.elem-pagetop #page-to-top:hover img {
    opacity: .5
}

.share-container {
    padding-bottom: 1.429em
}

.share-container > div {
    padding: 1.071em;
    border-radius: 5px;
    background: #fdf7e0
}

.share-container[data-bg-color="1"] > div {
    padding: 0;
    background: 0 0
}

.share-container .share--title {
    padding-bottom: .714em
}

.share-container .share--title p {
    font-size: 1em
}

.share-container .share--content ul {
    margin-left: -.714em
}

.share-container .share--content ul li {
    display: inline-block;
    padding-left: .714em
}

.share-container[align=right] .share--content {
    float: right
}

.elem-topic-path .share-container {
    display: table-cell;
    width: 110px;
    padding-bottom: 0;
    vertical-align: middle
}

.elem-topic-path .share-container .share--content ul {
    float: right;
    margin-left: -.357em;
    padding: 6px 0 3px;
    letter-spacing: -.4em
}

.elem-topic-path .share-container .share--content ul li {
    width: 35px;
    height: 30px;
    padding-left: .357em;
    vertical-align: top;
    letter-spacing: normal
}

.elem-topic-path .share-container .share--content ul li button {
    width: 30px;
    height: inherit;
    padding: 0;
    border: none;
    background: 0 0
}

.ie .elem-topic-path .share-container .share--content ul li button img {
    display: block;
    width: inherit;
    height: inherit
}

.share-container--bottom {
    margin: 2.143em 0 -5.714em
}

.share-container--bottom li {
    display: inline-block;
    margin-right: .714em
}

.share-container--bottom button {
    padding: 0;
    border: none;
    background: 0 0
}

[class^=elem-] {
    page-break-inside: avoid
}

[class^=elem-]:first-child {
    margin-top: 0
}

[class^=elem-]:last-child {
    margin-bottom: 0
}

[data-margin-top="0"].color-frame-section, [data-margin-top="0"][class$="-container"], [data-margin-top="0"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-top="0"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-top="0"][class^=elem-] {
    margin-top: 0 !important
}

[data-margin-bottom="0"].color-frame-section, [data-margin-bottom="0"][class$="-container"], [data-margin-bottom="0"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-bottom="0"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-bottom="0"][class^=elem-] {
    margin-bottom: 0 !important
}

[data-margin-top="5"].color-frame-section, [data-margin-top="5"][class$="-container"], [data-margin-top="5"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-top="5"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-top="5"][class^=elem-] {
    margin-top: 5px !important
}

[data-margin-bottom="5"].color-frame-section, [data-margin-bottom="5"][class$="-container"], [data-margin-bottom="5"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-bottom="5"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-bottom="5"][class^=elem-] {
    margin-bottom: 5px !important
}

[data-margin-top="10"].color-frame-section, [data-margin-top="10"][class$="-container"], [data-margin-top="10"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-top="10"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-top="10"][class^=elem-] {
    margin-top: 10px !important
}

[data-margin-bottom="10"].color-frame-section, [data-margin-bottom="10"][class$="-container"], [data-margin-bottom="10"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-bottom="10"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-bottom="10"][class^=elem-] {
    margin-bottom: 10px !important
}

[data-margin-top="15"].color-frame-section, [data-margin-top="15"][class$="-container"], [data-margin-top="15"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-top="15"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-top="15"][class^=elem-] {
    margin-top: 15px !important
}

[data-margin-bottom="15"].color-frame-section, [data-margin-bottom="15"][class$="-container"], [data-margin-bottom="15"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-bottom="15"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-bottom="15"][class^=elem-] {
    margin-bottom: 15px !important
}

[data-margin-top="20"].color-frame-section, [data-margin-top="20"][class$="-container"], [data-margin-top="20"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-top="20"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-top="20"][class^=elem-] {
    margin-top: 20px !important
}

[data-margin-bottom="20"].color-frame-section, [data-margin-bottom="20"][class$="-container"], [data-margin-bottom="20"][class$="-container"]:not(.local-nav-container):first-child, [data-margin-bottom="20"][class$="-container"]:not(.local-nav-container):last-child, [data-margin-bottom="20"][class^=elem-] {
    margin-bottom: 20px !important
}

.elem-btn-container {
    margin: 1.429em auto
}

.elem-btn-container > div > div > div > div {
    text-align: center
}

.elem-btn-container[data-align=left] > div > div > div > div {
    text-align: left
}

.elem-btn-container .btn-container {
    display: inline-block;
    min-width: 280px;
    transition: min-width .25s ease;
    vertical-align: middle
}

.elem-btn-container .btn-container + .btn-container {
    margin-left: 3.802%
}

.elem-btn-container .btn-container .elem-btn > div {
    max-width: 100%
}

.table-set {
    margin: 0 auto 1.429em
}

.table-set .table-container input[type=checkbox] {
    display: none
}

.table-set .table-container input[type=checkbox] + label {
    line-height: 1.15;
    position: relative;
    top: -.464em;
    display: table
}

.table-set .table-container input[type=checkbox] + label::before {
    position: relative;
    top: .286em;
    display: table-cell;
    padding-right: .357em;
    content: "\E835";
    color: #ddd
}

.table-set .table-container input[type=checkbox] + label.checked::before {
    content: "\E834"
}

.table-set .table-container input[type=checkbox] + label .txt {
    display: table-cell
}

.table-set--scroll {
    margin: 0 auto 30px
}

.table-set--scroll > div > div > div > div > p {
    display: none;
    text-align: right
}

.table-set--scroll > div > div > div > div > p span {
    font-size: .857em;
    color: #999
}

.table-set--scroll .table-container > div > div {
    position: relative
}

.table-set--scroll .table-container > div > div > div {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-set .table-container table, .table-set--scroll .table-container table, .table-set--seasonal-calendar table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd
}

.table-set form .table-container table, .table-set--scroll form .table-container table, form .table-set .table-container table, form .table-set--scroll .table-container table, form .table-set--seasonal-calendar table {
    border-right: none;
    border-left: none
}

.table-set .table-container table td, .table-set .table-container table th, .table-set--scroll .table-container table td, .table-set--scroll .table-container table th, .table-set--seasonal-calendar table td, .table-set--seasonal-calendar table th {
    padding: 1em;
    text-align: left;
    border: solid 1px #e6e6e6;
    background-color: #fff
}

.table-set .table-container table td.tb-wide-pad, .table-set .table-container table th.tb-wide-pad, .table-set--scroll .table-container table td.tb-wide-pad, .table-set--scroll .table-container table th.tb-wide-pad, .table-set--seasonal-calendar table td.tb-wide-pad, .table-set--seasonal-calendar table th.tb-wide-pad {
    padding: 2em
}

.table-set .table-container table td.tb-narrow-pad, .table-set .table-container table th.tb-narrow-pad, .table-set--scroll .table-container table td.tb-narrow-pad, .table-set--scroll .table-container table th.tb-narrow-pad, .table-set--seasonal-calendar table td.tb-narrow-pad, .table-set--seasonal-calendar table th.tb-narrow-pad {
    padding: .5em
}

.table-set .table-container table td.tb-lv1, .table-set .table-container table th.tb-lv1, .table-set--scroll .table-container table td.tb-lv1, .table-set--scroll .table-container table th.tb-lv1, .table-set--seasonal-calendar table td.tb-lv1, .table-set--seasonal-calendar table th.tb-lv1 {
    background-color: #fdf7e0
}

.table-set .table-container table td.tb-lv2, .table-set .table-container table th.tb-lv2, .table-set--scroll .table-container table td.tb-lv2, .table-set--scroll .table-container table th.tb-lv2, .table-set--seasonal-calendar table td.tb-lv2, .table-set--seasonal-calendar table th.tb-lv2 {
    background-color: #fefcf3
}

.table-set .table-container table td.tb-lv3, .table-set .table-container table th.tb-lv3, .table-set--scroll .table-container table td.tb-lv3, .table-set--scroll .table-container table th.tb-lv3, .table-set--seasonal-calendar table td.tb-lv3, .table-set--seasonal-calendar table th.tb-lv3 {
    background-color: #f6f6f6
}

.table-set .table-container table td.txt-top, .table-set .table-container table th.txt-top, .table-set--scroll .table-container table td.txt-top, .table-set--scroll .table-container table th.txt-top, .table-set--seasonal-calendar table td.txt-top, .table-set--seasonal-calendar table th.txt-top {
    vertical-align: top
}

.table-set .table-container table td.txt-middle, .table-set .table-container table th.txt-middle, .table-set--scroll .table-container table td.txt-middle, .table-set--scroll .table-container table th.txt-middle, .table-set--seasonal-calendar table td.txt-middle, .table-set--seasonal-calendar table th.txt-middle {
    vertical-align: middle
}

.table-set .table-container table td.txt-bottom, .table-set .table-container table th.txt-bottom, .table-set--scroll .table-container table td.txt-bottom, .table-set--scroll .table-container table th.txt-bottom, .table-set--seasonal-calendar table td.txt-bottom, .table-set--seasonal-calendar table th.txt-bottom {
    vertical-align: bottom
}

.table-set .table-container table td.txt-right, .table-set .table-container table th.txt-right, .table-set--scroll .table-container table td.txt-right, .table-set--scroll .table-container table th.txt-right, .table-set--seasonal-calendar table td.txt-right, .table-set--seasonal-calendar table th.txt-right {
    text-align: right
}

.table-set .table-container table td.txt-center, .table-set .table-container table th.txt-center, .table-set--scroll .table-container table td.txt-center, .table-set--scroll .table-container table th.txt-center, .table-set--seasonal-calendar table td.txt-center, .table-set--seasonal-calendar table th.txt-center {
    text-align: center
}

.table-set .table-container table td[align=right], .table-set .table-container table th[align=right], .table-set--scroll .table-container table td[align=right], .table-set--scroll .table-container table th[align=right], .table-set--seasonal-calendar table td[align=right], .table-set--seasonal-calendar table th[align=right] {
    text-align: right !important
}

.table-set .table-container table td[align=center], .table-set .table-container table th[align=center], .table-set--scroll .table-container table td[align=center], .table-set--scroll .table-container table th[align=center], .table-set--seasonal-calendar table td[align=center], .table-set--seasonal-calendar table th[align=center] {
    text-align: center !important
}

.table-set .table-container table td [class^=elem], .table-set .table-container table th [class^=elem], .table-set--scroll .table-container table td [class^=elem], .table-set--scroll .table-container table th [class^=elem], .table-set--seasonal-calendar table td [class^=elem], .table-set--seasonal-calendar table th [class^=elem] {
    margin: 1.429em auto
}

.table-set .table-container table td [class^=elem]:first-child, .table-set .table-container table th [class^=elem]:first-child, .table-set--scroll .table-container table td [class^=elem]:first-child, .table-set--scroll .table-container table th [class^=elem]:first-child, .table-set--seasonal-calendar table td [class^=elem]:first-child, .table-set--seasonal-calendar table th [class^=elem]:first-child {
    margin-top: 0
}

.table-set .table-container table td [class^=elem]:last-child, .table-set .table-container table th [class^=elem]:last-child, .table-set--scroll .table-container table td [class^=elem]:last-child, .table-set--scroll .table-container table th [class^=elem]:last-child, .table-set--seasonal-calendar table td [class^=elem]:last-child, .table-set--seasonal-calendar table th [class^=elem]:last-child {
    margin-bottom: 0
}

.table-set .table-container table td [class^=elem-heading], .table-set .table-container table th [class^=elem-heading], .table-set--scroll .table-container table td [class^=elem-heading], .table-set--scroll .table-container table th [class^=elem-heading], .table-set--seasonal-calendar table td [class^=elem-heading], .table-set--seasonal-calendar table th [class^=elem-heading] {
    margin: .714em auto
}

.table-set .table-container table td [class^=elem-heading] + [class^=elem], .table-set .table-container table th [class^=elem-heading] + [class^=elem], .table-set--scroll .table-container table td [class^=elem-heading] + [class^=elem], .table-set--scroll .table-container table th [class^=elem-heading] + [class^=elem], .table-set--seasonal-calendar table td [class^=elem-heading] + [class^=elem], .table-set--seasonal-calendar table th [class^=elem-heading] + [class^=elem] {
    margin-top: .714em
}

.table-set .table-container table td [class^=elem-heading]:first-child, .table-set .table-container table th [class^=elem-heading]:first-child, .table-set--scroll .table-container table td [class^=elem-heading]:first-child, .table-set--scroll .table-container table th [class^=elem-heading]:first-child, .table-set--seasonal-calendar table td [class^=elem-heading]:first-child, .table-set--seasonal-calendar table th [class^=elem-heading]:first-child {
    margin-top: 0
}

.table-set .table-container table td [class^=elem-heading]:last-child, .table-set .table-container table th [class^=elem-heading]:last-child, .table-set--scroll .table-container table td [class^=elem-heading]:last-child, .table-set--scroll .table-container table th [class^=elem-heading]:last-child, .table-set--seasonal-calendar table td [class^=elem-heading]:last-child, .table-set--seasonal-calendar table th [class^=elem-heading]:last-child {
    margin-bottom: 0
}

.table-set .table-container table td > [data-border=horizontal], .table-set .table-container table th > [data-border=horizontal], .table-set--scroll .table-container table td > [data-border=horizontal], .table-set--scroll .table-container table th > [data-border=horizontal], .table-set--seasonal-calendar table td > [data-border=horizontal], .table-set--seasonal-calendar table th > [data-border=horizontal] {
    border: none
}

.table-set .table-container table td > [data-border=horizontal] td, .table-set .table-container table td > [data-border=horizontal] th, .table-set .table-container table th > [data-border=horizontal] td, .table-set .table-container table th > [data-border=horizontal] th, .table-set--scroll .table-container table td > [data-border=horizontal] td, .table-set--scroll .table-container table td > [data-border=horizontal] th, .table-set--scroll .table-container table th > [data-border=horizontal] td, .table-set--scroll .table-container table th > [data-border=horizontal] th, .table-set--seasonal-calendar table td > [data-border=horizontal] td, .table-set--seasonal-calendar table td > [data-border=horizontal] th, .table-set--seasonal-calendar table th > [data-border=horizontal] td, .table-set--seasonal-calendar table th > [data-border=horizontal] th {
    padding: 0;
    border-width: 0
}

.table-set .table-container table[data-border=horizontal] td, .table-set .table-container table[data-border=horizontal] th, .table-set--scroll .table-container table[data-border=horizontal] td, .table-set--scroll .table-container table[data-border=horizontal] th, .table-set--seasonal-calendar table[data-border=horizontal] td, .table-set--seasonal-calendar table[data-border=horizontal] th {
    border-width: 1px 0
}

.table-set .table-container table[data-border=vertical] td, .table-set .table-container table[data-border=vertical] th, .table-set--scroll .table-container table[data-border=vertical] td, .table-set--scroll .table-container table[data-border=vertical] th, .table-set--seasonal-calendar table[data-border=vertical] td, .table-set--seasonal-calendar table[data-border=vertical] th {
    border-width: 0 1px
}

.content-slider-wrapper {
    margin: 0 auto 1.901%
}

.content-slider-wrapper > div > div {
    margin: 0 auto
}

.content-slider-wrapper .content-slider > div > div > div > div {
    overflow: hidden
}

.content-slider-wrapper .content-slider[data-slider-column="2"] .sp-slides {
    margin-left: -25.25%
}

.content-slider-wrapper .content-slider[data-slider-column="4"] .sp-slides {
    margin-left: -12.4%
}

.content-slider-wrapper .content-slider[data-align=center] .sp-slide {
    text-align: center
}

.content-slider-wrapper .slider-pro::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    content: "";
    background: 0 0 repeat-y url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAMAAADpTH4XAAAAOVBMVEX///////////////////////////////////////////////////////////////////////////+0EB4eAAAAE3RSTlP87+TYy72un4+AcGBRQjQnGxAH/nd6OQAAAB1JREFUCNdjYGBgZGJmYWVj5+Dk4ubh5eMXEBQCAASJAKzVGvOYAAAAAElFTkSuQmCC)
}

.content-slider-wrapper .slider-pro::after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    content: "";
    background: 100% 0 repeat-y url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAMAAADpTH4XAAAAPFBMVEX///////////////////////////////////////////////////////////////////////////8AAAAgD3hnAAAAFHRSTlP47+TYy72un4+AcGBRQjQnGxAHAMMU+6YAAAAdSURBVAjXYxAWEhTg5+Pl4ebi5GBnY2VhZmJkAAAKeQC/V2hhQQAAAABJRU5ErkJggg==)
}

.content-slider-wrapper .slider-pro.static {
    margin: 0 !important
}

.content-slider-wrapper .slider-pro.static::after, .content-slider-wrapper .slider-pro.static::before {
    display: none
}

.content-slider-wrapper .slider-pro.static .sp-slides {
    margin-left: 0;
    transform: inherit !important
}

.content-slider-wrapper [data-item-fade=false] .slider-pro::after, .content-slider-wrapper [data-item-fade=false] .slider-pro::before {
    background: 0 0
}

.content-slider-wrapper .sp-horizontal .sp-arrows {
    z-index: 11
}

.content-slider-wrapper .sp-horizontal .sp-next-arrow {
    right: 0
}

.content-slider-wrapper .sp-horizontal .sp-previous-arrow {
    left: 0
}

.content-slider-wrapper .sp-arrow {
    width: 30px;
    height: 50px;
    background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDYwIDUwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgNTAiPgo8ZyBmaWxsPSIjZjA4MzAwIj4KPHBhdGggZD0ibTE1LS4yNjFoLjMxOXYuMDU4aC0uMzE5eiIvPgo8cGF0aCBkPSJtMCwwaDYwdjUwaC02MHoiLz4KPC9nPgo8ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiPgo8cGF0aCBkPSJtMTcuNDM3LDE2LjAwMi04Ljg3NCw4Ljg2MiA4Ljg3NCw4Ljg2MSIvPgo8cGF0aCBkPSJtNDIuNTYzLDE2LjAwMiA4Ljg3NCw4Ljg2Mi04Ljg3NCw4Ljg2MSIvPgo8L2c+Cjwvc3ZnPgo=)
}

.content-slider-wrapper [data-slider-column="6"] .sp-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iNjBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNjAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0YwODMwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS0wLjNoMC4zdjAuMUwxNS0wLjNMMTUtMC4zeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoNjB2NTBIMFYweiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjQsMTZsLTguOSw4LjlsOC45LDguOSIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00Mi42LDE2bDguOSw4LjlsLTguOSw4LjkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.content-slider-wrapper .sp-previous-arrow {
    background-position: 0 0
}

.content-slider-wrapper .sp-next-arrow {
    background-position: 100% 0
}

.content-slider-wrapper .sp-next-arrow::after, .content-slider-wrapper .sp-next-arrow::before, .content-slider-wrapper .sp-previous-arrow::after, .content-slider-wrapper .sp-previous-arrow::before {
    content: none
}

.content-slider-wrapper .sp-button {
    width: 24px;
    height: 24px;
    margin: 4%;
    border: none;
    background-color: #e5e5e5
}

.content-slider-wrapper .sp-selected-button {
    background-color: #404040
}

.content-slider-wrapper .sp-image-container {
    position: relative
}

.content-slider-wrapper .sp-image-container:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.content-slider-wrapper .sp-image-container a {
    position: relative;
    z-index: 1;
    display: block
}

.content-slider-wrapper .sp-image-container a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.color-frame-section {
    margin: 20px auto
}

.color-frame-section:first-child {
    margin-top: 0
}

.color-frame-section:last-child {
    margin-bottom: 0
}

.side-column .color-frame-section {
    margin: 15px auto
}

.divide-layout .color-frame-section {
    margin: 0 auto
}

.divide-layout .color-frame-section > div > div {
    padding: 15px
}

.divide-layout .color-frame-section + .color-frame-section {
    margin-top: 20px
}

.color-frame-section > div > div {
    padding: 20px 22px
}

.elem-pic-block .color-frame-section > div > div {
    padding: 15px
}

.color-frame-section[data-bg-color="1"] > div {
    background-color: #fff
}

.color-frame-section[data-bg-color="2"] > div {
    background-color: #eee
}

.color-frame-section[data-bg-color="3"] > div {
    background-color: #fdf7e0
}

.color-frame-section[data-bg-color="4"] > div {
    background-color: #faf6eb
}

.color-frame-section[data-bg-color="5"] > div {
    background-color: #fef2f1
}

.color-frame-section[data-bg-color="6"] > div {
    background-color: #e9f3ff
}

.color-frame-section[data-bg-color="7"] > div {
    background-color: #eee
}

.color-frame-section[data-bg-color="8"] > div {
    background-color: #eafbd2
}

.color-frame-section[data-bg-color="9"] > div {
    background-color: #f3f6fa
}

.color-frame-section[data-bg-color="10"] > div {
    background-color: #ffedd7
}

.color-frame-section[data-bg-color="11"] > div {
    background-color: #fffbf6
}

.color-frame-section[data-bg-color="1"][data-border=true] > div {
    border-color: #ddd
}

.color-frame-section[data-bg-color="2"][data-border=true] > div {
    border-color: #ddd
}

.color-frame-section[data-bg-color="3"][data-border=true] > div {
    border-color: #f7de80
}

.color-frame-section[data-bg-color="4"][data-border=true] > div {
    border-color: #eee
}

.color-frame-section[data-bg-color="5"][data-border=true] > div {
    border-color: #f79a92
}

.color-frame-section[data-bg-color="6"][data-border=true] > div {
    border-color: #b6d7ff
}

.color-frame-section[data-bg-color="7"][data-border=true] > div {
    border-color: #888
}

.color-frame-section[data-bg-color="8"][data-border=true] > div {
    border-color: #b2b2b2
}

.color-frame-section[data-bg-color="9"][data-border=true] > div {
    border-color: #82b1ff
}

.color-frame-section[data-bg-color="10"][data-border=true] > div {
    border-color: #ddd
}

.color-frame-section[data-bg-color="11"][data-border=true] > div {
    border-color: #ddd
}

.color-frame-section[data-radius=true] > div {
    border-radius: 5px
}

.color-frame-section[data-border=true] > div {
    border: solid 1px
}

.divide-layout .color-frame-section[data-border=true] > div > div {
    padding: 15px
}

.color-frame-section[data-content-size=full] > div > div {
    padding: 0
}

.relevant-container {
    margin: 40px auto
}

.relevant-container > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px
}

.relevant-container > div > div {
    padding: 20px 22px
}

.relevant-container > div > div > div > div {
    min-height: 90px
}

.relevant-container[data-bg-color="1"] > div > div {
    background-color: #fff
}

.relevant-container[data-bg-color="2"] > div > div {
    background-color: #eee
}

.relevant-container[data-bg-color="3"] > div > div {
    background-color: #fdf7e0
}

.relevant-container[data-bg-color="4"] > div > div {
    background-color: #faf6eb
}

.relevant-container[data-bg-color="5"] > div > div {
    background-color: #ccc
}

.relevant-container[data-bg-color="6"] > div > div {
    background-color: #ddd
}

.relevant-container[data-bg-color="7"] > div > div {
    background-color: #eee
}

.relevant-container[data-bg-color="8"] > div > div {
    background-color: #0c9
}

.relevant-container[data-bg-color="9"] > div > div {
    background-color: #0d47a1
}

.relevant-container[data-bg-color="1"][data-border=true] > div > div {
    border-color: #ddd
}

.relevant-container[data-bg-color="2"][data-border=true] > div > div {
    border-color: #ddd
}

.relevant-container[data-bg-color="3"][data-border=true] > div > div {
    border-color: #ccc
}

.relevant-container[data-bg-color="4"][data-border=true] > div > div {
    border-color: #eee
}

.relevant-container[data-bg-color="5"][data-border=true] > div > div {
    border-color: #aaa
}

.relevant-container[data-bg-color="6"][data-border=true] > div > div {
    border-color: #999
}

.relevant-container[data-bg-color="7"][data-border=true] > div > div {
    border-color: #888
}

.relevant-container[data-bg-color="8"][data-border=true] > div > div {
    border-color: #b2b2b2
}

.relevant-container[data-bg-color="9"][data-border=true] > div > div {
    border-color: #82b1ff
}

.relevant-container[data-border=true] > div > div {
    border: solid 1px
}

.brand-container {
    margin: 2.143em auto
}

.brand-container > div {
    position: relative
}

.brand-container .item--brand {
    overflow: hidden;
    margin-bottom: 1.071em
}

.brand-container .item--brand .pic-container[data-padding=true] img:not([src^="/static/"]) {
    padding: .357em .357em 0
}

.brand-container .item--brand .pic-container img {
    display: inline-block;
    zoom: 1;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.brand-container .item--brand .txt-container {
    padding: .714em;
    text-align: center
}

.brand-container .item--brand .txt-container[data-align=left] {
    text-align: left
}

.brand-container .item--brand .txt-container p + p {
    margin-top: .357em
}

.brand-container .item--brand .txt-container .title {
    font-size: 1.143em
}

.brand-container .item--brand .txt-container .catch {
    font-size: .857em;
    color: #5a3a3a
}

.brand-container .item--brand[data-direction=horizontal] {
    width: 100%;
    padding: 1.071em .714em 1.071em 0;
    letter-spacing: -.4em
}

.brand-container .item--brand[data-direction=horizontal] [class$="-container"] {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}

.brand-container .item--brand[data-direction=horizontal] .pic-container {
    max-width: 26%
}

.brand-container .item--brand[data-direction=horizontal] .pic-container .elem-pic .holder {
    position: inherit
}

.brand-container .item--brand[data-direction=horizontal] .txt-container {
    line-height: 1.2;
    max-width: 72%;
    padding: 0
}

.brand-container .item--brand[data-direction=horizontal] .txt-container .elem-txt-list .txt-list > li {
    font-size: .929em
}

.others-container {
    margin: 1.071em auto
}

.others-container .item--others {
    overflow: hidden;
    background-color: #fff
}

.others-container .item--others a {
    display: block
}

.webkit .others-container .item--others a {
    z-index: 1
}

.others-container .item--others .pic-container img {
    border-radius: 4px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.others-container .item--others .txt-container {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .88em 1em;
    border-radius: 0 0 4px 4px;
    background-color: #fff
}

.others-container .item--others .txt-container > span {
    font-size: .857em;
    display: block;
    color: #5a3a3a
}

.others-container .item--others .txt-container > span + p {
    margin-top: .313em
}

.others-container .item--others .txt-container p {
    font-size: 1.143em;
    transition: color .25s ease
}

.local-nav-container {
    margin: 0 auto 1.429em
}

.local-nav-container .local-nav--title {
    font-size: 1.143em;
    font-weight: 700;
    padding: 1em 0
}

.local-nav-container .local-nav--title h2 {
    font-weight: 700
}

.local-nav-container .local-nav--title:first-child {
    padding-top: 0
}

.local-nav-container .local-nav--title a {
    position: relative;
    display: block
}

.main-column .local-nav-container .local-nav--content ul {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ddd
}

.local-nav-container .local-nav--content ul .item--local-nav, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub {
    border-bottom: 1px solid #ddd
}

.local-nav-container .local-nav--content ul .item--local-nav:first-child, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub:first-child {
    border-top: 1px solid #ddd
}

.main-column .local-nav-container .local-nav--content ul .item--local-nav, .main-column .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ddd
}

.main-column .local-nav-container .local-nav--content ul .item--local-nav:nth-child(odd), .main-column .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub:nth-child(odd) {
    border-right: 1px solid #ddd
}

.local-nav-container .local-nav--content ul .item--local-nav a, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a {
    position: relative;
    display: block;
    padding: 1em 1.429em 1em 1em;
    transition: background-color .15s ease;
    text-decoration: none
}

.local-nav-container .local-nav--content ul .item--local-nav a:hover, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a:hover {
    background-color: #ffedd7
}

.main-column .local-nav-container .local-nav--content ul .item--local-nav a:hover, .main-column .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a:hover {
    background-color: inherit
}

.local-nav-container .local-nav--content ul .item--local-nav a::after, .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a::after {
    font-size: 16px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.25%;
    content: "\E037";
    transform: translateY(-54.5%)
}

.ie9 .local-nav-container .local-nav--content ul .item--local-nav a::after, .ie9 .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub a::after {
    top: 14px
}

.local-nav-container .local-nav--content ul .item--local-nav.current > span > a, .local-nav-container .local-nav--content ul .local-nav--sub-content > .current.item--local-nav--sub > span > a {
    font-weight: 700;
    color: #fff;
    background-color: #f08300
}

.local-nav-container .local-nav--content ul .item--local-nav.current > span > a:hover, .local-nav-container .local-nav--content ul .local-nav--sub-content > .current.item--local-nav--sub > span > a:hover {
    background-color: #e17b00
}

.local-nav-container .local-nav--content ul .item--local-nav.current > span > a::after, .local-nav-container .local-nav--content ul .local-nav--sub-content > .current.item--local-nav--sub > span > a::after {
    color: #fff
}

.local-nav-container .local-nav--content ul .item--local-nav.current > .local-nav--sub-content, .local-nav-container .local-nav--content ul .local-nav--sub-content > .current.item--local-nav--sub > .local-nav--sub-content {
    display: block
}

.local-nav-container .local-nav--content ul .local-nav--sub-content {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #f6f6f6
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub {
    border: none !important
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > span > a {
    font-size: .857em;
    padding: .643em .857em .643em 2.357em
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > span > a::after {
    font-size: 16px;
    top: 7px;
    right: inherit;
    left: 14px;
    margin-left: -4px;
    transform: inherit
}

.ie9 .local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > span > a::after {
    top: 2px
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > span > a:hover {
    background-color: #ffedd7
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub.current {
    background-color: inherit
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub.current > span > a {
    font-weight: 700;
    color: inherit;
    background-color: #eee
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub.current > span > a::after {
    color: #f08300
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub.current > span > a:hover {
    background-color: #dcdcdc
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub.current > .local-nav--sub-content {
    display: block
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > .local-nav--sub-content {
    background-color: #e6e6e6
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > .local-nav--sub-content > .item--local-nav--sub a {
    padding-left: 3.429em
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > .local-nav--sub-content > .item--local-nav--sub a::after {
    left: 24px
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > .local-nav--sub-content > .item--local-nav--sub a:hover {
    background-color: #dcdcdc
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > .local-nav--sub-content > .item--local-nav--sub.current a {
    background-color: #dcdcdc
}

.local-nav-container .local-nav--content ul .local-nav--sub-content > .item--local-nav--sub > .local-nav--sub-content > .item--local-nav--sub.current a:hover {
    background-color: #dcdcdc
}

.bnr-container li {
    padding-bottom: 1.071em
}

.bnr-container li a {
    position: relative;
    display: block;
    border: 1px solid #ddd
}

.bnr-container li a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.form-container form .input-components--search {
    width: 63.83%
}

.form-container form .input-components--submit {
    position: relative;
    z-index: 1;
    width: 35.461%
}

[class$="-container"]:not(.local-nav-container):first-child {
    margin-top: 0
}

[class$="-container"]:not(.local-nav-container):last-child {
    margin-bottom: 0
}

.site-area-insert-bnr > div {
    background: #f6f6f6
}

.site-area-insert-bnr > div > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 1.667%
}

.site-area-insert-bnr .insert-bnr {
    margin: -.571em -.856% 0;
    text-align: center
}

.site-area-insert-bnr .insert-bnr > li {
    display: inline-block;
    width: 23.271%;
    margin: .571em .841% 0;
    vertical-align: middle
}

.site-area-insert-bnr .insert-bnr > li a {
    position: relative;
    display: block
}

.site-area-insert-bnr .insert-bnr > li a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-area-footer > div {
    background-color: #fff
}

.site-area-footer .primary-block > div > div, .site-area-footer .secondary-block > div > div {
    max-width: 1200px;
    margin: 0 auto
}

.site-area-footer .primary-block > div > div {
    padding: 55px 1.667%
}

.site-area-footer .primary-block > div > div > div > div {
    display: table;
    width: 100%;
    margin: 0 -1em;
    table-layout: fixed
}

.site-area-footer .primary-block p + ul {
    margin-top: 1em
}

.site-area-footer .primary-block ul li[aria-hidden=true] {
    height: 1em;
    margin-top: 2em
}

.site-area-footer .primary-block ul li + li {
    margin-top: 1em
}

.site-area-footer .primary-block ul li > ul {
    margin-top: 1em;
    padding-left: 1em
}

.site-area-footer .primary-block ul + ul {
    margin-top: 1em
}

.site-area-footer .primary-block a {
    text-decoration: none;
    color: #333
}

.site-area-footer .primary-block a:hover {
    text-decoration: underline
}

.site-area-footer .primary-block a b {
    color: #5a3a3a
}

.site-area-footer .primary-block .column--primary-block {
    display: table-cell;
    padding: 0 1em
}

.site-area-footer .primary-block .column--primary-block:first-child {
    display: none
}

.site-area-footer .secondary-block > div {
    border-top: solid 1px #ccc
}

.site-area-footer .secondary-block > div > div {
    padding: 20px 3.333% 25px
}

.site-area-footer .secondary-block .logo-area {
    float: left
}

.site-area-footer .secondary-block .logo-area .logo-container {
    float: left
}

.site-area-footer .secondary-block .logo-area .logo-container a {
    display: inline-block;
    vertical-align: middle
}

.site-area-footer .secondary-block .logo-area .logo-container a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.site-area-footer .secondary-block .logo-area .footer-msg {
    float: right;
    padding-left: 1em
}

.site-area-footer .secondary-block .logo-area .footer-msg p {
    font-size: .714em
}

.site-area-footer .secondary-block .copyright-area {
    float: right
}

.site-area-footer .secondary-block .copyright-area small {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    color: #333
}

.site-area-footer .secondary-block .copyright-area small span.new-line-block + .new-line-block {
    margin-top: .24em
}

.ad-container > div .item--ad, .brand-container .item--brand, .category-nav > div .item--category, .color-frame-section[data-shadow=true], .content-slider-wrapper .sp-slides .item--product > div, .divide-layout--modifier .item--info > div, .divide-layout--modifier .item--others > div .item--recipe, .divide-layout--modifier .item--product > div, .divide-layout--modifier .item--unique > div .item--recipe, .divide-layout > div > div > div > div .item--divide > div.style-color1, .divide-layout[data-column="5-4-3-2"] .item--bnr > div, .divide-layout[data-column="5-4-3-2"] .item--brand > div, .divide-layout[data-column="5-4-3-2"] .item--popular-product > div, .divide-layout[data-column="5-4-3-2"] .item--product > div, .divide-layout[data-column="5-4-2"] .item--bnr > div, .divide-layout[data-column="5-4-2"] .item--brand > div, .divide-layout[data-column="5-4-2"] .item--popular-product > div, .divide-layout[data-column="5-4-2"] .item--product > div, .divide-layout[data-column="5-4-2-1"] .item--bnr > div, .divide-layout[data-column="5-4-2-1"] .item--brand > div, .divide-layout[data-column="5-4-2-1"] .item--popular-product > div, .divide-layout[data-column="5-4-2-1"] .item--product > div, .divide-layout[data-column="6"] .item--recipe > div, .elem-extension-nav .extension-nav-body > dl, .elem-foodstuff-block .pic-container > div .elem-pic .caption--label > div, .elem-foodstuff-block .pic-container > div [data-shadow].elem-pic .holder, .elem-pic .caption--label > div, .elem-pic-block .pic-container > div .elem-pic .caption--label > div, .elem-pic-block .pic-container > div [data-shadow].elem-pic .holder, .others-container .item--others, .search-detail-container .search-detail--form, .search-detail-container .search-result--form, .search-result-container .search-detail--form, .search-result-container .search-result--form, [data-shadow].elem-pic .holder {
    overflow: hidden;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    box-shadow: 0 1px 9px -3px rgba(0, 0, 0, .23)
}

.ad-container > div .item--ad a, .category-nav > div .item--category a, .divide-layout--modifier .item--divide > div a, .elem-foodstuff-block .pic-container > div .elem-pic > div > div > div > div > a, .elem-pic-block .pic-container > div .elem-pic > div > div > div > div > a, .elem-pic-block--thumb ul[data-direction=horizontal] li > a, .elem-pic-block--thumb > div > div > div > div > a, .elem-pic > div > div > div > div > a {
    display: block;
    text-decoration: none;
    color: #a10000;
    -webkit-tap-highlight-color: transparent
}

.ad-container > div .item--ad a:focus, .ad-container > div .item--ad a:hover, .category-nav > div .item--category a:focus, .category-nav > div .item--category a:hover, .divide-layout--modifier .item--divide > div a:focus, .divide-layout--modifier .item--divide > div a:hover, .elem-foodstuff-block .pic-container > div .elem-pic > div > div > div > div > a:focus, .elem-foodstuff-block .pic-container > div .elem-pic > div > div > div > div > a:hover, .elem-pic-block .pic-container > div .elem-pic > div > div > div > div > a:focus, .elem-pic-block .pic-container > div .elem-pic > div > div > div > div > a:hover, .elem-pic-block--thumb ul[data-direction=horizontal] li > a:focus, .elem-pic-block--thumb ul[data-direction=horizontal] li > a:hover, .elem-pic-block--thumb > div > div > div > div > a:focus, .elem-pic-block--thumb > div > div > div > div > a:hover, .elem-pic > div > div > div > div > a:focus, .elem-pic > div > div > div > div > a:hover {
    text-decoration: underline;
    color: #a10000
}

.browser-upgrade {
    display: none;
    padding-top: 74px
}

.browser-upgrade > div > div {
    background: #f08300
}

.browser-upgrade > div > div > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10em 22px
}

.browser-upgrade > div > div > div > div {
    text-align: center
}

.browser-upgrade p {
    font-size: 1.286em;
    color: #fff
}

.browser-upgrade p strong {
    color: inherit
}

.browser-upgrade p a {
    color: #fff
}

noscript .noscript-anotation > div > div {
    background: #f08300
}

noscript .noscript-anotation > div > div > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    max-width: 1200px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 12em 22px;
    -js-display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

noscript .noscript-anotation > div > div > div > div {
    text-align: center
}

noscript .noscript-anotation p {
    line-height: 1.75;
    color: #fff
}

noscript .noscript-anotation p span a {
    color: inherit
}

.search-detail-container, .search-result-container {
    padding-bottom: 1.071em
}

.search-detail-container .search-detail--form, .search-detail-container .search-result--form, .search-result-container .search-detail--form, .search-result-container .search-result--form {
    overflow: visible;
    padding-top: 1.429em;
    background-color: #fdfef1
}

.search-detail-container .search-detail--form input[type=checkbox], .search-detail-container .search-detail--form input[type=radio], .search-detail-container .search-result--form input[type=checkbox], .search-detail-container .search-result--form input[type=radio], .search-result-container .search-detail--form input[type=checkbox], .search-result-container .search-detail--form input[type=radio], .search-result-container .search-result--form input[type=checkbox], .search-result-container .search-result--form input[type=radio] {
    display: inline-block;
    margin: 12px 6px 12px 0;
    vertical-align: top
}

.search-detail-container .search-detail--form input[type=checkbox] + label, .search-detail-container .search-detail--form input[type=radio] + label, .search-detail-container .search-result--form input[type=checkbox] + label, .search-detail-container .search-result--form input[type=radio] + label, .search-result-container .search-detail--form input[type=checkbox] + label, .search-result-container .search-detail--form input[type=radio] + label, .search-result-container .search-result--form input[type=checkbox] + label, .search-result-container .search-result--form input[type=radio] + label {
    line-height: 1;
    display: inline-block;
    cursor: pointer
}

.search-detail-container .search-result--form, .search-result-container .search-result--form {
    display: none
}

.search-detail-container .search-result--form .form--share input, .search-result-container .search-result--form .form--share input {
    width: 50%
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div {
    display: table
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form {
    display: table-row
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dd, .search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dt, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dd, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dt {
    display: table-cell;
    width: auto;
    min-width: 125px
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dt, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dt {
    padding-left: 0
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dt > span, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dt > span {
    display: block;
    padding: 12px;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #dee9aa
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dd, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .item--form dd {
    padding-left: 20px
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .elem-txt-list--btn .txt-list--btn, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div .elem-txt-list--btn .txt-list--btn {
    white-space: nowrap
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .elem-txt-list--btn .txt-list--btn li .elem-btn #clear-form, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .elem-txt-list--btn .txt-list--btn li .elem-btn #clear-form {
    font-size: inherit;
    height: auto
}

.search-detail-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div div.item--form, .search-result-container .search-result--form .form-detail-container .form--detail .item--toggle .toggle-body > div div.item--form {
    border-bottom: none
}

.search-detail-container #form-detail--cat div.item--form legend, .search-result-container #form-detail--cat div.item--form legend {
    width: 100%
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form {
    display: inline-block;
    width: 100%;
    padding: 1.429em 0;
    border-bottom: 1px solid #ddd
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form:last-child, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form:last-child {
    border-bottom: none
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form fieldset, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form fieldset {
    padding: 0;
    border: 0;
    border-radius: 0
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form legend, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form legend {
    font-size: 1em;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding: 12px;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #dee9aa
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form__body span, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form__body span {
    display: inline-block;
    margin-right: 2.143em
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form__body span input[type=checkbox] + label, .search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form__body span input[type=radio] + label, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form__body span input[type=checkbox] + label, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form__body span input[type=radio] + label {
    display: inline-block;
    padding: 12px 0 12px 6px;
    vertical-align: top
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=checkbox], .search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=radio], .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=checkbox], .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=radio] {
    padding-right: 12px
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=checkbox] + label, .search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=radio] + label, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=checkbox] + label, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] legend input[type=radio] + label {
    font-weight: 400;
    line-height: 1.4;
    z-index: 0;
    text-align: left;
    white-space: nowrap;
    border-radius: 5px
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] .item--form, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] .item--form {
    padding: 12px 0;
    border-bottom: none
}

.search-detail-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] .item--form__head, .search-result-container .search-detail--form .form-detail-container .form--detail div.item--form[data-stripe=true] .item--form__head {
    font-weight: 700;
    line-height: 1;
    padding: 0 0 0 12px;
    text-align: left;
    color: #92673c;
    background: 0 0
}

.search-detail-container .search-detail--form .item--heading, .search-result-container .search-detail--form .item--heading {
    margin-bottom: 1.429em;
    border-bottom: 2px solid #ddd
}

.search-detail-container .search-detail--form .item--heading > div, .search-result-container .search-detail--form .item--heading > div {
    padding-bottom: 1.429em
}

.search-detail-container .search-detail--form .item--heading h2, .search-result-container .search-detail--form .item--heading h2 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25
}

.search-detail-container .search-detail--form .form--share .item--form dd, .search-result-container .search-detail--form .form--share .item--form dd {
    padding: 0
}

.search-detail-container .search-detail--form .form--share label[for=email], .search-result-container .search-detail--form .form--share label[for=email] {
    padding-right: 1em;
    white-space: nowrap
}

.search-detail-container .search-detail--form .form--share input, .search-result-container .search-detail--form .form--share input {
    width: 500px
}

.search-detail-container .search-detail--form .disabled, .search-result-container .search-detail--form .disabled {
    position: relative
}

.search-detail-container .search-detail--form .disabled input[type=checkbox], .search-result-container .search-detail--form .disabled input[type=checkbox] {
    opacity: .5
}

.search-detail-container .search-detail--form .disabled input[type=checkbox] + label, .search-result-container .search-detail--form .disabled input[type=checkbox] + label {
    color: #ccc
}

.search-detail-container .search-detail--form .disabled input[type=checkbox] + label::before, .search-result-container .search-detail--form .disabled input[type=checkbox] + label::before {
    border: 2px solid #f6f6f6;
    background: #f6f6f6
}

.search-detail-container .search-detail--form .disabled::after, .search-result-container .search-detail--form .disabled::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.search-detail-container .search-detail--form--modifier, .search-result-container .search-detail--form--modifier {
    padding: 2.143em 2.143em 1.786em
}

.search-detail-container .search-detail--form--modifier .form--share, .search-result-container .search-detail--form--modifier .form--share {
    margin-bottom: 0
}

.search-detail-container .search-detail--form--modifier .form--share > div, .search-result-container .search-detail--form--modifier .form--share > div {
    padding: 0
}

.search-detail-container .search-detail--form--modifier .form--share .item--form, .search-result-container .search-detail--form--modifier .form--share .item--form {
    display: table;
    width: 100%
}

.search-detail-container .search-detail--form--modifier .form--share .item--form input, .search-result-container .search-detail--form--modifier .form--share .item--form input {
    width: 500px;
    height: 36px
}

.search-detail-container .search-detail--form--modifier .elem-btn button, .search-result-container .search-detail--form--modifier .elem-btn button {
    height: 36px;
    padding: 0 1em
}

.search-detail-container .search-detail--form--modifier .form--detail, .search-result-container .search-detail--form--modifier .form--detail {
    border-top: none
}

.search-detail-container .search-detail--form--modifier .form--detail::before, .search-result-container .search-detail--form--modifier .form--detail::before {
    display: none
}

.search-detail-container .search-detail--form--modifier .form--detail > div, .search-result-container .search-detail--form--modifier .form--detail > div {
    padding: 0
}

.search-detail-container .search-detail--form--modifier .form--detail .check-list ul, .search-result-container .search-detail--form--modifier .form--detail .check-list ul {
    margin-left: -.357em
}

.search-detail-container .search-detail--form--modifier .form--detail .check-list ul li, .search-result-container .search-detail--form--modifier .form--detail .check-list ul li {
    float: left;
    width: 14.285%;
    padding: .357em 0 0 .357em
}

.search-detail-container .search-detail--form--modifier .form--detail .check-list ul li span, .search-result-container .search-detail--form--modifier .form--detail .check-list ul li span {
    display: table;
    width: 100%
}

.search-detail-container .search-detail--form--modifier .form--detail input[type=checkbox] + label, .search-detail-container .search-detail--form--modifier .form--detail input[type=radio] + label, .search-result-container .search-detail--form--modifier .form--detail input[type=checkbox] + label, .search-result-container .search-detail--form--modifier .form--detail input[type=radio] + label {
    font-size: .857em;
    line-height: 35px;
    display: table-cell;
    height: 35px;
    transition: all .15s ease;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    background-color: #ddd
}

.search-detail-container .search-detail--form--modifier .form--detail input[type=checkbox] + label:hover, .search-detail-container .search-detail--form--modifier .form--detail input[type=radio] + label:hover, .search-result-container .search-detail--form--modifier .form--detail input[type=checkbox] + label:hover, .search-result-container .search-detail--form--modifier .form--detail input[type=radio] + label:hover {
    color: #fff;
    background-color: #f08300
}

.search-detail-container .search-detail--form--modifier .form--detail input[type=checkbox] + label.checked, .search-detail-container .search-detail--form--modifier .form--detail input[type=radio] + label.checked, .search-result-container .search-detail--form--modifier .form--detail input[type=checkbox] + label.checked, .search-result-container .search-detail--form--modifier .form--detail input[type=radio] + label.checked {
    color: #fff;
    background-color: #f08300
}

.search-detail-container .search-detail--form--modifier .form--detail input[type=checkbox] + label.checked::before, .search-detail-container .search-detail--form--modifier .form--detail input[type=radio] + label.checked::before, .search-result-container .search-detail--form--modifier .form--detail input[type=checkbox] + label.checked::before, .search-result-container .search-detail--form--modifier .form--detail input[type=radio] + label.checked::before {
    content: "\E876";
    color: #fff
}

.search-detail-container .form--detail > div, .search-detail-container .form--share > div, .search-detail-container .form--simple > div, .search-detail-container .item--heading > div, .search-detail-container .search-detail--button > div, .search-detail-container .search-result--button > div, .search-result-container .form--detail > div, .search-result-container .form--share > div, .search-result-container .form--simple > div, .search-result-container .item--heading > div, .search-result-container .search-detail--button > div, .search-result-container .search-result--button > div {
    padding: 0 2.143em
}

.search-detail-container .form--detail, .search-detail-container .form--share, .search-detail-container .form--simple, .search-result-container .form--detail, .search-result-container .form--share, .search-result-container .form--simple {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.search-detail-container .form--detail dl.item--form, .search-detail-container .form--share dl.item--form, .search-detail-container .form--simple dl.item--form, .search-result-container .form--detail dl.item--form, .search-result-container .form--share dl.item--form, .search-result-container .form--simple dl.item--form {
    display: table;
    width: 100%
}

.search-detail-container .form--detail dl.item--form dd, .search-detail-container .form--detail dl.item--form dt, .search-detail-container .form--share dl.item--form dd, .search-detail-container .form--share dl.item--form dt, .search-detail-container .form--simple dl.item--form dd, .search-detail-container .form--simple dl.item--form dt, .search-result-container .form--detail dl.item--form dd, .search-result-container .form--detail dl.item--form dt, .search-result-container .form--share dl.item--form dd, .search-result-container .form--share dl.item--form dt, .search-result-container .form--simple dl.item--form dd, .search-result-container .form--simple dl.item--form dt {
    font-size: 1em;
    display: table-cell;
    vertical-align: top
}

.search-detail-container .form--detail dl.item--form dt, .search-detail-container .form--share dl.item--form dt, .search-detail-container .form--simple dl.item--form dt, .search-result-container .form--detail dl.item--form dt, .search-result-container .form--share dl.item--form dt, .search-result-container .form--simple dl.item--form dt {
    position: relative;
    width: 125px;
    padding: 12px 0 12px 12px
}

.search-detail-container .form--detail dl.item--form dt span, .search-detail-container .form--share dl.item--form dt span, .search-detail-container .form--simple dl.item--form dt span, .search-result-container .form--detail dl.item--form dt span, .search-result-container .form--share dl.item--form dt span, .search-result-container .form--simple dl.item--form dt span {
    font-weight: 700
}

.search-detail-container .form--detail dl.item--form dt input[type=checkbox], .search-detail-container .form--detail dl.item--form dt input[type=radio], .search-detail-container .form--share dl.item--form dt input[type=checkbox], .search-detail-container .form--share dl.item--form dt input[type=radio], .search-detail-container .form--simple dl.item--form dt input[type=checkbox], .search-detail-container .form--simple dl.item--form dt input[type=radio], .search-result-container .form--detail dl.item--form dt input[type=checkbox], .search-result-container .form--detail dl.item--form dt input[type=radio], .search-result-container .form--share dl.item--form dt input[type=checkbox], .search-result-container .form--share dl.item--form dt input[type=radio], .search-result-container .form--simple dl.item--form dt input[type=checkbox], .search-result-container .form--simple dl.item--form dt input[type=radio] {
    position: absolute;
    top: 2.071em;
    left: 12px;
    margin-right: 0
}

.search-detail-container .form--detail dl.item--form dt input[type=checkbox] + label, .search-detail-container .form--detail dl.item--form dt input[type=radio] + label, .search-detail-container .form--share dl.item--form dt input[type=checkbox] + label, .search-detail-container .form--share dl.item--form dt input[type=radio] + label, .search-detail-container .form--simple dl.item--form dt input[type=checkbox] + label, .search-detail-container .form--simple dl.item--form dt input[type=radio] + label, .search-result-container .form--detail dl.item--form dt input[type=checkbox] + label, .search-result-container .form--detail dl.item--form dt input[type=radio] + label, .search-result-container .form--share dl.item--form dt input[type=checkbox] + label, .search-result-container .form--share dl.item--form dt input[type=radio] + label, .search-result-container .form--simple dl.item--form dt input[type=checkbox] + label, .search-result-container .form--simple dl.item--form dt input[type=radio] + label {
    line-height: 1.4;
    z-index: 0;
    padding: 12px 16px 12px 36px;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #dee9aa
}

.search-detail-container .form--detail dl.item--form dd, .search-detail-container .form--share dl.item--form dd, .search-detail-container .form--simple dl.item--form dd, .search-result-container .form--detail dl.item--form dd, .search-result-container .form--share dl.item--form dd, .search-result-container .form--simple dl.item--form dd {
    padding: 12px 0
}

.search-detail-container .form--detail dl.item--form dd input[type=checkbox] + label, .search-detail-container .form--detail dl.item--form dd input[type=radio] + label, .search-detail-container .form--share dl.item--form dd input[type=checkbox] + label, .search-detail-container .form--share dl.item--form dd input[type=radio] + label, .search-detail-container .form--simple dl.item--form dd input[type=checkbox] + label, .search-detail-container .form--simple dl.item--form dd input[type=radio] + label, .search-result-container .form--detail dl.item--form dd input[type=checkbox] + label, .search-result-container .form--detail dl.item--form dd input[type=radio] + label, .search-result-container .form--share dl.item--form dd input[type=checkbox] + label, .search-result-container .form--share dl.item--form dd input[type=radio] + label, .search-result-container .form--simple dl.item--form dd input[type=checkbox] + label, .search-result-container .form--simple dl.item--form dd input[type=radio] + label {
    padding: 12px 0 12px 6px
}

.search-detail-container .form--detail dl.item--form ul li, .search-detail-container .form--share dl.item--form ul li, .search-detail-container .form--simple dl.item--form ul li, .search-result-container .form--detail dl.item--form ul li, .search-result-container .form--share dl.item--form ul li, .search-result-container .form--simple dl.item--form ul li {
    display: inline-block;
    margin-right: 2.143em
}

.search-detail-container .form--detail dl.item--form p.note, .search-detail-container .form--share dl.item--form p.note, .search-detail-container .form--simple dl.item--form p.note, .search-result-container .form--detail dl.item--form p.note, .search-result-container .form--share dl.item--form p.note, .search-result-container .form--simple dl.item--form p.note {
    font-size: .857em
}

.search-detail-container .form--detail label, .search-detail-container .form--share label, .search-detail-container .form--simple label, .search-result-container .form--detail label, .search-result-container .form--share label, .search-result-container .form--simple label {
    cursor: pointer
}

.search-detail-container .form--share, .search-result-container .form--share {
    margin-bottom: 1.429em
}

.search-detail-container .form--share dl.item--form dt, .search-result-container .form--share dl.item--form dt {
    padding: .357em 0
}

.search-detail-container .form--share input[type=text], .search-result-container .form--share input[type=text] {
    padding: .357em 1.143em;
    border: 1px solid #ddd;
    border-radius: 5px
}

.search-detail-container .form--simple, .search-result-container .form--simple {
    padding-top: 1.429em
}

.search-detail-container .form--simple .item--form > dd, .search-detail-container .form--simple .item--form > dt, .search-result-container .form--simple .item--form > dd, .search-result-container .form--simple .item--form > dt {
    padding: 1.429em 0 1.429em 12px;
    vertical-align: middle
}

.search-detail-container .form--simple .item--form[data-bg-color="1"], .search-result-container .form--simple .item--form[data-bg-color="1"] {
    background-color: #f5f7db
}

.search-detail-container .form--simple .item--form:not([data-bg-color="1"]) + .item--form:not([data-bg-color="1"]), .search-result-container .form--simple .item--form:not([data-bg-color="1"]) + .item--form:not([data-bg-color="1"]) {
    border-top: 1px solid #ddd
}

.search-detail-container .form--simple select, .search-result-container .form--simple select {
    width: 240px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.search-detail-container .form--detail, .search-result-container .form--detail {
    position: relative;
    border-top: 1px solid #ddd
}

.search-detail-container .form--detail::before, .search-result-container .form--detail::before {
    position: absolute;
    top: .357em;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -48px;
    content: "";
    border-width: 20px 48px 0 48px;
    border-style: solid;
    border-color: #dee9aa transparent transparent transparent
}

.search-detail-container .form--detail > div, .search-result-container .form--detail > div {
    margin-top: 2.5em
}

.search-detail-container .form--detail > div > .item--form, .search-result-container .form--detail > div > .item--form {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.search-detail-container .form--detail > div > .item--form:last-child, .search-result-container .form--detail > div > .item--form:last-child {
    border-bottom: none
}

.search-detail-container .form--detail > div > .item--form > dd, .search-detail-container .form--detail > div > .item--form > dt, .search-result-container .form--detail > div > .item--form > dd, .search-result-container .form--detail > div > .item--form > dt {
    padding: 1.429em 0
}

.search-detail-container .form--detail > div > .item--form > dt > span, .search-result-container .form--detail > div > .item--form > dt > span {
    display: block;
    padding: 12px;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #dee9aa
}

.search-detail-container .form--detail > div > .item--form > dd, .search-result-container .form--detail > div > .item--form > dd {
    padding-left: 20px
}

.search-detail-container .form--detail > div > .item--form > dd dt, .search-result-container .form--detail > div > .item--form > dd dt {
    padding-left: 0;
    color: #92673c
}

.search-detail-container .form--detail > div > .item--form[data-stripe=true] .item--form:nth-child(odd), .search-result-container .form--detail > div > .item--form[data-stripe=true] .item--form:nth-child(odd) {
    background-color: #f5f7db
}

.search-detail-container .form--detail > div > .item--form[data-stripe=true] .item--form dt, .search-result-container .form--detail > div > .item--form[data-stripe=true] .item--form dt {
    line-height: 1;
    padding-left: 12px
}

.search-detail-container .form--detail[data-arrow=false], .search-result-container .form--detail[data-arrow=false] {
    padding: 0
}

.search-detail-container .form--detail[data-arrow=false]::before, .search-result-container .form--detail[data-arrow=false]::before {
    display: none
}

.search-detail-container .form--detail[data-arrow=false] > div, .search-result-container .form--detail[data-arrow=false] > div {
    padding-top: 0
}

.search-detail-container .form--detail[data-arrow=false] dl.item--form dd, .search-detail-container .form--detail[data-arrow=false] dl.item--form dt, .search-result-container .form--detail[data-arrow=false] dl.item--form dd, .search-result-container .form--detail[data-arrow=false] dl.item--form dt {
    vertical-align: middle
}

.search-detail-container .form--detail + .form--detail > div > .item--form > dd, .search-result-container .form--detail + .form--detail > div > .item--form > dd {
    vertical-align: middle
}

.search-detail-container .search-detail--button, .search-detail-container .search-result--button, .search-result-container .search-detail--button, .search-result-container .search-result--button {
    padding: 1.429em 0;
    border-top: 1px solid #ddd;
    background-color: #eee
}

.search-detail-container .search-detail--button .txt-list--btn li, .search-detail-container .search-result--button .txt-list--btn li, .search-result-container .search-detail--button .txt-list--btn li, .search-result-container .search-result--button .txt-list--btn li {
    width: auto;
    vertical-align: bottom
}

.search-detail-container .search-detail--button .txt-list--btn li:first-child .elem-btn > div, .search-detail-container .search-result--button .txt-list--btn li:first-child .elem-btn > div, .search-result-container .search-detail--button .txt-list--btn li:first-child .elem-btn > div, .search-result-container .search-result--button .txt-list--btn li:first-child .elem-btn > div {
    max-width: 120px;
    margin: 0
}

.search-detail-container .search-detail--button .txt-list--btn li:last-child, .search-detail-container .search-result--button .txt-list--btn li:last-child, .search-result-container .search-detail--button .txt-list--btn li:last-child, .search-result-container .search-result--button .txt-list--btn li:last-child {
    margin-left: 1.429em
}

.search-detail-container .search-detail--button .txt-list--btn li:last-child .elem-btn a, .search-detail-container .search-result--button .txt-list--btn li:last-child .elem-btn a, .search-result-container .search-detail--button .txt-list--btn li:last-child .elem-btn a, .search-result-container .search-result--button .txt-list--btn li:last-child .elem-btn a {
    padding: .357em .714em
}

.search-detail-container .search-detail--button .txt-list--btn li:last-child .elem-btn a span, .search-detail-container .search-result--button .txt-list--btn li:last-child .elem-btn a span, .search-result-container .search-detail--button .txt-list--btn li:last-child .elem-btn a span, .search-result-container .search-result--button .txt-list--btn li:last-child .elem-btn a span {
    font-size: .857em
}

.search-detail-container .search-detail--button .txt-list--btn li > .elem-btn[data-btn-color="2"] button, .search-detail-container .search-result--button .txt-list--btn li > .elem-btn[data-btn-color="2"] button, .search-result-container .search-detail--button .txt-list--btn li > .elem-btn[data-btn-color="2"] button, .search-result-container .search-result--button .txt-list--btn li > .elem-btn[data-btn-color="2"] button {
    font-size: 18px;
    height: inherit;
    padding: .929em 1em
}

.search-detail-container .search-detail--button .txt-list--btn li > .elem-btn[data-btn-color="3"] > div > div:hover, .search-detail-container .search-result--button .txt-list--btn li > .elem-btn[data-btn-color="3"] > div > div:hover, .search-result-container .search-detail--button .txt-list--btn li > .elem-btn[data-btn-color="3"] > div > div:hover, .search-result-container .search-result--button .txt-list--btn li > .elem-btn[data-btn-color="3"] > div > div:hover {
    background-color: #e6e6e6
}

.search-result--head > div {
    display: table;
    width: 100%
}

.search-result--head .elem-heading-lv1 {
    font-size: 1em;
    display: inline-block
}

.search-result--head .elem-heading-lv1 .heading-container .title-holder h1 span::before {
    margin-right: 0;
    content: normal
}

.search-result--head .search-result--count {
    display: inline-block;
    padding-right: .714em
}

.search-result--head .search-result--count p {
    font-size: 24px;
    font-weight: 700;
    color: #5a3a3a
}

.search-result--head .search-result--more {
    display: inline-block
}

.search-result--head .search-result--more a, .search-result--head .search-result--more button {
    font-size: 14px;
    line-height: 32px;
    display: block;
    overflow: unset;
    height: 32px;
    margin-bottom: -.286em;
    padding: .143em .714em;
    color: #333;
    border: none;
    border-radius: 5px;
    background: #ddd
}

.search-result--head .search-result--more a span, .search-result--head .search-result--more button span {
    font-weight: 700;
    position: relative;
    padding-left: 1em
}

.search-result--head .search-result--more a span::before, .search-result--head .search-result--more button span::before {
    font-size: 1.286em;
    font-weight: 400;
    position: absolute;
    top: .071em;
    left: -.214em;
    content: "\E145";
    color: #333
}

.ie .search-result--head .search-result--more a span::before, .ie .search-result--head .search-result--more button span::before {
    font-size: 18px;
    top: 0
}

.android .search-result--head .search-result--more a span::before, .android .search-result--head .search-result--more button span::before, .ios .search-result--head .search-result--more a span::before, .ios .search-result--head .search-result--more button span::before {
    top: -.071em
}

.android4_4 .search-result--head .search-result--more a span::before, .android4_4 .search-result--head .search-result--more button span::before {
    top: -.143em
}

.search-result--head .search-result--more a.active span::before, .search-result--head .search-result--more button.active span::before {
    content: "\E15B"
}

.search-result--head .search-result--more a.link span::before, .search-result--head .search-result--more button.link span::before {
    font-size: 16px;
    top: 2px;
    content: "\E037";
    text-decoration: none;
    color: #a10000
}

.ie .search-result--head .search-result--more a.link span::before, .ie .search-result--head .search-result--more button.link span::before {
    font-size: 16px;
    top: 3px
}

.android .search-result--head .search-result--more a.link span::before, .android .search-result--head .search-result--more button.link span::before {
    top: -.143em
}

.search-result--head .search-result--display {
    display: inline-block;
    vertical-align: top
}

.search-result--head .elem-txt-list-pagenation {
    display: inline-block;
    margin-top: -.5em;
    vertical-align: top
}

.search-result--head .elem-txt-list-pagenation .txt-list-pagenation {
    margin: 0 .286em
}

.sort-container {
    text-align: right
}

.sort-container select {
    font-size: 1em;
    width: 300px;
    padding: .357em;
    color: #999;
    border: 1px solid #ddd;
    border-radius: 3px
}

.sort-container[data-align=right] select {
    float: right
}

.form-container--recipe {
    position: relative
}

.form-container--recipe > div {
    float: right;
    width: 282px;
    height: 40px
}

.form-container--recipe form .input-components--search {
    width: 63.83%
}

.form-container--recipe form .input-components--submit {
    width: 35.461%
}

.item--recipe .elem-pic-block .txt-container .txt-body {
    width: 100%
}

.item--recipe .elem-pic-block .txt-container .txt-body dl {
    display: inline-block;
    vertical-align: top
}

.item--recipe .elem-pic-block .txt-container .txt-body dl + dl {
    padding-left: 4px
}

.item--recipe .elem-pic-block .txt-container .txt-body dl dd, .item--recipe .elem-pic-block .txt-container .txt-body dl dt {
    font-size: 12px;
    float: left
}

.item--recipe .elem-pic-block .txt-container .txt-body dl .material-icons {
    font-size: 16px;
    position: relative;
    top: -1px;
    margin-right: .286em
}

.item--recipe .elem-pic-block .txt-container .txt-body dl .material-icons.icon--salt {
    line-height: 11px;
    width: 13px;
    height: 13px
}

.item--recipe .elem-pic-block .txt-container .txt-body dl .material-icons.icon--salt::before {
    content: url(/static/img/img-common/icons/salt.svg)
}

.item--recipe .elem-pic-block .txt-container .txt-body dl:nth-child(1) .material-icons {
    color: #5a9014
}

.item--recipe .elem-pic-block .txt-container .txt-body dl:nth-child(2) .material-icons {
    color: #cf7797
}

.item--recipe .elem-pic-block .txt-container .txt-foot {
    font-size: 14px;
    padding: .714em 1.071em;
    border: 1px solid #ddd
}

.item--recipe .elem-pic-block[data-direction=horizontal] .txt-container .txt-body dl dd, .item--recipe .elem-pic-block[data-direction=horizontal] .txt-container .txt-body dl dt {
    font-size: 14px
}

.elem-pic-block--recipe-overview {
    margin: 0 auto 2.143em
}

.elem-pic-block--recipe-overview > div > div > div > div {
    width: 100%
}

.elem-pic-block--recipe-overview .pic-container {
    width: 648px
}

.elem-pic-block--recipe-overview .pic-container .holder img {
    width: 100%
}

.elem-pic-block--recipe-overview .pic-container .holder--movie {
    display: none
}

.elem-pic-block--recipe-overview .pic-container .holder--movie img {
    display: none
}

.elem-pic-block--recipe-overview .pic-container .holder--movie img.show {
    display: block
}

.elem-pic-block--recipe-overview .txt-container {
    position: relative;
    width: 370px;
    padding-left: 2.852%
}

.elem-pic-block--recipe-overview .txt-container > div > [class^=txt-] {
    width: 100%
}

.elem-pic-block--recipe-overview .txt-container > div > [class^=txt-] + [class^=txt-] {
    margin-top: 5%
}

.elem-pic-block--recipe-overview .txt-container .txt-body > div + div {
    margin-top: 5%
}

.elem-pic-block--recipe-overview .txt-container .txt-foot [class^=elem]:last-child {
    margin-bottom: 0
}

.elem-pic-block--recipe-overview .txt-container .elem-txt-list--note .txt-list--note > li > div {
    padding-top: 0
}

.elem-pic-block--recipe-overview .share-container {
    padding-bottom: 0
}

.elem-pic-block--recipe-overview .share-container .share--content ul {
    width: 100%;
    margin-left: -.357em;
    letter-spacing: -.4em
}

.elem-pic-block--recipe-overview .share-container .share--content ul li {
    width: 35px;
    height: 30px;
    margin-top: .357em;
    padding-left: .357em;
    vertical-align: top;
    letter-spacing: normal
}

.elem-pic-block--recipe-overview .share-container .share--content ul li.movie-btn {
    display: block;
    width: auto
}

.elem-pic-block--recipe-overview .share-container .share--content ul li.movie-btn .elem-btn {
    display: inline-block !important
}

.elem-pic-block--recipe-overview .share-container .share--content ul li.movie-btn .elem-btn .btn {
    line-height: 30px;
    width: auto;
    height: 30px;
    padding: 0 10px 0 25px
}

.elem-pic-block--recipe-overview .share-container .share--content ul li.movie-btn .elem-btn button.btn span i {
    top: 0;
    bottom: 0;
    margin: auto
}

.elem-pic-block--recipe-overview .share-container .share--content ul li a, .elem-pic-block--recipe-overview .share-container .share--content ul li button {
    width: 30px;
    height: inherit;
    padding: 0;
    border: none;
    background: 0 0
}

.ie .elem-pic-block--recipe-overview .share-container .share--content ul li a img, .ie .elem-pic-block--recipe-overview .share-container .share--content ul li button img {
    display: block;
    width: inherit;
    height: inherit
}

.elem-pic-block--recipe-overview .share-container .share--content ul li a {
    display: block
}

.elem-pic-block--recipe-overview .elem-btn {
    display: none
}

.elem-pic-block--recipe-overview .elem-btn > div {
    max-width: 100%
}

.elem-pic-block--recipe-overview #js-movie-container {
    display: none
}

.elem-pic-block--recipe-overview #js-movie-container.show {
    display: block
}

.recipe-overview-list {
    margin-left: .286em
}

.elem-pic-block--recipe-overview .recipe-overview-list {
    margin-left: 0
}

.recipe-overview-list .title {
    font-size: 16px;
    display: inline-block;
    padding-right: 1.071em;
    color: #999
}

.recipe-overview-list dl {
    display: inline-block
}

.elem-pic-block--recipe-overview .recipe-overview-list dl {
    display: table;
    float: left;
    width: 33.333%;
    padding: 4px
}

.elem-pic-block--recipe-overview .recipe-overview-list dl:first-child {
    border-radius: 4px 0 0 4px
}

.elem-pic-block--recipe-overview .recipe-overview-list dl:last-child {
    border-radius: 0 4px 4px 0
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=time] {
    background-color: #dae9bc
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=time] > dt {
    color: #5a9014;
    background-color: #dae9bc
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=time] > dt .material-icons {
    color: #5a9014
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=calorie] {
    background-color: #f3d6cd
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=calorie] > dt {
    color: #cf7797;
    background-color: #f3d6cd
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=calorie] > dt .material-icons {
    color: #cf7797
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=salt] {
    background-color: #dfd9ce
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=salt] > dt {
    color: #999;
    background-color: #dfd9ce
}

.elem-pic-block--recipe-overview .recipe-overview-list dl[data-label=salt] > dt .material-icons {
    color: #999
}

.recipe-overview-list dl:not(:first-child)::before {
    display: inline-block;
    width: 1px;
    height: 20px;
    content: "";
    vertical-align: sub;
    background: #ddd
}

.elem-pic-block--recipe-overview .recipe-overview-list dl:not(:first-child)::before {
    display: none
}

.recipe-overview-list dl:not(:first-child) > dt {
    padding-left: 1.071em
}

.recipe-overview-list dl > dd, .recipe-overview-list dl > dt {
    font-size: 14px;
    display: inline-block
}

.elem-pic-block--recipe-overview .recipe-overview-list dl > dd, .elem-pic-block--recipe-overview .recipe-overview-list dl > dt {
    display: block;
    text-align: center
}

.elem-pic-block--recipe-overview .recipe-overview-list dl > dt {
    display: table;
    width: 100%;
    padding: 4px 0 6px
}

.elem-pic-block--recipe-overview .recipe-overview-list dl > dt > span {
    display: table-cell;
    vertical-align: middle
}

.elem-pic-block--recipe-overview .recipe-overview-list dl > dt > span .material-icons {
    display: block;
    height: 24px;
    margin: 0 auto
}

.elem-pic-block--recipe-overview .recipe-overview-list dl > dt > span span {
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-top: .25em;
    white-space: nowrap
}

.recipe-overview-list dl > dt .material-icons {
    position: relative;
    color: #999
}

.recipe-overview-list dl > dt .material-icons.icon--salt {
    font-size: 22px;
    margin-top: .5em;
    padding: 1px 0
}

.recipe-overview-list dl > dt .material-icons.icon--salt::before {
    content: url(/static/img/img-common/icons/salt.svg)
}

.recipe-overview-list dl > dd {
    padding: 0 1.071em
}

.elem-pic-block--recipe-overview .recipe-overview-list dl > dd {
    padding: .714em 0;
    border-radius: 4px;
    background-color: #fff
}

.elem-horizontal-line--recipe-overview {
    margin: 1.071em auto
}

.ie9 .elem-horizontal-line--recipe-overview[data-justify-content=between] > div > div > div > div .horizontal-container {
    float: none !important
}

.elem-horizontal-line--recipe-overview[data-justify-content=between] > div > div > div > div .elem-horizontal-line[data-column-break=false] .horizontal-container:not(:first-child), .elem-horizontal-line--recipe-overview[data-justify-content=between] > div > div > div > div [data-column-break=false].elem-horizontal-line--recipe-overview .horizontal-container:not(:first-child) {
    margin-left: 7px
}

.elem-horizontal-line--recipe-overview .horizontal-container .elem-paragraph p {
    font-size: 11px;
    line-height: 1.6
}

.elem-horizontal-line--recipe-overview .horizontal-container .elem-btn a {
    font-size: 11px;
    line-height: inherit;
    min-width: 8.571em;
    height: inherit;
    padding: .929em 0 .786em 1.2em;
    text-overflow: inherit
}

.elem-horizontal-line--recipe-overview .horizontal-container .elem-btn a span {
    position: relative;
    padding-left: 1em
}

.elem-horizontal-line--recipe-overview .horizontal-container .elem-btn a span .material-icons {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: -.45em
}

#kikkoman-ingredients-form .elem-txt-list--btn .txt-list--btn[data-direction=horizontal] > li {
    width: auto;
    vertical-align: top
}

#kikkoman-ingredients-form .elem-txt-list--btn .txt-list--btn[data-direction=horizontal] > li .elem-btn[data-size=small] > div > div > div > div a {
    font-size: 12px
}

#kikkoman-ingredients-form .elem-txt-list--btn .txt-list--btn[data-direction=horizontal] > li + li {
    margin-left: .571em
}

.elem-heading-lv2 + #kikkoman-ingredients-form .ingredients-form--list dl dd, .elem-heading-lv2 + #kikkoman-ingredients-form .ingredients-form--list dl dt {
    padding-top: 0
}

#kikkoman-ingredients-form .ingredients-form--list dl dd, #kikkoman-ingredients-form .ingredients-form--list dl dt {
    line-height: 1;
    padding: .75em 0
}

.divide-layout--ir-top > div {
    padding: 20px 22px;
    background-color: #f6f6f6
}

.divide-layout--ir-top > div > div > div > div {
    margin: 0 -.714%
}

.divide-layout--ir-top[data-column="3"] .item--divide {
    width: 33.333%;
    margin: 0 auto;
    padding: 0 .714%
}

.footer-extension-nav > div {
    border-top: solid 1px #ddd;
    background: #fff
}

.footer-extension-nav > div > div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 55px 3.333%
}

.footer-extension-nav header h2 {
    font-size: 1.143em;
    font-weight: 700
}

.footer-extension-nav header h3 {
    font-size: 1em;
    margin-top: .357em
}

.footer-extension-nav .extension-nav-body {
    display: table;
    width: 100%;
    margin-top: .571em
}

.footer-extension-nav .extension-nav-body dl {
    display: table-row
}

.footer-extension-nav .extension-nav-body dl dd, .footer-extension-nav .extension-nav-body dl dt {
    display: table-cell;
    vertical-align: middle
}

.footer-extension-nav .extension-nav-body dl dt {
    font-weight: 700;
    width: 1%;
    padding: 0 1em 0 0;
    white-space: nowrap;
    color: #5a3a3a
}

.footer-extension-nav .extension-nav-body dl dd {
    padding: 7px 0
}

.footer-extension-nav .extension-nav-body dl dd ul {
    padding: 7px 0 7px 1em;
    border-left: solid 1px #ddd
}

.footer-extension-nav .extension-nav-body dl dd ul li {
    display: inline-block;
    vertical-align: middle
}

.footer-extension-nav .extension-nav-body dl dd ul li::before {
    padding: 0 .571em;
    content: "|"
}

.footer-extension-nav .extension-nav-body dl dd ul li:first-child::before {
    content: none
}

.elem-extension-nav .extension-nav-body > dl {
    display: table;
    width: 100%
}

.elem-extension-nav .extension-nav-body > dl:not(:first-child) {
    margin-top: .714em
}

.elem-extension-nav .extension-nav-body > dl > dd, .elem-extension-nav .extension-nav-body > dl > dt {
    display: table-cell;
    vertical-align: middle
}

.elem-extension-nav .extension-nav-body > dl dt {
    font-size: 1.143em;
    font-weight: 700;
    width: 1%;
    padding: 0 1em;
    white-space: nowrap;
    color: #5a3a3a
}

.elem-extension-nav .extension-nav-body > dl dd {
    padding: 7px 0
}

.elem-extension-nav .extension-nav-body > dl dd ul {
    padding: 7px 0 7px 1.286em;
    border-left: solid 1px #ddd
}

.elem-extension-nav .extension-nav-body > dl dd ul li {
    font-size: .929em;
    display: inline-block;
    float: left;
    margin-left: 1.269%;
    padding: .357em 1.269% .357em 0
}

.elem-extension-nav .extension-nav-body > dl dd ul li::before {
    display: none
}

.elem-extension-nav .extension-nav-body > dl dd ul li > a > span {
    position: relative
}

.elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before {
    font-size: 13px;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: -1.1em;
    content: "\E037";
    text-decoration: none;
    color: #a10000;
    speak: none
}

.ie10 .elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before, .ie11 .elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before, .ie9 .elem-extension-nav .extension-nav-body > dl dd ul li > a > span::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

.ie10 .elem-extension-nav .extension-nav-body > dl dd ul li > a:active, .ie10 .elem-extension-nav .extension-nav-body > dl dd ul li > a:hover, .ie10 .elem-extension-nav .extension-nav-body > dl dd ul li > a:link, .ie10 .elem-extension-nav .extension-nav-body > dl dd ul li > a:visited, .ie11 .elem-extension-nav .extension-nav-body > dl dd ul li > a:active, .ie11 .elem-extension-nav .extension-nav-body > dl dd ul li > a:hover, .ie11 .elem-extension-nav .extension-nav-body > dl dd ul li > a:link, .ie11 .elem-extension-nav .extension-nav-body > dl dd ul li > a:visited, .ie9 .elem-extension-nav .extension-nav-body > dl dd ul li > a:active, .ie9 .elem-extension-nav .extension-nav-body > dl dd ul li > a:hover, .ie9 .elem-extension-nav .extension-nav-body > dl dd ul li > a:link, .ie9 .elem-extension-nav .extension-nav-body > dl dd ul li > a:visited {
    overflow: inherit
}

.elem-extension-nav .extension-nav-body > dl dd ul[data-column="6"] li {
    width: 18.5%
}

.elem-extension-nav .extension-nav-body > dl dd ul[data-column="8"] li {
    width: 11.22%
}

.elem-extension-nav .extension-nav-body > dl[data-direction=vertical] {
    padding: 1em
}

.elem-extension-nav .extension-nav-body > dl[data-direction=vertical] > dd, .elem-extension-nav .extension-nav-body > dl[data-direction=vertical] > dt {
    display: inline-block;
    width: 100%;
    padding: 0
}

.elem-extension-nav .extension-nav-body > dl[data-direction=vertical] dd {
    padding-top: .5em
}

.elem-extension-nav .extension-nav-body > dl[data-direction=vertical] dd ul {
    padding: 0;
    border-left: none
}

.elem-legend-list {
    margin: 2.143em 0
}

.elem-legend-list > div > div > div > div {
    display: table;
    overflow: hidden;
    width: 100%;
    border-radius: 5px
}

.elem-legend-list .legend-head {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    background-color: #b1a484
}

.elem-legend-list .legend-head > div {
    padding: 0 1em
}

.elem-legend-list .legend-head h3 {
    font-size: 1.143em;
    font-weight: 700;
    white-space: nowrap;
    color: #fff
}

.elem-legend-list .legend-body {
    display: table-cell;
    vertical-align: middle;
    border-left: solid 1px #ddd
}

.elem-legend-list .legend-body > div {
    padding: 1em;
    background-color: #f4f2e6
}

.elem-legend-list .legend-body dl {
    display: inline-block;
    vertical-align: top
}

.elem-legend-list .legend-body dl + dl {
    padding-left: 10px
}

.elem-legend-list .legend-body dl dd, .elem-legend-list .legend-body dl dt {
    font-size: 14px;
    float: left
}

.elem-legend-list .legend-body dl .material-icons {
    font-size: 18px;
    position: relative;
    top: -1px;
    margin-right: .286em
}

.elem-legend-list .legend-body dl .material-icons.icon--salt {
    line-height: 13px;
    width: 15px;
    height: 15px
}

.elem-legend-list .legend-body dl .material-icons.icon--salt::before {
    content: url(/static/img/img-common/icons/salt.svg)
}

.elem-legend-list .legend-body dl:nth-child(1) .material-icons {
    color: #5a9014
}

.elem-legend-list .legend-body dl:nth-child(2) .material-icons {
    color: #cf7797
}

.elem-legend-list .legend-body .note {
    font-size: 12px;
    display: block;
    margin-top: .357em
}

.table-set--seasonal-calendar {
    margin: 0 auto 1.429em
}

.table-set--seasonal-calendar table tr td, .table-set--seasonal-calendar table tr th {
    border: none
}

.table-set--seasonal-calendar table tr th {
    font-size: 1em;
    padding: .75em .5em
}

.table-set--seasonal-calendar table tr th.month {
    text-align: center
}

.table-set--seasonal-calendar table tr th.month:not(:first-child) {
    border-left: 1px solid #fff
}

.table-set--seasonal-calendar table tr th.ingredient {
    width: 16%
}

.table-set--seasonal-calendar table tr th.ingredient > a {
    position: relative;
    display: block;
    padding-left: 1.2em
}

.table-set--seasonal-calendar table tr th.ingredient > a.popup-iframe-sp-disable::after {
    font-size: 1em;
    margin-left: .214em;
    content: "\E89E";
    text-decoration: none;
    color: #fff
}

.ie10 .table-set--seasonal-calendar table tr th.ingredient > a.popup-iframe-sp-disable::after, .ie9 .table-set--seasonal-calendar table tr th.ingredient > a.popup-iframe-sp-disable::after {
    font-size: 16px
}

.table-set--seasonal-calendar table tr th.ingredient > a > span {
    position: relative
}

.table-set--seasonal-calendar table tr th.ingredient > a > span::before {
    font-size: 1.143em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -1.2em;
    content: "\E037";
    text-decoration: none;
    speak: none
}

.ie9 .table-set--seasonal-calendar table tr th.ingredient > a > span::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

.table-set--seasonal-calendar table tr td {
    font-size: .929em;
    width: 7%;
    padding: .75em 0;
    text-align: center;
    color: #ccc
}

.table-set--seasonal-calendar table tr td[data-season=true] {
    position: relative;
    padding: 0
}

.table-set--seasonal-calendar table tr td[data-season=true] a {
    display: block;
    padding: 1em 0
}

.table-set--seasonal-calendar table tr td[data-season=true] a:hover {
    text-decoration: none
}

.table-set--seasonal-calendar table tr td[data-season=true] span {
    line-height: 1;
    position: relative;
    z-index: 9;
    display: block
}

.table-set--seasonal-calendar table tr td[data-season=true]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2em;
    height: 2em;
    content: "";
    transform: translate(-50%, -50%);
    border-radius: 100%
}

.ie9 .table-set--seasonal-calendar table tr td[data-season=true]::before {
    margin: -1em 0 0 -1em
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table {
    border-color: #dbeece
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr:nth-child(even) th.ingredient {
    background-color: #2a6f26
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr:nth-child(even) td {
    background-color: #dbeece
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr th {
    background-color: #679f45
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr th.month {
    color: #fff;
    background-color: #315a36
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr th.ingredient {
    color: #fff;
    background-color: #679f45
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr th.ingredient > a {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr th.ingredient > a > span::before {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr td {
    background-color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr td[data-season=true] span {
    color: #fff;
    background-color: #6cbb37
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] table tr td[data-season=true]::before {
    background-color: #6cbb37
}

.table-set--seasonal-calendar[data-calendar-type=vegetable] .note .seasonal-color {
    background-color: #6cbb37
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table {
    border-color: #f7e3d1
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr:nth-child(even) th.ingredient {
    background-color: #e7440e
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr:nth-child(even) td {
    background-color: #f7e3d1
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr th {
    background-color: #ea8e6f
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr th.month {
    color: #fff;
    background-color: #693c1e
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr th.ingredient {
    color: #fff;
    background-color: #ea8e6f
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr th.ingredient > a {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr th.ingredient > a > span::before {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr td {
    background-color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr td[data-season=true] span {
    color: #fff;
    background-color: #ff852e
}

.table-set--seasonal-calendar[data-calendar-type=fruit] table tr td[data-season=true]::before {
    background-color: #ff852e
}

.table-set--seasonal-calendar[data-calendar-type=fruit] .note .seasonal-color {
    background-color: #ff852e
}

.table-set--seasonal-calendar[data-calendar-type=fish] table {
    border-color: #d1deeb
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr:nth-child(even) th.ingredient {
    background-color: #1933a2
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr:nth-child(even) td {
    background-color: #d1deeb
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr th {
    background-color: #567cb5
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr th.month {
    color: #fff;
    background-color: #1a4c70
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr th.ingredient {
    color: #fff;
    background-color: #567cb5
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr th.ingredient > a {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr th.ingredient > a > span::before {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr td {
    background-color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr td[data-season=true] span {
    color: #fff;
    background-color: #6093eb
}

.table-set--seasonal-calendar[data-calendar-type=fish] table tr td[data-season=true]::before {
    background-color: #6093eb
}

.table-set--seasonal-calendar[data-calendar-type=fish] .note .seasonal-color {
    background-color: #6093eb
}

.table-set--seasonal-calendar[data-calendar-type=other] table {
    border-color: #e7e0d0
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr:nth-child(even) th.ingredient {
    background-color: #886f4c
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr:nth-child(even) td {
    background-color: #e7e0d0
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr th {
    background-color: #a59370
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr th.month {
    color: #fff;
    background-color: #645123
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr th.ingredient {
    color: #fff;
    background-color: #a59370
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr th.ingredient > a {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr th.ingredient > a > span::before {
    color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr td {
    background-color: #fff
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr td[data-season=true] span {
    color: #fff;
    background-color: #bb9a76
}

.table-set--seasonal-calendar[data-calendar-type=other] table tr td[data-season=true]::before {
    background-color: #bb9a76
}

.table-set--seasonal-calendar[data-calendar-type=other] .note .seasonal-color {
    background-color: #bb9a76
}

.table-set--seasonal-calendar .note {
    font-size: .857em;
    margin-bottom: 1em
}

.table-set--seasonal-calendar .note .seasonal-color {
    display: inline-block;
    width: 2em;
    height: .5em;
    vertical-align: middle
}

#popterm0, #popterm0_a {
    z-index: 20 !important;
    margin: 0 !important;
    padding: 1em !important;
    background: #eee !important
}

.divide-layout--worldwide > div > div > div > div > .item--divide:nth-child(1) {
    width: calc(100% - 280px - 5.556%)
}

.divide-layout--worldwide > div > div > div > div > .item--divide:nth-child(2) {
    width: 280px
}

.divide-layout--worldwide > div > div > div > div > .item--divide:nth-child(2) .elem-txt-list--btn .txt-list--btn[data-direction=vertical] > li + li {
    margin-top: 1em
}

.color-box-hide a:link, .color-box-hide a:visited {
    color: #fff
}

.color-box-hide .title-holder {
    height: auto !important
}

.sp-slide a:focus {
    outline: 0 !important
}

.sp-slide a:focus img {
    opacity: .8
}

.elem-brand-container-list {
    margin: 20px auto
}

.elem-more-toggle .toggle-scope {
    display: none
}

.elem-more-toggle .toggle-scope .divide-layout:last-child {
    margin: 0 auto 1.429em
}

.elem-more-toggle .toggle-scope:last-child .divide-layout:last-child {
    margin-bottom: 0
}

.elem-more-toggle .toggle-trigger {
    margin: 20px auto
}

.elem-more-toggle .toggle-trigger .elem-btn a span:first-child::before {
    display: block;
    content: "もっと見る"
}

.elem-more-toggle .toggle-trigger.active .elem-btn a span:first-child::before {
    content: "閉じる"
}

.elem-pic-block.movie-block {
    margin-bottom: 0;
    outline: 0
}

.elem-pic-block.movie-block a.movie-modal {
    display: inherit;
    width: 100%
}

.pbNested {
    line-height: 1.643em
}

.pbNested a[href$=".pdf"]::after {
    font-size: 1.2em;
    margin-left: .214em;
    content: "\E415";
    text-decoration: none
}

.ie .pbNested a[href$=".pdf"]::after {
    font-size: 22px
}

.pbNested a[href="#page"] {
    display: none
}

.archive-block > div > div > div > div > .pbNested > .pbBlock > div > h2:first-child, .elem-heading-lv1 + div h2 {
    margin-top: 0
}

[class^=heading-] + [class^=heading-] {
    margin-top: 0
}

.kcc-content .lib h2.index, h2[class^=heading-a] {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.429em;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    margin: 2.143em auto .714em;
    padding: 0 0 .714em 1.4em;
    border-bottom: 2px solid #f08300
}

.kcc-content .lib h2.index::before, h2[class^=heading-a]::before {
    font-size: .714em;
    font-weight: 900;
    position: absolute;
    top: 6px;
    left: 0;
    content: "\E836"
}

.heading-b-1, .heading-b-2, .heading-b-3, .heading-b-4, .heading-b-5 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.143em;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    margin: 2.143em auto 1.071em;
    padding-left: 15px
}

.heading-b-1 > span, .heading-b-2 > span, .heading-b-3 > span, .heading-b-4 > span, .heading-b-5 > span {
    display: inline-block
}

.heading-b-1 > span::before, .heading-b-2 > span::before, .heading-b-3 > span::before, .heading-b-4 > span::before, .heading-b-5 > span::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    content: "";
    border-radius: 3px;
    background: linear-gradient(#ccc 50%, #bbb 50%);
    background-color: #ccc
}

.heading-c-1, .heading-c-2, .heading-c-3, .heading-c-4, .heading-c-5 {
    margin: 2.143em auto 1.071em
}

.heading-c-1 > span, .heading-c-2 > span, .heading-c-3 > span, .heading-c-4 > span, .heading-c-5 > span {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25
}

dl.list-a-1 {
    margin: 1.429em auto
}

dl.list-a-1 dt {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 1.4em
}

dl.list-a-1 dt:not(:first-child) {
    margin-top: .714em
}

dl.list-a-1 dt::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    content: "\25CF";
    color: #ddd;
    speak: none
}

.ios dl.list-a-1 dt::before, .windows dl.list-a-1 dt::before {
    top: 2px
}

dl.list-a-1 dd {
    padding-left: 1.4em
}

dl.list-a-2 {
    margin: 1.429em auto
}

dl.list-a-2 dt {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 1.4em
}

dl.list-a-2 dt:not(:first-child) {
    margin-top: .714em
}

dl.list-a-2 dt::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    content: "\25CF";
    color: #ddd;
    speak: none
}

.ios dl.list-a-2 dt::before, .windows dl.list-a-2 dt::before {
    top: 2px
}

dl.list-a-2 dd {
    padding-left: 1.4em
}

dl.list-a-3 {
    margin: 1.429em auto
}

dl.list-a-3 dt {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 1.4em
}

dl.list-a-3 dt:not(:first-child) {
    margin-top: .714em
}

dl.list-a-3 dt::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    content: "\25CF";
    color: #ddd;
    speak: none
}

.ios dl.list-a-3 dt::before, .windows dl.list-a-3 dt::before {
    top: 2px
}

dl.list-a-3 dd {
    padding-left: 1.4em
}

dl.list-a-4 {
    margin: 1.429em auto
}

dl.list-a-4 dt {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 1.4em
}

dl.list-a-4 dt:not(:first-child) {
    margin-top: .714em
}

dl.list-a-4 dt::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    content: "\25CF";
    color: #ddd;
    speak: none
}

.ios dl.list-a-4 dt::before, .windows dl.list-a-4 dt::before {
    top: 2px
}

dl.list-a-4 dd {
    padding-left: 1.4em
}

dl.list-a-5 {
    margin: 1.429em auto
}

dl.list-a-5 dt {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: 1.4em
}

dl.list-a-5 dt:not(:first-child) {
    margin-top: .714em
}

dl.list-a-5 dt::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    content: "\25CF";
    color: #ddd;
    speak: none
}

.ios dl.list-a-5 dt::before, .windows dl.list-a-5 dt::before {
    top: 2px
}

dl.list-a-5 dd {
    padding-left: 1.4em
}

.archiveBox ul li.tokushuName {
    font-size: 1.143em;
    font-weight: 700;
    margin-top: 1.429em;
    padding-left: 0
}

[class^=navigation-block-a] ul {
    margin-left: -1.286em
}

[class^=navigation-block-a] ul > li {
    display: inline-block;
    margin-left: 1.286em;
    padding-left: 1em;
    vertical-align: top
}

[class^=navigation-block-a] ul > li > a {
    position: relative;
    padding-left: .2em
}

[class^=navigation-block-a] ul > li > a::before {
    font-size: 1.143em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -1em;
    content: "\E037";
    text-decoration: none;
    color: #a10000;
    speak: none
}

.ie10 [class^=navigation-block-a] ul > li > a::before, .ie11 [class^=navigation-block-a] ul > li > a::before, .ie9 [class^=navigation-block-a] ul > li > a::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

[class^=navigation-block-a] ul > li > a.current {
    font-weight: 700
}

[class^=navigation-block-a] ul.anchor {
    margin-top: -.714em;
    margin-left: -.714em
}

[class^=navigation-block-a] ul.anchor > li {
    margin: .714em 0 0 .714em;
    padding-left: 0
}

[class^=navigation-block-a] ul.anchor > li > a {
    display: block;
    padding: 1em 1em 1em 1.714em;
    transition: all .15s ease;
    text-decoration: none;
    border-radius: 5px;
    background: #eee
}

[class^=navigation-block-a] ul.anchor > li > a:link {
    color: #333
}

[class^=navigation-block-a] ul.anchor > li > a:hover {
    background-color: #f6f6f6
}

[class^=navigation-block-a] ul.anchor > li > a::before {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 2px;
    overflow: hidden;
    content: "\E5CF";
    color: #a10000
}

.mac [class^=navigation-block-a] ul.anchor > li > a::before {
    top: -3px
}

ul.list-c-1, ul.list-c-2, ul.list-c-3, ul.list-c-4, ul.list-c-5 {
    margin: .714em auto
}

ul.list-c-1 li, ul.list-c-2 li, ul.list-c-3 li, ul.list-c-4 li, ul.list-c-5 li {
    line-height: 1.65;
    position: relative;
    padding-left: 1.2em
}

ul.list-c-1 li + li, ul.list-c-2 li + li, ul.list-c-3 li + li, ul.list-c-4 li + li, ul.list-c-5 li + li {
    margin-top: .714em
}

ul.list-c-1 li::before, ul.list-c-2 li::before, ul.list-c-3 li::before, ul.list-c-4 li::before, ul.list-c-5 li::before {
    font-size: .714em;
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0;
    content: "\25CF";
    color: #ddd;
    speak: none
}

.archiveBox ul, ul.link-list-a-1, ul.link-list-a-2, ul.link-list-a-3, ul.link-list-a-4, ul.link-list-a-5 {
    margin: .714em auto
}

.archiveBox ul li, ul.link-list-a-1 li, ul.link-list-a-2 li, ul.link-list-a-3 li, ul.link-list-a-4 li, ul.link-list-a-5 li {
    line-height: 1.65;
    position: relative;
    padding-left: 1.2em
}

.archiveBox ul li + li, ul.link-list-a-1 li + li, ul.link-list-a-2 li + li, ul.link-list-a-3 li + li, ul.link-list-a-4 li + li, ul.link-list-a-5 li + li {
    margin-top: .714em
}

.archiveBox ul li > a, ul.link-list-a-1 li > a, ul.link-list-a-2 li > a, ul.link-list-a-3 li > a, ul.link-list-a-4 li > a, ul.link-list-a-5 li > a {
    position: relative
}

.archiveBox ul li > a::before, ul.link-list-a-1 li > a::before, ul.link-list-a-2 li > a::before, ul.link-list-a-3 li > a::before, ul.link-list-a-4 li > a::before, ul.link-list-a-5 li > a::before {
    font-size: 1.143em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -1.2em;
    content: "\E037";
    text-decoration: none;
    color: #a10000;
    speak: none
}

.archiveBox .ie10 ul li > a::before, .archiveBox .ie11 ul li > a::before, .archiveBox .ie9 ul li > a::before, .ie10 .archiveBox ul li > a::before, .ie10 ul.link-list-a-1 li > a::before, .ie10 ul.link-list-a-2 li > a::before, .ie10 ul.link-list-a-3 li > a::before, .ie10 ul.link-list-a-4 li > a::before, .ie10 ul.link-list-a-5 li > a::before, .ie11 .archiveBox ul li > a::before, .ie11 ul.link-list-a-1 li > a::before, .ie11 ul.link-list-a-2 li > a::before, .ie11 ul.link-list-a-3 li > a::before, .ie11 ul.link-list-a-4 li > a::before, .ie11 ul.link-list-a-5 li > a::before, .ie9 .archiveBox ul li > a::before, .ie9 ul.link-list-a-1 li > a::before, .ie9 ul.link-list-a-2 li > a::before, .ie9 ul.link-list-a-3 li > a::before, .ie9 ul.link-list-a-4 li > a::before, .ie9 ul.link-list-a-5 li > a::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

.archiveBox .ie10 ul li > a:active, .archiveBox .ie10 ul li > a:hover, .archiveBox .ie10 ul li > a:link, .archiveBox .ie10 ul li > a:visited, .archiveBox .ie11 ul li > a:active, .archiveBox .ie11 ul li > a:hover, .archiveBox .ie11 ul li > a:link, .archiveBox .ie11 ul li > a:visited, .archiveBox .ie9 ul li > a:active, .archiveBox .ie9 ul li > a:hover, .archiveBox .ie9 ul li > a:link, .archiveBox .ie9 ul li > a:visited, .ie10 .archiveBox ul li > a:active, .ie10 .archiveBox ul li > a:hover, .ie10 .archiveBox ul li > a:link, .ie10 .archiveBox ul li > a:visited, .ie10 ul.link-list-a-1 li > a:active, .ie10 ul.link-list-a-1 li > a:hover, .ie10 ul.link-list-a-1 li > a:link, .ie10 ul.link-list-a-1 li > a:visited, .ie10 ul.link-list-a-2 li > a:active, .ie10 ul.link-list-a-2 li > a:hover, .ie10 ul.link-list-a-2 li > a:link, .ie10 ul.link-list-a-2 li > a:visited, .ie10 ul.link-list-a-3 li > a:active, .ie10 ul.link-list-a-3 li > a:hover, .ie10 ul.link-list-a-3 li > a:link, .ie10 ul.link-list-a-3 li > a:visited, .ie10 ul.link-list-a-4 li > a:active, .ie10 ul.link-list-a-4 li > a:hover, .ie10 ul.link-list-a-4 li > a:link, .ie10 ul.link-list-a-4 li > a:visited, .ie10 ul.link-list-a-5 li > a:active, .ie10 ul.link-list-a-5 li > a:hover, .ie10 ul.link-list-a-5 li > a:link, .ie10 ul.link-list-a-5 li > a:visited, .ie11 .archiveBox ul li > a:active, .ie11 .archiveBox ul li > a:hover, .ie11 .archiveBox ul li > a:link, .ie11 .archiveBox ul li > a:visited, .ie11 ul.link-list-a-1 li > a:active, .ie11 ul.link-list-a-1 li > a:hover, .ie11 ul.link-list-a-1 li > a:link, .ie11 ul.link-list-a-1 li > a:visited, .ie11 ul.link-list-a-2 li > a:active, .ie11 ul.link-list-a-2 li > a:hover, .ie11 ul.link-list-a-2 li > a:link, .ie11 ul.link-list-a-2 li > a:visited, .ie11 ul.link-list-a-3 li > a:active, .ie11 ul.link-list-a-3 li > a:hover, .ie11 ul.link-list-a-3 li > a:link, .ie11 ul.link-list-a-3 li > a:visited, .ie11 ul.link-list-a-4 li > a:active, .ie11 ul.link-list-a-4 li > a:hover, .ie11 ul.link-list-a-4 li > a:link, .ie11 ul.link-list-a-4 li > a:visited, .ie11 ul.link-list-a-5 li > a:active, .ie11 ul.link-list-a-5 li > a:hover, .ie11 ul.link-list-a-5 li > a:link, .ie11 ul.link-list-a-5 li > a:visited, .ie9 .archiveBox ul li > a:active, .ie9 .archiveBox ul li > a:hover, .ie9 .archiveBox ul li > a:link, .ie9 .archiveBox ul li > a:visited, .ie9 ul.link-list-a-1 li > a:active, .ie9 ul.link-list-a-1 li > a:hover, .ie9 ul.link-list-a-1 li > a:link, .ie9 ul.link-list-a-1 li > a:visited, .ie9 ul.link-list-a-2 li > a:active, .ie9 ul.link-list-a-2 li > a:hover, .ie9 ul.link-list-a-2 li > a:link, .ie9 ul.link-list-a-2 li > a:visited, .ie9 ul.link-list-a-3 li > a:active, .ie9 ul.link-list-a-3 li > a:hover, .ie9 ul.link-list-a-3 li > a:link, .ie9 ul.link-list-a-3 li > a:visited, .ie9 ul.link-list-a-4 li > a:active, .ie9 ul.link-list-a-4 li > a:hover, .ie9 ul.link-list-a-4 li > a:link, .ie9 ul.link-list-a-4 li > a:visited, .ie9 ul.link-list-a-5 li > a:active, .ie9 ul.link-list-a-5 li > a:hover, .ie9 ul.link-list-a-5 li > a:link, .ie9 ul.link-list-a-5 li > a:visited {
    overflow: inherit
}

[class^=paragraph] {
    font-size: 18px;
    line-height: 1.643em;
    margin: 1.143em auto
}

[class^=paragraph] + p {
    margin-top: 1em
}

.table-a-1 {
    margin: 1.429em auto
}

.table-a-1 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd
}

.table-a-1 table td, .table-a-1 table th {
    padding: 1em;
    text-align: left;
    border: solid 1px #e6e6e6;
    background-color: #fff
}

.table-a-1 table th {
    background-color: #fdf7e0
}

.table-a-2 {
    margin: 1.429em auto
}

.table-a-2 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd
}

.table-a-2 table td, .table-a-2 table th {
    padding: 1em;
    text-align: left;
    border: solid 1px #e6e6e6;
    background-color: #fff
}

.table-a-2 table th {
    background-color: #fdf7e0
}

.table-a-3 {
    margin: 1.429em auto
}

.table-a-3 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd
}

.table-a-3 table td, .table-a-3 table th {
    padding: 1em;
    text-align: left;
    border: solid 1px #e6e6e6;
    background-color: #fff
}

.table-a-3 table th {
    background-color: #fdf7e0
}

.table-a-4 {
    margin: 1.429em auto
}

.table-a-4 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd
}

.table-a-4 table td, .table-a-4 table th {
    padding: 1em;
    text-align: left;
    border: solid 1px #e6e6e6;
    background-color: #fff
}

.table-a-4 table th {
    background-color: #fdf7e0
}

.table-a-5 {
    margin: 1.429em auto
}

.table-a-5 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd
}

.table-a-5 table td, .table-a-5 table th {
    padding: 1em;
    text-align: left;
    border: solid 1px #e6e6e6;
    background-color: #fff
}

.table-a-5 table th {
    background-color: #fdf7e0
}

table.menu .phArea {
    width: 10.714em;
    text-align: left
}

table.menu .phArea + td {
    padding-left: .714em
}

table.menu h3 {
    font-size: 1.286em;
    font-weight: 700;
    margin-bottom: .714em;
    color: #5a3a3a
}

[class^=inquiry-block-a] {
    margin: 20px auto;
    background-color: #fdf7e0
}

[class^=inquiry-block-a] > .inner {
    padding: 20px 22px;
    text-align: center
}

[class^=inquiry-block-a] > .inner [class^=paragraph] {
    margin: .714em auto
}

[class^=inquiry-block-a] > .inner .paragraph-c-2 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25
}

#mainContents h3 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.143em;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    display: inline-block;
    margin: 2.143em auto 1.071em;
    padding-left: 1.4em
}

#mainContents h3::before {
    font-size: 1em;
    font-weight: 900;
    position: absolute;
    top: 3px;
    left: 0;
    content: "\E836"
}

.ie #mainContents h3::before {
    font-size: .714em
}

#mainContents h4 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25;
    margin: 2.143em auto 1.071em
}

#mainContents h5 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    line-height: 1.25;
    margin: 2.143em auto 1.071em
}

#recipe h3 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.143em;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    display: inline-block;
    margin: 2.143em auto 1.071em;
    padding-left: 1.4em
}

#recipe h3:first-child {
    margin-top: 0
}

#recipe h3::before {
    font-size: 1em;
    font-weight: 900;
    position: absolute;
    top: 3px;
    left: 0;
    content: "\E836"
}

.ie #recipe h3::before {
    font-size: .714em
}

#recipe h3 em {
    font-weight: 700
}

#recipe h4 {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    display: inline-block;
    margin: 2.143em auto 1.071em;
    padding-left: 1.2em
}

#recipe h4 em {
    font-weight: 700
}

#recipe h4::before {
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    top: 5px;
    left: 0;
    content: "\E836"
}

#recipe em {
    font-weight: 300;
    font-style: italic
}

#recipe strong em {
    font-weight: 700;
    color: #f33
}

#recipe table td {
    vertical-align: top
}

#recipe .locator {
    display: table;
    width: 100%;
    margin: 1.429em 0
}

#recipe .locator #amount, #recipe .locator #main_photo, #recipe .locator #pr_photo, #recipe .locator #procedure, #recipe .locator [id^=making] {
    display: table-cell;
    vertical-align: top
}

#recipe .locator #making + #making_photo {
    width: 21.429em;
    padding-left: 1.429em;
    text-align: right
}

#recipe .locator #making h4 {
    margin-top: 0
}

#recipe .locator #main_photo {
    width: 23.571%
}

#recipe .locator #main_photo p {
    font-size: .857em;
    margin-top: 1.429em
}

#recipe .locator #main_photo + #amount h4 {
    margin-top: 0
}

#recipe .locator #making_photo p {
    font-size: .857em;
    margin-top: 1.429em;
    text-align: right
}

#recipe .locator #procedure .num {
    padding-left: 1.429em;
    list-style-type: decimal
}

#recipe .locator #procedure .num li {
    margin: 1.429em 0 2.857em;
    list-style: inherit
}

#recipe .locator #procedure .num li:first-child {
    margin-top: 0
}

#recipe .locator #procedure .num li strong {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25;
    display: block
}

#recipe .locator #pr_photo {
    padding-left: 1.429em;
    text-align: right
}

#recipe .locator #pr_photo img {
    display: block;
    width: 150px;
    max-width: none;
    height: auto
}

#recipe .locator #pr_photo p {
    font-size: 12px;
    padding-top: .357em;
    text-align: left
}

#recipe .locator #pr_photo p + img {
    padding-top: .714em
}

#recipe .locator table.kikko {
    width: 100%;
    margin: 20px 0;
    padding: 15px 17px;
    border: 1px solid #f08225
}

#recipe .locator table.kikko td.capright {
    vertical-align: bottom
}

#recipe .locator table.kikko p {
    padding: .357em
}

#recipe .locator table.kikko p img {
    max-width: none
}

#recipe .locator table.kikko .bol {
    font-weight: 700
}

#recipe .locator table.kikko .bol em {
    font-weight: 700
}

#recipe .locator .memo {
    margin-top: .714em
}

#recipe hr {
    display: none
}

#recipe .locator.line_or {
    padding: 40px 0;
    border-top: 1px #f08300 dashed
}

#recipe .locator.line_gr {
    padding: 40px 0;
    border-top: 1px #909090 dashed
}

.case-grid {
    margin: .714em auto
}

.case-grid + .case-heading {
    margin-top: 0
}

.case-grid div.column-1 {
    float: left
}

.case-grid div.column-2 {
    float: right;
    width: 172px
}

.case-heading {
    margin: 2.143em auto 1.071em
}

.case-heading > span {
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25
}

.ir li {
    line-height: 1.65
}

.kcc-content .lib p.img1 img, .kcc-content .lib p.img2 img {
    display: none
}

.kcc-content .lib .waku {
    margin: 20px auto;
    padding: 20px 22px;
    border-radius: 5px;
    background-color: #fdf7e0
}

.kcc-content .lib .waku dl dt {
    font-size: 1.143em;
    font-weight: 700
}

.kcc-content .lib .waku dl dt:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc
}

.kcc-content .lib .waku dl dt span {
    font-size: .875em;
    font-weight: 300;
    display: block;
    margin-bottom: .25em
}

.kcc-content .lib .waku dl dt > a, .kcc-content .lib .waku dl dt > strong a {
    position: relative;
    margin-left: 1em
}

.kcc-content .lib .waku dl dt > a[target="_blank"]::after, .kcc-content .lib .waku dl dt > strong a[target="_blank"]::after {
    font-size: 1em;
    margin-left: .214em;
    content: "\E89E";
    text-decoration: none
}

.ie .kcc-content .lib .waku dl dt > a[target="_blank"]::after, .ie .kcc-content .lib .waku dl dt > strong a[target="_blank"]::after {
    font-size: 22px
}

.kcc-content .lib .waku dl dt > a::before, .kcc-content .lib .waku dl dt > strong a::before {
    font-size: 1.143em;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -1em;
    content: "\E037";
    text-decoration: none;
    color: #a10000;
    speak: none
}

.ie10 .kcc-content .lib .waku dl dt > a::before, .ie10 .kcc-content .lib .waku dl dt > strong a::before, .ie11 .kcc-content .lib .waku dl dt > a::before, .ie11 .kcc-content .lib .waku dl dt > strong a::before, .ie9 .kcc-content .lib .waku dl dt > a::before, .ie9 .kcc-content .lib .waku dl dt > strong a::before {
    font-size: 16px;
    top: 3px;
    left: -1em
}

.ie10 .kcc-content .lib .waku dl dt > a:active, .ie10 .kcc-content .lib .waku dl dt > a:hover, .ie10 .kcc-content .lib .waku dl dt > a:link, .ie10 .kcc-content .lib .waku dl dt > a:visited, .ie10 .kcc-content .lib .waku dl dt > strong a:active, .ie10 .kcc-content .lib .waku dl dt > strong a:hover, .ie10 .kcc-content .lib .waku dl dt > strong a:link, .ie10 .kcc-content .lib .waku dl dt > strong a:visited, .ie11 .kcc-content .lib .waku dl dt > a:active, .ie11 .kcc-content .lib .waku dl dt > a:hover, .ie11 .kcc-content .lib .waku dl dt > a:link, .ie11 .kcc-content .lib .waku dl dt > a:visited, .ie11 .kcc-content .lib .waku dl dt > strong a:active, .ie11 .kcc-content .lib .waku dl dt > strong a:hover, .ie11 .kcc-content .lib .waku dl dt > strong a:link, .ie11 .kcc-content .lib .waku dl dt > strong a:visited, .ie9 .kcc-content .lib .waku dl dt > a:active, .ie9 .kcc-content .lib .waku dl dt > a:hover, .ie9 .kcc-content .lib .waku dl dt > a:link, .ie9 .kcc-content .lib .waku dl dt > a:visited, .ie9 .kcc-content .lib .waku dl dt > strong a:active, .ie9 .kcc-content .lib .waku dl dt > strong a:hover, .ie9 .kcc-content .lib .waku dl dt > strong a:link, .ie9 .kcc-content .lib .waku dl dt > strong a:visited {
    overflow: inherit
}

.kcc-content .lib .waku dl dd {
    margin-top: .15em
}

.kcc-content .lib .waku dl dd.koushi {
    margin-top: .5em;
    text-align: right
}

.news .txtBox img {
    float: right;
    margin: .714em;
    vertical-align: baseline
}

.news .txtBox img.nofloat {
    float: none;
    margin: 1px 0 0
}

.news .txtBox img.left {
    float: left;
    margin-left: 0
}

.news .txtBox img.mt4 {
    margin-top: 4px
}

.news .txtBox img.mt5 {
    margin-top: 5px
}

.news .txtBox img.mb0 {
    margin-bottom: 0
}

.news .txtBox img.date {
    width: auto;
    margin: 20px 0
}

.news .txtBox p {
    line-height: 1.286em
}

.news .txtBox p.mb0 {
    margin-bottom: 0
}

.news .txtBox p.nofloat img {
    float: none;
    margin: 5px 5px 0 0;
    vertical-align: bottom
}

.news .txtBox p.nofloat span {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 0;
    vertical-align: bottom
}

.news .txtBox p.imgmiddle {
    margin-bottom: 10px
}

.news .txtBox p strong {
    color: #666
}

.news .txtBox p em {
    font-weight: 300;
    font-style: italic
}

.news .txtBox p + p {
    margin-top: 1.071em
}

.news .txtBox a {
    color: #fc1b1c
}

.news .txtBox .leftimg {
    float: left;
    margin: 10px
}

.news .txtBox .rightimg {
    float: right;
    margin-left: 10px
}

.news .txtBox .kikkoman-color {
    color: #f08200
}

.news .txtBox .center {
    text-align: center
}

.news .txtBox .imgcap {
    display: inline-block;
    padding: 10px;
    border: 1px solid #ccc
}

.news .txtBox .mb5 {
    margin-bottom: 5px
}

.news .txtBox + .txtBox {
    margin-top: 1.071em
}

.news .embtxtBox p + p {
    margin-top: 1.071em
}

.news .embtxtBox p em {
    font-weight: 300;
    font-style: italic
}

.news .embtxtBox img {
    vertical-align: baseline
}

.news .kakomi {
    margin-top: 1.429em;
    padding: 1.071em;
    background: #f3f3f3
}

.news .kakomi a {
    color: #fc1b1c
}

.news .kakomi p + p {
    margin-top: .714em
}

.news .kakomi p strong {
    color: #666
}

#homecook-right-content table {
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse
}

#homecook-right-content table tr th {
    padding: 0
}

#homecook-right-content table tr td {
    font-size: .786em;
    line-height: 1.5;
    padding: 5px 0;
    vertical-align: top
}

button, input, legend, optgroup, option, select, textarea {
    font-size: 16px;
    display: block;
    box-sizing: border-box;
    vertical-align: top;
    color: #282828
}

button:focus, input:focus, legend:focus, optgroup:focus, option:focus, select:focus, textarea:focus {
    outline: 1px solid #f08300
}

fieldset {
    display: block;
    box-sizing: border-box;
    vertical-align: top;
    color: #282828;
    outline: 0
}

fieldset:focus {
    outline: 1px solid #f08300
}

datalist {
    font-size: 16px
}

label {
    display: block
}

input[list], input[type=number], input[type=search], input[type=email], input[type=text], input[type=time], input[type=password], input[type=color], input[type=date], input[type=datetime-local], input[type=month], input[type=url], input[type=week], input[type=file], input[type=tel], select, textarea {
    padding: 8px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    background-color: #fff
}

input[list], input[type=number], input[type=search], input[type=email], input[type=text], input[type=time], input[type=password], input[type=color], input[type=date], input[type=datetime-local], input[type=month], input[type=url], input[type=week], input[type=tel] {
    height: 40px;
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    -webkit-appearance: none
}

input[type=range] {
    width: 100%;
    max-width: 400px;
    height: 40px
}

input[type=file] {
    min-height: 40px
}

input[type=search] {
    height: 40px;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=checkbox], input[type=radio] {
    display: inline-block;
    vertical-align: middle
}

select {
    height: 40px
}

select[multiple] {
    height: auto;
    min-height: 40px;
    padding: 0
}

select[multiple] option {
    margin: 0;
    padding: 8px
}

fieldset {
    padding: 10px 25px;
    border: 1px solid #c8c8c8;
    border-radius: 5px
}

legend {
    font-weight: 700;
    padding: 0 5px
}

input[type=image] {
    padding: 8px;
    text-align: center
}

button:focus, input:focus, option:focus, select:focus, textarea:focus {
    border-color: #c8c8c8;
    background-color: #dcdcdc
}

input[type=checkbox]:focus, input[type=radio]:focus {
    outline: #c8c8c8 solid 2px
}

input {
    font: .875em/1.357 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.mac input {
    font: .875em/1.357 "Avenir Next", Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Osaka, sans-serif
}

input::-webkit-input-placeholder {
    font-weight: 400
}

input::-moz-placeholder {
    font-weight: 400
}

input:-ms-input-placeholder {
    font-weight: 400
}

.form-container--recipe .input-components--search input {
    font-size: 12px
}

textarea {
    font: .875em/1.357 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.mac textarea {
    font: .875em/1.357 "Avenir Next", Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Osaka, sans-serif
}

textarea::-webkit-input-placeholder {
    font-weight: 400
}

textarea::-moz-placeholder {
    font-weight: 400
}

textarea:-ms-input-placeholder {
    font-weight: 400
}

.primary-form-table {
    display: table;
    width: 100%;
    margin: 1.071em auto
}

.primary-form-table .item--form {
    display: table-row
}

.primary-form-table .item--form > div {
    display: table-cell;
    vertical-align: top
}

.primary-form-table .item--form .label {
    width: 25.665%;
    padding: 0 2.852% 0 0;
    white-space: nowrap
}

.primary-form-table .item--form .label label {
    margin-top: 15px
}

.primary-form-table .item--form .label label span {
    line-height: 1.35;
    display: inline-block;
    margin-top: 10px;
    vertical-align: middle
}

.primary-form-table .item--form .label label span[data-required=true]::after {
    font-weight: 700;
    padding-left: .357em;
    content: "*";
    color: #e70012
}

.primary-form-table .item--form .label label span input {
    display: inline-block;
    width: 3.571em;
    height: 1.75em;
    margin-right: .357em;
    vertical-align: middle
}

.primary-form-table .item--form .label label .form-note {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    color: #333
}

.primary-form-table .item--form .input input[type=checkbox], .primary-form-table .item--form .input input[type=radio] {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top
}

.primary-form-table .item--form .input input[type=checkbox] + label, .primary-form-table .item--form .input input[type=radio] + label {
    line-height: 1;
    position: relative;
    top: 0;
    display: inline-block;
    cursor: pointer
}

.primary-form-table .item--form .input > div input {
    width: 76.046%;
    margin: 15px 0;
    padding: 8px 8px 6px;
    transition: background .5s ease
}

.primary-form-table .item--form .input > div input:focus {
    background-color: #fff
}

.primary-form-table .item--form .input > div .postal-code {
    margin: 15px 0;
    border-collapse: collapse
}

.primary-form-table .item--form .input > div .postal-code td:first-child {
    width: 14.15em
}

.primary-form-table .item--form .input > div .postal-code .wrapper--stack .item--stack .input:first-child input {
    width: 6em
}

.primary-form-table .item--form .input > div .postal-code .wrapper--stack .item--stack .input:last-child input {
    width: 8em
}

.primary-form-table .item--form .input > div .postal-code .elem-btn > div {
    margin: 0
}

.primary-form-table .item--form .input > div .postal-code button, .primary-form-table .item--form .input > div .postal-code input[type=button] {
    width: 100%;
    height: 40px;
    margin: 0
}

.primary-form-table .item--form .input > div .item--stack {
    margin: 20px 0
}

.primary-form-table .item--form .input > div .item--stack:first-child {
    margin-top: 15px
}

.primary-form-table .item--form .input > div .item--stack select {
    width: 180px;
    margin-bottom: 0;
    transition: background .5s ease
}

.primary-form-table .item--form .input > div .item--stack select:focus {
    background-color: #fff
}

.primary-form-table .item--form .input > div .item--stack input {
    margin: 0
}

.primary-form-table .item--form .input > div textarea {
    width: 76.046%;
    margin: 15px 0;
    resize: vertical;
    transition: background .5s ease
}

.primary-form-table .item--form .input > div textarea:focus {
    background-color: #fff
}

.primary-form-table .item--form .input .wrapper--stack[data-label=name] {
    width: 76.046%
}

.primary-form-table .item--form .input .wrapper--stack .item--stack {
    display: table;
    width: 100%
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div {
    display: table-cell;
    vertical-align: top
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.label label {
    margin-top: 10px
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.label label span {
    margin-top: 0
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.label--pic {
    width: 19.011%
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.label--pic + .input {
    vertical-align: top
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.label--pic + .input .item--stack:first-child {
    margin-top: 0
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.input select {
    margin: 0
}

.primary-form-table .item--form .input .wrapper--stack .item--stack > div.txt {
    padding: 0 .357em;
    vertical-align: middle
}