@charset "UTF-8";
/* !CSS Document */
/* !@copyright 2016 Panasonic Corporation. */
/* ! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
/* Display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Elements of HTML (https://www.w3.org/TR/html5/semantics.html) ========================================================================== */
/** 1. Remove repeating backgrounds in all browsers (opinionated). 2. Add box sizing inheritence in all browsers (opinionated). */
*, ::before, ::after { background-repeat: no-repeat; /* 1 */ box-sizing: inherit; /* 2 */ }

/** 1. Add text decoration inheritance in all browsers (opinionated). 2. Add vertical alignment inheritence in all browsers (opinionated). */
::before, ::after { text-decoration: inherit; /* 1 */ vertical-align: inherit; /* 2 */ }

/** 1. Add border box sizing in all browsers (opinionated). 2. Add the default cursor in all browsers (opinionated). 3. Add a flattened line height in all browsers (opinionated). 4. Prevent font size adjustments after orientation changes in IE and iOS. */
html { box-sizing: border-box; /* 1 */ cursor: default; /* 2 */ font-family: sans-serif; /* 3 */ line-height: 1.5; /* 3 */ -ms-text-size-adjust: 100%; /* 4 */ -webkit-text-size-adjust: 100%; /* 5 */ }

/* Sections (https://www.w3.org/TR/html5/sections.html) ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Correct the font sizes and margins on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: .67em 0; }

/* Grouping content (https://www.w3.org/TR/html5/grouping-content.html) ========================================================================== */
/** 1. Correct font sizing inheritance and scaling in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** 1. Correct the height in Firefox. 2. Add visible overflow in Edge and IE. */
hr { height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** Remove the list style on navigation lists in all browsers (opinionated). */
nav ol, nav ul { list-style: none; }

/* Text-level semantics ========================================================================== */
/** 1. Add a bordered underline effect in all browsers. 2. Remove text decoration in Firefox 40+. */
abbr[title] { border-bottom: 1px dotted; /* 1 */ text-decoration: none; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct colors in IE 9-. */
mark { background-color: #ffff00; color: #000000; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Correct the font size in all browsers. */
small { font-size: 83.3333%; }

/** Change the positioning on superscript and subscript elements in all browsers (opinionated). 1. Correct the font size in all browsers. */
sub, sup { font-size: 83.3333%; /* 1 */ line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

/* Remove the text shadow on text selections (opinionated). 1. Restore the coloring undone by defining the text shadow (opinionated). */
::-moz-selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; }

::selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; }

/* Embedded content (https://www.w3.org/TR/html5/embedded-content-0.html) ========================================================================== */
/* Change the alignment on media elements in all browers (opinionated). */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Change the fill color to match the text color in all browsers (opinionated). */
svg { fill: currentColor; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Links (https://www.w3.org/TR/html5/links.html#links) ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove the gaps in underlines in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline when hovering in all browsers (opinionated. */
:hover { outline-width: 0; }

/* Tabular data (https://www.w3.org/TR/html5/tabular-data.html) ========================================================================== */
/* Remove border spacing in all browsers (opinionated). */
table { border-collapse: collapse; border-spacing: 0; }

/* transform-style:  (https://www.w3.org/TR/html5/forms.html) ========================================================================== */
/** 1. Remove the default styling in all browsers (opinionated). 3. Remove the margin in Firefox and Safari. */
button, input, select, textarea { background-color: transparent; /* 1 */ border-style: none; /* 1 */ color: inherit; /* 1 */ font-size: 1em; /* 1 */ margin: 0; /* 3 */ }

/** Correct the overflow in IE. 1. Correct the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance in Edge, Firefox, and IE. 1. Remove the inheritance in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent the WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
::-moz-focus-inner { border-style: none; padding: 0; }

/** Correct the focus styles unset by the previous rule. */
:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the border, margin, and padding in all browsers. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 2 */ white-space: normal; /* 1 */ }

/** 1. Remove the vertical scrollbar in IE. 2. Change the resize direction on textareas in all browsers (opinionated). */
textarea { overflow: auto; /* 1 */ resize: vertical; /* 2 */ }

/** Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { padding: 0; }

/** Correct the cursor style on increment and decrement buttons in Chrome. */
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari for OS X. */
::-webkit-search-cancel-button, ::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style on placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: .54; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-aria) ========================================================================== */
/** Change the cursor on busy elements (opinionated). */
[aria-busy="true"] { cursor: progress; }

/* Change the cursor on control elements (opinionated). */
[aria-controls] { cursor: pointer; }

/* Change the cursor on disabled, not-editable, or otherwise inoperable elements (opinionated). */
[aria-disabled] { cursor: default; }

/* User interaction (https://www.w3.org/TR/html5/editing.html) ========================================================================== */
/* Remove the tapping delay on clickable elements (opinionated). 1. Remove the tapping delay in IE 10. */
a, area, button, input, label, select, textarea, [tabindex] { -ms-touch-action: manipulation; /* 1 */ touch-action: manipulation; }

/* Change the display on visually hidden accessible elements (opinionated). */
[hidden][aria-hidden="false"] { clip: rect(0, 0, 0, 0); display: inherit; position: absolute; }

[hidden][aria-hidden="false"]:focus { clip: auto; }

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; }

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

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, textarea { margin: 0; padding: 0; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a:focus { outline: none; }

/** 設定 */
/**★*―――――*★*―――――*★*―――――*★*―――――*★** bace.css *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/* -------------------- html -------------------- */
html { margin: 0px; padding: 0px; text-align: left; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; line-height: 1.5; color: #644924; word-wrap: break-word; background-image: url("../images/bg.jpg"); background-repeat: repeat; }

body * { box-sizing: border-box; }

input { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }

pre { font-size: .9rem; }

img { max-width: 100%; vertical-align: middle; }

svg { width: 100%; height: 100%; }

a { color: #c94d00; text-decoration: underline; }
a:hover { text-decoration: none; }

table { border-collapse: collapse; background-color: transparent; }
table th { font-weight: bold; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* -------------------- html+class -------------------- */
ul.disc, ol.disc { list-style-type: disc; margin-left: 24px; }
ul.decimal, ol.decimal { list-style-type: decimal; margin-left: 24px; }
ul.circle, ol.circle { list-style-type: circle; margin-left: 24px; }
ul.square, ol.square { list-style-type: square; margin-left: 24px; }
ul.upper-latin, ol.upper-latin { list-style-type: upper-latin; margin-left: 24px; }
ul.lower-latin, ol.lower-latin { list-style-type: lower-latin; margin-left: 24px; }
ul.lower-roman, ol.lower-roman { list-style-type: lower-roman; margin-left: 24px; }

.table01 { width: 100%; }
.table01 th, .table01 td { text-align: center; padding: 3px 2%; border: 1px solid #aaaaaa; font-weight: normal; }
.table01 th { background-color: #f6f0e6; }
.table01 td { text-align: left; }

[class^="tbl_color"] { width: 100%; }
[class^="tbl_color"] tr:nth-of-type(odd) { background: rgba(255, 255, 255, 0.6); }
[class^="tbl_color"] th, [class^="tbl_color"] td { padding: 3px 2%; border: 1px solid #aaaaaa; font-weight: normal; }
[class^="tbl_color"] th { color: #ffffff; text-align: center; font-weight: bold; }
[class^="tbl_color"] td { text-align: left; }

.tbl_color01 tr:nth-of-type(even) { background: rgba(251, 180, 196, 0.3); }
.tbl_color01 th { background: #f9344c; }
.tbl_color02 tr:nth-of-type(even) { background: rgba(253, 205, 183, 0.3); }
.tbl_color02 th { background: #fc4e32; }
.tbl_color03 tr:nth-of-type(even) { background: rgba(255, 247, 227, 0.8); }
.tbl_color03 th { background: #ff9914; }
.tbl_color04 tr:nth-of-type(even) { background: rgba(255, 255, 179, 0.3); }
.tbl_color04 th { background: #fff231; color: #644924; }
.tbl_color05 tr:nth-of-type(even) { background: rgba(230, 245, 176, 0.3); }
.tbl_color05 th { background: #99d02b; }
.tbl_color06 tr:nth-of-type(even) { background: rgba(204, 235, 197, 0.3); }
.tbl_color06 th { background: #33a65e; }
.tbl_color07 tr:nth-of-type(even) { background: rgba(179, 226, 216, 0.3); }
.tbl_color07 th { background: #1aa18e; }
.tbl_color08 tr:nth-of-type(even) { background: rgba(179, 215, 221, 0.3); }
.tbl_color08 th { background: #1d86ae; }
.tbl_color09 tr:nth-of-type(even) { background: rgba(179, 205, 227, 0.3); }
.tbl_color09 th { background: #386cb0; }
.tbl_color10 tr:nth-of-type(even) { background: rgba(178, 182, 216, 0.3); }
.tbl_color10 th { background: #6964ad; }
.tbl_color11 tr:nth-of-type(even) { background: rgba(202, 178, 214, 0.3); }
.tbl_color11 th { background: #a45aaa; }
.tbl_color12 tr:nth-of-type(even) { background: rgba(227, 173, 213, 0.3); }
.tbl_color12 th { background: #df4c94; }

hr.line { width: 100%; border: none; height: 2px; background-image: url("../images/line.png"); background-repeat: repeat-x; background-size: 711px; }

/* -------------------- 基本class -------------------- */
.contents-all { margin-top: 86px; }

@media screen and (max-width: 769px) { .contents-all { margin-top: 70px; } }
.contents-all { min-height: 1px; }
.contents-all:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.print-block { display: none; }

@media screen and (max-width: 425px) { .disp-lg, .disp-md { display: none; }
  .disp-sm { display: block; } }
@media screen and (max-width: 768px) and (min-width: 426px) { .disp-lg, .disp-sm { display: none; }
  .disp-md { display: block; } }
@media screen and (min-width: 769px) { .disp-md, .disp-sm { display: none; }
  .disp-lg { display: block; } }
.wrap960 { margin: 0px auto; width: 100%; max-width: 960px; }

@media screen and (max-width: 960px) { .wrap960 { padding-left: 1%; padding-right: 1%; } }
.wrap960 { min-height: 1px; }
.wrap960:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.w100 { width: 100%; }

@media screen and (max-width: 425px) { .sm-w100 { width: 100%; } }
@media screen and (max-width: 768px) and (min-width: 426px) { .md-w100 { width: 100%; } }
@media screen and (min-width: 769px) { .lg-w100 { width: 100%; } }
.indent-1 { text-indent: -1em; padding-left: 1em; }

.word_bleak { word-break: break-all; }

/* フォント */
.fs200 { font-size: 200%; }
.fs190 { font-size: 190%; }
.fs180 { font-size: 180%; }
.fs170 { font-size: 170%; }
.fs160 { font-size: 160%; }
.fs150 { font-size: 150%; }
.fs140 { font-size: 140%; }
.fs130 { font-size: 130%; }
.fs120 { font-size: 120%; }
.fs110 { font-size: 110%; }
.fs100 { font-size: 1rem; }
.fs90 { font-size: 90%; }
.fs80 { font-size: 80%; }
.fs70 { font-size: 70%; }
.fs60 { font-size: 60%; }

.fw-n { font-weight: normal !important; }
.fw-b { font-weight: bold !important; }

.fwb { font-weight: bold; }

.fc-red { color: #c94d00; }
.fc-green { color: #00ff00; }
.fc-blue { color: #0000ff; }

.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }

.va-t { vertical-align: top; }
.va-b { vertical-align: bottom; }
.va-m { vertical-align: middle; }

.fc-vivid01 { color: #ee0026; }
.fc-vivid02 { color: #fe4118; }
.fc-vivid03 { color: #ff7f00; }
.fc-vivid04 { color: #ffe600; }
.fc-vivid05 { color: #99cf15; }
.fc-vivid06 { color: #33a23d; }
.fc-vivid07 { color: #008678; }
.fc-vivid08 { color: #055d87; }
.fc-vivid09 { color: #0f218b; }
.fc-vivid10 { color: #281285; }
.fc-vivid11 { color: #56007d; }
.fc-vivid12 { color: #af0065; }

.fc-bright01 { color: #f9344c; }
.fc-bright02 { color: #fc4e32; }
.fc-bright03 { color: #ff9914; }
.fc-bright04 { color: #fff231; }
.fc-bright05 { color: #99d02b; }
.fc-bright06 { color: #33a65e; }
.fc-bright07 { color: #1aa18e; }
.fc-bright08 { color: #1d86ae; }
.fc-bright09 { color: #386cb0; }
.fc-bright10 { color: #6964ad; }
.fc-bright11 { color: #a45aaa; }
.fc-bright12 { color: #df4c94; }

.fc-light01 { color: #fa7482; }
.fc-light02 { color: #fb8072; }
.fc-light03 { color: #fdb46c; }
.fc-light04 { color: #fff27b; }
.fc-light05 { color: #b3de69; }
.fc-light06 { color: #7fc97e; }
.fc-light07 { color: #66c2ae; }
.fc-light08 { color: #67b2ca; }
.fc-light09 { color: #679fca; }
.fc-light10 { color: #807dba; }
.fc-light11 { color: #b172b6; }
.fc-light12 { color: #e170a4; }

.fc-pale01 { color: #fbb4c4; }
.fc-pale02 { color: #fdcdb7; }
.fc-pale03 { color: #fee6aa; }
.fc-pale04 { color: #ffffb3; }
.fc-pale05 { color: #e6f5b0; }
.fc-pale06 { color: #ccebc5; }
.fc-pale07 { color: #b3e2d8; }
.fc-pale08 { color: #b3d7dd; }
.fc-pale09 { color: #b3cde3; }
.fc-pale10 { color: #b2b6d8; }
.fc-pale11 { color: #cab2d6; }
.fc-pale12 { color: #e3add5; }

.fc-verypale01 { color: #fadbda; }
.fc-verypale02 { color: #fbdac8; }
.fc-verypale03 { color: #feecd2; }
.fc-verypale04 { color: #fffcdb; }
.fc-verypale05 { color: #ecf4d9; }
.fc-verypale06 { color: #d6ead8; }
.fc-verypale07 { color: #d4ecea; }
.fc-verypale08 { color: #d3edfb; }
.fc-verypale09 { color: #d3def1; }
.fc-verypale10 { color: #d2cce6; }
.fc-verypale11 { color: #e7d5e8; }
.fc-verypale12 { color: #fadce9; }

.fc-mono01 { color: #000000; }
.fc-mono02 { color: #111111; }
.fc-mono03 { color: #222222; }
.fc-mono04 { color: #333333; }
.fc-mono05 { color: #444444; }
.fc-mono06 { color: #555555; }
.fc-mono07 { color: #666666; }
.fc-mono08 { color: #777777; }
.fc-mono09 { color: #888888; }
.fc-mono10 { color: #999999; }
.fc-mono11 { color: #aaaaaa; }
.fc-mono12 { color: #bbbbbb; }
.fc-mono13 { color: #cccccc; }
.fc-mono14 { color: #dddddd; }
.fc-mono15 { color: #eeeeee; }
.fc-mono16 { color: #ffffff; }

.fc-brown01 { color: #6c4817; }
.fc-brown02 { color: #b28e5c; }
.fc-brown03 { color: #c09d6c; }
.fc-brown04 { color: #d6ab84; }

.fc-beige01 { color: #ccbda7; }
.fc-beige02 { color: #e8ddcd; }
.fc-beige03 { color: #f6f0e6; }
.fc-beige04 { color: #fefaf2; }

/* /フォント */
/* 余白 */
.mx-auto { margin-right: auto; margin-left: auto; }

.ma1 { margin: 0.5rem; }

.mt1 { margin-top: 0.5rem; }

.mb1 { margin-bottom: 0.5rem; }

.mr1 { margin-right: 0.5rem; }

.ml1 { margin-left: 0.5rem; }

.mx1 { margin-right: 0.5rem; margin-left: 0.5rem; }

.my1 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.pa1 { padding: 0.5rem; }

.pt1 { padding-top: 0.5rem; }

.pb1 { padding-bottom: 0.5rem; }

.pr1 { padding-right: 0.5rem; }

.pl1 { padding-left: 0.5rem; }

.px1 { padding-right: 0.5rem; padding-left: 0.5rem; }

.py1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.ma2 { margin: 1rem; }

.mt2 { margin-top: 1rem; }

.mb2 { margin-bottom: 1rem; }

.mr2 { margin-right: 1rem; }

.ml2 { margin-left: 1rem; }

.mx2 { margin-right: 1rem; margin-left: 1rem; }

.my2 { margin-top: 1rem; margin-bottom: 1rem; }

.pa2 { padding: 1rem; }

.pt2 { padding-top: 1rem; }

.pb2 { padding-bottom: 1rem; }

.pr2 { padding-right: 1rem; }

.pl2 { padding-left: 1rem; }

.px2 { padding-right: 1rem; padding-left: 1rem; }

.py2 { padding-top: 1rem; padding-bottom: 1rem; }

.ma3 { margin: 1.5rem; }

.mt3 { margin-top: 1.5rem; }

.mb3 { margin-bottom: 1.5rem; }

.mr3 { margin-right: 1.5rem; }

.ml3 { margin-left: 1.5rem; }

.mx3 { margin-right: 1.5rem; margin-left: 1.5rem; }

.my3 { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.pa3 { padding: 1.5rem; }

.pt3 { padding-top: 1.5rem; }

.pb3 { padding-bottom: 1.5rem; }

.pr3 { padding-right: 1.5rem; }

.pl3 { padding-left: 1.5rem; }

.px3 { padding-right: 1.5rem; padding-left: 1.5rem; }

.py3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.ma4 { margin: 2rem; }

.mt4 { margin-top: 2rem; }

.mb4 { margin-bottom: 2rem; }

.mr4 { margin-right: 2rem; }

.ml4 { margin-left: 2rem; }

.mx4 { margin-right: 2rem; margin-left: 2rem; }

.my4 { margin-top: 2rem; margin-bottom: 2rem; }

.pa4 { padding: 2rem; }

.pt4 { padding-top: 2rem; }

.pb4 { padding-bottom: 2rem; }

.pr4 { padding-right: 2rem; }

.pl4 { padding-left: 2rem; }

.px4 { padding-right: 2rem; padding-left: 2rem; }

.py4 { padding-top: 2rem; padding-bottom: 2rem; }

.ma5 { margin: 2.5rem; }

.mt5 { margin-top: 2.5rem; }

.mb5 { margin-bottom: 2.5rem; }

.mr5 { margin-right: 2.5rem; }

.ml5 { margin-left: 2.5rem; }

.mx5 { margin-right: 2.5rem; margin-left: 2.5rem; }

.my5 { margin-top: 2.5rem; margin-bottom: 2.5rem; }

.pa5 { padding: 2.5rem; }

.pt5 { padding-top: 2.5rem; }

.pb5 { padding-bottom: 2.5rem; }

.pr5 { padding-right: 2.5rem; }

.pl5 { padding-left: 2.5rem; }

.px5 { padding-right: 2.5rem; padding-left: 2.5rem; }

.py5 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

.ma6 { margin: 3rem; }

.mt6 { margin-top: 3rem; }

.mb6 { margin-bottom: 3rem; }

.mr6 { margin-right: 3rem; }

.ml6 { margin-left: 3rem; }

.mx6 { margin-right: 3rem; margin-left: 3rem; }

.my6 { margin-top: 3rem; margin-bottom: 3rem; }

.pa6 { padding: 3rem; }

.pt6 { padding-top: 3rem; }

.pb6 { padding-bottom: 3rem; }

.pr6 { padding-right: 3rem; }

.pl6 { padding-left: 3rem; }

.px6 { padding-right: 3rem; padding-left: 3rem; }

.py6 { padding-top: 3rem; padding-bottom: 3rem; }

.ma7 { margin: 3.5rem; }

.mt7 { margin-top: 3.5rem; }

.mb7 { margin-bottom: 3.5rem; }

.mr7 { margin-right: 3.5rem; }

.ml7 { margin-left: 3.5rem; }

.mx7 { margin-right: 3.5rem; margin-left: 3.5rem; }

.my7 { margin-top: 3.5rem; margin-bottom: 3.5rem; }

.pa7 { padding: 3.5rem; }

.pt7 { padding-top: 3.5rem; }

.pb7 { padding-bottom: 3.5rem; }

.pr7 { padding-right: 3.5rem; }

.pl7 { padding-left: 3.5rem; }

.px7 { padding-right: 3.5rem; padding-left: 3.5rem; }

.py7 { padding-top: 3.5rem; padding-bottom: 3.5rem; }

.ma8 { margin: 4rem; }

.mt8 { margin-top: 4rem; }

.mb8 { margin-bottom: 4rem; }

.mr8 { margin-right: 4rem; }

.ml8 { margin-left: 4rem; }

.mx8 { margin-right: 4rem; margin-left: 4rem; }

.my8 { margin-top: 4rem; margin-bottom: 4rem; }

.pa8 { padding: 4rem; }

.pt8 { padding-top: 4rem; }

.pb8 { padding-bottom: 4rem; }

.pr8 { padding-right: 4rem; }

.pl8 { padding-left: 4rem; }

.px8 { padding-right: 4rem; padding-left: 4rem; }

.py8 { padding-top: 4rem; padding-bottom: 4rem; }

.ma9 { margin: 4.5rem; }

.mt9 { margin-top: 4.5rem; }

.mb9 { margin-bottom: 4.5rem; }

.mr9 { margin-right: 4.5rem; }

.ml9 { margin-left: 4.5rem; }

.mx9 { margin-right: 4.5rem; margin-left: 4.5rem; }

.my9 { margin-top: 4.5rem; margin-bottom: 4.5rem; }

.pa9 { padding: 4.5rem; }

.pt9 { padding-top: 4.5rem; }

.pb9 { padding-bottom: 4.5rem; }

.pr9 { padding-right: 4.5rem; }

.pl9 { padding-left: 4.5rem; }

.px9 { padding-right: 4.5rem; padding-left: 4.5rem; }

.py9 { padding-top: 4.5rem; padding-bottom: 4.5rem; }

.ma10 { margin: 5rem; }

.mt10 { margin-top: 5rem; }

.mb10 { margin-bottom: 5rem; }

.mr10 { margin-right: 5rem; }

.ml10 { margin-left: 5rem; }

.mx10 { margin-right: 5rem; margin-left: 5rem; }

.my10 { margin-top: 5rem; margin-bottom: 5rem; }

.pa10 { padding: 5rem; }

.pt10 { padding-top: 5rem; }

.pb10 { padding-bottom: 5rem; }

.pr10 { padding-right: 5rem; }

.pl10 { padding-left: 5rem; }

.px10 { padding-right: 5rem; padding-left: 5rem; }

.py10 { padding-top: 5rem; padding-bottom: 5rem; }

/* /余白 */
/* 背景色 */
.bg-vivid01 { background: #ee0026; }
.bg-vivid02 { background: #fe4118; }
.bg-vivid03 { background: #ff7f00; }
.bg-vivid04 { background: #ffe600; }
.bg-vivid05 { background: #99cf15; }
.bg-vivid06 { background: #33a23d; }
.bg-vivid07 { background: #008678; }
.bg-vivid08 { background: #055d87; }
.bg-vivid09 { background: #0f218b; }
.bg-vivid10 { background: #281285; }
.bg-vivid11 { background: #56007d; }
.bg-vivid12 { background: #af0065; }

.bg-bright01 { background: #f9344c; }
.bg-bright02 { background: #fc4e32; }
.bg-bright03 { background: #ff9914; }
.bg-bright04 { background: #fff231; }
.bg-bright05 { background: #99d02b; }
.bg-bright06 { background: #33a65e; }
.bg-bright07 { background: #1aa18e; }
.bg-bright08 { background: #1d86ae; }
.bg-bright09 { background: #386cb0; }
.bg-bright10 { background: #6964ad; }
.bg-bright11 { background: #a45aaa; }
.bg-bright12 { background: #df4c94; }

.bg-light01 { background: #fa7482; }
.bg-light02 { background: #fb8072; }
.bg-light03 { background: #fdb46c; }
.bg-light04 { background: #fff27b; }
.bg-light05 { background: #b3de69; }
.bg-light06 { background: #7fc97e; }
.bg-light07 { background: #66c2ae; }
.bg-light08 { background: #67b2ca; }
.bg-light09 { background: #679fca; }
.bg-light10 { background: #807dba; }
.bg-light11 { background: #b172b6; }
.bg-light12 { background: #e170a4; }

.bg-pale01 { background: #fbb4c4; }
.bg-pale02 { background: #fdcdb7; }
.bg-pale03 { background: #fee6aa; }
.bg-pale04 { background: #ffffb3; }
.bg-pale05 { background: #e6f5b0; }
.bg-pale06 { background: #ccebc5; }
.bg-pale07 { background: #b3e2d8; }
.bg-pale08 { background: #b3d7dd; }
.bg-pale09 { background: #b3cde3; }
.bg-pale10 { background: #b2b6d8; }
.bg-pale11 { background: #cab2d6; }
.bg-pale12 { background: #e3add5; }

.bg-verypale01 { background: #fadbda; }
.bg-verypale02 { background: #fbdac8; }
.bg-verypale03 { background: #feecd2; }
.bg-verypale04 { background: #fffcdb; }
.bg-verypale05 { background: #ecf4d9; }
.bg-verypale06 { background: #d6ead8; }
.bg-verypale07 { background: #d4ecea; }
.bg-verypale08 { background: #d3edfb; }
.bg-verypale09 { background: #d3def1; }
.bg-verypale10 { background: #d2cce6; }
.bg-verypale11 { background: #e7d5e8; }
.bg-verypale12 { background: #fadce9; }

.bg-mono01 { background: #000000; }
.bg-mono02 { background: #111111; }
.bg-mono03 { background: #222222; }
.bg-mono04 { background: #333333; }
.bg-mono05 { background: #444444; }
.bg-mono06 { background: #555555; }
.bg-mono07 { background: #666666; }
.bg-mono08 { background: #777777; }
.bg-mono09 { background: #888888; }
.bg-mono10 { background: #999999; }
.bg-mono11 { background: #aaaaaa; }
.bg-mono12 { background: #bbbbbb; }
.bg-mono13 { background: #cccccc; }
.bg-mono14 { background: #dddddd; }
.bg-mono15 { background: #eeeeee; }
.bg-mono16 { background: #ffffff; }

.bg-brown01 { background: #6c4817; }
.bg-brown02 { background: #b28e5c; }
.bg-brown03 { background: #c09d6c; }
.bg-brown04 { background: #d6ab84; }

.bg-beige01 { background: #ccbda7; }
.bg-beige02 { background: #e8ddcd; }
.bg-beige03 { background: #f6f0e6; }
.bg-beige04 { background: #fefaf2; }

/* /背景色 */
/* ボーダー */
.solid_a-01 { border: solid 1px; }

.dotted_a-01 { border: dotted 1px; }

.dashed_a-01 { border: dashed 1px; }

.solid_t-01 { border-top: solid 1px; }

.dotted_t-01 { border-top: dotted 1px; }

.dashed_t-01 { border-top: dashed 1px; }

.solid_b-01 { border-bottom: solid 1px; }

.dotted_b-01 { border-bottom: dotted 1px; }

.dashed_b-01 { border-bottom: dashed 1px; }

.solid_l-01 { border-left: solid 1px; }

.dotted_l-01 { border-left: dotted 1px; }

.dashed_l-01 { border-left: dashed 1px; }

.solid_r-01 { border-right: solid 1px; }

.dotted_r-01 { border-right: dotted 1px; }

.dashed_r-01 { border-right: dashed 1px; }

.solid_a-02 { border: solid 2px; }

.dotted_a-02 { border: dotted 2px; }

.dashed_a-02 { border: dashed 2px; }

.solid_t-02 { border-top: solid 2px; }

.dotted_t-02 { border-top: dotted 2px; }

.dashed_t-02 { border-top: dashed 2px; }

.solid_b-02 { border-bottom: solid 2px; }

.dotted_b-02 { border-bottom: dotted 2px; }

.dashed_b-02 { border-bottom: dashed 2px; }

.solid_l-02 { border-left: solid 2px; }

.dotted_l-02 { border-left: dotted 2px; }

.dashed_l-02 { border-left: dashed 2px; }

.solid_r-02 { border-right: solid 2px; }

.dotted_r-02 { border-right: dotted 2px; }

.dashed_r-02 { border-right: dashed 2px; }

.solid_a-03 { border: solid 3px; }

.dotted_a-03 { border: dotted 3px; }

.dashed_a-03 { border: dashed 3px; }

.solid_t-03 { border-top: solid 3px; }

.dotted_t-03 { border-top: dotted 3px; }

.dashed_t-03 { border-top: dashed 3px; }

.solid_b-03 { border-bottom: solid 3px; }

.dotted_b-03 { border-bottom: dotted 3px; }

.dashed_b-03 { border-bottom: dashed 3px; }

.solid_l-03 { border-left: solid 3px; }

.dotted_l-03 { border-left: dotted 3px; }

.dashed_l-03 { border-left: dashed 3px; }

.solid_r-03 { border-right: solid 3px; }

.dotted_r-03 { border-right: dotted 3px; }

.dashed_r-03 { border-right: dashed 3px; }

.solid_a-04 { border: solid 4px; }

.dotted_a-04 { border: dotted 4px; }

.dashed_a-04 { border: dashed 4px; }

.solid_t-04 { border-top: solid 4px; }

.dotted_t-04 { border-top: dotted 4px; }

.dashed_t-04 { border-top: dashed 4px; }

.solid_b-04 { border-bottom: solid 4px; }

.dotted_b-04 { border-bottom: dotted 4px; }

.dashed_b-04 { border-bottom: dashed 4px; }

.solid_l-04 { border-left: solid 4px; }

.dotted_l-04 { border-left: dotted 4px; }

.dashed_l-04 { border-left: dashed 4px; }

.solid_r-04 { border-right: solid 4px; }

.dotted_r-04 { border-right: dotted 4px; }

.dashed_r-04 { border-right: dashed 4px; }

.solid_a-05 { border: solid 5px; }

.dotted_a-05 { border: dotted 5px; }

.dashed_a-05 { border: dashed 5px; }

.solid_t-05 { border-top: solid 5px; }

.dotted_t-05 { border-top: dotted 5px; }

.dashed_t-05 { border-top: dashed 5px; }

.solid_b-05 { border-bottom: solid 5px; }

.dotted_b-05 { border-bottom: dotted 5px; }

.dashed_b-05 { border-bottom: dashed 5px; }

.solid_l-05 { border-left: solid 5px; }

.dotted_l-05 { border-left: dotted 5px; }

.dashed_l-05 { border-left: dashed 5px; }

.solid_r-05 { border-right: solid 5px; }

.dotted_r-05 { border-right: dotted 5px; }

.dashed_r-05 { border-right: dashed 5px; }

.solid_a-06 { border: solid 6px; }

.dotted_a-06 { border: dotted 6px; }

.dashed_a-06 { border: dashed 6px; }

.solid_t-06 { border-top: solid 6px; }

.dotted_t-06 { border-top: dotted 6px; }

.dashed_t-06 { border-top: dashed 6px; }

.solid_b-06 { border-bottom: solid 6px; }

.dotted_b-06 { border-bottom: dotted 6px; }

.dashed_b-06 { border-bottom: dashed 6px; }

.solid_l-06 { border-left: solid 6px; }

.dotted_l-06 { border-left: dotted 6px; }

.dashed_l-06 { border-left: dashed 6px; }

.solid_r-06 { border-right: solid 6px; }

.dotted_r-06 { border-right: dotted 6px; }

.dashed_r-06 { border-right: dashed 6px; }

.solid_a-07 { border: solid 7px; }

.dotted_a-07 { border: dotted 7px; }

.dashed_a-07 { border: dashed 7px; }

.solid_t-07 { border-top: solid 7px; }

.dotted_t-07 { border-top: dotted 7px; }

.dashed_t-07 { border-top: dashed 7px; }

.solid_b-07 { border-bottom: solid 7px; }

.dotted_b-07 { border-bottom: dotted 7px; }

.dashed_b-07 { border-bottom: dashed 7px; }

.solid_l-07 { border-left: solid 7px; }

.dotted_l-07 { border-left: dotted 7px; }

.dashed_l-07 { border-left: dashed 7px; }

.solid_r-07 { border-right: solid 7px; }

.dotted_r-07 { border-right: dotted 7px; }

.dashed_r-07 { border-right: dashed 7px; }

.solid_a-08 { border: solid 8px; }

.dotted_a-08 { border: dotted 8px; }

.dashed_a-08 { border: dashed 8px; }

.solid_t-08 { border-top: solid 8px; }

.dotted_t-08 { border-top: dotted 8px; }

.dashed_t-08 { border-top: dashed 8px; }

.solid_b-08 { border-bottom: solid 8px; }

.dotted_b-08 { border-bottom: dotted 8px; }

.dashed_b-08 { border-bottom: dashed 8px; }

.solid_l-08 { border-left: solid 8px; }

.dotted_l-08 { border-left: dotted 8px; }

.dashed_l-08 { border-left: dashed 8px; }

.solid_r-08 { border-right: solid 8px; }

.dotted_r-08 { border-right: dotted 8px; }

.dashed_r-08 { border-right: dashed 8px; }

.solid_a-09 { border: solid 9px; }

.dotted_a-09 { border: dotted 9px; }

.dashed_a-09 { border: dashed 9px; }

.solid_t-09 { border-top: solid 9px; }

.dotted_t-09 { border-top: dotted 9px; }

.dashed_t-09 { border-top: dashed 9px; }

.solid_b-09 { border-bottom: solid 9px; }

.dotted_b-09 { border-bottom: dotted 9px; }

.dashed_b-09 { border-bottom: dashed 9px; }

.solid_l-09 { border-left: solid 9px; }

.dotted_l-09 { border-left: dotted 9px; }

.dashed_l-09 { border-left: dashed 9px; }

.solid_r-09 { border-right: solid 9px; }

.dotted_r-09 { border-right: dotted 9px; }

.dashed_r-09 { border-right: dashed 9px; }

.border_color-vivid01 { border-color: #ee0026; }
.border_color-vivid02 { border-color: #fe4118; }
.border_color-vivid03 { border-color: #ff7f00; }
.border_color-vivid04 { border-color: #ffe600; }
.border_color-vivid05 { border-color: #99cf15; }
.border_color-vivid06 { border-color: #33a23d; }
.border_color-vivid07 { border-color: #008678; }
.border_color-vivid08 { border-color: #055d87; }
.border_color-vivid09 { border-color: #0f218b; }
.border_color-vivid10 { border-color: #281285; }
.border_color-vivid11 { border-color: #56007d; }
.border_color-vivid12 { border-color: #af0065; }

.border_color-bright01 { border-color: #f9344c; }
.border_color-bright02 { border-color: #fc4e32; }
.border_color-bright03 { border-color: #ff9914; }
.border_color-bright04 { border-color: #fff231; }
.border_color-bright05 { border-color: #99d02b; }
.border_color-bright06 { border-color: #33a65e; }
.border_color-bright07 { border-color: #1aa18e; }
.border_color-bright08 { border-color: #1d86ae; }
.border_color-bright09 { border-color: #386cb0; }
.border_color-bright10 { border-color: #6964ad; }
.border_color-bright11 { border-color: #a45aaa; }
.border_color-bright12 { border-color: #df4c94; }

.border_color-light01 { border-color: #fa7482; }
.border_color-light02 { border-color: #fb8072; }
.border_color-light03 { border-color: #fdb46c; }
.border_color-light04 { border-color: #fff27b; }
.border_color-light05 { border-color: #b3de69; }
.border_color-light06 { border-color: #7fc97e; }
.border_color-light07 { border-color: #66c2ae; }
.border_color-light08 { border-color: #67b2ca; }
.border_color-light09 { border-color: #679fca; }
.border_color-light10 { border-color: #807dba; }
.border_color-light11 { border-color: #b172b6; }
.border_color-light12 { border-color: #e170a4; }

.border_color-pale01 { border-color: #fbb4c4; }
.border_color-pale02 { border-color: #fdcdb7; }
.border_color-pale03 { border-color: #fee6aa; }
.border_color-pale04 { border-color: #ffffb3; }
.border_color-pale05 { border-color: #e6f5b0; }
.border_color-pale06 { border-color: #ccebc5; }
.border_color-pale07 { border-color: #b3e2d8; }
.border_color-pale08 { border-color: #b3d7dd; }
.border_color-pale09 { border-color: #b3cde3; }
.border_color-pale10 { border-color: #b2b6d8; }
.border_color-pale11 { border-color: #cab2d6; }
.border_color-pale12 { border-color: #e3add5; }

.border_color-verypale01 { border-color: #fadbda; }
.border_color-verypale02 { border-color: #fbdac8; }
.border_color-verypale03 { border-color: #feecd2; }
.border_color-verypale04 { border-color: #fffcdb; }
.border_color-verypale05 { border-color: #ecf4d9; }
.border_color-verypale06 { border-color: #d6ead8; }
.border_color-verypale07 { border-color: #d4ecea; }
.border_color-verypale08 { border-color: #d3edfb; }
.border_color-verypale09 { border-color: #d3def1; }
.border_color-verypale10 { border-color: #d2cce6; }
.border_color-verypale11 { border-color: #e7d5e8; }
.border_color-verypale12 { border-color: #fadce9; }

.border_color-mono01 { border-color: #000000; }
.border_color-mono02 { border-color: #111111; }
.border_color-mono03 { border-color: #222222; }
.border_color-mono04 { border-color: #333333; }
.border_color-mono05 { border-color: #444444; }
.border_color-mono06 { border-color: #555555; }
.border_color-mono07 { border-color: #666666; }
.border_color-mono08 { border-color: #777777; }
.border_color-mono09 { border-color: #888888; }
.border_color-mono10 { border-color: #999999; }
.border_color-mono11 { border-color: #aaaaaa; }
.border_color-mono12 { border-color: #bbbbbb; }
.border_color-mono13 { border-color: #cccccc; }
.border_color-mono14 { border-color: #dddddd; }
.border_color-mono15 { border-color: #eeeeee; }
.border_color-mono16 { border-color: #ffffff; }

.border_color-brown01 { border-color: #6c4817; }
.border_color-brown02 { border-color: #b28e5c; }
.border_color-brown03 { border-color: #c09d6c; }
.border_color-brown04 { border-color: #d6ab84; }

.border_color-beige01 { border-color: #ccbda7; }
.border_color-beige02 { border-color: #e8ddcd; }
.border_color-beige03 { border-color: #f6f0e6; }
.border_color-beige04 { border-color: #fefaf2; }

/* /.ボーダー */
/* 角丸ボックス */
.radius_a-05 { border-radius: 5px; }
.radius_t-05 { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.radius_.radius_b-05 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.radius_l-05 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.radius_r-05 { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.radius_a-08 { border-radius: 8px; }
.radius_t-08 { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.radius_.radius_b-08 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.radius_l-08 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.radius_r-08 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.radius_a-16 { border-radius: 16px; }
.radius_t-16 { border-top-left-radius: 16px; border-top-right-radius: 16px; }
.radius_b-16 { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
.radius_l-16 { border-top-left-radius: 16px; border-bottom-left-radius: 16px; }
.radius_r-16 { border-top-right-radius: 16px; border-bottom-right-radius: 16px; }

/* /角丸ボックス */
/* float */
.float-left { float: left; }
.float-right { float: right; }

.cf { clear: both; }

.clearfix { min-height: 1px; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.background-img { background-image: url("../images/bg.jpg"); background-repeat: repeat; }

.gotop_box { display: block; text-align: right; font-size: 1rem; }
.gotop_box:before { content: "　"; background-repeat: no-repeat; background-position: right center; background-size: 13px; background-image: url("../images/btn/arrow_up_br.png"); }
.gotop_box .gotop { display: inline-block; margin-left: 0.5rem; text-decoration: underline; cursor: pointer; color: #c94d00; }
.gotop_box .gotop:hover { text-decoration: none; }

.new_icon { display: inline-block; width: 24px; height: 11px; background: url("../images/icon/new.png"); }

/* -------------------- mixin import -------------------- */
/**★*―――――*★*―――――*★*―――――*★*―――――*★** グリッドシステム -0.1% はAndroid4.3以下対応 *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/**★*―――――*★*―――――*★*―――――*★*―――――*★** 等分割リスト -0.1% はAndroid4.3以下対応 *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/**★*―――――*★*―――――*★*―――――*★*―――――*★** ボタン *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/* グラデーションボタン */
/* スマートなボタン */
/* 向き */
/* バナー */
/**★*―――――*★*―――――*★*―――――*★*―――――*★** レシピカテゴリーアイコン *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/**★*―――――*★*―――――*★*―――――*★*―――――*★** グリッドシステム _grid.scss *★*―――――*★*―――――*★*―――――*★*―――――*★**/
[class*=col-] { width: 100%; }

[class*=list-] { font-size: 0; }
[class*=list-] .col { display: inline-block; margin-bottom: 16px; vertical-align: top; font-size: 1rem; }

.grid-1 { font-size: 0; }
.grid-1 [class*='col-sm-'] { display: inline-block; vertical-align: top; font-size: 1rem; }

@media screen and (min-width: 0px) { .grid-1 [class*='col-sm-'] { margin-left: 1%; }
  .grid-1 [class*='col-sm-']:first-child { margin-left: 0px; }
  .grid-1 .col-sm-24 { width: 99.5%; }
  .grid-1 .col-sm-23 { width: 95.29167%; }
  .grid-1 .col-sm-22 { width: 91.08333%; }
  .grid-1 .col-sm-21 { width: 86.875%; }
  .grid-1 .col-sm-20 { width: 82.66667%; }
  .grid-1 .col-sm-19 { width: 78.45833%; }
  .grid-1 .col-sm-18 { width: 74.25%; }
  .grid-1 .col-sm-17 { width: 70.04167%; }
  .grid-1 .col-sm-16 { width: 65.83333%; }
  .grid-1 .col-sm-15 { width: 61.625%; }
  .grid-1 .col-sm-14 { width: 57.41667%; }
  .grid-1 .col-sm-13 { width: 53.20833%; }
  .grid-1 .col-sm-12 { width: 49%; }
  .grid-1 .col-sm-11 { width: 44.79167%; }
  .grid-1 .col-sm-10 { width: 40.58333%; }
  .grid-1 .col-sm-9 { width: 36.375%; }
  .grid-1 .col-sm-8 { width: 32.16667%; }
  .grid-1 .col-sm-7 { width: 27.95833%; }
  .grid-1 .col-sm-6 { width: 23.75%; }
  .grid-1 .col-sm-5 { width: 19.54167%; }
  .grid-1 .col-sm-4 { width: 15.33333%; }
  .grid-1 .col-sm-3 { width: 11.125%; }
  .grid-1 .col-sm-2 { width: 6.91667%; }
  .grid-1 .col-sm-1 { width: 2.70833%; }
  .grid-1 .col-sm-0 { display: none; } }
.grid-1 { font-size: 0; }
.grid-1 [class*='col-md-'] { display: inline-block; vertical-align: top; font-size: 1rem; }

@media screen and (min-width: 426px) { .grid-1 [class*='col-md-'] { margin-left: 1%; }
  .grid-1 [class*='col-md-']:first-child { margin-left: 0px; }
  .grid-1 .col-md-24 { width: 99.5%; }
  .grid-1 .col-md-23 { width: 95.29167%; }
  .grid-1 .col-md-22 { width: 91.08333%; }
  .grid-1 .col-md-21 { width: 86.875%; }
  .grid-1 .col-md-20 { width: 82.66667%; }
  .grid-1 .col-md-19 { width: 78.45833%; }
  .grid-1 .col-md-18 { width: 74.25%; }
  .grid-1 .col-md-17 { width: 70.04167%; }
  .grid-1 .col-md-16 { width: 65.83333%; }
  .grid-1 .col-md-15 { width: 61.625%; }
  .grid-1 .col-md-14 { width: 57.41667%; }
  .grid-1 .col-md-13 { width: 53.20833%; }
  .grid-1 .col-md-12 { width: 49%; }
  .grid-1 .col-md-11 { width: 44.79167%; }
  .grid-1 .col-md-10 { width: 40.58333%; }
  .grid-1 .col-md-9 { width: 36.375%; }
  .grid-1 .col-md-8 { width: 32.16667%; }
  .grid-1 .col-md-7 { width: 27.95833%; }
  .grid-1 .col-md-6 { width: 23.75%; }
  .grid-1 .col-md-5 { width: 19.54167%; }
  .grid-1 .col-md-4 { width: 15.33333%; }
  .grid-1 .col-md-3 { width: 11.125%; }
  .grid-1 .col-md-2 { width: 6.91667%; }
  .grid-1 .col-md-1 { width: 2.70833%; }
  .grid-1 .col-md-0 { display: none; } }
.grid-1 { font-size: 0; }
.grid-1 [class*='col-lg-'] { display: inline-block; vertical-align: top; font-size: 1rem; }

@media screen and (min-width: 769px) { .grid-1 [class*='col-lg-'] { margin-left: 1%; }
  .grid-1 [class*='col-lg-']:first-child { margin-left: 0px; }
  .grid-1 .col-lg-24 { width: 99.5%; }
  .grid-1 .col-lg-23 { width: 95.29167%; }
  .grid-1 .col-lg-22 { width: 91.08333%; }
  .grid-1 .col-lg-21 { width: 86.875%; }
  .grid-1 .col-lg-20 { width: 82.66667%; }
  .grid-1 .col-lg-19 { width: 78.45833%; }
  .grid-1 .col-lg-18 { width: 74.25%; }
  .grid-1 .col-lg-17 { width: 70.04167%; }
  .grid-1 .col-lg-16 { width: 65.83333%; }
  .grid-1 .col-lg-15 { width: 61.625%; }
  .grid-1 .col-lg-14 { width: 57.41667%; }
  .grid-1 .col-lg-13 { width: 53.20833%; }
  .grid-1 .col-lg-12 { width: 49%; }
  .grid-1 .col-lg-11 { width: 44.79167%; }
  .grid-1 .col-lg-10 { width: 40.58333%; }
  .grid-1 .col-lg-9 { width: 36.375%; }
  .grid-1 .col-lg-8 { width: 32.16667%; }
  .grid-1 .col-lg-7 { width: 27.95833%; }
  .grid-1 .col-lg-6 { width: 23.75%; }
  .grid-1 .col-lg-5 { width: 19.54167%; }
  .grid-1 .col-lg-4 { width: 15.33333%; }
  .grid-1 .col-lg-3 { width: 11.125%; }
  .grid-1 .col-lg-2 { width: 6.91667%; }
  .grid-1 .col-lg-1 { width: 2.70833%; }
  .grid-1 .col-lg-0 { display: none; } }
.grid-0 { font-size: 0; }
.grid-0 [class*='col-sm-'] { display: inline-block; vertical-align: top; font-size: 1rem; }

@media screen and (min-width: 0px) { .grid-0 [class*='col-sm-'] { margin-left: 0%; }
  .grid-0 [class*='col-sm-']:first-child { margin-left: 0px; }
  .grid-0 .col-sm-24 { width: 99.5%; }
  .grid-0 .col-sm-23 { width: 95.33333%; }
  .grid-0 .col-sm-22 { width: 91.16667%; }
  .grid-0 .col-sm-21 { width: 87%; }
  .grid-0 .col-sm-20 { width: 82.83333%; }
  .grid-0 .col-sm-19 { width: 78.66667%; }
  .grid-0 .col-sm-18 { width: 74.5%; }
  .grid-0 .col-sm-17 { width: 70.33333%; }
  .grid-0 .col-sm-16 { width: 66.16667%; }
  .grid-0 .col-sm-15 { width: 62%; }
  .grid-0 .col-sm-14 { width: 57.83333%; }
  .grid-0 .col-sm-13 { width: 53.66667%; }
  .grid-0 .col-sm-12 { width: 49.5%; }
  .grid-0 .col-sm-11 { width: 45.33333%; }
  .grid-0 .col-sm-10 { width: 41.16667%; }
  .grid-0 .col-sm-9 { width: 37%; }
  .grid-0 .col-sm-8 { width: 32.83333%; }
  .grid-0 .col-sm-7 { width: 28.66667%; }
  .grid-0 .col-sm-6 { width: 24.5%; }
  .grid-0 .col-sm-5 { width: 20.33333%; }
  .grid-0 .col-sm-4 { width: 16.16667%; }
  .grid-0 .col-sm-3 { width: 12%; }
  .grid-0 .col-sm-2 { width: 7.83333%; }
  .grid-0 .col-sm-1 { width: 3.66667%; }
  .grid-0 .col-sm-0 { display: none; } }
.grid-0 { font-size: 0; }
.grid-0 [class*='col-md-'] { display: inline-block; vertical-align: top; font-size: 1rem; }

@media screen and (min-width: 426px) { .grid-0 [class*='col-md-'] { margin-left: 0%; }
  .grid-0 [class*='col-md-']:first-child { margin-left: 0px; }
  .grid-0 .col-md-24 { width: 99.5%; }
  .grid-0 .col-md-23 { width: 95.33333%; }
  .grid-0 .col-md-22 { width: 91.16667%; }
  .grid-0 .col-md-21 { width: 87%; }
  .grid-0 .col-md-20 { width: 82.83333%; }
  .grid-0 .col-md-19 { width: 78.66667%; }
  .grid-0 .col-md-18 { width: 74.5%; }
  .grid-0 .col-md-17 { width: 70.33333%; }
  .grid-0 .col-md-16 { width: 66.16667%; }
  .grid-0 .col-md-15 { width: 62%; }
  .grid-0 .col-md-14 { width: 57.83333%; }
  .grid-0 .col-md-13 { width: 53.66667%; }
  .grid-0 .col-md-12 { width: 49.5%; }
  .grid-0 .col-md-11 { width: 45.33333%; }
  .grid-0 .col-md-10 { width: 41.16667%; }
  .grid-0 .col-md-9 { width: 37%; }
  .grid-0 .col-md-8 { width: 32.83333%; }
  .grid-0 .col-md-7 { width: 28.66667%; }
  .grid-0 .col-md-6 { width: 24.5%; }
  .grid-0 .col-md-5 { width: 20.33333%; }
  .grid-0 .col-md-4 { width: 16.16667%; }
  .grid-0 .col-md-3 { width: 12%; }
  .grid-0 .col-md-2 { width: 7.83333%; }
  .grid-0 .col-md-1 { width: 3.66667%; }
  .grid-0 .col-md-0 { display: none; } }
.grid-0 { font-size: 0; }
.grid-0 [class*='col-lg-'] { display: inline-block; vertical-align: top; font-size: 1rem; }

@media screen and (min-width: 769px) { .grid-0 [class*='col-lg-'] { margin-left: 0%; }
  .grid-0 [class*='col-lg-']:first-child { margin-left: 0px; }
  .grid-0 .col-lg-24 { width: 99.5%; }
  .grid-0 .col-lg-23 { width: 95.33333%; }
  .grid-0 .col-lg-22 { width: 91.16667%; }
  .grid-0 .col-lg-21 { width: 87%; }
  .grid-0 .col-lg-20 { width: 82.83333%; }
  .grid-0 .col-lg-19 { width: 78.66667%; }
  .grid-0 .col-lg-18 { width: 74.5%; }
  .grid-0 .col-lg-17 { width: 70.33333%; }
  .grid-0 .col-lg-16 { width: 66.16667%; }
  .grid-0 .col-lg-15 { width: 62%; }
  .grid-0 .col-lg-14 { width: 57.83333%; }
  .grid-0 .col-lg-13 { width: 53.66667%; }
  .grid-0 .col-lg-12 { width: 49.5%; }
  .grid-0 .col-lg-11 { width: 45.33333%; }
  .grid-0 .col-lg-10 { width: 41.16667%; }
  .grid-0 .col-lg-9 { width: 37%; }
  .grid-0 .col-lg-8 { width: 32.83333%; }
  .grid-0 .col-lg-7 { width: 28.66667%; }
  .grid-0 .col-lg-6 { width: 24.5%; }
  .grid-0 .col-lg-5 { width: 20.33333%; }
  .grid-0 .col-lg-4 { width: 16.16667%; }
  .grid-0 .col-lg-3 { width: 12%; }
  .grid-0 .col-lg-2 { width: 7.83333%; }
  .grid-0 .col-lg-1 { width: 3.66667%; }
  .grid-0 .col-lg-0 { display: none; } }
@media screen and (max-width: 425px) { .grid-0 .col-sm-0 { display: none !important; } }
/**★*―――――*★*―――――*★*―――――*★*―――――*★** 等分割リスト _grid.scss *★*―――――*★*―――――*★*―――――*★*―――――*★**/
@media screen and (max-width: 425px) { .list-5 .col { width: 48.5%; margin-right: 2%; }
  .list-5 .col:nth-of-type(2n) { margin-right: 0px; }
  .list-4 .col { width: 48.5%; margin-right: 2%; }
  .list-4 .col:nth-of-type(2n) { margin-right: 0px; }
  .list-3 .col { width: 99.5%; margin-right: 2%; }
  .list-3 .col:nth-of-type(1n) { margin-right: 0px; }
  .list-2 .col { width: 99.5%; margin-right: 2%; }
  .list-2 .col:nth-of-type(1n) { margin-right: 0px; } }
@media screen and (max-width: 768px) and (min-width: 426px) { .list-5 .col { width: 32.16667%; margin-right: 1%; }
  .list-5 .col:nth-of-type(3n) { margin-right: 0px; }
  .list-4 .col { width: 32.16667%; margin-right: 1%; }
  .list-4 .col:nth-of-type(3n) { margin-right: 0px; }
  .list-3 .col { width: 49%; margin-right: 1%; }
  .list-3 .col:nth-of-type(2n) { margin-right: 0px; }
  .list-2 .col { width: 99.5%; margin-right: 1%; }
  .list-2 .col:nth-of-type(1n) { margin-right: 0px; } }
@media screen and (min-width: 769px) { .list-5 .col { width: 18.7%; margin-right: 1%; }
  .list-5 .col:nth-of-type(5n) { margin-right: 0px; }
  .list-4 .col { width: 23.75%; margin-right: 1%; }
  .list-4 .col:nth-of-type(4n) { margin-right: 0px; }
  .list-3 .col { width: 32.16667%; margin-right: 1%; }
  .list-3 .col:nth-of-type(3n) { margin-right: 0px; }
  .list-2 .col { width: 49%; margin-right: 1%; }
  .list-2 .col:nth-of-type(2n) { margin-right: 0px; } }
/**★*―――――*★*―――――*★*―――――*★*―――――*★** ボタン _bttons.scss *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/* グラデーションボタン */
.btn { display: inline-block; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); color: #ffffff; cursor: pointer; text-align: center; border: 1px solid #6c4817; }
.btn .icon { display: inline-block; margin-right: 8px; width: 1.5em; height: 1.5em; }
.btn [class*=btn_] { min-height: 30px; padding: 6px 25px 6px 10px; text-align: left; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.btn [class*=btn_]:after { position: absolute; content: "　"; top: 0px; right: 8px; width: 13px; height: 100%; }
.btn [class*=btn_left_] { background-position: left 8px center; padding-left: 25px; padding-right: 10px; }
.btn [class*=btn_left_]:after { right: auto; left: 8px; }
.btn.smart { box-shadow: none; }
.btn.smart [class*=btn_] { font-size: .8rem; }
.btn.smart [class*=btn_left_] { padding-left: 25px; padding-right: 8px; }

.banner { display: inline-block; border-radius: 5px; color: #ffffff; cursor: pointer; text-align: center; }
.banner .menu_icon { display: inline-block; width: 1.5em; height: 1.5em; margin-right: 8px; }
.banner .banner_inner { padding: 12px 8px; }

a.btn, a.banner { color: #ffffff; text-decoration: none; }

.btn.btn_01 { background-color: #ee0026; background: linear-gradient(#ff4f75, #ee0026); background: -webkit-gradient(#ff4f75, #ee0026); border-width: 0px; color: #ffffff; }

.btn.btn_01:hover { background-color: rgba(238, 0, 38, 0.7); background: linear-gradient(rgba(255, 79, 117, 0.7), rgba(238, 0, 38, 0.7)); background: -webkit-gradient(rgba(255, 79, 117, 0.7), rgba(238, 0, 38, 0.7)); }

.btn.smart.btn_01 { background: #fd0f35; border-width: 0px; color: #ffffff; }

.btn.smart.btn_01:hover { background: rgba(253, 15, 53, 0.7); }

.banner.btn_01 { background: #ee0026; color: #ffffff; }
.banner.btn_01:hover { background: #ff0930; }

.btn.btn_02 { background-color: #fe4118; background: linear-gradient(#ff9067, #fe4118); background: -webkit-gradient(#ff9067, #fe4118); border-width: 0px; color: #ffffff; }

.btn.btn_02:hover { background-color: rgba(254, 65, 24, 0.7); background: linear-gradient(rgba(255, 144, 103, 0.7), rgba(254, 65, 24, 0.7)); background: -webkit-gradient(rgba(255, 144, 103, 0.7), rgba(254, 65, 24, 0.7)); }

.btn.smart.btn_02 { background: #ff5027; border-width: 0px; color: #ffffff; }

.btn.smart.btn_02:hover { background: rgba(255, 80, 39, 0.7); }

.banner.btn_02 { background: #fe4118; color: #ffffff; }
.banner.btn_02:hover { background: #fe5631; }

.btn.btn_03 { background-color: #ff7f00; background: linear-gradient(#ffce4f, #ff7f00); background: -webkit-gradient(#ffce4f, #ff7f00); border-width: 0px; color: #ffffff; }

.btn.btn_03:hover { background-color: rgba(255, 127, 0, 0.7); background: linear-gradient(rgba(255, 206, 79, 0.7), rgba(255, 127, 0, 0.7)); background: -webkit-gradient(rgba(255, 206, 79, 0.7), rgba(255, 127, 0, 0.7)); }

.btn.smart.btn_03 { background: #ff8e0f; border-width: 0px; color: #ffffff; }

.btn.smart.btn_03:hover { background: rgba(255, 142, 15, 0.7); }

.banner.btn_03 { background: #ff7f00; color: #ffffff; }
.banner.btn_03:hover { background: #ff8c1a; }

.btn.btn_04 { background-color: #ffe600; background: linear-gradient(#ffff4f, #ffe600); background: -webkit-gradient(#ffff4f, #ffe600); border-width: 0px; color: #644924; }

.btn.btn_04:hover { background-color: rgba(255, 230, 0, 0.7); background: linear-gradient(rgba(255, 255, 79, 0.7), rgba(255, 230, 0, 0.7)); background: -webkit-gradient(rgba(255, 255, 79, 0.7), rgba(255, 230, 0, 0.7)); }

.btn.smart.btn_04 { background: #fff50f; border-width: 0px; color: #644924; }

.btn.smart.btn_04:hover { background: rgba(255, 245, 15, 0.7); }

.banner.btn_04 { background: #ffe600; color: #644924; }
.banner.btn_04:hover { background: #ffe91a; }

.btn.btn_05 { background-color: #99cf15; background: linear-gradient(#e8ff64, #99cf15); background: -webkit-gradient(#e8ff64, #99cf15); border-width: 0px; color: #644924; }

.btn.btn_05:hover { background-color: rgba(153, 207, 21, 0.7); background: linear-gradient(rgba(232, 255, 100, 0.7), rgba(153, 207, 21, 0.7)); background: -webkit-gradient(rgba(232, 255, 100, 0.7), rgba(153, 207, 21, 0.7)); }

.btn.smart.btn_05 { background: #a8de24; border-width: 0px; color: #644924; }

.btn.smart.btn_05:hover { background: rgba(168, 222, 36, 0.7); }

.banner.btn_05 { background: #99cf15; color: #644924; }
.banner.btn_05:hover { background: #aae617; }

.btn.btn_06 { background-color: #33a23d; background: linear-gradient(#82f18c, #33a23d); background: -webkit-gradient(#82f18c, #33a23d); border-width: 0px; color: #ffffff; }

.btn.btn_06:hover { background-color: rgba(51, 162, 61, 0.7); background: linear-gradient(rgba(130, 241, 140, 0.7), rgba(51, 162, 61, 0.7)); background: -webkit-gradient(rgba(130, 241, 140, 0.7), rgba(51, 162, 61, 0.7)); }

.btn.smart.btn_06 { background: #42b14c; border-width: 0px; color: #ffffff; }

.btn.smart.btn_06:hover { background: rgba(66, 177, 76, 0.7); }

.banner.btn_06 { background: #33a23d; color: #ffffff; }
.banner.btn_06:hover { background: #39b544; }

.btn.btn_07 { background-color: #008678; background: linear-gradient(#4fd5c7, #008678); background: -webkit-gradient(#4fd5c7, #008678); border-width: 0px; color: #ffffff; }

.btn.btn_07:hover { background-color: rgba(0, 134, 120, 0.7); background: linear-gradient(rgba(79, 213, 199, 0.7), rgba(0, 134, 120, 0.7)); background: -webkit-gradient(rgba(79, 213, 199, 0.7), rgba(0, 134, 120, 0.7)); }

.btn.smart.btn_07 { background: #0f9587; border-width: 0px; color: #ffffff; }

.btn.smart.btn_07:hover { background: rgba(15, 149, 135, 0.7); }

.banner.btn_07 { background: #008678; color: #ffffff; }
.banner.btn_07:hover { background: #00a08f; }

.btn.btn_08 { background-color: #055d87; background: linear-gradient(#54acd6, #055d87); background: -webkit-gradient(#54acd6, #055d87); border-width: 0px; color: #ffffff; }

.btn.btn_08:hover { background-color: rgba(5, 93, 135, 0.7); background: linear-gradient(rgba(84, 172, 214, 0.7), rgba(5, 93, 135, 0.7)); background: -webkit-gradient(rgba(84, 172, 214, 0.7), rgba(5, 93, 135, 0.7)); }

.btn.smart.btn_08 { background: #146c96; border-width: 0px; color: #ffffff; }

.btn.smart.btn_08:hover { background: rgba(20, 108, 150, 0.7); }

.banner.btn_08 { background: #055d87; color: #ffffff; }
.banner.btn_08:hover { background: #066ea0; }

.btn.btn_09 { background-color: #0f218b; background: linear-gradient(#5e70da, #0f218b); background: -webkit-gradient(#5e70da, #0f218b); border-width: 0px; color: #ffffff; }

.btn.btn_09:hover { background-color: rgba(15, 33, 139, 0.7); background: linear-gradient(rgba(94, 112, 218, 0.7), rgba(15, 33, 139, 0.7)); background: -webkit-gradient(rgba(94, 112, 218, 0.7), rgba(15, 33, 139, 0.7)); }

.btn.smart.btn_09 { background: #1e309a; border-width: 0px; color: #ffffff; }

.btn.smart.btn_09:hover { background: rgba(30, 48, 154, 0.7); }

.banner.btn_09 { background: #0f218b; color: #ffffff; }
.banner.btn_09:hover { background: #1126a2; }

.btn.btn_10 { background-color: #281285; background: linear-gradient(#7761d4, #281285); background: -webkit-gradient(#7761d4, #281285); border-width: 0px; color: #ffffff; }

.btn.btn_10:hover { background-color: rgba(40, 18, 133, 0.7); background: linear-gradient(rgba(119, 97, 212, 0.7), rgba(40, 18, 133, 0.7)); background: -webkit-gradient(rgba(119, 97, 212, 0.7), rgba(40, 18, 133, 0.7)); }

.btn.smart.btn_10 { background: #372194; border-width: 0px; color: #ffffff; }

.btn.smart.btn_10:hover { background: rgba(55, 33, 148, 0.7); }

.banner.btn_10 { background: #281285; color: #ffffff; }
.banner.btn_10:hover { background: #2f159b; }

.btn.btn_11 { background-color: #56007d; background: linear-gradient(#a54fcc, #56007d); background: -webkit-gradient(#a54fcc, #56007d); border-width: 0px; color: #ffffff; }

.btn.btn_11:hover { background-color: rgba(86, 0, 125, 0.7); background: linear-gradient(rgba(165, 79, 204, 0.7), rgba(86, 0, 125, 0.7)); background: -webkit-gradient(rgba(165, 79, 204, 0.7), rgba(86, 0, 125, 0.7)); }

.btn.smart.btn_11 { background: #650f8c; border-width: 0px; color: #ffffff; }

.btn.smart.btn_11:hover { background: rgba(101, 15, 140, 0.7); }

.banner.btn_11 { background: #56007d; color: #ffffff; }
.banner.btn_11:hover { background: #680097; }

.btn.btn_12 { background-color: #af0065; background: linear-gradient(#fe4fb4, #af0065); background: -webkit-gradient(#fe4fb4, #af0065); border-width: 0px; color: #ffffff; }

.btn.btn_12:hover { background-color: rgba(175, 0, 101, 0.7); background: linear-gradient(rgba(254, 79, 180, 0.7), rgba(175, 0, 101, 0.7)); background: -webkit-gradient(rgba(254, 79, 180, 0.7), rgba(175, 0, 101, 0.7)); }

.btn.smart.btn_12 { background: #be0f74; border-width: 0px; color: #ffffff; }

.btn.smart.btn_12:hover { background: rgba(190, 15, 116, 0.7); }

.banner.btn_12 { background: #af0065; color: #ffffff; }
.banner.btn_12:hover { background: #c90074; }

.btn.btn_13 { background-color: #e7080a; background: linear-gradient(#ff5759, #e7080a); background: -webkit-gradient(#ff5759, #e7080a); border-width: 0px; color: #ffffff; }

.btn.btn_13:hover { background-color: rgba(231, 8, 10, 0.7); background: linear-gradient(rgba(255, 87, 89, 0.7), rgba(231, 8, 10, 0.7)); background: -webkit-gradient(rgba(255, 87, 89, 0.7), rgba(231, 8, 10, 0.7)); }

.btn.smart.btn_13 { background: #f61719; border-width: 0px; color: #ffffff; }

.btn.smart.btn_13:hover { background: rgba(246, 23, 25, 0.7); }

.banner.btn_13 { background: #e7080a; color: #ffffff; }
.banner.btn_13:hover { background: #f71214; }

.btn.btn_14 { background-color: #be3e00; background: linear-gradient(#ff8d4f, #be3e00); background: -webkit-gradient(#ff8d4f, #be3e00); border-width: 0px; color: #ffffff; }

.btn.btn_14:hover { background-color: rgba(190, 62, 0, 0.7); background: linear-gradient(rgba(255, 141, 79, 0.7), rgba(190, 62, 0, 0.7)); background: -webkit-gradient(rgba(255, 141, 79, 0.7), rgba(190, 62, 0, 0.7)); }

.btn.smart.btn_14 { background: #cd4d0f; border-width: 0px; color: #ffffff; }

.btn.smart.btn_14:hover { background: rgba(205, 77, 15, 0.7); }

.banner.btn_14 { background: #be3e00; color: #ffffff; }
.banner.btn_14:hover { background: #d84600; }

.btn.btn_15 { background-color: #dddddd; background: linear-gradient(white, #dddddd); background: -webkit-gradient(white, #dddddd); border-width: 0px; color: #644924; }

.btn.btn_15:hover { background-color: rgba(221, 221, 221, 0.7); background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(221, 221, 221, 0.7)); background: -webkit-gradient(rgba(255, 255, 255, 0.7), rgba(221, 221, 221, 0.7)); }

.btn.smart.btn_15 { background: #ececec; border-width: 0px; color: #644924; }

.btn.smart.btn_15:hover { background: rgba(236, 236, 236, 0.7); }

.banner.btn_15 { background: #dddddd; color: #644924; }
.banner.btn_15:hover { background: #eaeaea; }

.btn.btn_16 { background-color: #583912; background: linear-gradient(#a78861, #583912); background: -webkit-gradient(#a78861, #583912); border-width: 0px; color: #ffffff; }

.btn.btn_16:hover { background-color: rgba(88, 57, 18, 0.7); background: linear-gradient(rgba(167, 136, 97, 0.7), rgba(88, 57, 18, 0.7)); background: -webkit-gradient(rgba(167, 136, 97, 0.7), rgba(88, 57, 18, 0.7)); }

.btn.smart.btn_16 { background: #674821; border-width: 0px; color: #ffffff; }

.btn.smart.btn_16:hover { background: rgba(103, 72, 33, 0.7); }

.banner.btn_16 { background: #583912; color: #ffffff; }
.banner.btn_16:hover { background: #6d4716; }

.btn.btn_17 { background-color: #8c7e6d; background: linear-gradient(#dbcdbc, #8c7e6d); background: -webkit-gradient(#dbcdbc, #8c7e6d); border-width: 0px; color: #ffffff; }

.btn.btn_17:hover { background-color: rgba(140, 126, 109, 0.7); background: linear-gradient(rgba(219, 205, 188, 0.7), rgba(140, 126, 109, 0.7)); background: -webkit-gradient(rgba(219, 205, 188, 0.7), rgba(140, 126, 109, 0.7)); }

.btn.smart.btn_17 { background: #9b8d7c; border-width: 0px; color: #ffffff; }

.btn.smart.btn_17:hover { background: rgba(155, 141, 124, 0.7); }

.banner.btn_17 { background: #8c7e6d; color: #ffffff; }
.banner.btn_17:hover { background: #988b7b; }

.btn.btn_18 { background-color: #7ea700; background: linear-gradient(#cdf64f, #7ea700); background: -webkit-gradient(#cdf64f, #7ea700); border-width: 0px; color: #ffffff; }

.btn.btn_18:hover { background-color: rgba(126, 167, 0, 0.7); background: linear-gradient(rgba(205, 246, 79, 0.7), rgba(126, 167, 0, 0.7)); background: -webkit-gradient(rgba(205, 246, 79, 0.7), rgba(126, 167, 0, 0.7)); }

.btn.smart.btn_18 { background: #8db60f; border-width: 0px; color: #ffffff; }

.btn.smart.btn_18:hover { background: rgba(141, 182, 15, 0.7); }

.banner.btn_18 { background: #7ea700; color: #ffffff; }
.banner.btn_18:hover { background: #91c100; }

.btn.btn_19 { background-color: #ffffff; background: linear-gradient(white, #ffffff); background: -webkit-gradient(white, #ffffff); border-width: 0px; color: #644924; }

.btn.btn_19:hover { background-color: rgba(255, 255, 255, 0.7); background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); background: -webkit-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); }

.btn.smart.btn_19 { background: white; border-width: 0px; color: #644924; }

.btn.smart.btn_19:hover { background: rgba(255, 255, 255, 0.7); }

.banner.btn_19 { background: #ffffff; color: #644924; }
.banner.btn_19:hover { background: white; }

.btn.btn_20 { background-color: #c09d6c; background: linear-gradient(#ffecbb, #c09d6c); background: -webkit-gradient(#ffecbb, #c09d6c); border-width: 0px; color: #ffffff; }

.btn.btn_20:hover { background-color: rgba(192, 157, 108, 0.7); background: linear-gradient(rgba(255, 236, 187, 0.7), rgba(192, 157, 108, 0.7)); background: -webkit-gradient(rgba(255, 236, 187, 0.7), rgba(192, 157, 108, 0.7)); }

.btn.smart.btn_20 { background: #cfac7b; border-width: 0px; color: #ffffff; }

.btn.smart.btn_20:hover { background: rgba(207, 172, 123, 0.7); }

.banner.btn_20 { background: #c09d6c; color: #ffffff; }
.banner.btn_20:hover { background: #c8a97e; }

.btn.btn_no { background: #cccccc; border-width: 0px; color: #ffffff; }

.btn.btn_wk { background: #ffffff; border-width: 1px; color: #644924; }

.btn.btn_wk:hover { background-color: rgba(255, 255, 255, 0.7); background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); background: -webkit-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); }

.btn.smart.btn_no { background: #dbdbdb; border-width: 0px; color: #ffffff; }

.btn.smart.btn_wk { background: white; border-width: 1px; color: #644924; }

.btn.smart.btn_wk:hover { background: rgba(255, 255, 255, 0.7); }

/* 向き */
.btn .btn_btm_wh:after { background-image: url("../images/btn/arrow_btm_wh.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_up_wh:after { background-image: url("../images/btn/arrow_up_wh.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_right_wh:after { background-image: url("../images/btn/arrow_right_wh.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_left_wh:after { background-image: url("../images/btn/arrow_left_wh.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_btm_br:after { background-image: url("../images/btn/arrow_btm_br.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_up_br:after { background-image: url("../images/btn/arrow_up_br.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_right_br:after { background-image: url("../images/btn/arrow_right_br.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_left_br:after { background-image: url("../images/btn/arrow_left_br.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.btn .btn_none, .btn.smart .btn_none { text-align: center; padding-right: 10px; }

/**★*―――――*★*―――――*★*―――――*★*―――――*★** レシピカテゴリーアイコン *★*―――――*★*―――――*★*―――――*★*―――――*★**/
.menu_cate { padding-left: 25px; min-height: 22px; background-repeat: no-repeat; background-position: left center; background-size: 22px; text-align: left; }

.menu_cate.icon-l { padding-left: 35px; min-height: 34px; background-size: 32px; font-size: 1.5rem; }

.background-main { background-color: white; }

.menu_cate.main { background-image: url("../images/menu/cate/main.png"); }
.menu_cate.main:before { color: #d26e2e; }
.menu_cate.main.cate_label:before { content: "主菜　"; }

.background-sub { background-color: #eaf6c5; }

.menu_cate.sub { background-image: url("../images/menu/cate/sub.png"); }
.menu_cate.sub:before { color: #81a418; }
.menu_cate.sub.cate_label:before { content: "副菜　"; }

.background-sub2 { background-color: white; }

.menu_cate.sub2 { background-image: url("../images/menu/cate/sub2.png"); }
.menu_cate.sub2:before { color: #9a6994; }
.menu_cate.sub2.cate_label:before { content: "副菜2　"; }

.background-soup { background-color: white; }

.menu_cate.soup { background-image: url("../images/menu/cate/soup.png"); }
.menu_cate.soup:before { color: #a3835e; }
.menu_cate.soup.cate_label:before { content: "汁物　"; }

.background-dessert { background-color: white; }

.menu_cate.dessert { background-image: url("../images/menu/cate/dessert.png"); }
.menu_cate.dessert:before { color: #f56e6e; }
.menu_cate.dessert.cate_label:before { content: "デザート　"; }

.background-pre { background-color: #e3f4fc; }

.menu_cate.pre { background-image: url("../images/menu/cate/pre.png"); }
.menu_cate.pre:before { color: #1394cd; }
.menu_cate.pre.cate_label:before { content: "下準備　"; }

.background-kyoyasai { background-color: #e1def1; }

.menu_cate.kyoyasai { background-image: url("../images/menu/cate/kyoyasai.png"); }
.menu_cate.kyoyasai:before { color: #4d3f91; }
.menu_cate.kyoyasai.cate_label:before { content: "京野菜　"; }

.background-add { background-color: white; }

.menu_cate.add { background-image: url("../images/menu/cate/add.png"); }
.menu_cate.add:before { color: #ffffff; }
.menu_cate.add.cate_label:before { content: "追加　"; }

.background-point { background-color: white; }

.menu_cate.point { background-image: url("../images/menu/cate/point.png"); }
.menu_cate.point:before { color: #ffffff; }
.menu_cate.point.cate_label:before { content: "ポイント　"; }

.background-circle { background-color: white; }

.menu_cate.circle { background-image: url("../images/menu/cate/circle.png"); }
.menu_cate.circle:before { color: #ea6876; }
.menu_cate.circle.cate_label:before { content: "丸　"; }

.background-triangle { background-color: #eaf8de; }

.menu_cate.triangle { background-image: url("../images/menu/cate/triangle.png"); }
.menu_cate.triangle:before { color: #67af28; }
.menu_cate.triangle.cate_label:before { content: "三角　"; }

.background-diamond { background-color: white; }

.menu_cate.diamond { background-image: url("../images/menu/cate/diamond.png"); }
.menu_cate.diamond:before { color: #c26af5; }
.menu_cate.diamond.cate_label:before { content: "菱型　"; }

.background-star { background-color: white; }

.menu_cate.star { background-image: url("../images/menu/cate/star.png"); }
.menu_cate.star:before { color: #42a3d1; }
.menu_cate.star.cate_label:before { content: "星　"; }

.background-meat { background-color: white; }

.menu_cate.meat { background-image: url("../images/menu/cate/meat.png"); }
.menu_cate.meat:before { color: #a3835e; }
.menu_cate.meat.cate_label:before { content: "肉料理　"; }

.background-fish { background-color: white; }

.menu_cate.fish { background-image: url("../images/menu/cate/fish.png"); }
.menu_cate.fish:before { color: #a3835e; }
.menu_cate.fish.cate_label:before { content: "魚　"; }

.background-egg { background-color: white; }

.menu_cate.egg { background-image: url("../images/menu/cate/egg.png"); }
.menu_cate.egg:before { color: #a3835e; }
.menu_cate.egg.cate_label:before { content: "卵　"; }

.background-vegetable { background-color: white; }

.menu_cate.vegetable { background-image: url("../images/menu/cate/vegetable.png"); }
.menu_cate.vegetable:before { color: #a3835e; }
.menu_cate.vegetable.cate_label:before { content: "野菜　"; }

.background-grain { background-color: white; }

.menu_cate.grain { background-image: url("../images/menu/cate/grain.png"); }
.menu_cate.grain:before { color: #a3835e; }
.menu_cate.grain.cate_label:before { content: "穀物　"; }

.background-icon_a { background-color: white; }

.menu_cate.icon_a { background-image: url("../images/menu/cate/icon_a.png"); }
.menu_cate.icon_a:before { color: #e74c3c; }
.menu_cate.icon_a.cate_label:before { content: "A　"; }

.background-icon_b { background-color: #c5edd3; }

.menu_cate.icon_b { background-image: url("../images/menu/cate/icon_b.png"); }
.menu_cate.icon_b:before { color: #2a894c; }
.menu_cate.icon_b.cate_label:before { content: "B　"; }

.background-icon_c { background-color: white; }

.menu_cate.icon_c { background-image: url("../images/menu/cate/icon_c.png"); }
.menu_cate.icon_c:before { color: #3498db; }
.menu_cate.icon_c.cate_label:before { content: "C　"; }

.background-icon_d { background-color: white; }

.menu_cate.icon_d { background-image: url("../images/menu/cate/icon_d.png"); }
.menu_cate.icon_d:before { color: #e67e22; }
.menu_cate.icon_d.cate_label:before { content: "D　"; }

.background-icon_e { background-color: white; }

.menu_cate.icon_e { background-image: url("../images/menu/cate/icon_e.png"); }
.menu_cate.icon_e:before { color: #9b59b6; }
.menu_cate.icon_e.cate_label:before { content: "E　"; }

.background-icon_f { background-color: white; }

.menu_cate.icon_f { background-image: url("../images/menu/cate/icon_f.png"); }
.menu_cate.icon_f:before { color: #a3835e; }
.menu_cate.icon_f.cate_label:before { content: "F　"; }

.background-icon_g { background-color: white; }

.menu_cate.icon_g { background-image: url("../images/menu/cate/icon_g.png"); }
.menu_cate.icon_g:before { color: #df4c94; }
.menu_cate.icon_g.cate_label:before { content: "G　"; }

.background-icon_h { background-color: #fdfefc; }

.menu_cate.icon_h { background-image: url("../images/menu/cate/icon_h.png"); }
.menu_cate.icon_h:before { color: #99d02b; }
.menu_cate.icon_h.cate_label:before { content: "H　"; }

.background-icon_i { background-color: #c2bfe9; }

.menu_cate.icon_i { background-image: url("../images/menu/cate/icon_i.png"); }
.menu_cate.icon_i:before { color: #312c7d; }
.menu_cate.icon_i.cate_label:before { content: "I　"; }

.background-icon_j { background-color: white; }

.menu_cate.icon_j { background-image: url("../images/menu/cate/icon_j.png"); }
.menu_cate.icon_j:before { color: #f9344c; }
.menu_cate.icon_j.cate_label:before { content: "J　"; }

.background-icon_k { background-color: #c4f6ef; }

.menu_cate.icon_k { background-image: url("../images/menu/cate/icon_k.png"); }
.menu_cate.icon_k:before { color: #1aa18e; }
.menu_cate.icon_k.cate_label:before { content: "K　"; }

.background-icon_l { background-color: #7edcff; }

.menu_cate.icon_l { background-image: url("../images/menu/cate/icon_l.png"); }
.menu_cate.icon_l:before { color: #005c7e; }
.menu_cate.icon_l.cate_label:before { content: "L　"; }

.background-icon_m { background-color: #e0cbe4; }

.menu_cate.icon_m { background-image: url("../images/menu/cate/icon_m.png"); }
.menu_cate.icon_m:before { color: #6c3d73; }
.menu_cate.icon_m.cate_label:before { content: "M　"; }

.background-icon_n { background-color: white; }

.menu_cate.icon_n { background-image: url("../images/menu/cate/icon_n.png"); }
.menu_cate.icon_n:before { color: #ff9914; }
.menu_cate.icon_n.cate_label:before { content: "N　"; }

.background-icon_o { background-color: #e1f3b4; }

.menu_cate.icon_o { background-image: url("../images/menu/cate/icon_o.png"); }
.menu_cate.icon_o:before { color: #6f9018; }
.menu_cate.icon_o.cate_label:before { content: "O　"; }

.background-icon_p { background-color: #eef3f9; }

.menu_cate.icon_p { background-image: url("../images/menu/cate/icon_p.png"); }
.menu_cate.icon_p:before { color: #386cb0; }
.menu_cate.icon_p.cate_label:before { content: "P　"; }

.background-icon_q { background-color: #ffc5bc; }

.menu_cate.icon_q { background-image: url("../images/menu/cate/icon_q.png"); }
.menu_cate.icon_q:before { color: #bc1a00; }
.menu_cate.icon_q.cate_label:before { content: "Q　"; }

/* -------------------- parts import -------------------- */
/**★*―――――*★*―――――*★*―――――*★*―――――*★** ヘッダー *★*―――――*★*―――――*★*―――――*★*―――――*★**/
header.header-all { position: fixed; z-index: 500; top: 0; left: 0; background-color: #ffffff; width: 100%; text-align: center; font-size: 0px; }
header.header-all .header_wrap { display: block; width: 100%; max-width: 960px; margin: 0px auto; padding: 8px 0px; text-align: left; }
header.header-all .header_wrap .logo { width: 65%; max-width: 216px; }
header.header-all .header_wrap .search_box { display: inline-block; margin-left: 8px; vertical-align: top; }
header.header-all .header_wrap .search_box .txt { font-size: 0.8rem; }
header.header-all .header_wrap .header_btn_area { float: right; width: 32%; max-width: 110px; }
header.header-all .header_wrap .header_btn_area img { width: 50%; max-width: 52px; margin: 1px 0px; border-left: solid 1px #bcb7aa; cursor: pointer; }

.search_box { font-size: 0px; text-align: center; color: #aaaaaa; }
.search_box input { max-width: 100%; line-height: 1; font-size: 0.93rem; margin: 0; vertical-align: middle; }
.search_box .txtbox { display: inline-block; width: 70%; max-width: 240px; margin-right: 8px; padding: 2px 0 1px 27px; vertical-align: middle; border-radius: 3px; border: 1px solid #cccccc; color: #644924; font-weight: normal; background: url("/common/images/search/ico_search.png") no-repeat scroll 7px 50%; }
.search_box .btn input { cursor: pointer; }

.header_wrap { min-height: 1px; }
.header_wrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

@media screen and (max-width: 769px) { header.header-all .header_wrap { padding: 0px; }
  header.header-all .header_wrap .search_box { display: none; } }
/**★*―――――*★*―――――*★*―――――*★*―――――*★** フッター *★*―――――*★*―――――*★*―――――*★*―――――*★**/
footer.footer-all { margin: 0px; margin-top: 2.5rem; padding-top: 8px; padding-bottom: 16px; background-color: #ffffff; text-align: center; }
footer.footer-all .footer_wrap { position: relative; width: 100%; max-width: 960px; margin: 0px auto; text-align: left; }
footer.footer-all .footer_wrap .btn { margin-bottom: 8px; }
footer.footer-all .copy { position: absolute; bottom: 0; right: 0; font-size: 0.8rem; }

@media screen and (max-width: 769px) { footer.footer-all .footer_wrap { padding-bottom: 24px; } }
.footer_wrap { min-height: 1px; }
.footer_wrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/**★*―――――*★*―――――*★*―――――*★*―――――*★** 見出し *★*―――――*★*―――――*★*―――――*★*―――――*★**/
.page_category { display: table; width: 100%; margin: 16px auto 17px; padding: 8px 16px; clear: both; min-height: 48px !important; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); position: relative; }
.page_category:before { position: absolute; bottom: -27px; left: 22px; content: url("/common/images/heading/page_title_arw.png"); }
.page_category.upflag { padding-right: 64px; }
.page_category .ttlcenter { display: table-cell; width: 100%; vertical-align: middle; }
.page_category .ttlmain { display: inline; color: #c94d00; font-size: 1.5rem; font-weight: bold; vertical-align: middle; }
.page_category .ttlicon { width: 32px; height: 32px; min-width: 32px; margin-right: 8px; }
.page_category .ttlicon svg { fill: #currentColor; }
.page_category .ttlmark { display: inline-block; padding: 1px 8px 0 8px; vertical-align: baseline; border-radius: 5px; background-color: #c09d6c; font-size: 9px; color: #ffffff; }
.page_category .ttlbtn_area { /*ボタンエリア*/ width: auto; min-width: 100px; font-size: 0.8rem; text-align: right; }
.page_category .ttlupdate { position: absolute; width: auto; top: -5px; right: 16px; }

.page_category { min-height: 1px; }
.page_category:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.ttlarea { margin-bottom: 16px; }
.ttlarea .weekly_menu_name { color: #c94d00; font-weight: bold; }
.ttlarea .ttlmain { font-size: 1.8rem; font-weight: bold; }
.ttlarea .ttlread { padding-bottom: 10px; line-height: 1.5; color: #644924; }

.ttlarea { min-height: 1px; }
.ttlarea:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

a .section_ttl01, a .section_ttl02, a .section_ttl03, a .section_ttl04, a .section_ttl05 { text-decoration: none; }

.section_ttl01 { border-bottom: 2px solid #644924; color: #644924; font-size: 1.2rem; font-weight: bold; }
.section_ttl02 { font-weight: bold; color: #c94d00; font-size: 120%; }
.section_ttl03 { font-weight: bold; padding-top: 4px; padding-bottom: 4px; border-bottom: solid 1px #c6c6c6; }
.section_ttl04 { padding: 2px 8px; border-radius: 4px; background-color: #dddddd; font-weight: bold; }
.section_ttl05 { font-weight: bold; color: #ff7f00; border-bottom: dotted 1px #ff7f00; }
.section_ttl05:before { content: "■"; }
.section_ttl06 { text-align: center; width: 100%; background-color: #644924; color: #ffffff; font-weight: bold; font-size: 18px; padding: 5px 0 2px; }

@media screen and (max-width: 425px) { .page_category .ttlbtn_area { display: none; } }
/**★*―――――*★*―――――*★*―――――*★*―――――*★** 献立関係 *★*―――――*★*―――――*★*―――――*★*―――――*★**/
/* -------------------- 下準備保存関係 -------------------- */
.maintain { width: 100%; max-width: 180px; margin: 10px auto 0px auto; padding: 0px; text-align: center; font-size: .8rem; line-height: 1.8; color: #644924; }
.maintain a { text-decoration: underline; font-size: .8rem; }
.maintain a:hover { text-decoration: none; }
.maintain.cool { background-color: #e2ebc9; }
.maintain.freeze { background-color: #c9e3eb; }
.maintain.freeze + .maintain.unfreeze { margin-top: 0px; }
.maintain.unfreeze { background-color: #e8dfd8; }
.maintain.partial { background-color: #cedaf4; }
.maintain.kcal { background-color: #ffffd3; }

/* -------------------- 栄養素情報 -------------------- */
.nutrient_area { clear: both; width: 100%; color: #644924; }
.nutrient_area .nutrient_box { padding: 2px; background: rgba(255, 255, 255, 0.8); border: 1px solid #ffd384; line-height: 26px; }
.nutrient_area .nutrient_box .nutrient_th { float: left; font-size: .8rem; font-weight: bold; widht: auto; }
.nutrient_area .nutrient_box .nutrient_th:before { float: left; display: inline-block; content: ""; width: 24px; height: 24px; }
.nutrient_area .nutrient_box .nutrient_th.icon_kcal:before { background: url("../images/menu/n_icon/kcal.png") no-repeat left center; }
.nutrient_area .nutrient_box .nutrient_th.icon_solt:before { background: url("../images/menu/n_icon/solt.png") no-repeat left center; }
.nutrient_area .nutrient_box .nutrient_th.icon_nutrient:before { background: url("../images/menu/n_icon/nutrient.png") no-repeat left center; }
.nutrient_area .nutrient_box .nutrient_val { float: right; font-size: .8rem; }

@media screen and (max-width: 425px) { .nutrient_area_1day .nutrient_th .label { display: none; } }
.nutrient_area .nutrient_box { min-height: 1px; }
.nutrient_area .nutrient_box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* -------------------- PFCバランス -------------------- */
.pfc_box { padding: 0px; }

.pfc { margin: 0px auto; padding: 0px; width: 300px; height: 174px; background: url("../parts/pfc/images/pfc.png") no-repeat center; position: relative; }

.pfc #pfccanvas { position: absolute; top: 8px; left: 39px; }

.pfc #pfccanvas2 { position: absolute; top: 8px; left: 39px; }

/* -------------------- タブボタン -------------------- */
.detail_tub { width: 100%; margin-bottom: 2rem; padding: 16px 1%; background: #ffffff; }
.detail_tub .btn_list { display: block; font-size: 0; }
.detail_tub .btn_list .tub_btn { float: left; width: 23%; margin: 0px 1%; display: table; padding: 0px; font-size: .9rem; }
.detail_tub .btn_list .tub_btn a { height: 60px; display: table-cell; border-radius: 5px; width: 100%; margin: 0px; text-align: center; vertical-align: middle; background: #ffeeb4; color: #644924; font-weight: bold; text-decoration: none; }
.detail_tub .btn_list .tub_btn a:hover { background: #c94d00; color: #ffffff; }
.detail_tub .btn_list .tub_btn.active a { background: #c94d00; color: #ffffff; }

.btn_list { min-height: 1px; }
.btn_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.detail_tub .btn_list .tub_btn a:hover, .detail_tub .btn_list .tub_btn.active a, .finish_btn a:hover { background: #c94d00; color: #ffffff; }

/* -------------------- 遷移ボタン -------------------- */
.transition_btn { margin: 10px auto; padding: 0px; line-height: 1; }
.transition_btn table { width: 100%; }
.transition_btn table td { vertical-align: middle; }
.transition_btn img { width: 100%; height: auto; margin: 0px; padding: 0px; }
.transition_btn .prev_menu, .transition_btn .next_menu { width: 15%; }
.transition_btn .now_menu { width: 70%; text-align: center; font-size: 120%; font-weight: bold; border-bottom: solid 3px #71685c; }

/* -------------------- 材料リスト -------------------- */
.ingredients_list { margin-bottom: 1rem; width: 100%; }
.ingredients_list .ingredients_li { display: block; width: 100%; padding: 2px 0; border-bottom: dashed 1px #ccbda7; }
.ingredients_list .ingredients_li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.ingredients_list .ingredients_li .name { float: left; }
.ingredients_list .ingredients_li .quantity { float: right; }
.ingredients_list .ingredients_li .supplement { font-size: 80%; }

.ingredients_list_inline { width: 100%; margin-bottom: 1rem; }
.ingredients_list_inline .ingredients_li { display: inline; width: auto; }
.ingredients_list_inline .ingredients_li .name { display: inline-block; }
.ingredients_list_inline .ingredients_li .quantity { display: inline; }
.ingredients_list_inline .ingredients_li .quantity:before { content: "…"; }
.ingredients_list_inline .ingredients_li .supplement { display: inline; }
.ingredients_list_inline .ingredients_li + .ingredients_li:before { content: "、"; }
.ingredients_list_inline .ingredients_li.label + .ingredients_li:before { content: none; }

/* -------------------- 手順リスト -------------------- */
.howto { width: 100%; }
.howto .howto_list { counter-reset: howto; }
.howto .howto_list .howto_li { padding: 2px 1% 2px 40px; border-bottom: dotted 1px #ccbda7; }
.howto .howto_list .howto_li:before { margin-left: -32px; counter-increment: howto; content: counter(howto) ". "; color: #d85403; font-size: 150%; }
.howto .howto_list .howto_li:nth-of-type(2n) { background: rgba(255, 255, 255, 0.8); }
.howto .howto_list .howto_li:nth-of-type(2n-1) { background-image: url("../images/bg.jpg"); background-repeat: repeat; }
.howto .howto_list .howto_li .picture { float: right; width: 50%; max-width: 160px; margin: 0.5rem 0.2rem; }
.howto .howto_list .howto_li .point:not(.menu_cate) { clear: both; margin: 0.3rem; border-radius: 5px; background-color: #eeeeee; font-size: .9rem; box-shadow: 2px 1px 3px rgba(51, 51, 51, 0.2); }
.howto .time { text-align: center; font-weight: bold; background: #ffffdd; border-bottom: dotted 1px #ccbda7; }
.howto .what { padding-bottom: 0.5rem; font-size: .9rem; }
.howto .what .what_wrap { position: relative; background: #ffffee; border-radius: 5px; }
.howto .what .what_wrap:before { content: ""; position: absolute; bottom: -8px; left: 24px; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #ffffee transparent transparent transparent; z-index: 0; }
.howto .what .what_wrap .recipe_name { font-weight: bold; vertical-align: middle; }
.howto .what .what_wrap .picture { float: right; width: 104px; }

.howto .howto_list .howto_li { min-height: 1px; }
.howto .howto_list .howto_li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.howto .what .what_wrap [js-open] { min-height: 1px; }
.howto .what .what_wrap [js-open]:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.howto .what .what_wrap { min-height: 1px; }
.howto .what .what_wrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* -------------------- 献立一覧関係 -------------------- */
/* 1週間の献立一覧 */
.weekly-menulist-item { background: #ffffff; font-size: 1rem; }
.weekly-menulist-item .date { padding: 8px 0px 8px 16px; background-image: url("../images/line.png"); background-position: bottom; background-repeat: repeat-x; font-weight: bold; }
.weekly-menulist-item .menulist-inner { padding: 16px 3%; font-size: 1rem; }
.weekly-menulist-item .menulist-inner .wrap_l { width: 15%; float: left; margin-right: 2%; }
.weekly-menulist-item .menulist-inner .wrap_l .finish_btn { width: 100%; display: table; padding: 0px; font-size: .9rem; }
.weekly-menulist-item .menulist-inner .wrap_l .finish_btn a { height: 80px; display: table-cell; border-radius: 5px; width: 100%; margin: 0px; text-align: center; vertical-align: middle; background: #ffeeb4; color: #644924; font-weight: bold; text-decoration: none; }
.weekly-menulist-item .menulist-inner .wrap_l .finish_btn a:hover { background: #c94d00; color: #ffffff; }
.weekly-menulist-item .menulist-inner .wrap_r { float: right; width: 83%; }
.weekly-menulist-item .menulist-inner .wrap_r .this_menu { display: block; width: 100%; }
.weekly-menulist-item .menulist-inner .wrap_r .this_menu .menu_cate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.weekly-menulist-item .menulist-inner .preparation { border-radius: 5px; background: #eeeeee; font-size: .9rem; }
.weekly-menulist-item .menulist-inner .preparation .invalid { color: #cccccc; cursor: default; }
.weekly-menulist-item .menulist-inner .preparation .preparation_list .list + .list { margin-top: 10px; padding-top: 10px; border-top: 1px solid #dddddd; }
.weekly-menulist-item .menulist-inner .preparation .preparation_list .list img { float: left; width: 30%; }
.weekly-menulist-item .menulist-inner .preparation .preparation_list .list .comment { float: right; width: 68%; text-align: left; }

.preparation .preparation_list .list { min-height: 1px; }
.preparation .preparation_list .list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.menulist-inner .wrap_r { min-height: 1px; }
.menulist-inner .wrap_r:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.p_list { width: 100%; }
.p_list img { width: 100%; }
.p_list .main { float: left; width: 66.5%; width: calc(200%/3); }
.p_list .sub { float: right; width: 33.25%; width: calc(100%/3); }

.p_list { min-height: 1px; }
.p_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* -------------------- お買い物リスト -------------------- */
/* -------------------- 休日下準備 -------------------- */
.foodstuff { margin-right: 2%; padding: 8px 2%; border-radius: 8px; background-color: #ffffff; }
.foodstuff.pre { background-color: #e3f4fc; }
.foodstuff .foodstuff_item .foodstuff_picture { display: block; width: 100%; }
.foodstuff .foodstuff_item + .foodstuff_item { display: block; padding-top: 8px; border-top: dashed 1px; }

@media screen and (max-width: 768px) { .foodstuff { margin-right: 0px; }
  .foodstuff.pre { font-size: 0; }
  .foodstuff.pre .section_ttl03 { font-size: 1rem; }
  .foodstuff.pre .foodstuff_item { display: inline-block; width: 32.6666666666%; vertical-align: top; }
  .foodstuff.pre .foodstuff_item + .foodstuff_item { border-top: none; padding-top: 0; }
  .foodstuff.pre .foodstuff_item .maintain { font-size: 80%; }
  .foodstuff.pre .foodstuff_item:not(:nth-of-type(3n-2)) { margin-left: 1%; } }
.foodstuff_item { min-height: 1px; }
.foodstuff_item:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.menu .howto { background-color: #ffffff; border: solid 1px; padding-left: 24px; }
.menu .howto .howto_li { position: relative; border-left: dashed 1px; }
.menu .howto .howto_li:nth-of-type(2n-1) { background-image: none; }
.menu .howto .what { position: relative; border-left: dashed 1px; }
.menu .howto .time { position: relative; border-left: dashed 1px; }
.menu .howto [class^="line"] { box-sizing: content-box; position: absolute; left: 3px; height: 100%; width: 2px; }
.menu .howto [class^="line"]:not(.end_time) { top: 0px; }
.menu .howto [class^="line"].start_time:before, .menu .howto [class^="line"].end_time:after { display: block; position: absolute; height: 8px; width: 8px; left: -3px; border-radius: 4px; background-color: #ccc; content: "."; font-size: 0px; }
.menu .howto [class^="line"].start_time { border: none; top: 11px; }
.menu .howto [class^="line"].end_time { border: none; bottom: 11px; }
.menu .howto [class^="line"].end_time:after { bottom: 0px; }
.menu .howto .line01 { margin-left: -25px; background: #fc4e32; border-bottom: solid 1px #fc4e32; }
.menu .howto .line02 { margin-left: -17px; background: #ff9914; border-bottom: solid 1px #ff9914; }
.menu .howto .line03 { margin-left: -9px; background: #fff231; border-bottom: solid 1px #fff231; }

.menu .howto [class^="line"].main { border-color: #d26e2e; background-color: #d26e2e; }
.menu .howto [class^="line"].main:before { background-color: #d26e2e; }
.menu .howto [class^="line"].main:after { background-color: #d26e2e; }

.menu .howto [class^="line"].sub { border-color: #81a418; background-color: #81a418; }
.menu .howto [class^="line"].sub:before { background-color: #81a418; }
.menu .howto [class^="line"].sub:after { background-color: #81a418; }

.menu .howto [class^="line"].sub2 { border-color: #9a6994; background-color: #9a6994; }
.menu .howto [class^="line"].sub2:before { background-color: #9a6994; }
.menu .howto [class^="line"].sub2:after { background-color: #9a6994; }

.menu .howto [class^="line"].soup { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].soup:before { background-color: #a3835e; }
.menu .howto [class^="line"].soup:after { background-color: #a3835e; }

.menu .howto [class^="line"].dessert { border-color: #f56e6e; background-color: #f56e6e; }
.menu .howto [class^="line"].dessert:before { background-color: #f56e6e; }
.menu .howto [class^="line"].dessert:after { background-color: #f56e6e; }

.menu .howto [class^="line"].pre { border-color: #1394cd; background-color: #1394cd; }
.menu .howto [class^="line"].pre:before { background-color: #1394cd; }
.menu .howto [class^="line"].pre:after { background-color: #1394cd; }

.menu .howto [class^="line"].kyoyasai { border-color: #4d3f91; background-color: #4d3f91; }
.menu .howto [class^="line"].kyoyasai:before { background-color: #4d3f91; }
.menu .howto [class^="line"].kyoyasai:after { background-color: #4d3f91; }

.menu .howto [class^="line"].add { border-color: #ffffff; background-color: #ffffff; }
.menu .howto [class^="line"].add:before { background-color: #ffffff; }
.menu .howto [class^="line"].add:after { background-color: #ffffff; }

.menu .howto [class^="line"].point { border-color: #ffffff; background-color: #ffffff; }
.menu .howto [class^="line"].point:before { background-color: #ffffff; }
.menu .howto [class^="line"].point:after { background-color: #ffffff; }

.menu .howto [class^="line"].circle { border-color: #ea6876; background-color: #ea6876; }
.menu .howto [class^="line"].circle:before { background-color: #ea6876; }
.menu .howto [class^="line"].circle:after { background-color: #ea6876; }

.menu .howto [class^="line"].triangle { border-color: #67af28; background-color: #67af28; }
.menu .howto [class^="line"].triangle:before { background-color: #67af28; }
.menu .howto [class^="line"].triangle:after { background-color: #67af28; }

.menu .howto [class^="line"].diamond { border-color: #c26af5; background-color: #c26af5; }
.menu .howto [class^="line"].diamond:before { background-color: #c26af5; }
.menu .howto [class^="line"].diamond:after { background-color: #c26af5; }

.menu .howto [class^="line"].star { border-color: #42a3d1; background-color: #42a3d1; }
.menu .howto [class^="line"].star:before { background-color: #42a3d1; }
.menu .howto [class^="line"].star:after { background-color: #42a3d1; }

.menu .howto [class^="line"].meat { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].meat:before { background-color: #a3835e; }
.menu .howto [class^="line"].meat:after { background-color: #a3835e; }

.menu .howto [class^="line"].fish { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].fish:before { background-color: #a3835e; }
.menu .howto [class^="line"].fish:after { background-color: #a3835e; }

.menu .howto [class^="line"].egg { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].egg:before { background-color: #a3835e; }
.menu .howto [class^="line"].egg:after { background-color: #a3835e; }

.menu .howto [class^="line"].vegetable { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].vegetable:before { background-color: #a3835e; }
.menu .howto [class^="line"].vegetable:after { background-color: #a3835e; }

.menu .howto [class^="line"].grain { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].grain:before { background-color: #a3835e; }
.menu .howto [class^="line"].grain:after { background-color: #a3835e; }

.menu .howto [class^="line"].icon_a { border-color: #e74c3c; background-color: #e74c3c; }
.menu .howto [class^="line"].icon_a:before { background-color: #e74c3c; }
.menu .howto [class^="line"].icon_a:after { background-color: #e74c3c; }

.menu .howto [class^="line"].icon_b { border-color: #2a894c; background-color: #2a894c; }
.menu .howto [class^="line"].icon_b:before { background-color: #2a894c; }
.menu .howto [class^="line"].icon_b:after { background-color: #2a894c; }

.menu .howto [class^="line"].icon_c { border-color: #3498db; background-color: #3498db; }
.menu .howto [class^="line"].icon_c:before { background-color: #3498db; }
.menu .howto [class^="line"].icon_c:after { background-color: #3498db; }

.menu .howto [class^="line"].icon_d { border-color: #e67e22; background-color: #e67e22; }
.menu .howto [class^="line"].icon_d:before { background-color: #e67e22; }
.menu .howto [class^="line"].icon_d:after { background-color: #e67e22; }

.menu .howto [class^="line"].icon_e { border-color: #9b59b6; background-color: #9b59b6; }
.menu .howto [class^="line"].icon_e:before { background-color: #9b59b6; }
.menu .howto [class^="line"].icon_e:after { background-color: #9b59b6; }

.menu .howto [class^="line"].icon_f { border-color: #a3835e; background-color: #a3835e; }
.menu .howto [class^="line"].icon_f:before { background-color: #a3835e; }
.menu .howto [class^="line"].icon_f:after { background-color: #a3835e; }

.menu .howto [class^="line"].icon_g { border-color: #df4c94; background-color: #df4c94; }
.menu .howto [class^="line"].icon_g:before { background-color: #df4c94; }
.menu .howto [class^="line"].icon_g:after { background-color: #df4c94; }

.menu .howto [class^="line"].icon_h { border-color: #99d02b; background-color: #99d02b; }
.menu .howto [class^="line"].icon_h:before { background-color: #99d02b; }
.menu .howto [class^="line"].icon_h:after { background-color: #99d02b; }

.menu .howto [class^="line"].icon_i { border-color: #312c7d; background-color: #312c7d; }
.menu .howto [class^="line"].icon_i:before { background-color: #312c7d; }
.menu .howto [class^="line"].icon_i:after { background-color: #312c7d; }

.menu .howto [class^="line"].icon_j { border-color: #f9344c; background-color: #f9344c; }
.menu .howto [class^="line"].icon_j:before { background-color: #f9344c; }
.menu .howto [class^="line"].icon_j:after { background-color: #f9344c; }

.menu .howto [class^="line"].icon_k { border-color: #1aa18e; background-color: #1aa18e; }
.menu .howto [class^="line"].icon_k:before { background-color: #1aa18e; }
.menu .howto [class^="line"].icon_k:after { background-color: #1aa18e; }

.menu .howto [class^="line"].icon_l { border-color: #005c7e; background-color: #005c7e; }
.menu .howto [class^="line"].icon_l:before { background-color: #005c7e; }
.menu .howto [class^="line"].icon_l:after { background-color: #005c7e; }

.menu .howto [class^="line"].icon_m { border-color: #6c3d73; background-color: #6c3d73; }
.menu .howto [class^="line"].icon_m:before { background-color: #6c3d73; }
.menu .howto [class^="line"].icon_m:after { background-color: #6c3d73; }

.menu .howto [class^="line"].icon_n { border-color: #ff9914; background-color: #ff9914; }
.menu .howto [class^="line"].icon_n:before { background-color: #ff9914; }
.menu .howto [class^="line"].icon_n:after { background-color: #ff9914; }

.menu .howto [class^="line"].icon_o { border-color: #6f9018; background-color: #6f9018; }
.menu .howto [class^="line"].icon_o:before { background-color: #6f9018; }
.menu .howto [class^="line"].icon_o:after { background-color: #6f9018; }

.menu .howto [class^="line"].icon_p { border-color: #386cb0; background-color: #386cb0; }
.menu .howto [class^="line"].icon_p:before { background-color: #386cb0; }
.menu .howto [class^="line"].icon_p:after { background-color: #386cb0; }

.menu .howto [class^="line"].icon_q { border-color: #bc1a00; background-color: #bc1a00; }
.menu .howto [class^="line"].icon_q:before { background-color: #bc1a00; }
.menu .howto [class^="line"].icon_q:after { background-color: #bc1a00; }

/* -------------------- 平日仕上げ -------------------- */
.recipe .day_tub { margin-bottom: 2rem; padding: 1rem 1% 0px 1%; background: #dddddd; text-align: center; }
.recipe .day_tub .tub_btn { margin-bottom: 1rem; font-size: 0.8rem; }
.recipe .thismenu .menu_item { position: relative; overflow: hidden; }
.recipe .thismenu .menu_item:hover { opacity: 0.8; }
.recipe .thismenu .menu_item img { width: 100%; }
.recipe .thismenu .menu_item a { display: block; color: #ffffff; }
.recipe .thismenu .menu_item .recipe_name { width: 100%; position: absolute; padding: 8px; bottom: 0px; background-color: rgba(0, 0, 0, 0.3); color: #ffffff; opacity: 1; }

@media screen and (max-width: 425px) { .recipe .thismenu .menu_item { height: 180px; }
  .recipe .thismenu .menu_item img { margin: -15% 0; } }
/* -------------------- すべての献立一覧 -------------------- */
.past_item a { color: #644924; }
.past_item .past_link { display: block; padding: 8px; border-radius: 8px; background-color: #ffffff; }

.basicmenu .past_item a.past_link:hover { background-color: #fee4ea; }

.basicmenu3 .past_item a.past_link:hover { background-color: #fee4ea; }

.diet .past_item a.past_link:hover { background-color: #d6eda7; }

.single .past_item a.past_link:hover { background-color: #ffdec9; }

/* -------------------- レシピ4列リスト -------------------- */
.menu_list_4 .menu_list_4-item a { text-decoration: none; color: #644924; }
.menu_list_4 .menu_list_4-item .balloon_box { display: block; position: relative; margin-top: 12px; padding: 5px; border-radius: 5px; background: #ffffff; box-shadow: 0px 10px 6px -6px rgba(136, 136, 136, 0.2); }
.menu_list_4 .menu_list_4-item .balloon_box .txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menu_list_4 .menu_list_4-item .balloon_box:before { position: absolute; content: ""; width: 0; height: 0; border: 5px solid transparent; border-bottom: 8px solid #ffffff; top: -13px; left: 8px; }
.menu_list_4 .menu_list_4-item .menu_list_4-link { display: block; cursor: pointer; }
.menu_list_4 .menu_list_4-item .menu_list_4-link .recipe_name { width: 100%; font-size: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menu_list_4 .menu_list_4-item .menu_list_4-link .main_picture { width: 100%; }
.menu_list_4 .menu_list_4-item .menu_list_4-link .stock_picture { float: right; width: 50%; }
.menu_list_4 .menu_list_4-item .menu_list_4-link .txt { float: left; width: 50%; }

.menu_list_4 .menu_list_4-item .menu_list_4-link { min-height: 1px; }
.menu_list_4 .menu_list_4-item .menu_list_4-link:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.single.index .nutrient_area .nutrient_box { display: none; }
.single.index .weekly_nutrient { display: none; }

/*------------------------------------------------------------ ページングボタン
------------------------------------------------------------ */
#paging { padding: 30px 0px; width: 100%; clear: both; text-align: center; }
#paging * { box-sizing: content-box; }
#paging li { display: inline-block; }
#paging li.in, #paging li a { border-radius: 22px; width: 44px; height: 32px; padding: 12px 0px 0px; text-align: center; font-style: italic; }
#paging li.in { background-color: #e4d8c5; }
#paging li a { display: block; color: #ffffff; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiODc0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiNWQyYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db8740), color-stop(100%, #cb5d2c)); background: -moz-linear-gradient(#db8740, #cb5d2c); background: -webkit-linear-gradient(#db8740, #cb5d2c); background: linear-gradient(#db8740, #cb5d2c); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-decoration: none; }
#paging li a:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
#paging li.leader { font-size: 20px; font-weight: bold; }
#paging.no_head_jumper li.head.jumper, #paging.no_tail_jumper li.tail.jumper, #paging.no_head_leader li.head.leader, #paging.no_tail_leader li.tail.leader { display: none; }

#paging li.back a, #paging li.next a { width: 70px; position: relative; }
#paging li.back a:after, #paging li.next a:after { position: absolute; top: 17px; content: ""; width: 9px; height: 20px; background-repeat: no-repeat; background-size: 9px; }
#paging li.back a { margin-right: 5px; text-align: right; padding-right: 20px; }
#paging li.back a:before { content: "前へ"; }
#paging li.back a:after { left: 15px; background-image: url("../images/btn/arrow_left_wh.png"); }
#paging li.next a { margin-left: 5px; text-align: left; padding-left: 20px; }
#paging li.next a:before { content: "次へ"; }
#paging li.next a:after { right: 15px; background-image: url("../images/btn/arrow_right_wh.png"); }

@media screen and (max-width: 426px) { #paging li.near { display: none; }
  #paging li.back a, #paging li.next a { width: 24px; }
  #paging li.back a:before, #paging li.next a:before { content: "　"; }
  #paging li.leader { display: inline-block !important; }
  #paging.next_head li.head.jumper, #paging.prev_tail li.tail.jumper { display: inline-block !important; }
  #paging.near_head li.head.leader, #paging.near_tail li.tail.leader { display: none !important; } }
/* -------------------- 汎用 ページング1 ---------------------------- */
.paging1 { display: inline-block; float: right; }
.paging1 .invalid { color: #aaaaaa; cursor: default; text-decoration: none; }
.paging1 .invalid a { text-decoration: none; }

/* -------------------- 汎用 ページング2 ---------------------------- */
.paging2 { padding: 30px 0px; width: 100%; clear: both; text-align: center; font-size: 14px; }
.paging2 * { box-sizing: content-box !important; }
.paging2 li { display: inline-block; }
.paging2 li.in, .paging2 li a { border-radius: 22px; width: 44px; text-align: center; font-style: italic; line-height: 44px; text-decoration: none; }
.paging2 li.in { background-color: #e4d8c5; }
.paging2 li a { display: block; color: #ffffff; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiODc0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiNWQyYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db8740), color-stop(100%, #cb5d2c)); background: -moz-linear-gradient(#db8740, #cb5d2c); background: -webkit-linear-gradient(#db8740, #cb5d2c); background: linear-gradient(#db8740, #cb5d2c); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.paging2 li a:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.paging2 li.leader { font-size: 20px; font-weight: bold; }
.paging2.no_head_jumper li.head.jumper, .paging2.no_tail_jumper li.tail.jumper, .paging2.no_head_leader li.head.leader, .paging2.no_tail_leader li.tail.leader { display: none; }

.paging2 li.back a, .paging2 li.next a { width: 70px; position: relative; }
.paging2 li.back a:after, .paging2 li.next a:after { position: absolute; top: 17px; content: ""; width: 12px; height: 20px; background-repeat: no-repeat; background-size: 12px; }
.paging2 li.back a { text-align: right; padding-right: 18px; }
.paging2 li.back a:before { content: "前へ"; }
.paging2 li.back a:after { left: 15px; background-image: url("../images/btn/arrow_left_wh.png"); }
.paging2 li.next a { text-align: left; padding-left: 18px; }
.paging2 li.next a:before { content: "次へ"; }
.paging2 li.next a:after { right: 15px; background-image: url("../images/btn/arrow_right_wh.png"); }
.paging2 li.invalid a { cursor: default; color: #473732; background: #e4d8c5; box-shadow: none; opacity: 1; text-decoration: none; }

@media screen and (max-width: 426px) { .paging2 li.near { display: none; }
  .paging2 li.back a, .paging2 li.next a { width: 24px; }
  .paging2 li.back a:before, .paging2 li.next a:before { content: "　"; }
  .paging2 li.leader { display: inline-block !important; }
  .paging2.next_head li.head.jumper, .paging2.prev_tail li.tail.jumper { display: inline-block !important; }
  .paging2.near_head li.head.leader, .paging2.near_tail li.tail.leader { display: none !important; } }
/* ------------------------ /ページングボタン ----------------------- */
/*------------------------------------------------------------ 献立自動トリミング htdocs/common/parts/crippicture/
------------------------------------------------------------ */
[clip_picture] { font-size: 0px; overflow: hidden; text-align: left; }

[clip_picture] [clip_picture^="box_"] { display: inline-block; width: 49.5%; height: 100%; vertical-align: top; }

[clip_picture] [clip_picture^="box_"] [clip_picture^="picture_"] { position: relative; }

[clip_picture] [clip_picture^="box_"] [clip_picture^="picture_"] img { position: absolute; max-width: none; width: 100%; }

/*------------------------------------------------------------ アコーディオンボタン htdocs/common/parts/accordion/
------------------------------------------------------------ */
@media screen and (max-width: 425px) { [js-accordion^="btn-"] { position: relative; padding-right: 40px; min-height: 40px; }
  [js-accordion^="btn-"]:after { position: absolute; content: ""; width: 30px; height: 100%; background-image: url("/common/parts/accordion/images/close_wh.png"); background-size: 30px; background-position: right center; top: 0; right: 2%; }
  [js-accordion^="btn-"].brown:after { background-image: url("/common/parts/accordion/images/close_br.png"); }
  [js-accordion^="btn-"].gray:after { background-image: url("/common/parts/accordion/images/close_gray.png"); }
  [js-accordion^="btn-open"]:after { background-image: url("/common/parts/accordion/images/open_wh.png"); }
  [js-accordion^="btn-open"].brown:after { background-image: url("/common/parts/accordion/images/open_br.png"); }
  [js-accordion^="btn-open"].gray:after { background-image: url("/common/parts/accordion/images/open_gray.png"); } }
[js-open^="btn-"] { width: 100%; padding: 4px 24px 4px 4px; background-repeat: no-repeat; background-position: 98% center; background-size: 15px; font-weight: bold; cursor: pointer; }

[js-open="content"] { padding: 1rem; }

[js-open="btn-close"] + [js-open="content"] { display: none; }

[js-open="btn-close"] { background-image: url("/common/images/btn/arrow_btm_br.png"); }

[js-open="btn-open"] { background-image: url("/common/images/btn/arrow_up_br.png"); }

/*------------------------------------------------------------ チェックボタン htdocs/common/parts/check/
------------------------------------------------------------ */
.ingredients_list[js-check="shopping"] { border-radius: 8px; background: rgba(255, 255, 255, 0.8); border: 1px solid; }

.ingredients_list[js-check="shopping"] .ingredients_li { padding: 8px 8px 8px 32px; }

.ingredients_list[js-check="shopping"] .ingredients_li:last-child { border-bottom: none; }

.ingredients_list[js-check="shopping"] [js-check^="li_"] { background-position: 8px center; background-repeat: no-repeat; background-size: 16px; background-position-y: 12px; }

.ingredients_list[js-check="shopping"] [js-check="li_no"] { background-image: url("../parts/check/images/check_no.png"); }

.ingredients_list[js-check="shopping"] [js-check="li_on"] { color: #c2c2c2; background-image: url("../parts/check/images/check_on.png"); }

/* お知らせ */
.information { padding: 8px 1%; border-radius: 8px; background: #ffffff; }
.information .information_item .link { display: block; padding: 8px; font-size: 90%; }
.information .information_item .link .date { display: block; }
.information .information_item .link[href$=".pdf"] .txt:after { display: inline-block; width: 12px; height: 12px; vertical-align: middle; content: ""; font-size: 0px; background-image: url("../images/icon/pdf.png"); background-repeat: no-repeat; }
.information .information_item + .information_item { border-top: dashed 1px #c94d00; }

.information { min-height: 1px; }
.information:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* base.cssここまで */