@charset "utf-8";
＠media print {
  body {
    width: 1160px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
         url('fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
         url('fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
         url('fonts/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
         url('fonts/NotoSansCJKjp-Medium.woff') format('woff'),
         url('fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face{
  font-family: 'BrandonGrotesque Black';
  src: url('fonts/BrandonGrotesque-Black.woff') format('woff');
  src: url('fonts/BrandonGrotesque-Black.woff2') format('woff2');
  src: url('fonts/BrandonGrotesque-Black.otf') format('otf');
  src: url('fonts/BrandonGrotesque-Black.ttf') format('truetype');
  font-weight: normal;
}
@font-face{
  font-family: 'BrandonGrotesque Medium';
  src: url('fonts/BrandonGrotesque-Medium.woff') format('woff');
  src: url('fonts/BrandonGrotesque-Medium.woff2') format('woff2');
  src: url('fonts/BrandonGrotesque-Medium.otf') format('otf');
  src: url('fonts/BrandonGrotesque-Medium.ttf') format('truetype');
  font-weight: normal;
}
@font-face{
  font-family: 'BrandonGrotesque Bold';
  src: url('fonts/BrandonGrotesque-Bold.woff') format('woff');
  src: url('fonts/BrandonGrotesque-Bold.woff2') format('woff2');
  src: url('fonts/BrandonGrotesque-Bold.otf') format('otf');
  src: url('fonts/BrandonGrotesque-Bold.ttf') format('truetype');
  font-weight: normal;
}


/* =Reset
-------------------------------------------------------------- */
html, body, div, span, 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, strong, sub, sup, 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-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}


/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after,
#container:after {
  clear: both;
}
.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
  zoom: 1;
}
.clear {
  clear: both;
}

/* =margin/padding
-------------------------------------------------------------- */
.m0 {
  margin: 0;
}
.mT0 {
  margin-top: 0;
}
.mB0 {
  margin-bottom: 0;
}
.mR0 {
  margin-right: 0;
}
.mL0 {
  margin-left: 0;
}
.mT5 {
  margin-top: 5px;
}
.mB5 {
  margin-bottom: 5px;
}
.mR5 {
  margin-right: 5px;
}
.mL5 {
  margin-left: 5px;
}
.mT10 {
  margin-top: 10px;
}
.mB10 {
  margin-bottom: 10px;
}
.mR10 {
  margin-right: 10px;
}
.mL10 {
  margin-left: 10px;
}
.mT15 {
  margin-top: 15px;
}
.mB15 {
  margin-bottom: 15px;
}
.mR15 {
  margin-right: 15px;
}
.mL15 {
  margin-left: 15px;
}
.mT20 {
  margin-top: 20px;
}
.mB20 {
  margin-bottom: 20px;
}
.mR20 {
  margin-right: 20px;
}
.mL20 {
  margin-left: 20px;
}
.mT25 {
  margin-top: 25px;
}
.mB25 {
  margin-bottom: 25px;
}
.mR25 {
  margin-right: 25px;
}
.mL25 {
  margin-left: 25px;
}
.mT30 {
  margin-top: 30px;
}
.mB30 {
  margin-bottom: 30px;
}
.mR30 {
  margin-right: 30px;
}
.mL30 {
  margin-left: 30px;
}
.mT35 {
  margin-top: 35px;
}
.mB35 {
  margin-bottom: 35px;
}
.mR35 {
  margin-right: 35px;
}
.mL35 {
  margin-left: 35px;
}
.mT40 {
  margin-top: 40px;
}
.mB40 {
  margin-bottom: 40px;
}
.mR40 {
  margin-right: 40px;
}
.mL40 {
  margin-left: 40px;
}
/*------------------------------*/
.p0 {
  padding: 0;
}
.pT0 {
  padding-top: 0;
}
.pB0 {
  padding-bottom: 0;
}
.pR0 {
  padding-right: 0;
}
.pL0 {
  padding-left: 0;
}
.pT5 {
  padding-top: 5px;
}
.pB5 {
  padding-bottom: 5px;
}
.pR5 {
  padding-right: 5px;
}
.pL5 {
  padding-left: 5px;
}
.pT10 {
  padding-top: 10px;
}
.pB10 {
  padding-bottom: 10px;
}
.pR10 {
  padding-right: 10px;
}
.pL10 {
  padding-left: 10px;
}
.pT15 {
  padding-top: 15px;
}
.pB15 {
  padding-bottom: 15px;
}
.pR15 {
  padding-right: 15px;
}
.pL15 {
  padding-left: 15px;
}
.pT20 {
  padding-top: 20px;
}
.pB20 {
  padding-bottom: 20px;
}
.pR20 {
  padding-right: 20px;
}
.pL20 {
  padding-left: 20px;
}
.pT25 {
  padding-top: 25px;
}
.pB25 {
  padding-bottom: 25px;
}
.pR25 {
  padding-right: 25px;
}
.pL25 {
  padding-left: 25px;
}
.pT30 {
  padding-top: 30px;
}
.pB30 {
  padding-bottom: 30px;
}
.pR30 {
  padding-right: 30px;
}
.pL30 {
  padding-left: 30px;
}
.pT35 {
  padding-top: 35px;
}
.pB35 {
  padding-bottom: 35px;
}
.pR35 {
  padding-right: 35px;
}
.pL35 {
  padding-left: 35px;
}
.pT40 {
  padding-top: 40px;
}
.pB40 {
  padding-bottom: 40px;
}
.pR40 {
  padding-right: 40px;
}
.pL40 {
  padding-left: 40px;
}

/*--------------------------------------------------------------
   Common Style
--------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  width: 1160px;
  background-color: #ffffff;
  color: #000;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 15px;
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: .05em;
}
a,
a:visited {
  color: #336633;
  outline: none;
  text-decoration: none;
}
.tel a {
  color: #4d4d4d;
}
img {
  max-width: 100%;
}

button,
input,
select,
textarea {
  border: 1px solid #dcdcdc;
  border-radius: 0;
  line-height: 40px;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}
:placeholder-shown {
    color: #dcdcdc; font-size: 14px; }
::-webkit-input-placeholder {
    color: #dcdcdc; font-size: 14px; }
:-moz-placeholder {
    color: #dcdcdc; opacity: 1; font-size: 14px; }
::-moz-placeholder {
    color: #dcdcdc; opacity: 1; font-size: 14px; }
:-ms-input-placeholder {
    color: #dcdcdc; }
button,
input {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
button {
  outline: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -mozappearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
  border: 1px solid #ddd;
  width: auto;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  margin: 0;
  font-size: 15px;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
textarea {
  min-height: 120px;
}
select::-ms-expand {
  display: none;
}
select:disabled::-ms-value,
select:disabled::-ms-expand {
  color: black;
}
select {
  height: 40px;
  vertical-align: middle;
  padding: 5px 22px 5px 15px;
  font-size: 14px;
  margin: 0;
  width: auto;
  color: #dcdcdc;
  line-height: 1;
  background:#FFF url(images/icon_select.png) no-repeat 98% 50%;
}
option {
  color: #000;
}

ul,ol {
  padding-left: 20px;
}
ul li {
  list-style-type: disc;
}
ul.nodisc li {
  list-style-type: none;
}
ol li {
  list-style-type: decimal;
}
ol.indent {
  padding: 0;
  text-indent: -1.7em;
  padding-left: 1.7em;
}
ol.nodecimal li {
  list-style-type: none;
}
ul.attention {
  padding: 10px 0 0 20px;
  position: relative;
}
ul.attention > li:before {
  content: "※";
  position: absolute;
  left: 0;
}
ul.attention > li {
  list-style: none;
  margin: 5px 0;
  line-height: 1.4;
}
ul.asterisk {
  padding: 10px 0 0 20px;
  position: relative;
}
ul.asterisk > li:before {
  content: "＊";
  position: absolute;
  left: 0;
}
ul.asterisk > li {
  list-style: none;
  margin: 5px 0;
  line-height: 1.4;
}
.sp_disp {
  display: none;
}
.txt_c {
  text-align: center;
}
.txt_r {
  text-align: right;
}
.txt_l {
  text-align: left;
}
input.button {
  padding: 6px 35px;
}
.button {
  display: inline-block;
  padding: 11px 35px;
  margin: auto;
  width: auto;
  color: #fff !important;
  font-size: 16px;
  background: #336633;
  text-align: center;
  position: relative;
}
.single_page .nav-list a {
  position: relative;
}
#howto #combo .kids_combo .kids_combo_detail .button a:before,
#howto #combo .combo_in .combo_in_detail .button a:before,
.single_page .nav-list a:before,
nav #main_nav li.gnav_recruit a:before,
.button:before {
  -webkit-transition: .1s ease-out all;
  transition: .1s ease-out all;
    content: '';
    position: absolute;
    z-index: -1;
   height: 100%;
  left: 0;
  top: 0;
  width: 0;
  opacity: 0;
}
.button:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
}
.button_active {
  background: #c8102e;
}
.button_cancel {
  background: #555555;
}
dl.table ul {
  font-size: 13px;
}
dl.table {
  width: 100%;
  border-top: 1px dotted #b6b2b1;
  border-bottom: 1px dotted #b6b2b1;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
dl.table dt {
  vertical-align: middle;
  width: 20%;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px dotted #b6b2b1;
  padding: 25px 20px;
  line-height: 2;
  color: #336633;
  background: #eee;
}
dl.table dt:nth-of-type(2n+1),
dl.table dd:nth-of-type(2n+1) {
}
dl.table dd {
  width: 80%;
  vertical-align: middle;
  border-bottom: 1px dotted #b6b2b1;
  padding: 25px 25px 25px 25px;
  line-height: 2;
}
dl.table dt:last-of-type,
dl.table dd:last-of-type {
  border-bottom: none;
}
.attention_box {
  background: #f4f4f4;
  padding: 35px 25px;
  margin: 40px auto;
  line-height: 1.7;
  font-size: 14px;
}
.attention_box h4 {
  margin: 0 auto 20px;
  padding: 0 0 7px;
  text-align: center;
  border-bottom: 1px dotted #336633;
}
.attention_box * + h6 {
  margin-top: 25px;
  margin-bottom: 5px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .attention_box ul.caution {
  margin: 5px auto 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .attention_box ul {
  margin: 5px auto 15px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .attention_box ul li {
  margin: 0 0 2px;
}
.caution {
  color: #c8102e;
  margin: 10px auto;
}
.normal {
  font-weight: normal;
}

/* =パララックス
-------------------------------------------------------------- */
/*----- フェードイン -----*/
#content.top_page .inviewfadeIn {
  opacity: 1;
   transition: .8s;
}
#content.top_page .fadeIn {
  opacity: 1.0;
}
/*----- フェードインしながら上へスライド -----*/
#content.top_page .inviewfadeInUp {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: .8s;
}
    
#content.top_page .fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
 
/* =head
-------------------------------------------------------------- */
h1, h2 {
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-weight: normal;
  color: #336633;
}
h3, h4, h5, h6 {
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-weight: normal;
  color: #336633;
}
h2 {
  font-size: 26px;
  margin: 0 auto 5px;
  letter-spacing: 4px;
}
h3 {
  font-size: 22px;
  letter-spacing: 2px;
  margin: 35px auto 20px;
}
h4 {
  font-size: 20px;
  margin: 35px auto 15px;
}
h5 {
  font-size: 18px;
  margin: 35px auto 15px;
}
h6 {
  font-size: 16px;
  margin: 25px auto 15px;
}
#content.top_page .head {
   margin: -20px 0 0;
   transition: .1s;
}
#content.top_page .head.positionheight {
   margin: 0 0 0;
   transition: .8s;
}
#content.top_page h2 {
  letter-spacing: 4px;
  color: #c8102e;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 20px 0 5px;
  padding: 5px 0;
  font-size: 45px;
}
#content.top_page h2:before {
  content: "";
  height: 3px;
  width: 96px;
  border-top: 3px solid #336633;
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform:skew(0deg,6deg);
}
#content.top_page h2:after {
  content: "";
  height: 3px;
  width: 96px;
  border-top: 3px solid #336633;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform:skew(0deg,-6deg);
}
#content.top_page h2 span:after {
  content : "";
  border-bottom: 3px solid #336633;
  width: 160px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -80px;
}
#content.top_page .h2_sub {
  text-align: center;
  font-size: 16px;
  padding: 3px 0 0;
  color: #336633;
}

#page .maxvh.store_top {
  margin: 70px auto auto;
  position: relative;
  z-index: 2;
}
#page .maxvh {
  width: 100%;
  position: relative;
  left: 0;
  border-bottom: 1px solid #336633;
}
#page .maxvh h2 {
  font-size: 28px !important;
  margin: 0 auto 7px !important;
  letter-spacing: 1px !important;
  max-width: 1160px;
  font-weight: bold;
}
#page .maxvh h2 > span:not(.category_right) {
  border-bottom: 5px solid #336633;
  padding: 7px 0;
}


/*--------------------------------------------------------------
   PC
--------------------------------------------------------------*/
#page {
  margin: 0 auto;
  overflow: hidden;
}
.container {
  margin: auto;
  max-width: 1200px;
}
#main p {
  margin: auto auto 10px;
}

/* =header
-------------------------------------------------------------- */
header {
  margin: 0;
  background: #fff;
  position: relative;
  border-top: 7px solid #336633;
}
header hgroup {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 13px 0 0;
  z-index: 1000;
}
header hgroup:after {
  content: "";
  background: url(images/logo_back_pc.png) no-repeat;
  background-size: cover;
  transform: translateX(-50%);
  width: 179px;
  height: 30px;
  z-index: 1000;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  margin: 0 0 0;
}
_::-webkit-full-page-media, _:future, :root body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 0.2px;
}

/* =global navigation
-------------------------------------------------------------- */
nav {
  margin: 0 auto;
  background: #fff;
  padding: 20px 0;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  position: relative;
}
nav .menu_toggle {
  border: none;
  cursor: pointer;
  display: none;
  width: 100%;
}
nav #main_nav {
  display: flex;
  justify-content: center;
  max-width: 1100px;
  margin: auto;
  padding: 0;
}
nav #main_nav li {
  width: 16.6666666%;
  max-width: 120px;
  position: relative;
  text-align: center;
  font-size: 16px;
  list-style-type: none;
}
nav #main_nav:after{
  content: "";
  display: block;
  width: 10%;
  max-width: 150px;
}
nav #main_nav li:nth-child(4) {
  margin-left: 230px;
}
nav #main_nav li a {
  display: block;
  margin: 0;
  color: #000000;
  padding: 15px 0 11px;
  letter-spacing: 1px;
}
nav #main_nav li a span {
  display: none;
}
nav #main_nav li.gnav_recruit {
  position: absolute;
  right: 20px;
  top: 25px;
  max-width: none;
}
nav #main_nav li.gnav_recruit a {
  display: block;
  padding: 9px 35px 7px;
  margin: 2px 0 auto auto;
  width: auto;
  color: #fff !important;
  font-size: 13px;
  background: #336633;
  text-align: center;
  position: relative;
  -webkit-transition: .3s ease-out all;
  transition: .3s ease-out all;
  max-width: 140px;
}
nav #main_nav li.gnav_recruit a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  top: 8px;
  right: 15px;
}

/* =footer
-------------------------------------------------------------- */
#page_top {
  bottom: 40px;
  position: fixed;
  right: 15px;
  z-index: 1001;
}
#page_top a {
  display: block;
}
#page_top a.pagetop {
  color: #fff;
  background: #c8102e;
  display: block;
  font-size: 13px;
  text-align: center;
  max-width: 120px;
  margin: auto;
  padding: 7px 0 6px;
  position: relative;
}
#page_top a.pagetop span:before {
  content: "\f106";
  font-family: FontAwesome;
  padding: 0 0 5px;
  font-size: 18px;
  position: absolute;
  right: 10px;
  line-height: 1;
}
#page_top a.pagetop:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #c8102e transparent;
  border-width: 0 60px 10px 0;
}
#page_top a.pagetop:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #c8102e transparent;
  border-width: 0 0 10px 60px;
}
footer {
  text-align: center;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 100;
}
footer #footer_navigation a {
  color: #000 !important;
}
footer ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
footer ul li {
  list-style-type: none;
}
footer #footer_nav li:first-child span {
  border-left: 1px solid #000;
}
footer #footer_nav li span {
  border-right: 1px solid #000;
  display: block;
  padding: 0 10px;
  line-height: 1;
}
footer #footer_navigation ul {
  padding: 40px 0 30px;
}
footer #footer_navigation ul a {
  letter-spacing: 0;
  display: block;
  font-size: 12px;
}
footer .footer_bot_cont {
  position: absolute;
  right: 0;
  bottom: 14px;
  width: 100%;
  z-index: 101;
}
footer .sns_footer {
  display: block;
  text-align: right;
  max-width: 1160px;
}
footer .sns_footer li {
  padding: 0 15px;
  display: inline-block;
}
footer .sns_footer a {
  color: #fff;
  font-size: 21px;
  line-height: 1;
}
footer .copy {
  color: #fff;
  background-color: #336633;
  text-align: left;
  padding: 25px 0;
  height: 60px;
  font-size: 12px;
}
footer .copy p {
  max-width: 1160px;
}

/* =top page
-------------------------------------------------------------- */
#menu, #column, #news {
  margin: 100px auto 100px;
  padding: 80px 0 0;
  background: url("images/kkdj_dot.svg") no-repeat left calc(50% - 450px) top 100px , url("images/kkdj_dot.svg") no-repeat right calc(50% - 450px) top 0;
}

#mainvisual {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#mainvisual img {
  width: 100%;
}
#mainvisual a {
  display: block;
}
#slider_wrapper {
  padding: 20px 0 25px;
}
#slide_banner {
  overflow: hidden;
  margin: 0 auto 20px;
  padding: 0 0 0;
}
#bnrslider.slick-initialized {
  /*position: absolute;*/
  left: 0;
  max-width: 100%;
}
#bnrslider {
  text-align: center;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#bnrslider li {
  width: 25%;
  font-size: 14px;
  max-width: 290px;
  padding: 0 14px;
  list-style-type: none;
}
_::-webkit-full-page-media, _:future, :root #bnrslider li {
    max-width: 299px;
}
#bnrslider img {
 /* max-width: 270px; */
  max-width: calc( 90vw / 4 );
  width: 100%;
  height: auto;
}
#bnrslider .slick-prev {
  left: 0;
  z-index: 100;
  width: auto;
  height: auto;
}
#bnrslider .slick-next {
  right: 0;
  z-index: 100;
  width: auto;
  height: auto;
}
#bnrslider .slick-prev::before,
#bnrslider .slick-next::before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 30px;
  background: #336633;
  padding: 5px 10px;
  display: inline-block;
  opacity: 0.5;
}
#bnrslider .slick-prev::before {
  content: "\f104";
}
#content.top_page {
  background: #fff;
  position: relative;
  z-index: 10;
}
#content.top_page section {
  text-align: center;
  position: relative;
}
#content.top_page .more {
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 18px;
  margin: 0 auto 110px;
  position: relative;
  top: -50px;
  right: 20px;
}
#content.top_page .more:after,
#content.top_page .more:before {
  content: " ";
  display: table;
}
#content.top_page .more:after {
  clear: both;
}
#content.top_page .more a {
  color: #336633;
  display: block;
  float: right;
}
#content.top_page .more a:after {
  content: "";
  background: url("images/icon_more.svg") center right no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  padding-left: 5px;
}
#content.top_page #menu .more {
  margin: 0 auto 80px;
}
#content.top_page .more a {
  position: relative;
  display: inline-block;
}
#content.top_page .more a:before {
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #336633;
  transition: 0.3s;
}
#content.top_page #menu .tabs .horizontal {
  font-size: 0;
}
#content.top_page #menu .tabs .horizontal {
  padding: 0;
  text-align: center;
  border-bottom: 7px solid #e7e7e7;
}
#content.top_page #menu .tabs .horizontal li {
  display: inline-block;
  font-size: 18px;
  width: 19% !important;
  max-width: 212px;
  text-align: center;
  padding: 3px 0;
  float: none !important;
  cursor: pointer;
  vertical-align: middle;
}
#content.top_page #menu .tabs .horizontal li > a  {
  display: block;
}
#content.top_page #menu .tabs .horizontal li:first-child > a > span {
  border-left: 1px solid #000;
}
#content.top_page #menu .tabs .horizontal li > a > span {
  border-right: 1px solid #000;
}
#content.top_page #menu .tabs .horizontal li > a > span {
  color: #4d4d4d;
  display: block;
  padding: 3px 0;
  font-style: italic;
}
#content.top_page #menu .tabs .horizontal li#pickup span img {
  padding: 0;
  vertical-align: text-top;
}
#content.top_page #menu .tabs .horizontal li span img {
  display: inline-block;
  padding-right: 7px;
  vertical-align: middle;
}
#content.top_page #menu .tabs .horizontal li > span span {
  vertical-align: sub;
}
#content.top_page #menu .slide_menu {
  position: relative;
}
#content.top_page #menu .slide_menu ul + span {
  background: #336633;
  height: 7px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 200;
}
#content.top_page #menu h3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #e2af2d;
  margin: 10px auto 30px;
  text-align: center;
  padding: 8px 0 12px;
  display: inline-block;
  border-top: 2px solid #e2af2d;
  border-bottom: 2px solid #e2af2d;
  width: 185px;
}
#content.top_page #menu h3 img {
  vertical-align: middle;
}
#content.top_page #menu .slide_cont {
  background: linear-gradient(to right, #c8102e 0%, #c8102e 22%, transparent 22%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 78%, #c8102e 78%, #c8102e 100%);
  margin: 0 auto;
  position: relative;
  padding: 20px 0;
}
#content.top_page #menu .pickup_box {
  padding: 0 0 30px;
}
#content.top_page #menu .pickup_box .pickup_inner {
  text-align: center;
  padding: 0 0 10px;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  max-width: 1160px;
  margin: auto;
  justify-content: end;
}
#content.top_page #menu .pickup_box .pickup_inner + .pickup_inner {
  flex-direction: row;
}
#content.top_page #menu .pickup_box .pickup_inner + .pickup_inner .pickup_text {
  text-align: right;
}
#content.top_page #menu .pickup_inner + .pickup_inner .pickup_info {
  right: calc(100% + 20px);
  left: auto;
}

#content.top_page #menu .pickup_inner + .pickup_inner .pickup_info {
  border-right: 1px solid #000;
  border-left: none;
}
#content.top_page #menu .pickup_inner + .pickup_inner .pickup_info:before {
  left: 100%;
}
#content.top_page #menu .pickup_box .pickup_text {
  max-width: 100%;
  text-align: left;
  color: #336633;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
  position: relative;
  width: 100%;
}
#content.top_page #menu .pickup_box .pickup_text p {
  position: absolute;
  bottom: 45%;
  left: 20px;
  max-width: 60%;
  margin: 0;
}
#content.top_page #menu .pickup_box .pickup_inner + .pickup_inner .pickup_text p {
  right: 20px;
  left: auto;
}
#content.top_page #menu .pickup_box .pickup_text + a {
  position: relative;
  width: 50%;
  max-width: 350px;
  text-align: right;
  display: inline-block;
}
_:-ms-lang(x), #content.top_page #menu .pickup_box .pickup_text + a {
  max-height: 300px !important;
}
#content.top_page #menu .pickup_box .pickup_text + a:after {
  content:"";
  border-bottom: 1px solid #fff;
}
#content.top_page #menu .pickup_box .pickup_text + a p {
  margin: 0;
}
#content.top_page #menu .pickup_img {
  position: relative;
  min-height: 330px;
}
_:-ms-lang(x), #content.top_page #menu .pickup_img img {
  width: 250px !important;
}

#content.top_page #menu .pickup_img img {
  max-height: 300px;
  width: auto;
  max-width: 350px;
  height: auto;
  -webkit-filter:drop-shadow(5px 5px 3px rgba(0,0,0,0.2));
  -moz-filter:drop-shadow(5px 5px 3px rgba(0,0,0,0.2));
  -ms-filter:drop-shadow(5px 5px 3px rgba(0,0,0,0.2));
  filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.2));
}
#content.top_page #menu .pickup_info {
  position: absolute;
  left: calc(100% + 20px);
  top: 70%;
 /* bottom: 2%; */
  width: 100%;
  max-width: 350px;
  text-align: left;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  padding: 15px 15px 15px 25px;
}
_:-ms-lang(x), #content.top_page #menu .pickup_info {
  top: 60% !important;
  width: 350px !important;
  max-width: 350px !important;
}
#content.top_page #menu .pickup_info:before {
  content: "";
  width: 150px;
  height: 1px;
  border-bottom: 1px solid #000;
  display: block;
  position: absolute;
  top: 20px;
  right: 100%;
  z-index: 98;
}
#content.top_page #menu .pickup_info h5 {
  font-size: 20px;
  color: #000;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  margin: 0;
  padding: 0;
}
#content.top_page #menu .pickup_info p {
  font-size: 13px;
  color: #000;
}
#content.top_page #menu .pickup_img.height_after img {
  position: absolute;
  margin: auto;
  bottom: 0;
  right: 0;
  left: 0;
  /*top: 0;*/
  z-index: 101;
}
#content.top_page #menu .combo_name span {
  display: inline-block;
}
#content.top_page #menu .more_list {
  /*position: absolute;
  right: 15px;*/
  display: inline-block;
  margin: 40px 0 0;
}
#content.top_page #menu .more_list a {
  color: #336633;
  border: 1px solid #336633;
  padding: 5px 35px;
  font-size: 14px;
  display: inline-block;
}
#content.top_page #column .column_list a {
  color: #4d4d4d;
  display: block;
}
#content.top_page #column a h3 {
  color: #336633;
}
#content.top_page #column .column_list {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1160px;
  margin: 0 auto 170px;
}
#content.top_page #column .column_list:after {
  content: "";
  width: 25%;
  max-width: 284px;
}
#content.top_page #column .column_box {
  list-style-type: none;
  position: relative;
  width: 25%;
  max-width: 284px;
  padding: 0 14px 0 0;
  text-align: left;
}
#content .newicon {
  position: absolute;
  top: -10px;
  z-index: 11;
  left: 15px;
  color: #fff;
  background: url(images/bg_newicon.svg) no-repeat center center;
  background-size: contain;
  display: block;
  font-size: 15px;
  text-align: center;
  width: 91px;
  height: 29px;
  margin: auto;
  padding: 6px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#content.top_page #column .column_box:nth-child(4n) {
  padding: 0;
}
#content.top_page #column .column_box .img_box img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 180px;
  max-height: 180px;
}
#content.top_page #column .column_box .text_box {
  border-top: 5px solid #336633;
  padding: 15px;
  background: #eee;
}
#content.top_page #column .column_box .text_box .date {
  font-size: 14px;
  color: #555;
  font-weight: bold;
}
#content.top_page #column .column_box .text_box p {
  font-size: 15px;
  color: #000;
  margin: 0;
  letter-spacing: 0.5px;
}
#content.top_page #column .column_box .text_box h3 {
  font-size: 19px;
  color: #000;
  margin: 0 0 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#content.top_page #news .more {
  margin: 0 auto 50px;
}
#content.top_page #news .news_list {
  padding: 0 15px;
  margin: 0 auto 130px;
  max-width: 820px;
}
#content.top_page #news .news_list li {
  list-style-type: none;
  position: relative;
  border-bottom: 1px dotted #dedede;
  text-align: left;
  padding: 0 0 15px;
  margin: 20px 0 0;
}
#content.top_page #news .news_list li p {
  margin: 0;
}
#content.top_page #news .news_list li a .date,
#page[class*="-store"]  .storenews_list li a .date {
  color: #336633;
  padding: 5px 0 0;
  font-size: 14px;
  display: inline-block;
  float: left;
  font-feature-settings: unset;
  letter-spacing: 0;
  line-height: 1;
}

#content.top_page #news .news_list li a .newicon,
#page.post-type-archive .news_list li a .newicon,
#page[class*="-store"]  .storenews_list li a .newicon {
  font-size: 11px;
  max-width: 52px;
  height: 17px;
  position: static;
  display: inline-block;
  padding: 3px 0 0;
  margin: 0 12px 0 15px;
  vertical-align: top;
  float: left;
}
#content.top_page #news .news_list li a .newicon + .title,
#page.post-type-archive .news_list li a .newicon + .title,
#page[class*="-store"]  .storenews_list li a .newicon + .title {
  padding: 0 0 0 150px;
}
#content.top_page #news .news_list li a .title,
#page[class*="-store"]  .storenews_list li a .title {
  padding: 0 0 0 85px;
  font-size: 16px;
  color: #555555;
}
#content.top_page #news .news_list li a {
  color: #4d4d4d;
  display: block;
}
#content.top_page #instagram {
  background: #336633;
  position: relative;
  padding: 25px 0 0;
}

#content.top_page #instagram .instagram_ttl {
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 101;
  overflow: hidden;
}
#content.top_page #instagram h2 {
  color: #fff;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-style: italic;
  font-size: 18px;
  background: url(images/bg_instagram_pc.svg) center center no-repeat;
  background-size: contain;
  max-width: 210px;
  width: 80%;
  margin: 0;
  padding: 0;
  height: 68px;
  line-height: 75px;
  position: relative;
  top: 5px;
  z-index: 101;
}
#content.top_page #instagram h2:before,
#content.top_page #instagram h2:after,
#content.top_page #instagram h2 span:after {
  border: none;
  transform: none;
  width: 0;
  height: 0;
}
#content.top_page #instagram .insta_link {
  top: -8px;
  margin: 0;
  z-index: 102;
  position: relative;
}
#content.top_page #instagram .insta_link img {
  display: inline-block;
  width: 14px;
  vertical-align: middle;
}
#content.top_page #instagram .insta_link img + img {
  width: 80px;
  padding-left: 10px;
}

#content.top_page #instagram ul {
  position: relative;
}
#content.top_page #instagram ul:before {
  content: "";
  position: absolute;

  right: 0;
  left: 0;
  top: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #336633 transparent transparent transparent;
  border-width: 70px 50vw 0 50vw;
  z-index: 100;
/*
right: 0;
left: 0;
  top: 0px;
width: 100%;
height: 70px;
margin: auto;
background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #336633 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #336633 50.5%) no-repeat top right/50% 100%;
z-index: 1;
*/

}
#content.top_page #instagram ul a,
#content.top_page #instagram ul img {
  display: block;
  color: #fff;
}
#content.top_page #instagram ul {
  padding: 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
#content.top_page #instagram .insta_box {
  list-style-type: none;
  font-size: 14px;
  max-width: 16.66666666%;
  width: 100%;
  height: 100%;
  position: relative;
}
#content.top_page #instagram .insta_box::before{
  content: "";
  display: block;
  padding-top: 100%;
}
#content.top_page #instagram .insta_box a{
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#content.top_page #instagram .insta_box img{
  width: 100%;
  height: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
}
#content.top_page #instagram .insta_box .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background: rgba(0,0,0,0.6);
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
#content.top_page #instagram .insta_box .overlay p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}
#content.top_page #instagram .insta_box .overlay p i {
  margin: 0 0 0 15px;
}
.object-fit-img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}


/* =sidebar (two_col)
-------------------------------------------------------------- */
#archives-2 + #archives-2 {
  display: none;
}
#content .inner.two_col {
  width: 70%;
  max-width: 800px;
}
#content .inner.cont_left {
  float: left;
}
#content #sidebar {
  float: right;
  width: 30%;
  max-width: 250px;
}
#content .inner.cont_left + #sidebar .inner {
  padding: 0 ;
}
#sidebar ul {
  padding: 0;
}
#sidebar ul li {
  list-style-type: none;
}
#sidebar .widget_archive a.year{
  cursor: pointer;
}
#sidebar .widget_archive ul.years li {
  margin-bottom: 0;
}
#sidebar .widget_archive ul.years .hide {
  display: none;
}
#sidebar h3 {
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  color: #c8102e;
  text-align: center;
  position: relative;
  display: block;
  margin: 40px 0 25px;
  padding: 11px 0 7px;
  font-size: 16px;
  line-height: 1.4;
}
#sidebar aside:not(#tag_cloud-2) h3:before {
  content: "";
  height: 3px;
  width: 125px;
  border-top: 1px solid #336633;
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform:skew(0deg,6deg);
}
#sidebar aside:not(#tag_cloud-2) h3:after {
  content: "";
  height: 3px;
  width: 125px;
  border-top: 1px solid #336633;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform:skew(0deg,-6deg);
}
#sidebar aside:not(#tag_cloud-2) h3 span:after {
  content : "";
  border-bottom: 1px solid #336633;
  width: 250px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -125px;
}
#sidebar #tag_cloud-2 {
  display: none;
}
#page.single-post #sidebar #tag_cloud-2 {
  display: block;
}
#sidebar #tag_cloud-2 h3 {
  background: #336633;
  color: #fff;
  padding: 6px 0 0;
}
#sidebar #tag_cloud-2 h3 span {
  padding: 3px 0;
  display: block;
}
#sidebar #tag_cloud-2 h3:before {
  content: "";

  position: absolute;
  top: 100%;
  right: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #336633 transparent transparent transparent;
  border-width: 10px 125px 0 0;
}
#sidebar #tag_cloud-2 h3:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #336633 transparent transparent transparent;
  border-width: 10px 0 0 125px;
}
#sidebar .widget_categories li {
  margin: 0 0 8px;
}
#sidebar .widget_categories a {
  position: relative;
  padding: 0 0 0 15px;
  display: block;
}
#sidebar .widget_categories a:before {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
}
#sidebar .widget_archive .years > li {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #e2e2e2;
}
#sidebar .widget_archive .years > li > a {
  display: block;
  position: relative;
  color: #336633;
  font-weight: bold;
  font-size: 15px;
}
#sidebar .widget_archive .years > li > a:after {
  content: "\f107";
  font-family: FontAwesome;
  padding: 0 5px 0 0;
  position: absolute;
  right: 10px;
  font-weight: normal;
}
#sidebar .widget_archive .years > li > a.open:after {
  content: "\f106";
}
#sidebar .widget_archive .month {
  color: #555555;
  font-size: 13px;
  padding: 15px 0 0 10px;
}
#sidebar .widget_archive .month li {
  padding: 0 0 10px;
}
#sidebar .widget_archive .month a {
  color: #555555;
}
#sidebar .widget_archive .month a:before {
  content: "-";
  padding: 0 5px 0 0;
}
#sidebar .tagcloud {
  font-size: 12px;
  padding: 10px 0 0;
}
#sidebar .tagcloud li {
  display: inline-block;
}
#sidebar .tagcloud a {
  color: #336633;
  display: block;
  border: 1px solid #336633;
  border-radius: 40px;
  padding: 3px 7px 2px;
  margin: 0 10px 6px 0;
}
#sidebar .recent h3 {
  margin: 10px 0 25px;
}
#sidebar .recent li {
  list-style-type: none;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #ddd;
  font-size: 14px;
}
#sidebar .recent li a {
  display: block;
}
#sidebar .recent li span {
  display: block;
  font-size: 12px;
  color: #999;
}
#sidebar #pr_side {
  background: #eee;
  border-radius: 10px;
  padding: 25px 15px;
  text-align: center;
}
#sidebar #pr_side h3 {
  margin: 0 0 20px;
  padding: 0;
}
#sidebar #pr_side p span {
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  color: #336633;
  margin: 0 10px 0 0;
}
#sidebar #pr_side p a {
  color: #000;
  font-size: 13px;
}

#sidebar #recruit_crew {
  margin: 50px 0 0;
}

#sidebar #recruit_button {
  text-align: center;
  margin: 40px 0 0;
}
#sidebar #recruit_button a {
  background: #336633;
  border-radius: 40px;
  padding: 18px 35px 18px 30px;
  font-size: 18px;
  max-width: 380px;
  width: 100%;
  line-height: 1.2;
}
#sidebar #recruit_button a span {
  display: block;
  font-size: 12px;
}
#sidebar #recruit_button a:after {
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background: url(images/icon_recruit_arrow.png) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  right: 15px;
  display: inline-block;
}


/* =lower page
-------------------------------------------------------------- */
#content:not(.top_page) {
  margin: 70px auto 70px;
}
#content:not(.top_page) .inner:not(.two_col) {
  max-width: 1160px;
  margin: auto;
}
#content:not(.top_page):not(.combo_dozen):not(.app) .inner.two_col {
  margin: 0 0 0 20px;
}
#content:not(.top_page):not(.combo_dozen):not(.app) #sidebar {
  margin: 0 20px 0 0 ;
}
.low_main_image {
  background: url(images/low_image.jpg) no-repeat center center;
  background-size: cover;
  min-height: 220px;
  text-align: center;
  position: relative;
  color: #fff;
}
.low_main_image .low_main_title {
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
}
.low_main_image .low_main_title h2 {
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 70px 0 5px;
  padding: 5px 0;
  color: #fff;
  font-size: 45px;
}
.low_main_image .low_main_title h2:before {
  content: "";
  height: 3px;
  width: 96px;
  border-top: 3px solid #fff;
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform:skew(0deg,6deg);
}
.low_main_image .low_main_title h2:after {
  content: "";
  height: 3px;
  width: 96px;
  border-top: 3px solid #fff;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform:skew(0deg,-6deg);
}
.low_main_image .low_main_title h2 span:after {
  content : "";
  border-bottom: 3px solid #fff;
  width: 160px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -80px;
} 
.low_main_image .low_main_title .h2_sub {
  text-align: center;
  font-size: 16px;
  padding: 3px 0 0;
}
#breadcrumbs {
  background: #336633;
  color: #fff;
  font-size: 12px;
  padding: 4px 0 3px;
}
#breadcrumbs a {
  color: #fff;
}
#breadcrumbs i {
  padding: 0 3px;
}
#breadcrumbs ul {
  max-width: 1160px;
  margin: auto;
  padding: 0;
}
#breadcrumbs ul li {
  display: inline-block;
  list-style-type: none;
}
#breadcrumbs .taxbread + li + .taxbread,
#breadcrumbs .taxbread + li + .taxbread + li {
  display: none;
}
#breadcrumbs br {
  display: none;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app):not(.recruit_child) {
  max-width: 950px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) p {
  margin: 0 0 25px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) ul {
  margin: 30px 0 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) ul li {
  margin: 0 0 5px;
}

/*recruit*/
#content.recruit .recruit_top_upper .img_box {
  text-align: right;
  position: relative;
}
#content.recruit .recruit_top_upper .img_box .img_overlay {
  position: absolute;
  top: 22px;
  left: 0;
  text-align: left;
  width: 47%;
  background: rgba(255,255,255,0.95);
  padding: 35px 0;
}
#content.recruit .recruit_top_upper .img_box .img_overlay h3 {
  font-size: 25px;
  margin: 0 0 30px;
  letter-spacing: 0;
  font-weight: bold;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).recruit .recruit_top_upper .img_box .img_overlay p {
  margin: 0;
}
#content.recruit .recruit_top_bottom {
  background: linear-gradient(#fff 20%, #eeeeee 20%);
  border-bottom: none;
  padding: 20px 0 100px;
}
#content.recruit .recruit_top_bottom .recruit_menu_box {
  max-width: 950px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
#content.recruit .recruit_top_bottom .half_box {
  width: 50%;
  padding: 0 20px 0 0;
}
#content.recruit .recruit_top_bottom .half_box img {
  display: block;
}
#content.recruit .recruit_top_bottom .half_box.right {
  width: 50%;
  padding: 0 0 0 20px;
}
#content.recruit .recruit_top_bottom .half_box h3 {
  margin: 15px 0 10px;
  color: #c8102e;
  font-weight: bold;
  letter-spacing: 0.5px;
}
#content.recruit .recruit_top_bottom .recruit_menu {
  text-align: center;
  padding: 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .recruit_menu li {
  list-style-type: none;
  margin: 0 0 10px;
}
#content.recruit .recruit_top_bottom .recruit_menu li a {
  background: #fff;
  border: 1px solid #336633;
  border-radius: 20px;
  padding: 12px 35px 12px 30px;
  color: #336633 !important;
  font-size: 13px;
  min-width: 200px;
  line-height: 1;
}
#content.recruit .recruit_top_bottom .recruit_menu_box li.external a:after {
  content: "\f08e";
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area {
  position: absolute;
  margin: 0 auto;
  bottom: -40px;
  left: 0;
  right: 0;
  text-align: center;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a {
  background: #336633;
  border-radius: 40px;
  padding: 18px 35px 18px 30px;
  font-size: 22px;
  max-width: 380px;
  width: 100%;
  line-height: 1.2;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a span {
  display: block;
  font-size: 14px;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a:after {
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background: url(images/icon_recruit_arrow.png) no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  right: 20px;
  display: inline-block;
}

#content.recruit #vision .our_vision {
  background: #eee;
  border-radius: 10px;
  padding: 30px 30px;
  text-align: center;
  font-size: 18px;
}
#content.recruit #vision .our_vision h3 {
  color: #336633;
  margin: 20px 0 30px;
  font-size: 30px;
  padding: 0 20px;
  border-top: 2px solid #336633;
  border-bottom: 2px solid #336633;
  display: inline-block;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .our_vision .localmenu {
  display: flex;
  margin: 20px 0 0;
  padding: 0;
}
#content.recruit #vision .our_vision .localmenu li {
  list-style-type: none;
  width: 33.3333%;
  font-weight: bold;
}
#content.recruit #vision .our_vision .localmenu li h4 {
  font-size: 22px;
  color: #c8102e;
  font-weight: bold;
  margin: 0 0 5px;
}
#content.recruit #vision .our_vision .localmenu li h4:before {
  content: "\005C";
  padding: 0 10px 0 0;
  font-weight: normal;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .our_vision .localmenu li p {
  margin: 0 0 3px;
  line-height: 1.3;
  color: #336633;
}
#content.recruit #vision .our_vision .localmenu li h4:after {
  content: "/";
  padding: 0 0 0 8px;
  font-weight: normal;
}
#content.recruit #vision h3 {
  font-size: 24px;
  padding: 8px 65px;
  color: #c8102e;
  font-weight: bold;
  margin: 15px auto 30px;
}
#content.recruit #vision h3 span {
  margin: 0 0 0 15px;
  color: #336633;
  font-size: 20px;
}
/*
#content.recruit #vision h3.red_line {
  border-radius: 30px;
}
#content.recruit #vision h3.red_line span {
  margin: 0 0 0 7px;
  font-size: 20px;
}
#content.recruit #vision h3#vision01 {
  border: 1px solid #c8102e;
  background: #c8102e url(images/icon_vision01.png) no-repeat 10px center;
}
#content.recruit #vision h3#vision02 {
  border: 1px solid #c8102e;
  background: url(images/icon_vision02.png) no-repeat 10px center;
}
*/
#content.recruit #vision h3#vision01 {
  padding: 8px 65px 10px;
  border-bottom: 1px solid #c8102e;
  background: url(images/icon_vision01.png) no-repeat 10px center;
}
#content.recruit #vision h3#vision02 {
  padding: 8px 65px 10px;
  border-bottom: 1px solid #c8102e;
  background: url(images/icon_vision02.png) no-repeat 10px center;
}
#content.recruit #vision h3#vision03 {
  padding: 8px 65px 10px;
  border-bottom: 1px solid #c8102e;
  background: url(images/icon_vision03.png) no-repeat 10px center;
}

#content.recruit #vision .img_col {
  display: flex;
  margin: 35px 0;
}
#content.recruit #vision .img_col.imgR {
  flex-direction: row-reverse;
}
#content.recruit #vision .img_box {
  width: 38%;
}
#content.recruit #vision .img_box img + img {
  margin: 10px 0 0;
}
#content.recruit #vision .img_box img {
  width: 100%;
  height: auto;
}
#content.recruit #vision .img_col.imgR .text_box {
  padding: 0 40px 0 0;
}
#content.recruit #vision .text_box {
  width: 62%;
  padding: 0 0 0 40px;
  letter-spacing: 0.5px;
}
#content.recruit #vision h4,
#content.recruit #vision .text_box h4 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: bold;
}

#content.recruit #vision .text_box h5 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .text_box p {
  margin: 0 0 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .text_box p {
  margin: 0 0 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .img_col + p {
  margin: 0 0 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .img_col.career + p {
  margin: -30px 0 30px;
}
#content.recruit #vision .text_box .attention {
  font-size: 13px;
  color: #666666;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .career .text_box p {
  margin: 0 0 0;
}
#page .maxvh.store_top h2 span .recruit_ttl {
  font-size: 25px;
  padding: 0 0 0 10px;
}

#content.recruit #guideline h3 + p {
  font-size: 14px;
  letter-spacing: 0.5px;
}
#content.recruit #guideline dl.table {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 1.4;
  margin: 30px 0;
}
#content.recruit #guideline dl.table dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  padding: 25px 25px;
}
#content.recruit #guideline dl.table dt.red,
#content.recruit #guideline dl.table dd.red h4 {
  color: #c8102e;
}

#content.recruit #guideline dl.table dd {
  padding: 25px 20px 25px 20px;
  line-height: 1.5;
}
#content.recruit #guideline dl.table dd a {
  border-bottom: 1px solid #336633;
}
#content.recruit #guideline dl.table dd a i {
  margin: 0 0 0 3px;
}
#content.recruit #guideline dl.table dd h4 {
  font-size: 15px;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.2;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd p {
  margin: 0 0 25px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd p:last-of-type {
  margin: 0;
}
#content.recruit #guideline dl.table dd ul.nodisc {
  padding: 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) ul + h4 {
  margin: 30px 0 10px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul {
  font-size: 14px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul:last-of-type {
  margin: 0 0 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul.caution {
  margin: 30px 0 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul.notop {
  margin: 0 0 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul.notop.nomargin {
  margin: 0 0 0;
  padding-top: 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul + ul {
  margin: -20px 0 30px;
}
#content.recruit #guideline dl.table dd ol li {
  font-size: 14px;
}
#content.recruit #guideline dl.table dd .nodecimal {
  padding: 0 0 0 10px;
  margin: 0 0 35px;
}
#content.recruit #guideline dl.table dd p:last-of-type + .nodecimal:last-of-type {
  margin: 30px 0 0;
}
#content.recruit #guideline dl.table dd .nodecimal:last-of-type {
  margin: 0 0 0;
}
#content.recruit #guideline dl.table dd .attention_box {
  padding: 15px 15px;
  margin: 30px auto;
  line-height: 1.4;
  color: #336633;
  border: 1px solid #336633;
  background: #fff;
}
#content.recruit #guideline dl.table dd .attention_box ul {
  padding: 0 0 0 20px;
}
#content.recruit #guideline dl.table dd .attention_box:last-of-type {
  margin: 30px auto 0;
}
#content.recruit #guideline h3,
#content.recruit #crew h3 {
  font-size: 24px;
  color: #c8102e;
  font-weight: bold;
  /*
  padding: 8px 0 10px;
  border-bottom: 1px solid #c8102e;
  */
  margin: 50px 0 30px;
}
#content.recruit #guideline h3 {
  margin: 0 0 30px;
}
#content.recruit #crew .lead {
  font-size: 30px;
  color: #336633;
  font-weight: bold;
  line-height: 1.3;
}
#content.recruit #crew .button_area {
  margin: 30px 0 30px;
}
#content.recruit #crew .button_area a {
  border-radius: 30px;
  border: 1px solid #336633;
  background: #fff;
  color: #336633 !important;
  padding: 11px 45px 11px 35px;
}
#content.recruit #crew .button_area a:after {
  content: "\f08e";
}


#page.recruit_interview .interview_main {
  position: relative;
  margin: 0 0 50px;
}
#page.recruit_interview .interview_main_info {
  position: absolute;
  height: 100%;
  right: 0;
  background: rgba(255,255,255,0.8);
  width: 40%;
  max-width: 300px;
}
#page.recruit_interview .interview_main_info .logo {
  position: absolute;
  top: 20px;
  right: 10px;
}
#page.recruit_interview .interview_main_info .text_in {
  position: absolute;
  bottom: 20px;
  right: 10px;
  color: #336633;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}
#page.recruit_interview .interview_main_info .text_in h3 {
  color: #336633;
  font-size: 34px;
  margin: 3px auto 8px;
}
#page.recruit_interview .interview_main_info .text_in p {
  margin: 0 0 1px;
}
#page.recruit_interview .interview_main_info img {
  display: block;
}

#page.recruit_interview .entry_content .interview_box {
  display: flex;
}

#page.recruit_interview .entry_content .interview_box .text_box {
  padding: 0 50px 0 0;
}
#page.recruit_interview .entry_content .interview_box .text_box p {
  margin: 0 0 25px;
}
#page.recruit_interview .entry_content .interview_box .text_box .attention {
  font-size: 13px;
  color: #666666;
}
#page.recruit_interview .entry_content .interview_box .img_box {
  min-width: 300px;
}
#page.recruit_interview .entry_content {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #b2b2b2;
}

#page.recruit_interview .interview_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
#page.recruit_interview .interview_list::before{
  content:"";
  display: block;
  width:25%;
  order:1;
}
#page.recruit_interview .interview_list::after{
  content:"";
  display: block;
  width:25%;
}

#page.recruit_interview .interview_list li {
  width: 25%;
  max-width: 190px;
  list-style-type: none;
  background: #eeeeee;
}
#page.recruit_interview .interview_list li .text_box {
  padding: 15px 20px 20px;
  font-weight: bold;
  color: #000;
}
#page.recruit_interview .interview_list li .text_box p {
  font-size: 12px;
  line-height: 1.3;
  margin: 0 0 8px;
}
#page.recruit_interview .interview_list li .text_box h3 {
  font-size: 16px;
  margin: 0;
}




/*FAQ*/
#content.faq .localmenu_box {
  margin: 30px auto;
}
#content.faq .localmenu_box ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#content.faq .localmenu_box li {
  list-style-type: none;
  width: 33%;
  text-align: center;
  font-size: 13px;
  line-height: 40px;
  padding: 0 1% 0 0;
  margin: 0 0 10px 0;
}
#content.faq .localmenu_box li:nth-child(3n) {
  padding: 0 0 0 0;
}
#content.faq .localmenu_box ul:after {
  content: "";
  width: 33%;
}
#content.faq .localmenu_box a {
  position: relative;
  display: block;
  font-weight: bold;
  background: #f0ebe1;
  color: #336633;
}
#content.faq .localmenu_box a:before {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  left: 10px;
  font-weight: normal;
  text-decoration: underline;
}

#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh {
  margin: 70px 0 40px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh h2 {
  max-width: 950px;
}

#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).fundraising .maxvh {
  margin: 100px 0 40px;
}
#content.faq .faq_list {
  margin: 0 0 60px;
}
#content.faq .faq_list dt {
  color: #336633;
  font-weight: bold;
  position: relative;
  padding: 30px 0 15px 40px;
  margin: 20px 0 0 0;
  border-top: 1px dotted #ddd;
  font-size: 18px;
}
#content.faq .faq_list dt:first-child {
  padding: 10px 0 15px 40px;
  margin: 0 0 0 0;
  border-top: none;
}
#content.faq .faq_list dt:before {
  content: "Q.";
  font-weight: normal;
  position: absolute;
  font-size: 26px;
  left: 0;
  line-height: 1;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#content.faq .faq_list dd {
  position: relative;
  margin: 0 0 ;
  padding: 0 0 0 40px;
  font-size: 15px;
}
#content.faq .faq_list dd:before {
  content: "A.";
  position: absolute;
  font-size: 24px;
  left: 4px;
  line-height: 1;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#content.faq h3 {
  color: #c8102e;
  font-size: 20px;
  font-weight: bold;
  border-top: 1px solid #c8102e;
  padding: 20px 0 0;
  margin: 20px 0 0;
  position: relative;
  cursor: pointer;
}
#content.faq h3:after {
  content: url(images/icon_drop_open.png);
  position: absolute;
  right: 10px;
}
#content.faq h3.open:after {
  content: url(images/icon_drop_close.png);
}
#content.faq h3 span {
  width: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 18px;
  color: #fff;
  background: #c8102e;
  display: inline-block;
  vertical-align: text-bottom;
  text-align: center;
  margin: 0 10px 0 0;
}
#content.faq h3 + dl {
  padding: 30px 0 0;
}
#content.faq h3 + dl + hr {
  background: #c8102e;
  border-color: #c8102e;
  width: 100%;
  margin: 15px 0 0;
}

#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box {
  margin: 50px auto 20px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box a.button {
  border-radius: 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box {
  color: #336633;
  font-size: 20px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  margin: 0 0 10px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box span {
  font-size: 30px;
  display: inline-block;
  margin: 0 0 0 5px;
}

#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box + p {
  font-size: 13px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box + p span {
  display: block;
  font-size: 14px;
  margin: 0 0 5px;
}

/*contact*/
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dt,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd {
  /*background: #fff !important;*/
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .preview_disp {
  display: none;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form .preview_disp {
  display: block;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dt {
  padding: 25px 25px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dl.table {
  margin: 0 0 30px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form .input_disp,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form .store_link,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dl.table dd ul,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dl.table dd span {
  display: none;
}
#content.inquiry .button {
  border-radius: 30px;
}
#content.inquiry .button + .button {
  margin: 0 0 0 15px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .store_link {
  position: absolute;
  right: 0;
  padding: 5px 0 0;
  margin: 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .store_link + span {
  padding: 5px 0 0;
  display: block;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .store_link a:before {
  content: "\f101";
  font-family: FontAwesome;
  padding: 0 8px 0 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd ul {
  margin: 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dt {
  position: relative;
  padding: 25px 25px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dt .hissu {
  position: absolute;
  right: 15px;
  color: #c8102e;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd {
  position: relative;
  font-size: 14px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd .space {
  padding: 0 15px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd .br {
  display: block;
  padding: 10px 0 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd label {
  padding: 5px 0 0;
  display: inline-block;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .background_res {
  text-align: center;
  background: #e4e4e4;
  padding: 10px 0;
  display: block;
  margin: auto;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .background_res > span {
  margin: 0 10px;
}

#content .block_box {
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-align: center;
}
#content .block_box > li {
  width: 48%;
  list-style-type: none;
  background: #f4f4f4;
  padding: 35px 25px;
}
#content .block_box > li h4 {
  margin-top: 0;
  font-weight: bold;
  border-bottom: 1px dotted #336633;
  padding: 0 0 7px;
}


/*combo_dozen*/

#howto #menu_static {
  margin: 0 auto 50px;
}

#howto #fixed_menu #menu_local {
  background: #fff;
  width: 100%;
  margin: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}
#howto .tabs {
  position: relative;
}
#howto #fixed_menu .tabs {
  z-index: 1001;
  position: relative;
}
#page.page-template-default #content:not(.top_page) ul.horizontal {
  margin: 0;
}
#howto .tabs .horizontal {
  font-size: 0;
}
#howto .tabs .horizontal {
  padding: 0;
  text-align: center;
}

#howto .tabs .horizontal li {
  display: inline-block;
  font-size: 14px;
  width: 19%;
  max-width: 180px;
  text-align: center;
  padding: 3px 0;
  float: none !important;
  cursor: pointer;
  vertical-align: middle;
}
#howto .tabs .horizontal li > a  {
  display: block;
}

#howto .tabs .horizontal li.current > a {
  position: relative;
}
#howto .tabs ul.horizontal + span {
 background: #336633;
 height: 2px;
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 200;
}
#howto .tabs .horizontal li:first-child > a > span {
  border-left: 1px solid #ddd;
}
#howto .tabs .horizontal li > a > span {
  border-right: 1px solid #ddd;
}
#howto .tabs .horizontal li > a > span {
  color: #4d4d4d;
  display: block;
  padding: 3px 0;
  font-style: italic;
  line-height: 34px;
}
#howto .tabs .horizontal li span img {
  display: inline-block;
  padding-right: 7px;
  vertical-align: middle;
  max-height: 30px;
}
#howto .tabs .horizontal li > span span {
  vertical-align: sub;
}

#howto .fixedcol01,
#howto .fixedcol02 {
  text-align: center;
  padding: 70px 0 0;
}

#howto #dozen,
#howto #combo {
  background: url("images/kkdj_dot.svg") no-repeat left calc(50% - 500px) top 100px , url("images/kkdj_dot.svg") no-repeat right calc(50% - 500px) top 0;
  width: 100%;
  position: relative;
  left: 0;
}
#howto #combo {
  padding: 70px 0 80px;
}
#howto h2 {
  margin: 25px 0 130px;
  font-size: 50px;
  padding: 0 20px;
  display: inline-block;
}
#howto .happy {
  background: linear-gradient(#fff 20%, #e2af2d 20%);
  border: none;
}
#howto .happy .container {
  display: flex;
  align-items: center;
}
#howto .happy .img_box {
  width: 50%;
}
#page.page-template-default #content:not(.top_page) #howto .happy p.caption {
  font-size: 13px;
  color: #fff;
  text-align: left;
  margin: 10px auto 15px;
  max-width: 464px;
}
#howto .happy .text_box {
  width: 50%;
  color: #fff;
  text-align: left;
  font-size: 27px;
  padding: 35px 0 0;
}
#howto .happy .text_box h3 {
  max-width: 468px;
  margin: 0 auto 35px;
}
#howto .happy .text_box p {
  max-width: 468px;
  margin: auto;
}
#howto .happy .text_box h4 {
  padding: 30px 0 30px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
#howto .dozen_info {
  margin: 60px auto 0;
  max-width: 1160px;
}
#page.page-template-default #content:not(.top_page) #howto .dozen_info h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 35px auto 10px;
  letter-spacing: 0.5px;
}
#howto .dozen_info h3:before {
  content: "\005C";
  padding: 0 10px 0 0;
  font-weight: normal;
}
#howto .dozen_info h3:after {
  content: "/";
  padding: 0 0 0 8px;
  font-weight: normal;
}
#howto .dozen_info .choice_dozen {
  display: flex;
}
#howto .dozen_info .choice_dozen > div {
  width: 24%;
}
#howto .dozen_info .choice_dozen .dozen_d3 {
  padding: 0 4px 0 0;
}
#howto .dozen_info .choice_dozen .dozen_d3 p + p {
  margin: 55px 0 0;
}
#howto .dozen_info .choice_dozen .dozen_d3 img {
  max-width: 190px;
}
#howto .dozen_info .choice_dozen .dozen_d6 {
  padding: 0 2px 0 2px;
}
#howto .dozen_info .choice_dozen .dozen_d6 p + p {
  margin: 30px 0 0;
}
#howto .dozen_info .choice_dozen img {
  width: auto;
  height: auto;
}
#howto .dozen_info .choice_dozen .dozen_d12 {
  width: 52%;
  padding: 0 0 0 4px;
}
#howto .dozen_info h4 {
  background: #c8102e;
  color: #fff;
  font-size: 22px;
  border-radius: 5px;
  margin: 0 0 30px;
}
#howto .dozen_info h4 span {
  font-size: 33px;
}
#page.page-template-default #content:not(.top_page) #howto p.caption {
  font-size: 13px;
  color: #747474;
  text-align: right;
  font-weight: normal;
  margin: 25px 0 0;
}

#howto .dozen_info .choice_dozen p {
  font-size: 24px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1;
  font-weight: bold;
}
#howto .dozen_info .choice_dozen p span {
  color: #c8102e;
  font-size: 40px;
}
#howto .dozen_info .choice_dozen p span.normal {
  color: #000;
  font-size: 22px;
}
#howto .dozen_info .choice_dozen p span.big {
  display: block;
  color: #c8102e;
  font-size: 43px;
  font-weight: normal;
}
#howto .dozen_info .choice_dozen p span.big span {
  font-size: 60px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#howto .dozen_info .choice_dozen .dozen_d12 p {
  font-size: 24px;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12,
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
  display: flex;
  border-right: 1px dotted #8b8b8b;
  padding: 10px 0 0;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 p {
  border-bottom: 1px dotted #8b8b8b;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .img {
  margin: 0 0 0 20px;
  padding: 0 20px 10px 0;
  width: 50%;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .text {
  padding: 25px 0 10px 0;
  margin: 0 20px 0 0;
  width: 50%;
}

#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
  align-items: center;
}

#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
  padding: 20px 20px 0;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box {
  width: 48%;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box div {
  font-size: 13px;
  margin: 10px 0 0;
  color: #336633;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 > p {
  width: 52%;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p {
  margin: 0 0 0;
  letter-spacing: 0.5px;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box p {
  vertical-align: middle;
}

#howto .dozen_info .choice_dozen p .itemname {
  font-size: 13px;
  color: #336633;
  display: block;
  font-weight: normal;
  margin: 15px 0 0;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p {
  position: relative;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p .circle {
  position: absolute;
  right: -15px;
  top: 15%;
  width: 74px;
  height: 74px;
  border-radius: 74px;
  background: #c8102e;
  color: #fff;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  padding: 19px 0;
  font-size: 20px;
  line-height: 1.1;
}
#page.page-template-default #content:not(.top_page) #howto .dozen_info .choice_dozen + h3 {
  margin: 100px 0 10px;
}
#howto .dozen_info .multiple_col1 {
  display: flex;
}
#howto .dozen_info .multiple_col1 .img_box {
  width: 60%;
}
#howto .dozen_info .multiple_col1 .text_box {
  width: 40%;
  text-align: left;
  font-size: 24px;
  font-weight: bold;
}

#howto .dozen_info .multiple_col1 .text_box h5 {
  font-size: 24px;
  color: #336633;
  font-weight: bold;
}
#howto .dozen_info .multiple_col1 .text_box p {
  line-height: 1.2;
}
#howto .dozen_info .multiple_col1 .text_box p span {
  color: #c8102e;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 40px;
}
#howto .dozen_info .multiple_col1 .text_box p span span {
  font-size: 24px;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #howto .multiple_col1 p.caption {
  text-align: right;
  margin-top: 40px;
}

#howto .dozen_info .multiple_col2 {
  display: flex;
  margin: 30px 0 0;
}
#howto .dozen_info .multiple_col2 .multiple_d2,
#howto .dozen_info .multiple_col2 .multiple_d3 {
  width: 31%;
}
#howto .dozen_info .multiple_col2 .multiple_d2 img,
#howto .dozen_info .multiple_col2 .multiple_d3 img {
  height: auto;
}
#howto .dozen_info .multiple_col2 .multiple_d2 img {
  max-width: 80%;
}
#howto .dozen_info .multiple_col2 .multiple_ex {
  width: 42%;
  position: relative;
}
#howto .dozen_info .multiple_col2 .multiple_ex .icon {
  width: 90px;
  line-height: 90px;
  background: #336633;
  border-radius: 45px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 0;
  left: -10px;
}
#howto .dozen_info .multiple_col2 .multiple_ex .icon:after {
  content: "";
  background: url(images/icon_tail_fukidashi.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 19px;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 0;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col {
  margin: 15px;
  border: 1px solid #336633;
  font-size: 18px;
  padding: 15px 10px;
  letter-spacing: 0.5px;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col h5 {
  margin: 0 0 0 auto;
  max-width: 83%;
  font-size: 16px;
  font-weight: bold;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col h5 span {
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col p {
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 55px;
  color: #c8102e;
  line-height: 1;
  margin: 10px 0 0;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col p .small {
  font-size: 43px;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col p .otoku {
  font-size: 15px;
  color: #fff;
  background: #c8102e;
  padding: 7px 15px;
  border-radius: 10px;
  display: inline-block;
  margin: 12px 0 0 10px;
  vertical-align: top;
}
#howto .dozen_info .multiple_col2 .multiple_ex .ex_col p .otoku span {
  font-size: 19px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#howto .dozen_info .multiple_col2 .multiple_d2 {
  border-right: 1px dotted #8b8b8b;
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
}
#howto .dozen_info .multiple_col2 .multiple_d2 h5,
#howto .dozen_info .multiple_col2 .multiple_d3 h5 {
  color: #c8102e;
  border: 1px solid #c8102e;
  border-radius: 30px;
  font-size: 24px;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  margin: 0 0 15px;
  display: inline-block;
  padding: 0 25px;
}
#howto .dozen_info .multiple_col2 .multiple_d2 h5 {
 /* margin: 0 0 30px;*/
}
#howto .dozen_info .multiple_col2 .multiple_d2 h5 span,
#howto .dozen_info .multiple_col2 .multiple_d3 h5 span {
  font-size: 20px;
}

#howto .dozen_info .order_col {
  margin: 100px auto 50px;
}
#howto .dozen_info .order_col .head_text h4 {
  margin-bottom: 5px;
}

#howto .dozen_info .order_col .head_text .h4_sub {
  font-size: 24px;
  color: #c8102e;
  font-weight: bold;
  margin-bottom: 35px;
}

#howto .dozen_info .order_col .head_text .lead {
  font-size: 28px;
  color: #c8102e;
  margin: 40px auto 0;
  font-weight: bold;
}
#howto .dozen_info .order_col .head_text .hosoku {
  font-size: 22px;
}
#howto .dozen_info .order_col .head_text .hosoku span {
  font-size: 28px;
  color: #c8102e;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#howto .dozen_info .order_col .head_text .hosoku span span {
  font-size: 38px;
}
#page.page-template-default #content:not(.top_page) #howto .dozen_info .order_col .head_text .caption {
  margin-top: -65px;
}


#howto .dozen_info .order_col .order_info {
  display: flex;
  padding: 120px 0 0;
  margin-top: -50px;
}
#howto .dozen_info .order_col .order_info h4 {
  border-radius: 0;
  background: #336633;
  font-size: 30px;
  padding: 45px 0 0;
  position: relative;
  line-height: 1;
  margin: 0 0 70px;
  letter-spacing: 3px;
  font-weight: bold;
  cursor: pointer;
}
#howto .dozen_info .order_col .order_info h4:before {
  content: "";
  background: url(images/icon_dozen_app.png) no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  display: inline-block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -50px
}
#howto .dozen_info .order_col .order_info .order_store h4:before {
  background: url(images/icon_dozen_store.png) no-repeat;
}

#howto .dozen_info .order_col .order_info h4:after {
  content: "";
  background: url(images/combo_circle_bottom.png) no-repeat center top;
  background-size: contain;
  display: inline-block;
  width: 100%;
  height: 58px;
  
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;

/*
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #336633 transparent transparent transparent;
  border-width: 70px 290px 0 290px;
  z-index: 100;
*/
/*
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  width: 100%;
  height: 60px;
  margin: auto;
  background:
      linear-gradient(to top right, rgba(255,255,255,0) 50%, #336633 50.5%) no-repeat top left/50% 100%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #336633 50.5%) no-repeat top right/50% 100%;
  z-index: 100;
*/
}
#howto .dozen_info .order_col .order_app {
  width: 50%;
  padding: 0 10px 0 0;
  border-right: 1px dotted #c3c3c3;
}
#howto .dozen_info .order_col .order_app h6 {
  font-size: 38px;
  color: #c8102e;
  margin: 5px auto 10px;
}
#howto .dozen_info .order_col .order_app h6 span {
  font-size: 26px;
  color: #000;
  display: block;
}
#howto .dozen_info .order_col .order_app h5 {
  font-size: 36px;
  color: #c8102e;
  font-weight: bold;
  border-top: 2px solid #c8102e;
  border-bottom: 2px solid #c8102e;
  padding: 15px 15px;
  display: inline-block;
  margin: 20px auto 15px
}
#howto .dozen_info .order_col .order_app .app_image {
  position: relative;
  padding: 30px 0;
}
#howto .dozen_info .order_col .order_app .app_fukidashi {
  background: #e2af2d;
  color: #fff;
  padding: 45px 0 0;
  line-height: 1.3;
  font-size: 20px;
  width: 199px;
  height: 137px;
  border-radius: 199px / 137px;
  text-align: center;
  position: absolute;
  z-index: 10;
}
#howto .dozen_info .order_col .order_app .app_fukidashi01 {
  top: -20px;
  right: 0;
}
#howto .dozen_info .order_col .order_app .app_fukidashi01:after {
  content: "";
  background: url(images/img_quickorder_arrow01.png) no-repeat;
  background-size: contain;
  width: 29px;
  height: 36px;
  display: inline-block;
  position: absolute;
  bottom: -9px;
  left: 24px;
  z-index: 2;
}
#howto .dozen_info .order_col .order_app .app_fukidashi02 {
  bottom: -30px;
  left: 0;
}
#howto .dozen_info .order_col .order_app .app_fukidashi02:after {
  content: "";
  background: url(images/img_quickorder_arrow02.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 28px;
  display: inline-block;
  position: absolute;
  top: 41px;
  z-index: 2;
  right: -25px;
}
#howto .dozen_info .order_col .order_app .button_area {
  margin: 50px 0 0;
}
#howto .dozen_info .order_col .order_app .button_area a {
  color: #fff;
  padding: 13px 56px 13px 46px;
  display: inline-block;
  border-radius: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}


#howto .dozen_info .order_col .order_store {
  width: 50%;
  padding: 0 0 0 10px;
}

#howto .dozen_info .order_col .order_store .store_info {
  padding: 20px 0 0;
}
#howto .dozen_info .order_col .order_store dl {
  text-align: left;
  padding: 0 25px;
}

#howto .dozen_info .order_col .order_store dl dt {
  color: #336633;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 5px;
}
#howto .dozen_info .order_col .order_store dl dt:before {
  content: "";
  background: url(images/icon_app_doughnut.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
#howto .dozen_info .order_col .order_store dl dd {
  padding: 0 0 0 30px;
  margin: 0 0 25px;
  font-size: 16px;
}
#howto .dozen_info .order_col .order_store dl dd a {
  border-bottom: 1px solid #000;
}



#howto #combo .happy .img_box {
  width: 45%;
}
#howto #combo .happy .text_box {
  width: 55%;
}
#howto #combo .happy .text_box h3 {
  margin: 0 0 35px;
  max-width: 561px;
}
#howto #combo .happy .text_box p {
  margin: 0 0 0;
  max-width: 561px;
}
#page.page-template-default #content:not(.top_page) #howto .happy p.caption {
  max-width: 401px;
  margin: 10px auto 20px;
}

#howto #combo .combo_col {
  display: flex;
  margin: 120px auto 0;
  max-width: 1160px;
}
#howto #combo .combo_col .combo_box {
  border-left: 1px dotted #8b8b8b;
}
#howto #combo .combo_col .combo_box,
#howto #combo .combo_col .wcombo_box {
  width: 50%;
  padding: 0 20px;
  border-right: 1px dotted #8b8b8b;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

#howto #combo .combo_col .combo_box h3,
#howto #combo .combo_col .wcombo_box h3 {
  background: #e2af2d;
  width: 162px;
  height: 162px;
  border-radius: 81px;
  color: #fff;
  line-height: 1.4;
  font-size: 24px;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  text-align: center;
  margin: 0;
  position: absolute;
  left: 20px;
  top: -50px;
}
#howto #combo .combo_col .combo_box h3 {
  padding: 60px 0 0;
}
#howto #combo .combo_col .wcombo_box h3 {
  padding: 30px 0 0;
}
#howto #combo .combo_col .combo_box h3 span,
#howto #combo .combo_col .wcombo_box h3 span {
  display: block;
  font-size: 15px;
  letter-spacing: 0;
}
#howto #combo .combo_col .wcombo_box h3 span.wcombo {
  font-size: 70px;
  line-height: 0.8;
}
#howto #combo .combo_col h4 {
  width: 100%;
  color: #c8102e;
  font-size: 50px;
  padding: 0 0 0 205px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  margin: auto auto 20px;
}
#howto #combo .combo_col h4 span {
  font-size: 80px;
}
#howto #combo .combo_col .combo_set {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  justify-content: center;
}
#howto #combo .combo_col .combo_set > div {
  width: 45%;
}
#howto #combo .combo_col .combo_set > div img {
  height: auto;
}
#howto #combo .combo_col .combo_set > .combo_plus {
  width: 10%;
  font-size: 50px;
  color: #336633;
  font-weight: bold;
}

#howto #combo .combo_col .combo_set > .combo_doughnut p,
#howto #combo .combo_col .combo_set > .combo_drink p,
#howto #combo .combo_col .wcombo_set > .combo_doughnut p,
#howto #combo .combo_col .wcombo_set > .combo_drink p {
  color: #336633;
  font-size: 19px;
  border: 1px solid #336633;
  border-radius: 20px;
  margin: 10px 0 0;
  padding: 2px 15px 0;
  display: inline-block;
  line-height: 38px;
}

#howto #combo .combo_col .combo_set > .combo_doughnut p span,
#howto #combo .combo_col .combo_set > .combo_drink p span {
  font-size: 30px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1;
}
#howto #combo .combo_col .combo_set > .combo_doughnut .wp-image-814 {
  margin: 55px 0 0;
}

#howto #combo .combo_in {
  border: 2px solid #336633;
  border-radius: 10px;
  margin: 55px auto;
  display: flex;
  padding: 20px 0;
  max-width: 1160px;
  align-items: center;
}

#howto #combo .combo_in .combo_in_head {
  width: 18%;
}
#howto #combo .combo_in .combo_in_head h3 {
  font-size: 26px;
  letter-spacing: 0;
  font-weight: bold;
  margin: 0;
}
#howto #combo .combo_in .combo_in_detail {
  width: 82%;
  text-align: left;
  padding: 0 0 0 25px;
  position: relative;
  border-left: 2px solid #336633;
}
#howto #combo .combo_in .combo_in_detail h4 {
  margin: 0;
  font-size: 18px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  letter-spacing: 0.5px;
}
#howto #combo .combo_in .combo_in_detail h4 span {
  font-size: 24px;
  font-weight: bold;
}
#howto #combo .combo_in .combo_in_detail h4 + p {
  color: #336633;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#howto #combo .combo_in .combo_in_detail .attention {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  color: #747474;
  font-size: 13px;
}
#howto #combo .combo_in .combo_in_detail .attention li {
  padding: 0 10px 0 0;
  margin: 5px 0 0;
}
#howto #combo .combo_in .combo_in_detail .attention li:before {
  position: static;
}
#howto #combo .combo_in .combo_in_detail .button {
  position: absolute;
  right: 20px;
  bottom: 0;
  margin: 0;
  background: #e2af2d;
  border-radius: 20px;
  padding: 0;
  font-size: 16px;
  z-index: 9;
}
#howto #combo .combo_in .combo_in_detail .button:after {
  top: 6px;
}
#howto #combo .combo_in .combo_in_detail .button a {
  color: #fff;
  padding: 5px 40px 5px 30px;
  display: block;
}

#howto #combo .kids_combo {
  background: #d4e9d7;
  border-radius: 10px;
  margin: 45px auto;
  display: flex;
  padding: 20px;
  max-width: 1160px;
}
#howto #combo .kids_combo .kids_combo_logo {
  width: 20%;
}
#howto #combo .kids_combo .kids_combo_col {
  width: 50%;
}
#howto #combo .kids_combo .kids_combo_in {
  display: flex;
  align-items: center;
  justify-content: center;
}
#howto #combo .kids_combo .kids_combo_in > div {
  width: 40%;
}

#howto #combo .kids_combo .kids_combo_in > div.kids_combo_plus {
  width: 10%;
  font-size: 30px;
  color: #336633;
  font-weight: bold;
}
#howto #combo .kids_combo .kids_combo_in > div.kids_combo_doughnut p {
  margin: 20px 0 0;
}
#howto #combo .kids_combo .kids_combo_in > div.kids_combo_doughnut img {
  margin: 40px 0 0;
}
#howto #combo .kids_combo .kids_combo_in > div.kids_combo_drink {
  position: relative;
}
#howto #combo .kids_combo .kids_combo_in > div.kids_combo_drink img {
  margin: -50px 0 0;
}
#howto #combo .kids_combo .kids_combo_in p {
  color: #336633;
  font-size: 19px;
  border: 1px solid #336633;
  border-radius: 20px;
  margin: 10px 0 0;
  padding: 2px 0 0;
  background: #fff;
}

#howto #combo .kids_combo .kids_combo_detail {
  width: 30%;
  background: #fff;
  border-radius: 10px;
  margin: 30px 0;
  position: relative;
  padding: 25px 10px;
}
#howto #combo .kids_combo .kids_combo_detail p {
  margin: 0;
  font-size: 15px;
  color: #336633;
  font-weight: bold;
}
#howto #combo .kids_combo .kids_combo_detail .lead {
  color: #c8102e;
  font-size: 50px;
  line-height: 1;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#howto #combo .kids_combo .kids_combo_detail .lead span {
  font-size: 70px;
}
#howto #combo .kids_combo .kids_combo_detail .button {
  position: absolute;
  right: 0;
  margin: auto;
  left: 0;
  bottom: -15px;
  background: #e2af2d;
  border-radius: 20px;
  font-size: 16px;
  padding: 0;
  display: inline-block;
  max-width: 220px;
}
#howto #combo .kids_combo .kids_combo_detail .button a {
  color: #fff;
  padding: 5px 20px 5px 15px;
  display: block;
}
#howto #combo .kids_combo .kids_combo_detail .button:after {
  top: 6px;
}
#howto #combo .combo_out {
  display: flex;
  align-items: center;
  max-width: 1160px;
  margin: auto;
}
#howto #combo .combo_out .combo_out_head {
  width: 20%;
  text-align: left;
}
#howto #combo .combo_out .combo_out_head  h3 {
  font-size: 26px;
  padding: 7px 30px;
  font-weight: bold;
  margin: 0 0 0;
  border-top: 1px solid #336633;
  border-bottom: 1px solid #336633;
  display: inline-block;
}
#howto #combo .combo_out .combo_in_detail {
  width: 80%;
  color: #747474;
  text-align: left;
  font-size: 16px;
  position: relative;
}
#howto #combo .combo_out .combo_in_detail p {
  margin: 0;
}

#howto #combo .combo_out .combo_in_detail .button_area {
  position: absolute;
  right: 0;
  bottom: -30px;
}
#howto #combo .combo_out .combo_in_detail .button_area a {
  color: #fff;
  padding: 13px 56px 13px 46px;
  display: inline-block;
  border-radius: 30px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
}


/*app*/
#app .maxvh {
  margin: 0 0 0;
  padding-top: 90px;
}
#app #menu_static {
  margin: 25px 0 30px;
}
#app #fixed_menu #menu_local {
  background: #fff;
  width: 100%;
  margin: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}
#app #fixed_menu .tabs {
  z-index: 1001;
  position: relative;
}
#app .tabs {
  position: relative;
}
#page.page-template-default #content:not(.top_page) ul.horizontal {
  margin: 0 auto;
}
#app .tabs .horizontal {
  padding: 0;
  text-align: center;
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
}
#app .tabs .horizontal li {
  list-style-type: none;
  font-size: 14px;
  width: 25%;
  text-align: center;
  padding: 1px 0 0;
  float: none !important;
  cursor: pointer;
  vertical-align: middle;
}
#app .tabs .horizontal li a {
  display: block;
  color: #c8102e;
  border: 1px solid #c8102e;
  border-right: none;
  padding: 15px 0 7px;
  font-size: 17px;
}
#app .tabs .horizontal li:last-child a {
  border-right: 1px solid #c8102e;
}
#app .tabs .horizontal li a i {
  display: block;
  font-size: 20px;
}
#app .app_info .app_info_upper {
  display: flex;
  position: relative;
  z-index: 100;
}
#app .app_info .app_info_upper .img_box {
  width: 40%;
  text-align: center;
}
#app .app_info .app_info_upper .text_box {
  width: 60%;
  padding: 0 20px 0 0;
}
#app .app_info .app_info_upper .text_box h3 {
  font-size: 33px;
  color: #c8102e;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin: 15px 0 65px;
}
#app .app_info .app_info_upper .text_box .lead {
  position: relative;
  padding: 0 0 20px 80px;
  font-size: 24px;
  font-weight: bold;
  color: #336633;
  line-height: 1.3;
  border-bottom: 2px solid #336633;
}
#app .app_info .app_info_upper .text_box .lead:before {
  content: "";
  display: inline-block;
  background: url(images/icon_app_doughnut.png) no-repeat left center;
  background-size: contain;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
}
#app .app_info .welcome_coupon {
  padding: 0;
  margin: 50px auto auto;
}
#app .app_info .welcome_coupon .left {
  width: 38%;
}
#app .app_info .welcome_coupon .right {
  width: 62%;
  padding: 0 0 0 20px;
}
#app .app_info .welcome_coupon .right .dl_col {
  width: 100%;
}
#app .app_info .welcome_coupon .right .dl_hosoku {
  font-size: 10px;
}

#app .app_info .maxvh.app_info_bottom {
  background: #e2af2d;
  margin: -100px 0 0;
  position: relative;
  z-index: 1;
  padding: 65px 0 25px;
  border-bottom: none;
}
#app .app_info .app_info_bottom .app_point {
  display: flex;
  margin: 0 0 40px;
  padding: 0;
}
#app .app_info .app_info_bottom .app_point li {
  width: 20%;
  list-style-type: none;
  text-align: center;
}
#app .app_info .app_info_bottom .app_point li p {
  font-size: 14px;
  color: #336633;
  font-weight: bold;
  margin: 0 0 3px;
}
#app .app_info .app_info_bottom .app_point li h4 {
  background: #fff;
  color: #c8102e;
  border-radius: 20px;
  margin: 0 20px 20px;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: bold;
  padding: 2px 0;
}
#app .app_info .app_info_bottom .app_point li .img_box {
  position: relative;
}
#app .app_info .app_info_bottom .app_point li .img_box .icon {
  position: absolute;
  top: -8px;
  left: 8px;
  background: #c8102e;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  padding: 20px 0 0;
}
#app .app_info .app_info_bottom .app_point li .img_box .icon .kome {
  font-size: 11px;
}
#app .app_info .app_info_bottom .app_point li .text_box {
  color: #336633;
  font-size: 14px;
  letter-spacing: 0;
  margin: 10px 0 0;
  line-height: 1.4;
}
#app .app_info .app_info_bottom .app_point li .text_box span {
  font-size: 11px;
}
#app .app_info .app_info_bottom .attention_app.sp_disp,
#app .app_info .app_info_bottom .app_point li .attention_app {
  background: #c8102e;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 7px 0;
  text-align: center;
  margin: 10px 20px 0;
  line-height: 1.4;
  border-radius: 5px;
}
#app .app_info .app_info_bottom .app_detail .attention_app {
  font-size: 13px;
  color: #000000;
  margin: 0;
}


#app .step_col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#app .step_one {
  width: 100%;
}
#app .step_two,
#app .step_four {
  width: 55%;
  text-align: center;
  position: relative;
}
#app .step_three,
#app .coupon {
  width: 45%;
  text-align: center;
  position: relative;
}
#app .step_four {
  border-right: none;
}
#app .step_col .step_two,
#app .step_col .step_three,
#app .step_col .step_four {
  display: flex;
  align-items: center;
  margin: 0 0 60px;
}
#app .step_col .step_four {
  display: flex;
  align-items: center;
  margin: 0 0;
}
#app .step_col .step_two .number,
#app .step_col .step_three .number,
#app .step_col .step_four .number {
  margin: 0 0 0 0;
  max-width: 20%;
}
#app .step_col .step_two > div,
#app .step_col .step_three > div,
#app .step_col .step_four > div {
  width: 88%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0 0 25px;
}
#app .step_col .step_two div .img_box,
#app .step_col .step_three div .img_box,
#app .step_col .step_four div .img_box {
  width: 20%;
}
#app .step_col .step_two div .text_box,
#app .step_col .step_three div .text_box,
#app .step_col .step_four div .text_box {
  padding: 0 0 0 25px;
  text-align: left;
  width: 80%;
}
#app .step_col .step_two div .text_box h4,
#app .step_col .step_three div .text_box h4,
#app .step_col .step_four div .text_box h4 {
  margin: 0;
  font-size: 20px;
}
#app .step_col .step_two div .text_box span,
#app .step_col .step_three div .text_box span,
#app .step_col .step_four div .text_box span {
  background: #c8102e;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  padding: 2px 20px;
  margin: 0 5px 0 0;
  vertical-align: top;
}
#app .step_col .coupon {
  background: url(images/img_line.png) no-repeat left 30px center;
  background-size: contain;
  padding: 0 0 0 70px;
  max-width: 490px;
}
#app .step_col .coupon p {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin: 0;
  line-height: 1.4;
}
#app .step_col .coupon .red {
  color: #fff;
  background: #c8102e;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  display: block;
  padding: 3px 0;
  margin: 0 0 15px;
}
#app .step_col .coupon .big {
  color: #c8102e;
  display: block;
  font-weight: bold;
  font-size: 22px;
}
#app .step_col .coupon .big span {
  font-size: 27px;
  font-weight: normal;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .step_col h4 {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  margin: 35px auto 25px;
}
#app .step_col .number {
  width: 70px;
  line-height: 70px;
  font-size: 50px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 35px;
  background: #e2af2d;
  color: #fff;
  text-align: center;
  margin: 0 20px 0 0;
}
#app .welcome_coupon {
  display: flex;
  padding: 0 0 0 90px;
}

#app .welcome_coupon .left {
  background: url(images/img_line.png) no-repeat right center;
  padding: 0 40px 0 0;
  width: 25%;
  text-align: center;
}
#app .welcome_coupon .right {
  width: 75%;
  display: flex;
  align-items: center;
}
#app .welcome_coupon .right .qr {
  width: 25%;
  text-align: center;
  margin: 0;
}
#app .welcome_coupon .right .dl_col {
  width: 75%;
}
#app .welcome_coupon .red {
  color: #fff;
  background: #c8102e;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-family: 'BrandonGrotesque Medidum' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  padding: 1px 0;
}
#app .welcome_coupon h5 {
  color: #c8102e;
  font-size: 22px;
  text-align: center;
  margin: 15px 0 0;
  line-height: 1.2;
  letter-spacing: 0.5px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .welcome_coupon h5 span {
  font-size: 27px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#page.page-template-default #content:not(.top_page) #app .welcome_coupon .dl {
  padding: 0;
  margin: 0;
  display: flex;
}
#app .welcome_coupon .dl li {
  list-style-type: none;
  padding: 0 20px 0 0;
  margin: 0;
}
#app .welcome_coupon .dl li a {
  display: block;
}
#app .welcome_coupon .dl li:last-child {
  margin: 0;
}
#app .welcome_coupon .dl li img {
  height: auto;
  display: block;
  max-height: 40px;
  width: auto;
}
#app .welcome_coupon .dl_hosoku {
  color: #747474;
  font-size: 10px;
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #a1a1a1;
  letter-spacing: 0;
}
#app .step_col .more {
  text-align: center;
  color: #336633;
  margin: 50px auto 50px;
  font-size: 24px;
  font-weight: bold;
}
#app .step_col .more .arrow {
  margin: 0 0 25px;
}
#app .step_col .more .arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 15px auto 0;
  border-style: solid;
  border-width: 31px 124px 0 124px;
  border-color: #336633 transparent transparent transparent;
}
#app .step_col .more .lead {
  color: #c8102e;
}

#app .point_col {
  background: #eee;
  padding: 70px 0 50px;
}
#app .point_col .point_upper,
#app .point_col .point_middle,
#app .point_col .point_bottom {
  max-width: 1050px;
  margin: auto;
}
#app .point_col .point_upper {
  display: flex;
  justify-content: center;
}
#app .point_col .point_box {
  width: 45%;
  max-width: 430px;
  font-size: 30px;
}
#app .point_col .point_box.box2 {
  width: 10%;
  text-align: center;
  font-size: 50px;
  color: #c8102e;
  padding: 20px 0 0;
  font-weight: bold;
}
#app .point_col .point_box dl {
  display: flex;
  background: #fff;
  color: #c8102e;
  border-radius: 10px;
  border: 2px solid #c8102e;
  height: 100%;
  text-align: center;
  line-height: 1.4;
}
#app .point_col .point_box dt {
  color: #fff;
  background: #c8102e;
  width: 50%;
  padding: 17px 20px 15px;
  border-radius: 7px 0 0 7px;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .point_col .point_box dt span {
  font-size: 20px;
  display: block;
}
#app .point_col .point_box dd {
  width: 50%;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  padding: 17px 20px 15px;
}
#app .point_col .point_box dd span.number {
  font-size: 38px;
  display: inline-block;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1;
}
#app .point_col .point_box dd span {
  font-size: 13px;
  display: block;
  margin: 3px 0 0;
}
#app .point_col .point_box.box1 dt,
#app .point_col .point_box.box1 dd {
  padding: 30px 20px 15px;
}
#app .point_col .point_middle {
  color: #747474;
  text-align: center;
  margin: 45px auto 50px;
}
#app .point_col .point_middle h3 {
  color: #336633;
  font-size: 27px;
  letter-spacing: 0.5px;
  font-weight: bold;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .point_col .point_middle p {
  font-size: 13px;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .point_col .point_middle p a {
  color: #747474;
  border-bottom: 1px solid #747474;
}
#app .point_col .point_bottom dl {
  border: 3px solid #336633;
  border-radius: 10px;
  background: #fff;
}
#app .point_col .point_bottom dt:before {
  content: "例";
  width: 57px;
  line-height: 57px;
  border: 3px solid #336633;
  border-radius: 30px;
  display: block;
  background: #fff;
  color: #336633;
  font-size: 20px;
  top: -20px;
  left: 20px;
  position: absolute;
}
#app .point_col .point_bottom dt {
 background: #336633;
 border-radius: 6px 6px 0 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 10px 0;
  position: relative;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .point_col .point_bottom dt span {
  font-size: 26px;
}
#app .point_col .point_bottom dd {
  padding: 20px;
  display: flex;
  align-items: center;
}

#app .point_col .point_bottom dd div.symbol {
  width: 10%;
  text-align: center;
}
#app .point_col .point_bottom dd div.symbol p {
  width: 50px;
  line-height: 50px;
  border-radius: 25px;
  margin: 0;
  background: #336633;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  display: inline-block;
}
#app .point_col .point_bottom dd .last {
  width: 20%;
  padding: 0 10px;
}
#app .point_col .point_bottom dd > div {
  width: 35%;
  padding: 0 10px;
}
#app .point_col .point_bottom dd .red {
  color: #fff;
  background: #c8102e;
  border-radius: 5px;
  text-align: center;
  font-size: 17px;
  padding: 2px 0 0px;
}
#app .point_col .point_bottom dd > div div {
  display: flex;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  width: 100%;
  padding: 0;
  align-items: center;
}
#app .point_col .point_bottom dd div div p:not(.plus) {
  background: url(images/img_bg_kkdj.png) no-repeat;
  background-size: contain;
  color: #c8102e;
  font-size: 16px;
  text-align: center;
  padding: 13px 37px 6px;
  margin: 0;
}
#app .point_col .point_bottom dd div div p.plus {
  font-size: 30px;
  line-height: 1;
  margin: 0 auto;
  color: #c8102e;
}
#app .point_col .point_bottom dd div div p.plus span {
  font-size: 50px;
}
#app .point_col .point_bottom dd div.last {
  text-align: center;
}
#app .point_col .point_bottom dd div.last p.total {
  font-size: 30px;
  line-height: 1;
  margin: 0 auto;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .point_col .point_bottom dd div.last p.total span {
  font-size: 37px;
  color: #c8102e;
}
#app .point_col .point_bottom dd div.last p.total > span {
  display: block;
}
#app .point_col .point_bottom dd div.last p.total span span {
  font-size: 50px;
}
#app .point_col .point_bottom .attention {
  font-size: 13px;
  color: #747474;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 10px 0 0;
}
#app .point_col .point_bottom .attention li {
  padding: 0 10px 0 0;
  margin: 5px 0 0;
}
#app .point_col .point_bottom .attention li:before {
  position: static;
}

#app .rank_col {
  padding: 60px 0 0;
}
#app .rank_col .lead {
  font-size: 22px;
  color: #336633;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
#app .rank_col .red_line {
  color: #c8102e;
  border: 1px solid #c8102e;
  border-radius: 30px;
  font-weight: bold;
  padding: 10px 0;
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 40px auto 30px;
}

#app .rank_col .rank_table {
  width: 100%;
  border-spacing: 5px;
  display: flex;
  flex-wrap: wrap;
}
#app .rank_col .rank_table .rank_table_th,
#app .rank_col .rank_table .rank_table_td {
  width: 25%;
}
#app .rank_col .rank_table .rank_table_th span {
  margin: 0 5px 5px;
  display: block;
  background: #336633;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 3px 0;
  font-size: 17px;
  vertical-align: middle;
}
#app .rank_col .rank_table .rank_table_td {
  vertical-align: middle;
  padding: 10px 0;
}
#app .rank_col .rank_table .rank_table_tr {
  border-bottom: 1px dotted #b1b1b1 !important;
}
#app .rank_col .rank_table .rank_table_th.rank,
#app .rank_col .rank_table .rank_table_td.rank_td {
  width: 22%;
}
#app .rank_col .rank_table .rank_table_th.ex,
#app .rank_col .rank_table .rank_table_td.ex_td {
  width: 28%;
}
#app .rank_col .rank_table .rank_table_th {
  position: relative;
  z-index: -1;
}
#app .rank_col .rank_table .rank_table_tr.plutinum {
  color: #1288bd;
  border-color: #1288bd;
  padding: 15px 0 0;
}
#app .rank_col .rank_table .rank_table_tr .rank_td .rank_box:before {
  content: "";
  width: 84px; 
  height: 109px;
  display: inline-block;
  position: absolute;
  top: -30px;
  left: -8px;
  z-index: 10;
}
#app .rank_col .rank_table .rank_table_tr.plutinum .rank_td .rank_box:before {
  background: url(images/img_plutinum_rank.png) no-repeat;
}
#app .rank_col .rank_table .rank_table_tr.gold {
  color: #c6930f;
  border-color: #c6930f;
}
#app .rank_col .rank_table .rank_table_tr.gold .rank_td .rank_box:before {
  background: url(images/img_gold_rank.png) no-repeat;
}
#app .rank_col .rank_table .rank_table_tr.silver {
  color: #8b9da0;
  border-color: #8b9da0;
}
#app .rank_col .rank_table .rank_table_tr.silver .rank_td .rank_box:before {
  background: url(images/img_silver_rank.png) no-repeat;
}
#app .rank_col .rank_table .rank_table_tr.bronze {
  color: #875524;
  border-color: #875524;
}
#app .rank_col .rank_table .rank_table_tr.bronze .rank_td .rank_box:before {
  background: url(images/img_bronze_rank.png) no-repeat;
}
#app .rank_col .rank_table .rank_table_tr.green {
  color: #088b73;
  border-color: #088b73;
}
#app .rank_col .rank_table .rank_table_tr.green .rank_td .rank_box:before {
  background: url(images/img_green_rank.png) no-repeat;
}
#app .rank_col .rank_table .rank_td .rank_box {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  text-align: left;
  min-height: 90px;
  margin: 5px 5px;
  position: relative;
  z-index: -1;
  font-size: 33px;
  font-weight: bold;
  padding: 10px 5px 0 80px;
  line-height: 1.3;
}
#app .rank_col .rank_table .rank_td .rank_box span {
  display: block;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.5px;
}
#app .rank_col .rank_table .rank_table_tr .point_td {
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  line-height: 1.3;
}
#app .rank_col .rank_table .rank_table_tr {
  width: 100%;
  display: flex;
  align-items: center;
}
#app .rank_col .rank_table .rank_table_tr .point_td .black {
  color: #000;
  display: block;
  font-size: 20px;
}
#app .rank_col .rank_table .rank_table_tr .point_td span:not(.black) {
  font-size: 20px;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .rank_col .rank_table .rank_table_tr .point_td span span:not(.big) {
  margin: 0 0 0 5px;
}
#app .rank_col .rank_table .rank_table_tr .point_td span span.big {
  font-size: 36px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#app .rank_col .rank_table .rank_table_tr .return_td:not(.none) {
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .rank_col .rank_table .rank_table_tr .return_td:not(.none) span {
  text-align: center;
  color: #c8102e;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
}
#app .rank_col .rank_table .rank_table_tr .return_td span.circle {
  margin: 0 0 0 7px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: #c8102e;
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
  padding: 22px 0 0px;
  text-align: center;
  font-weight: normal;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .rank_col .rank_table .rank_table_tr.gold .return_td span.circle {
  transform: scale(0.9);
}
#app .rank_col .rank_table .rank_table_tr.silver .return_td span.circle {
  transform: scale(0.8);
}
#app .rank_col .rank_table .rank_table_tr .return_td span.circle span {
  color: #fff;
  display: block;
  line-height: 1.2;
}
#app .rank_col .rank_table .rank_table_tr .return_td.none {
  text-align: center;
}
#app .rank_col .rank_table .rank_table_tr .return_td span.pointritsu {
  font-size: 28px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .rank_col .rank_table .rank_table_tr .return_td span.pointritsu span {
  font-size: 20px;
}
#app .rank_col .rank_table .rank_table_tr .return_td span.percent {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
#app .rank_col .rank_table .rank_table_tr .ex_td {
  text-align: center;
  font-size: 26px;
  letter-spacing: 0;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#app .rank_col .rank_table .rank_table_tr .ex_td .small {
  font-size: 22px;
  font-weight: bold;
}
#app .rank_col .rank_table .rank_table_tr .ex_td .big {
  font-size: 36px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


#app .rank_col .attention {
  font-size: 13px;
  color: #747474;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 20px 0 0;
}
#app .rank_col .attention li {
  padding: 0 5px 0 0;
  margin: 5px 0 0;
}
#app .rank_col .attention li:before {
  position: static;
}

#page #app #rankup.maxvh,
#page #app #point.maxvh {
  position: relative;
  z-index: 1000;
}
#page #app .rankup_col.maxvh,
#page #app .point_col.maxvh {
  border-bottom: 0;
}
#page #app .rankup_col.maxvh {
  background: #eee;
  padding: 70px 0 50px;
  counter-reset: number 0;
}

#page #app .rankup_col ol,
#page #app .rankup_col .qr_box {
  max-width: 1160px;
  margin: auto;
}
#page #app .rankup_col ol {
  padding: 0;
  margin: 0 auto 30px;
}
#page #app .rankup_col ol li {
  list-style-type: none;
  color: #336633;
  font-size: 22px;
}
#page #app .rankup_col ol li span {
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#page #app .rankup_col ol li:before {
  counter-increment: number 1;
  content: counter(number);
  color: #fff;
  background: #c8102e;
  width: 30px;
  line-height: 30px;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  margin: 0 15px 10px 0;
  font-size: 20px;
}
#page #app .rankup_col .qr_box {
  border: 3px solid #336633;
  background: #fff;
  padding: 20px 45px;
  border-radius: 10px;
}
#page #app .rankup_col .qr_box h3 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 30px;
}
#app .rankup_col .qr_box .welcome_coupon {
  padding: 0;
}

#app .button_area {
  margin: 80px 0 0;
  text-align: center;
}
#app .button_area a.button {
  background: #c8102e;
  border-radius: 5px;
  box-shadow: 0 4px #b88e91;
  font-size: 22px;
  padding: 35px 0;
  width: 100%;
  max-width: 500px;
  position: relative;
  line-height: 1;
}
#app .button_area a.button:after {
  content: "";
  background: url(images/icon_app_arrow.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#app .step_col .coupon p .coupon_inner {
    display: inline-block;
    position: relative;
    margin-left: -58px;
}
#app .step_col .coupon p .coupon_inner:after {
    content: "";
    background: url(images/icon_app_get_coupon.png) no-repeat left center;
    background-size: contain;
    width: 58px;
    height: 92px;
    position: absolute;
    top: -8px;
    right: -64px;
    transform: rotate(15deg);
}

/*fundraising*/
#page.page-id-25 h3.fundraising {
  color: #c8102e;
  text-align: center;
  margin: 5px auto 40px;
  font-size: 25px;
  line-height: 1.3;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h3.fundraising span {
  font-size: 35px;
  display: block;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#page.page-id-25 h2 {
  font-weight: normal;
}
#page.page-id-25 .button {
  background: #336633;
  border-radius: 40px;
  padding: 18px 35px 18px 30px;
  font-size: 22px;
  max-width: 380px;
  width: 100%;
  line-height: 1.2;
  margin: 20px 0 0;
}
#page.page-id-25 .button:after {
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background: url(images/icon_recruit_arrow.png) no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  right: 20px;
  display: inline-block;
}

.attention_box h5:first-of-type {
  margin-top: 0;
}
.smallT {
  font-size: 80%;
}


/* menu */
[class*="-menu"] #fixed_menu {
  position: relative;
}
[class*="-menu"] #fixed_menu #menu_local {
  background: #fff;
  width: 100%;
  max-width: 1160px;
  margin: auto;
  display: none;
  position: fixed;
  top: 0;
}
[class*="-menu"] .tabs {
  position: relative;
}
[class*="-menu"] #fixed_menu .tabs {
  z-index: 1001;
  position: relative;
}
[class*="-menu"] .tabs .horizontal {
  font-size: 0;
}
[class*="-menu"] .tabs .combo_dozen_link {
}
[class*="-menu"] .tabs .horizontal {
  padding: 0;
  text-align: center;
}
[class*="-menu"] .tabs .horizontal li {
  display: inline-block;
  font-size: 14px;
  width: 19% !important;
  max-width: 180px;
  text-align: center;
  padding: 3px 0;
  float: none !important;
  cursor: pointer;
  vertical-align: middle;
}
[class*="-menu"] .tabs .horizontal li.combo_dozen_link {
  max-width: none;
  width: 23% !important;
}
[class*="-menu"] .tabs .combo_dozen_link.sp_disp {
  display: none !important;
}
[class*="-menu"] .tabs .combo_dozen_link a,
[class*="-menu"] .tabs .horizontal .combo_dozen_link a {
  background: #e2af2d;
  font-size: 13px;
  padding: 10px 32px 10px 21px;
  border-radius: 30px;
  display: inline-block;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
[class*="-menu"] .tabs .horizontal li > a  {
  display: block;
}

[class*="-menu"] .tabs .horizontal li.current > a {
  position: relative;
}
[class*="-menu"] .tabs ul.horizontal + span {
 background: #336633;
 height: 2px;
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 200;
}

[class*="-menu"] .tabs .horizontal li:first-child > a > span {
  border-left: 1px solid #ddd;
}
[class*="-menu"] .tabs .horizontal li > a > span {
  border-right: 1px solid #ddd;
}
[class*="-menu"].single-menu .tabs ul.horizontal + span {
  background: #fff;
}
[class*="-menu"] .tabs .horizontal li > a > span {
  color: #4d4d4d;
  display: block;
  padding: 3px 0;
  font-style: italic;
  line-height: 34px;
}
[class*="-menu"] .tabs .horizontal li#pickup span img {
  padding: 0;
  vertical-align: text-top;
}
[class*="-menu"] .tabs .horizontal li span img {
  display: inline-block;
  padding-right: 7px;
  vertical-align: middle;
  max-height: 30px;
}
[class*="-menu"] .tabs .horizontal li:first-child span img {
  max-width: 40px;
}
[class*="-menu"] .tabs .horizontal li > span span {
  vertical-align: sub;
}

[class*="-menu"]:not(.single-menu) .maxvh {
  margin: 50px auto 30px;
}

[class*="-menu"] .maxvh h2 {
  position: relative;
  text-transform: uppercase;
}
[class*="-menu"] .maxvh h2 > .category_right {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
  font-size: 12px;
  font-weight: normal;
}

[class*="-menu"] h3 {
  color: #c8102e;
  border-bottom: 1px dotted #c8102e;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 0 0 3px;
  margin: 45px 0 35px;
}
[class*="-menu"] .category_right {
  font-size: 14px;
  padding: 0 0 0 15px;
}
[class*="-menu"] .category_upper {
  font-size: 13px;
  margin: 15px 0 5px;
}
[class*="-menu"] .category_bottom {
  font-size: 13px;
  margin: 5px 0 25px;
}


[class*="-menu"] .parent_box {
  padding: 30px 0 0;
}

#page[class*="-menu"] #doughnuts {
  padding-top: 50px;
}
#page[class*="-menu"] #doughnuts .maxvh {
  margin-top: 0;
}
[class*="-menu"] .season_special_box {
  position: relative;
}
[class*="-menu"] .season_special_box .campaign_btn {
  position: absolute;
  right: 35px;
  top: -15px;
}
[class*="-menu"] .season_special_box .campaign_btn a {
  background: #c8102e;
  font-size: 13px;
  padding: 10px 16px 10px 23px;
  border-radius: 30px;
}
[class*="-menu"] .season_special_box .campaign_btn a:after {
  position: static;
padding: 0 0 0 10px;
}
[class*="-menu"] .menu_list {
  padding: 0;
  margin: 20px 0 0;
  display: flex;
  flex-wrap: wrap;
}
[class*="-menu"] .menu_list > li:nth-child(n + 2) .campaign_btn {
  display: none;
}
[class*="-menu"] .menu_list > li {
  list-style-type: none;
  margin: 0 0 30px;
  width: 20%;
  text-align: center;
  padding: 0 25px;
}
[class*="-menu"] .menu_list li > a {
  display: block;
  text-align: left;
  color: #336633;
  margin: auto;
}
[class*="-menu"] .menu_list > li p {
  text-align: left;
  color: #336633;
  margin: auto;
}
[class*="-menu"] .menu_list > li img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 180px;
}
[class*="-menu"] .menu_list::after {
  content: '';
  width: 100%;
}
[class*="-menu"] #dozen + .menu_list li:nth-child(n+4) {
  order: 1;
}
[class*="-menu"] .menu_list > li .img_box {
  position: relative;
  display: inline-block;
}
[class*="-menu"] .menu_list > li .img_box.img_higher img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
[class*="-menu"] .menu_list > li .img_box .icons {
  position: absolute;
  top: -5px;
  left: -5px;
  padding: 0;
}
[class*="-menu"] .menu_list > li .img_box .icons li {
  list-style-type: none;
  width: 50px;
  height: 50px;
  line-height: 1.1;
  border-radius: 50px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 101;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  letter-spacing: 0;
}
[class*="-menu"] .menu_list > li .img_box .icons li span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}
[class*="-menu"] .menu_list > li .img_box .icons .season {
  background: #de6a08;
}
[class*="-menu"] .menu_list > li .img_box .icons .hot {
  background: #c8102e;
}
[class*="-menu"] .category_right > span.combo_in,
[class*="-menu"] .category_right > span.combo_kids {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 1.1;
  border-radius: 50px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 101;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  background: #c8102e;
  letter-spacing: 0;
  vertical-align: bottom;
}
[class*="-menu"] .category_right > span.combo_kids {
  background: #fff247;
  color: #c8102e;
}
[class*="-menu"] .category_right > span.combo_in > span,
[class*="-menu"] .category_right > span.combo_kids > span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}
[class*="-menu"] .menu_list > li .img_box .icons .combo_in {
  background: #c8102e;
}
[class*="-menu"] .menu_list > li .img_box .icons .combo_kids {
  background: #fff247;
  color: #c8102e;
}
[class*="-menu"] .menu_list > li .img_box .item_deals {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  line-height: 1.2;
  border-radius: 60px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  z-index: 101;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  letter-spacing: 0;
  background: #c8102e;
}
[class*="-menu"] .menu_list > li .img_box .item_deals span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}
[class*="-menu"] .menu_list.yeast li img,
[class*="-menu"] .menu_list.bluree li img,
[class*="-menu"] .menu_list.oldfashion li img {
  max-width: 200px;
}
[class*="-menu"] .menu_list.doughnutice li img {
  max-height: 220px;
}

[class*="-menu"] #main .menu_list > li .item_name_ja {
  font-size: 14px;
  letter-spacing: 0;
  margin: 0;
  font-weight: bold;
}
[class*="-menu"] #main .menu_list > li .item_name_en {
  font-size: 14px;
  letter-spacing: 0;
  margin: 0;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1;
}
[class*="-menu"] #main .menu_list > li .item_price {
  margin: 5px 0 0;
  font-size: 18px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
span.drinksize {
  vertical-align: unset !important;
}
span.drinksize,
[class*="-menu"] #main .menu_list > li .item_price span:not(.dozen_text):not(.dozen) {
  font-size: 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  color: #fff;
  background: #336633;
  border-radius: 18px;
  text-align: center;
  vertical-align: top;
  margin: 4px 5px 0 0;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 18px;
}
[class*="-menu"] #main .menu_list > li .item_price span.dozen_text {
  font-size: 14px;
  margin: 0;
}
[class*="-menu"] #main .menu_list > li .item_price span.dozen {
  margin: 0 !important;
}
[class*="-menu"] #main .menu_list > li .item_price span:nth-child(2n):not(.dozen_text):not(.dozen) {
  margin: 4px 5px 0 15px;
}
#page[class*="-menu"] .menu_detail {
  padding: 22px 20px;
  box-shadow: 1.414px 1.414px 5px 0px rgba(0, 0, 0, 0.22);
  margin: 20px auto 40px;
  display: flex;
}
#page[class*="-menu"] .menu_detail .image_col {
  width: 40%;
  text-align: center;
  position: relative;
  min-height: 350px;
}
#page[class*="-menu"] .menu_detail .info_col {
  width: 60%;
  padding: 0 0 0 35px;
}
#page[class*="-menu"] .menu_detail .image_col .image_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*top: 50%;
  transform: translateY(-50%);*/
}
#page[class*="-menu"] .menu_detail .image_col .image_box {
  max-width: 350px;
}
#page[class*="-menu"] .menu_detail .image_col .icons {
  position: absolute;
  top: -5px;
  left: -5px;
  padding: 0;
}
#page[class*="-menu"] .menu_detail .image_col .icons li {
  list-style-type: none;
  width: 60px;
  height: 60px;
  line-height: 1.1;
  border-radius: 60px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 101;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  letter-spacing: 0;
}
#page[class*="-menu"] .menu_detail .image_col .icons li span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}
#page[class*="-menu"] .menu_detail .image_col .icons .season {
  background: #de6a08;
}
#page[class*="-menu"] .menu_detail .image_col .icons .hot {
  background: #c8102e;
}
#page[class*="-menu"] .menu_detail .image_col .icons .combo_in {
  background: #c8102e;
}
#page[class*="-menu"] .menu_detail .image_col .icons .combo_kids {
  background: #fff247;
  color: #c8102e;
}
#page[class*="-menu"] .menu_detail .image_col .item_deals {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  line-height: 1.2;
  border-radius: 60px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  z-index: 101;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  letter-spacing: 0;
  background: #c8102e;
}
#page[class*="-menu"] .menu_detail .image_col .item_deals span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col h3 {
  margin: 10px 0 3px;
  font-size: 26px;
  color: #336633;
  border: none;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col h3 + h3 {
  margin: 0;
  font-size: 16px;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_price {
  color: #336633;
  margin: 5px auto 15px;
  font-size: 22px;
  font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 7px;
}
#page[class*="-menu"] .menu_detail .info_col .item_price span:not(.dozen_text):not(.dozen) {
  font-size: 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  color: #fff;
  background: #336633;
  border-radius: 18px;
  text-align: center;
  vertical-align: middle;
  margin: 0 5px 0 0;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 18px;
}

#page[class*="-menu"] .menu_detail .info_col .item_price span.dozen_text {
  font-size: 16px;
  margin: 0;
}
#page[class*="-menu"] .menu_detail .info_col .item_price span.dozen {
  margin: 0 !important;
}
#page[class*="-menu"] .menu_detail .info_col .item_price span.dozen.tyuui {
  font-size: 15px;
  margin: 0 0 0 2px !important;
}
#page[class*="-menu"] .menu_detail .info_col .item_price span:nth-child(2n):not(.dozen_text):not(.dozen) {
  margin: 0 5px 0 15px;
}

#page[class*="-menu"] .menu_detail .info_col .item_limited{
  color: #c8102e;
  font-weight: bold;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_detail {
  margin: 0 auto 20px;
  padding: 15px 0 0;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku div {
  background: #eee;
  font-size: 14px;
  margin: 0 0 15px;
  padding: 15px 25px;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku h3 {
  color: #e2af2d;
  margin: 10px auto 15px;
  font-size: 20px;
}
#page[class*="-menu"] .menu_detail .info_col dl {
  margin: 15px 0 0;
  padding: 0 0 15px;
}
#page[class*="-menu"] .menu_detail .info_col dt {
  color: #336633;
  width: 75px;
  font-size: 13px;
  float: left;
  clear: left;
  padding: 20px 0 0;
}
#page[class*="-menu"] .menu_detail .info_col dd {
  padding: 10px 20px 10px 100px;
  color: #000;
  border-bottom: 1px dotted #b3b3b3;
}
#page[class*="-menu"] .menu_detail .info_col dd p {
  margin: 0;
}
#page[class*="-menu"] .menu_detail .info_col dd img {
  margin: 0 10px 0 0;
  vertical-align: bottom;
}
#page[class*="-menu"] .menu_detail .info_col dd ul {
  padding: 0;
  font-size: 0;
}
#page[class*="-menu"] .menu_detail .info_col dd li {
  list-style-type: none;
  display: inline-block;
  margin: 0 9px 0 0;
  width: 38px;
  height: 38px;
  color: #fff;
  background: #336633;
  font-size: 13px;
  line-height: 38px;
  border-radius: 20px;
  text-align: center;
}
#page[class*="-menu"] .menu_detail .info_col dd li.allergy_peanut {
  font-size: 10px;
}
#page[class*="-menu"] .menu_detail .info_col .pdf {
  padding: 0;
  margin: 0 0 20px;
}
#page[class*="-menu"] .menu_detail .info_col .pdf li {
  list-style-type: none;
  display: inline-block;
  margin: 0 20px 0 0;
}
#page[class*="-menu"] .menu_detail .info_col .pdf a {
  color: #336633;
  outline: none;
  border-bottom: 1px solid #336633;
  padding: 0 0 3px;
  font-size: 14px;
}
#page[class*="-menu"] .menu_detail .info_col .pdf a:before {
  content: "\f1c1";
  font-family: FontAwesome;
  padding: 0 8px 0 0;
}
#page[class*="-menu"] .menu_detail .info_col .pdf a i {
  padding: 0 0 0 10px;
}
#page[class*="-menu"] .menu_detail .info_col .campaign_link {
  margin: 20px 15px 0 auto;
  display: inline-block;
  vertical-align: top;
}
#page[class*="-menu"] .menu_detail .info_col .campaign_link a {
  background: #c8102e;
  font-size: 13px;
  padding: 10px 33px 10px 23px;
  border-radius: 30px;
  border: 1px solid #c8102e;
}
#page[class*="-menu"] .menu_detail .info_col .store_link {
  margin: 20px 15px 0 0;
  display: inline-block;
  vertical-align: top;
}
#page[class*="-menu"] .menu_detail .info_col .store_link a {
  border: 1px solid #336633;
  color: #336633 !important;
  background: transparent;
  padding: 7px 15px;
  display: inline-block;
  font-size: 13px;
  padding: 10px 33px 10px 23px;
  border-radius: 30px;
}
#page[class*="-menu"] .menu_detail .info_col .store_link a:after {
  top: 9px;
}
#page[class*="-menu"] .category_item {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#page[class*="-menu"] .category_item li {
  list-style-type: none;
  width: 16.6666666%;
}

#page[class*="-menu"] .menu_attention {
  margin: 30px auto;
  padding: 30px 0 10px;
  font-size: 10px;
  max-width: 1160px;
  border-top: 1px dotted #dcdcdc;
}
[class*="-menu"] .menu_attention h3 {
  margin: 0 0 5px;
  font-size: 13px;
  border: none;
  color: #336633;
}
[class*="-menu"] .menu_attention ul.asterisk {
  padding: 0 0 0 0;
  margin: 0 0 20px;
}
[class*="-menu"] .menu_attention ul.asterisk li {
  margin: 5px 0;
  padding: 0 0 0 15px;
  position: relative;
}
[class*="-menu"] .menu_attention ul.asterisk li:before {
  top: 0;
}
[class*="-menu"] .drink_info {
  display: flex;
  margin: 30px 0 0;
}
[class*="-menu"] .drink_info > div {
  width: 50%;
  margin: 0 20px;
}
[class*="-menu"] .drink_info div .inner {
  background: #eee;
  padding: 20px 20px 10px;
  width: 100%;
}
[class*="-menu"] .drink_info div .inner h4 {
  margin: 0 0 5px;
  font-size: 16px;
}
[class*="-menu"] .drink_info div .inner .lead {
  color: #c8102e;
  font-weight: bold;
  font-size: 20px;
}
[class*="-menu"] .drink_info div .inner .lead span {
  display: block;
}
[class*="-menu"] .drink_info div .inner .caution {
  font-size: 12px;
}
[class*="-menu"] .drink_info div .inner .caution.mini {
  padding: 0 0 0 15px;
  font-size: 11px;
}
[class*="-menu"] .drink_info div .inner {
  display: flex;
}
[class*="-menu"] .drink_info div.ice .left {
  width: 70%;
}
[class*="-menu"] .drink_info div.ice .right {
  width: 30%;
  padding: 0 0 0 20px;
  text-align: right;
}
[class*="-menu"] .drink_info div.ice .right p {
  margin: 10px 0 0 !important;
}

[class*="-menu"] .drink_info div.refill .left {
  width: 30%;
}
[class*="-menu"] .drink_info div.refill .right {
  width: 70%;
  padding: 0 0 0 20px;
}

/* store */
#main .head_col {
  background: #eee;
  position: relative;
}
#main .head_col .storesearch_btn {
  margin: 0 auto;
  max-width: 1160px;
  padding: 20px 0;
  font-size: 24px;
  position: relative;
  cursor: pointer;
}
#main .head_col .storesearch_btn:after {
  content: "\f106";
  font-family: FontAwesome;
  font-size: 27px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #555;
  background: #f8f8f8;
  border-radius: 40px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #ccc;
}
#main .head_col .storesearch_btn.close:after {
  content: "\f107";
}
#main .storesearch_col {
  background: #f8f8f8;
  padding: 50px 0;
  margin: 0 0 20px;
}
#main .storesearch_col .container {
  display: flex;
  max-width: 1160px;
}
#main .storesearch_col .prefectures {
  width: 65%;
  padding: 0 50px 0 0;
  border-right: 1px solid #ddd;
  margin: 0 50px 0 0;
}
#main .storesearch_col .freeword {
  width: 35%;
  padding: 0 0 0 0;
}
#main .storesearch_col .prefectures dl dt {
  float: left;
  width: 130px;
}
#main .storesearch_col .freeword .title,
#main .storesearch_col .prefectures dl dt {
  color: #336633;
  font-size: 20px;
  font-weight: bold;
}
#main .storesearch_col .prefectures dl dd select {
  width: 100%;
  line-height: 1;
}
#main .storesearch_col .prefectures dl dd {
  padding: 0 0 0 130px;
}
#main .storesearch_col .prefectures .check_list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto;
  font-size: 14px;
  letter-spacing: 0;
}
#main .storesearch_col .prefectures .check_list li:nth-child(even) {
  width: 50%;
}
#main .storesearch_col .prefectures .check_list li {
  list-style-type: none;
  width: 50%;
  margin: 15px 0 0;
}
#main .storesearch_col .prefectures .check_list::after {
  display: block;
  content: '';
  clear: both;
}
#main .storesearch_col .prefectures .check_list label {
  position: relative;
  display: block;
  word-break: break-all;
  cursor: pointer;
}
#main .storesearch_col .prefectures .check_list label input[type="checkbox"] + span,
#main .storesearch_col .prefectures .check_list label input[type="radio"] + span {
  position: relative;
  padding: 0 0 0 30px;
}

#main .storesearch_col .prefectures .check_list label input[type="checkbox"] + span::before {
  border-color: #c8102e;
}
#main .storesearch_col .prefectures .check_list label input[type="checkbox"]:checked + span::before {
  background-color: #c8102e;
}
#main .storesearch_col .prefectures label span {
  display: inline-block;
}
#main .storesearch_col .prefectures label span .icon {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin: 0 10px 0 0;
}
#main .storesearch_col .prefectures label span img {
  max-width: 30px;
  max-height: 30px;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#main .storesearch_col .prefectures label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#main .storesearch_col .prefectures label input[type="checkbox"] + span::before,
#main .storesearch_col .prefectures label input[type="checkbox"] + span::after {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
#main .storesearch_col .prefectures label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 18px;
  height: 18px;
  border: 1px #c8102e solid;
  border-radius: 5px;
}
#main .storesearch_col .prefectures label input[type="checkbox"] + span {
  position: relative;
}
#main .storesearch_col .prefectures label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 4px 6px;
  width: 6px;
  height: 9px;
  margin-top: -6px;
}
#main .storesearch_col .prefectures label input[type="checkbox"]:checked + span::before {
  background-color: #c8102e;
}
#main .storesearch_col .prefectures label input[type="checkbox"]:checked + span::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
#main .storesearch_col .freeword input[type="search"] {
  display: block;
  width: 100%;
  margin: 30px 0 0;
}
#main .storesearch_col form input[type="submit"] {
  border: 1px solid #336633;
  color: #336633 !important;
  background: transparent;
  font-size: 15px;
  padding: 16px 16px 15px 23px;
  border-radius: 30px;
  width: 180px;
  line-height: 1;
}
#main .storesearch_col .freeword input[type="submit"] {
  margin: 30px 0 0;
}

#bnr_slide {
  background: #f8f8f8;
  border-top: 1px solid #336633;
}

/* store */
#page #gps .count,
#page[class*="-store"] .count {
  margin: 0 auto 20px !important;
  font-size: 13px;
}
#page #gps .post,
#page[class*="-store"] .nostore,
#page[class*="-store"] .post {
  margin: 50px auto;
}
#page #gps #addressInfo {
  margin: 0;
}
#page #gps #addressInfo,
#page[class*="-store"] #addressInfo {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#page #gps #addressInfo > li,
#page[class*="-store"] #addressInfo > li {
  list-style-type: none;
  margin: 0 0 30px;
  width: 50%;
  max-width: 570px;
  padding: 0 10px 0 0;
}
#page #gps #addressInfo > li:nth-child(even),
#page[class*="-store"] #addressInfo > li:nth-child(even) {
  padding: 0 0 0 10px;
}
#page #gps #addressInfo > li a,
#page[class*="-store"] #addressInfo > li a {
  border-top: 3px solid #336633;
  box-shadow: 1.414px 1.414px 5px 0px rgba(0, 0, 0, 0.22);
  padding: 20px 25px;
  position: relative;
}
#page #gps #addressInfo > li a:after,
#page[class*="-store"] #addressInfo > li a:after {
  content: "\f105";
  font-family: FontAwesome;
  color: #336633;
  font-size: 35px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
#page #gps #addressInfo li a,
#page[class*="-store"] #addressInfo li a {
  display: block;
}
#page #gps #addressInfo > li a h3,
#page[class*="-store"] #addressInfo > li a h3 {
  color: #000;
  font-size: 23px;
  margin: 0 0;
}
#page #gps #addressInfo > li a .store_info,
#page[class*="-store"] #addressInfo > li a .store_info {
  margin: 15px 45px 0 0;
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 15px 0;
  color: #000;
  font-size: 14px;
}
#page #gps #addressInfo > li a .store_info .address,
#page[class*="-store"] #addressInfo > li a .store_info .address {
  line-height: 1.3;
}
#page #gps #addressInfo > li a .store_info p,
#page[class*="-store"] #addressInfo > li a .store_info p {
  margin: 0 0 3px;
}
#page #gps #addressInfo > li a dl,
#page[class*="-store"] #addressInfo > li a dl {
  margin: 15px 0 0;
  border-bottom: 1px dotted #b3b3b3;
  padding: 0 0 15px;
  font-size: 14px;
}
#page #gps #addressInfo > li a dt,
#page[class*="-store"] #addressInfo > li a dt {
  color: #a1a1a1;
  width: 60px;
  text-align: justify;
  text-justify: inter-ideograph;
  float: left;
  clear: left;
}
#page #gps #addressInfo > li a dd,
#page[class*="-store"] #addressInfo > li a dd {
  margin: 0 20px 5px 80px;
  color: #000;
}
#page #gps #addressInfo > li a .store_open,
#page #gps #addressInfo > li a .store_close,
#page[class*="-store"] #addressInfo > li a .store_open,
#page[class*="-store"] #addressInfo > li a .store_close {
  color: #c8102e;
  margin: 0 45px 0 0;
  font-weight: bold;
}
#page #gps #addressInfo > li a .icon,
#page[class*="-store"] #addressInfo > li a .icon {
  padding: 5px 0 0;
}
#page #gps #addressInfo > li a .icon li,
#page[class*="-store"] #addressInfo > li a .icon li {
  display: inline-block;
  list-style-type: none;
  font-size: 10px;
  color: #e2af2d;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #e2af2d;
  border-radius: 40px;
  padding: 5px 10px 3px;
  margin: 8px 5px 0 0;
  letter-spacing: 0;
}
#page .maxvh h2 span .count {
  font-size: 17px;
  color: #000;
  padding: 0 0 0 5px;
}
#page[class*="-store"] .storenews_list {
  padding: 0 15px;
  margin: 70px auto 20px;
  max-width: 820px;
}
#page[class*="-store"]  .storenews_list li {
  list-style-type: none;
  position: relative;
  border-bottom: 1px dotted #dedede;
  text-align: left;
  padding: 0 0 15px;
  margin: 20px 0 0;
}
#page[class*="-store"]  .storenews_list li p {
  margin: 0;
}
#page[class*="-store"] .storenews_list li a {
  color: #4d4d4d;
  display: block;
}

#page[class*="-store"] .storenews_list li a .store_storenews {
  padding: 0 0 0 85px;
  margin: auto;
  display: block;
}
#page[class*="-store"] .storenews_list li a .store_storenews li {
  color: #c8102e;
  display: inline-block;
  font-weight: bold;
  border: none;
  font-size: 11px;
  padding: 0;
  margin: 5px 0 0 0;
}
#page[class*="-store"] .storenews_list li a .store_storenews li:last-child:after {
  content: "｜";
}

#page[class*="-store"] .storenews_list li a .store_storenews li:before {
  content: "｜";
}

#page[class*="-store"] .store_detail {
  padding: 22px 20px;
  box-shadow: 1.414px 1.414px 5px 0px rgba(0, 0, 0, 0.22);
  margin: 20px auto 100px;
  display: flex;
}
#page[class*="-store"] .store_detail .map_col {
  width: 50%;
}
#page[class*="-store"] .store_detail .map_col .map {
  height: 480px;
}
#page[class*="-store"] .store_detail .info_col {
  width: 50%;
  padding: 0 0 0 35px;
}
#page[class*="-store"] #content:not(.top_page):not(.combo_dozen):not(.app) .store_detail h3 {
  margin: 10px 0 3px;
  font-size: 26px;
  color: #336633;
  letter-spacing: 1px;
}
#page[class*="-store"] #content:not(.top_page):not(.combo_dozen):not(.app) .store_detail h3 + h3 {
  margin: 0;
  font-size: 16px;
}
#page[class*="-store"] .store_detail .info_col dl {
  margin: 15px 0 0;
  padding: 0 0 15px;
}
#page[class*="-store"] .store_detail .info_col dt {
  color: #336633;
  width: 60px;
  text-align: justify;
  font-size: 13px;
  float: left;
  clear: left;
  padding: 13px 0 10px;
}
#page[class*="-store"] .store_detail .info_col dd {
  padding: 10px 20px 10px 90px;
  color: #000;
  border-bottom: 1px dotted #b3b3b3;
}
#page[class*="-store"] .store_detail .info_col dd p {
  margin: 0;
}
#page[class*="-store"] .store_detail .store_open,
#page[class*="-store"] .store_detail .store_close {
  color: #c8102e;
  font-weight: bold;
  margin: 10px auto auto;
}
#page[class*="-store"] .store_detail .info_col .store_hosoku {
  font-size: 14px;
  margin: 0 0 15px;
  padding: 15px 25px;
  background: #eee;
}
#page[class*="-store"] .store_detail .info_col .icon {
  padding: 5px 0 0;
}
#page[class*="-store"] .store_detail .info_col .icon li {
  list-style-type: none;
  font-size: 13px;
  color: #e2af2d;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #e2af2d;
  border-radius: 40px;
  padding: 5px 10px 3px;
  margin: 0 5px 7px 0;
  letter-spacing: 0;
}
#page[class*="-store"] .store_detail .map_link {
  text-align: center;
  margin: 35px auto 0;
}
#page[class*="-store"] .store_detail .map_link a {
  border: 1px solid #000;
  padding: 7px 15px;
  display: inline-block;
  font-size: 13px;
  color: #000;
}

#page[class*="-menu"] .share-btn,
#page[class*="-store"] .share-btn {
  margin: 0;
}

/* =archieve,category,taxsonomy
-------------------------------------------------------------- */
/* column */
#column_cont .column_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
#column_cont .column_list .column_box {
  list-style-type: none;
  width: 50%;
  margin: 0 0 60px;
  padding: 0 0 0 20px;
}
#column_cont .column_list .column_box:nth-child(even) {
  padding: 0 20px 0 0;
}
#column_cont .column_list .column_box a {
  color: #000;
  display: block;
  position: relative;
}
#column_cont .column_list .column_box .img_box {
  width: 100%;
  max-width: 380px;
  height: 253px;
}
#column_cont .column_list .column_box .img_box img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#column_cont .column_list .column_box .text_box {
  border-top: 5px solid #336633;
  padding: 15px;  
  background: #eeeeee;
}
#column_cont .column_list .column_box .text_box .date {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #555;
}
#column_cont .column_list .column_box .text_box h3 {
  font-size: 27px;
  color: #000000;
  margin: 8px auto 15px;
  line-height: 1.2;
}
#column_cont .column_list .column_box .text_box .excerpt {
  color: #555555;
  margin: 0 0 10px;
}

#column_cont .column_list .column_box:first-child {
  width: 100%;
  max-width: none;
  margin: 0 0 60px;
  padding: 0;
}
#column_cont .column_list .column_box:first-child a {
  display: flex;
}
#column_cont .column_list .column_box:first-child .img_box {
  max-width: 50%;
  width: 400px;
  height: 256px;
}
#column_cont .column_list .column_box:first-child .text_box {
  width: 50%;
  max-width: 420px;
  padding: 20px 20px;
}

.column_list_info {
  border-top: 1px solid #d2d2d2;
  position: relative;
  text-align: center;
  padding: 10px 0 0 ;
}
.column_list_info p {
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 13px;
}
.column_list_info .pager .no_link,
.column_list_info .pager .page-numbers,
.column_list_info .pager a {
  display: inline-block;
  line-height: 25px;
  width: 25px;
  margin: 0 5px;
}
.column_list_info .pager .page-numbers {
  color: #000;
}
.column_list_info .pager .page-numbers.next,
.column_list_info .pager .page-numbers.prev {
  color: #336633;
}
.column_list_info .pager .page-numbers.current {
  background: #336633;
  color: #fff;
}
.column_list_info .pager .all_prev,
.column_list_info .pager .all_next {
  border: 1px solid #336633;
}
.column_list_info .pager .all_prev {
  margin: 0 20px 0 0;
}
.column_list_info .pager .all_next {
  margin: 0 0 0 20px;
}
.column_list_info .pager .no_link {
  color: #a1a1a1;
}
.column_list_info .pager .no_link.current {
  background: #336633;
  color: #fff;
}
.column_list_info .pager .no_link.all_prev,
.column_list_info .pager .no_link.all_next {
  border: 1px solid #a1a1a1;
}

/* news,store-news,pr */
#page:not(.post-type-archive-recruit_interview) #content.archive-onecol {
  max-width: 950px;
}
#page.post-type-archive .news_list {
  padding: 0 15px;
  margin: 0 auto 50px;
  max-width: 1160px;
}
#page.post-type-archive .news_list li {
  list-style-type: none;
  position: relative;
  border-bottom: 1px dotted #dedede;
  text-align: left;
  padding: 0 0 15px;
  margin: 20px 0 0;
}
#page.post-type-archive .news_list li a .date {
  color: #336633;
  padding: 0;
  font-size: 14px;
  display: inline-block;
  float: left;
  font-feature-settings: unset;
  letter-spacing: 0;
}
#page.post-type-archive .news_list li a .title {
  padding-left: 85px;
  font-size: 16px;
  color: #555555;
}
#page.post-type-archive .news_list li a {
  color: #4d4d4d;
  display: block;
}

.single-post #main .recommend_list li .text_box .date {
  font-size: 13px;
  color: #555555;
  margin: 0 0 5px;
}
.single-post #main .recommend_list li .text_box .title {
  font-size: 18px;
  color: #000;
  line-height: 1.4;
}


/* =single
-------------------------------------------------------------- */
/* column single */
.share-btn {
  text-align: right;
  margin: 0 0 20px;
}
.share-btn li {
  display: inline-block;
  font-size: 12px;
}
.share-btn li a span {
  color: #fff;
}
.share-btn li a {
  position: relative;
  height: 20px;
  box-sizing: border-box;
  padding: 3px 6px 3px 6px;
  color: #fff;
  border-radius: 3px;
  font-weight: 500;
  cursor: pointer;
}
.share-btn .tw a {
  background-color: #1b95e0;
}
.share-btn .fb a {
  background-color: #3B5998;
}

.single-post .nav_single {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #b2b2b2;
  position: relative;
  font-size: 14px;
}
.single-post .nav_single .nav_next {
  text-align: right;
}
.single-post .nav_single > span {
  width: 50%;
  line-height: 30px;
  display: block;
  padding: 10px 25px 0;
  position: relative;
}
.single-post .nav_single > span a {
  color: #747474;
}
.single-post .nav_single > span i {
  font-size: 25px;
  position: absolute;
  left: 0;
  bottom: 4px;
}
.single-post .nav_single > span.nav_next i {
  right: 0;
}
.single-post .nav_single:after {
  content: "";
  border-left: 1px solid #b2b2b2;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 50%;
}
.single-post #main .nav-list {
  text-align: center;
  margin: 15px auto 0;
}
.single-post .nav-list a {
  display: block;
  background: #555555;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  max-width: 250px;
}
.single-post .recommend_list {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.single-post .recommend_list:after {
  content: "";
  width: 31%;
  max-width: 250px;
  display: block;
}
.single-post .recommend_list li {
  list-style-type: none;
  width: 31%;
  max-width: 250px;
}
.single-post .recommend_list li:nth-child(n+4) {
  display: none;
}
.single-post .recommend_list li .img_box {
  width: 100%;
  max-width: 250px;
  height: 167px;
}
.single-post .recommend_list li .img_box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.single-post .recommend_list li .text_box {
  border-top: 5px solid #336633;
  padding: 10px;
  background: #eee;
}
.single-post #main .recommend_list li .text_box .date {
  font-size: 13px;
  color: #555555;
  font-weight: bold;
  margin: 0 0 5px;
}
.single-post #main .recommend_list li .text_box .title {
  font-size: 18px;
  color: #000;
  line-height: 1.4;
}


.single-post .main_img img {
  object-fit: cover;
  width: 100%;
}
.single-post #main .date_wrapper {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 0;
}
.single-post h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 3px 0 30px;
  color: #000;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.main_img {
  margin: 0 0 15px;
}

.single-post .single_main {
  text-align: center;
  margin: 35px auto 40px;
}
.single-post #main .single_main .cat {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin: 0 0 15px;
}
.single-post .single_main .cat:before,
.single-post .single_main .cat:after {
  content: "｜";
  padding: 0 5px;
}
.single-post .tag_list {
  padding: 0;
  max-width: 60%;
  margin: auto;
}
.single-post .tag_list li {
  font-size: 13px;
  color: #336633;
  display: inline-block;
  border: 1px solid #336633;
  border-radius: 40px;
  padding: 5px 10px 3px;
  margin: 0 10px 10px 0;
}
.single-post .tag_list li a {
  color: #336633;
}

.single-post h4.recommend {
  position: relative;
  margin: 60px 0 30px 0;
}
.single-post h4.recommend span {
  display: inline-block;
  z-index: 11;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
  border-left: 1px solid #336633;
  border-right: 1px solid #336633;
  padding: 0 12px;
  color: #336633;
  line-height: 1; 
}
.single-post h4.recommend:before {
  position: absolute;
  z-index: 10;
  display: block;
  content: " ";
  background: #336633;
  width: 100%;
  height: 1px;
  top: 50%;
}

/* single */

.single_page .nav_single {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #b2b2b2;
  position: relative;
  font-size: 12px;
  margin: 30px 0 20px;
}
.single_page .nav_single .nav_next {
  text-align: right;
}
.single_page .nav_single > span {
  width: 50%;
  line-height: 30px;
  display: block;
  padding: 10px 25px 0;
  line-height: 1.2;
  position: relative;
}
.single_page .nav_single > span a {
  color: #747474;
}
.single_page .nav_single > span i {
  font-size: 25px;
  position: absolute;
  left: 0;
  top: 8px;
}
.single_page .nav_single > span.nav_next i {
  right: 0;
}
.single_page .nav_single:after {
  content: "";
  border-left: 1px solid #b2b2b2;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 50%;
}
.single_page .nav-list {
  text-align: center;
  margin: 15px auto 0;
}
.single_page .nav-list a {
  display: block;
  background: #555555;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  max-width: 250px;
}

.single_page .date_wrapper {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 0 !important;
}
.single_page h3 {
  font-size: 24px;
  color: #000000;
  margin: 10px auto 35px;
  line-height: 1.2;
  font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.single_page .single_main {
  text-align: center;
  margin: 35px auto 40px;
}
.single_page .single_main ul.store {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  margin: 0 0 15px;
  padding: 0;
}
.single_page .single_main ul.store li {
  list-style-type: none;
  display: inline-block;
}
.single_page .single_main ul.store li:before {
  content: "｜";
  padding: 0 5px;
}
.single_page .single_main ul.store li:last-child:after {
  content: "｜";
  padding: 0 5px;
}