@charset "utf-8";
/*
Theme Name: Krispy Kreme Doughnuts Template
*/
@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;
}

/* メルマガ配信停止 */
html.unsubscribe #main .mailmagazine.attention {
  margin: 0 auto 40px;
}
html.unsubscribe #main .mailmagazine.attention p {
  color: #000;
  border: 1px solid #000;
  border-radius: 30px;
  font-weight: bold;
    padding: 10px 0;
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 40px auto 30px;
}
html.unsubscribe body,
html.unsubscribe body #page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
html.unsubscribe body footer {
  margin-top: auto;
  width: 100%;
}

@media screen and (max-width: 768px) {
  html.unsubscribe body #page_top {
    display: none;
  }
  html.unsubscribe #main .mailmagazine.attention {
    margin: 0 auto 30px;
  }
  html.unsubscribe #main .mailmagazine.attention p {
    font-size: 12px;
    padding: 7px 0;
    margin: 20px auto 30px;
    max-width: 550px;
  }
}
/* メルマガ配信停止 */

/* ファンドレイジング非表示 */
#main .fundraising.attention {
  margin: 0 auto 40px;
}
#main .fundraising.attention p {
  color: #000;
  border: 1px solid #000;
  border-radius: 30px;
  font-weight: bold;
    padding: 10px 0;
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 40px auto 30px;
}
.txt_c.fundraising {
  display: none;
}
/*
footer #footer_navigation ul li:nth-child(3) {
  display: none;
}
*/
@media screen and (max-width: 768px) {
  #main .fundraising.attention {
    margin: 0 auto 30px;
  }
  #main .fundraising.attention p {
    font-size: 12px;
    padding: 7px 0;
    margin: 20px auto 30px;
    max-width: 550px;
  }
}
/* ファンドレイジング非表示 */


/* =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 {
  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%;
}
input:disabled,
select:disabled {
  background: #f4f4f4;
}
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: #aaa; font-size: 14px;
}
::-webkit-input-placeholder {
  color: #aaa; font-size: 14px;
}
:-moz-placeholder {
  color: #aaa;
  opacity: 1;
  font-size: 14px;
}
::-moz-placeholder {
  color: #aaa;
  opacity: 1;
  font-size: 14px;
}
:-ms-input-placeholder {
  color: #aaa;
}
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: #aaa;
  line-height: 1;
  background:#FFF url(images/icon_select.png) no-repeat 98% 50%;
}
option {
  color: #000;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  select{
    height: 40px;
    padding: 4px 30px 4px 10px !important;
    -webkit-appearance:none;
    -webkit-border-radius:0;
    border:1px solid #dcdcdc;
    background:#FFF url(images/icon_select.png) no-repeat 98% 50%;
  }
}
@-moz-document url-prefix(){
  select{
    height: 40px;
    padding: 4px 30px 4px 10px !important;
    -moz-appearance: none;
    border:1px solid #dcdcdc;
    background:#FFF url(images/icon_select.png) no-repeat 98% 50%;
  }
}


@media all and (-ms-high-contrast:none) {
  body,
  input[type="search"],
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  textarea,
  #content.top_page #column .column_box .text_box h3,
  span.drinksize,
  [class*="-menu"] #main .menu_list > li .item_price span:not(.dozen_text):not(.dozen),
  #page[class*="-menu"] .menu_detail .info_col .item_price span:not(.dozen_text):not(.dozen) {
    font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
  }

  h1, h2,
  #content.top_page #instagram h2,
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box,
  #howto .dozen_info .choice_dozen p,
  #howto .dozen_info .choice_dozen p span.big span,
  #howto .dozen_info .multiple_col1 .text_box p span {
    font-family: 'BrandonGrotesque Black' , "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
  }

  #content.top_page .more,
  #sidebar h3,
  #sidebar #pr_side p span,
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col p,
  .single_page h3 {
    font-family: 'BrandonGrotesque Bold' , "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
  }

  h3,
  h4,
  h5,
  h6,
  nav,
  #content.top_page #menu .pickup_info h5,
  #content .newicon,
  #content.faq .faq_list dt:before,
  #content.faq .faq_list dd:before,
  #howto .dozen_info .choice_dozen .dozen_d12 p .circle,
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col h5 span,
  .single-post h3 {
    font-family: 'BrandonGrotesque Medium' , "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
  }
}

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: 0;
   transition: .8s;
}
#content.top_page .fadeIn {
  opacity: 1.0;
}
/*----- フェードインしながら上へスライド -----*/
#content.top_page .inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  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: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  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: 19px 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: 99;
}
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, #store-news {
  margin: 60px auto 80px;
  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;
}
#slide_banner a,
#slide_banner img {
  display: block;
}
#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: 80%;
  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 110px;
}
#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: 270px;
  padding: 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 .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 130px;
  top: 0;
  max-width: 820px;
}
#content.top_page .news .news_list {
  padding: 0 15px;
  margin: 120px auto 50px;
  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;
}
#page.tax-store-news-cat .news_list li a .newicon,
#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;
}
#page.tax-store-news-cat .news_list li a .newicon + .title,
#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;
}
#page.tax-store-news-cat .news_list li a .title,
#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;
  opacity: 0;
  transition: .8s;
}
#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: 15px 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 ul li:last-child {
  min-width: 40%;
}
#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) p.uetsuki {
  margin: 25px 0 0;
}
#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;
}
#page.single-store-news article a,
#content.companyprofile p a,
#content.fundraising p a,
#content.privacy p a,
#content.sitepolicy p a,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd a,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) ul.input_disp a,
#content.faq .faq_list dd a {
  border-bottom: 1px solid #336633;
}
#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 .hissu {
  display: none;
}
#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;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dl.table dd span.days,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dl.table dd span.space.days,
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dl.table dd span.br.days {
  display: inline-block;
}
#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 #dozenboxwari,
#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: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#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;
}
[class*="-menu"] #dozenboxorder h3,
#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;
}
[class*="-menu"] #dozenboxorder h3:before,
#howto .dozen_info h3:before {
  content: "\005C";
  padding: 0 10px 0 0;
  font-weight: normal;
}

[class*="-menu"] #dozenboxorder h3:after,
#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;
  position: relative;
}
#howto .dozen_info .choice_dozen .dozen_d3 .caption {
  position: absolute;
  bottom: 0;
  right: 0;
}
#howto .dozen_info .choice_dozen .dozen_d3 img {
  max-width: 90%;
}
#howto .dozen_info .choice_dozen .dozen_d3 p + p {
  margin: 50px 0 0;
}
#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;
}

[class*="-menu"] #dozenboxorder h4,
#howto .dozen_info h4 {
  background: #c8102e;
  color: #fff;
  font-size: 22px;
  border-radius: 5px;
  margin: 0 0 20px;
}
[class*="-menu"] #dozenboxorder h4 span,
#howto .dozen_info h4 span {
  font-size: 33px;
}
[class*="-menu"] #dozenboxorder .caption,
#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;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#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 0 0;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .img,
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box {
  width: 60%;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .text {
  padding: 25px 0 10px 0;
  margin: 0 20px 0 0;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .text,
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p:not(.image):not(.itemname):not(.img) {
  width: 51%;
}

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

#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
  padding: 10px 20px 0;
}
#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 span.ruby {
    font-size: 24px;
    color: #000;
    padding: 0.3em 0;
    background-repeat: repeat-x;
    background-size: 1em 0.2em;
    background-position: top left;
    background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#000000),color-stop(0.5,#000000),color-stop(0.9,transparent),to(transparent));
    background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #000000, #000000 95%, transparent 95%, transparent);
    background-image: radial-gradient(0.1em 0.1em at center center, #000000, #000000 95%, transparent);
}

#howto .dozen_info .choice_dozen p .itemname {
  font-size: 13px;
  color: #336633;
  display: block;
  font-weight: normal;
  margin: 15px 0 0;
  font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#howto .dozen_info .choice_dozen .dozen_d12 p {
  position: relative;
}
#howto .dozen_info .choice_dozen .dozen_d12 p .circle {
  position: absolute;
  right: -23px;
  top: 17%;
  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;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 p .circle {
  font-size: 18px;
  padding: 10px 0;
  right: -15px;
}
#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;
}

#dozenboxorder {
  margin: 100px auto 50px;
}
[class*="-menu"] #dozenboxorder .head_text h4,
#howto #dozenboxorder .head_text h4 {
  margin-bottom: 5px;
}

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

#dozenboxorder .head_text .lead {
  font-size: 28px;
  color: #c8102e;
  margin: 40px auto 0;
  font-weight: bold;
}
#dozenboxorder .head_text .hosoku {
  font-size: 22px;
}
#dozenboxorder .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;
}
#dozenboxorder .head_text .hosoku span span {
  font-size: 38px;
}
#page.page-template-default #content:not(.top_page) #dozenboxorder .head_text .caption {
  margin-top: -65px;
}


#dozenboxorder .order_info {
  display: flex;
  padding: 120px 0 0;
  margin-top: -50px;
}
#dozenboxorder .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;
}
#dozenboxorder .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
}
#dozenboxorder .order_info .order_store h4:before {
  background: url(images/icon_dozen_store.png) no-repeat;
}

#dozenboxorder .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;
*/
}
#dozenboxorder .order_app {
  width: 50%;
  padding: 0 10px 0 0;
  border-right: 1px dotted #c3c3c3;
}
#dozenboxorder .order_app h6 {
  font-size: 38px;
  color: #c8102e;
  margin: 5px auto 10px;
}
#dozenboxorder .order_app h6 span {
  font-size: 26px;
  color: #000;
  display: block;
}
#dozenboxorder .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
}
#dozenboxorder .order_app .app_image {
  position: relative;
  padding: 30px 0;
}
#dozenboxorder .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;
}
#dozenboxorder .order_app .app_fukidashi01 {
  top: -20px;
  right: 0;
}
#dozenboxorder .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;
}
#dozenboxorder .order_app .app_fukidashi02 {
  bottom: -20px;
  left: 0;
}
#dozenboxorder .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;
}
[class*="-menu"] .parent_box #howto .button_area,
#dozenboxorder .button_area {
  margin: 40px 0 0;
}
[class*="-menu"] .parent_box #howto .button_area a,
#dozenboxorder .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;
}


#dozenboxorder .order_store {
  width: 50%;
  padding: 100px 0 0 10px;
  margin-top: -100px;
}

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

#dozenboxorder .order_store dl dt {
  color: #336633;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 3px;
}
#dozenboxorder .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;
}
#dozenboxorder .order_store dl dd {
  padding: 0 0 0 30px;
  margin: 0 0 18px;
  font-size: 16px;
}
#dozenboxorder .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: auto;
  top: 100%;
  margin-top: 10px;
}
#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: 24px;
  text-align: center;
  font-weight: bold;
  margin: 10px 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;
}
#app .welcome_coupon h5 span span {
  font-size: 30px;
}
#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 10px 0 0;
  margin: 5px 0 0;
}
#app .rank_col .attention li.list_notice {
  width: 100%;
  font-weight: bold;
  color: #555555;
}
#app .rank_col .attention li:before {
  position: static;
  padding: 0 1px 0 0;
}

#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,
[class*="-menu"] .tabs .horizontal li#doughnutsfixed span img {
  max-width: 40px;
}
[class*="-menu"] .tabs .horizontal li.doughnuts_localmenu 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;
}

#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh h2,
[class*="-menu"] .maxvh h2 {
  position: relative;
  text-transform: uppercase;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh h2 > .category_right,
[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: 45px 0 3px;
  margin: 0 0 35px;
}

#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh h2 > .category_right,
[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;
}
[class*="-menu"] #dozenbox.parent_box .season_special_box + .regular_dozen {
  display: none;
}
[class*="-menu"] #dozenbox.parent_box .regular_dozen li:nth-child(n + 4) {
  display: none;
}/* 通常ダズン　オリグレダズン出さない */
[class*="-menu"] .parent_box #howto #dozenboxwari h2 {
  margin: 25px 0 120px;
}
[class*="-menu"] .parent_box #howto #dozenboxwari h2 span {
  font-size: 44px;
  font-weight: bold;
}
[class*="-menu"] .parent_box #howto #dozenboxwari {
  text-align: center;
  padding: 70px 0 0;
}
[class*="-menu"] .parent_box #howto #dozenboxwari .dozen_info h3 {
  margin-top: 0;
}
[class*="-menu"] .parent_box #howto #dozenboxwari .dozen_info {
  margin: 0 auto 80px;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 a,
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a {
  display: flex;
  width: 100%;
  color: #000;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a {
  align-items: center;
}
#howto .dozen_info .choice_dozen .dozen_d6 a,
#howto .dozen_info .choice_dozen .dozen_d3 a {
  display: block;
}
#howto .dozen_info .choice_dozen .dozen_d6 h4 + a,
#howto .dozen_info .choice_dozen .dozen_d3 h4 + a,
#howto .dozen_info .choice_dozen .dozen_d6 h4 + p,
#howto .dozen_info .choice_dozen .dozen_d3 h4 + p {
  margin-top: 50px;
  color: #000;
}
#howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .img {
  margin: 0 0 0 10px;
  width: 60%;
  max-width: 290px;
  padding-bottom: 5px;
}
#howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box {
  max-width: 260px;
}
#howto a:hover img {
  -webkit-transition: none;
  transition: none;
}

[class*="-menu"] #dozenboxorder h3,
[class*="-menu"] .parent_box #howto #dozenboxwari h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 35px auto 10px;
  letter-spacing: 0.5px;
  color: #336633;
  border: none;
  padding: 0;
}
[class*="-menu"] .parent_box #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p:not(.img_box):not(.img):not(.itemname) {
  width: 290px;
}
[class*="-menu"] .parent_box #howto #dozenboxwari .caption {
  font-size: 12px;
  color: #747474;
  text-align: right;
  font-weight: normal;
  margin: 25px 0 0;
}
[class*="-menu"] #dozenboxorder .caption {
  margin: -65px 0 0;
  text-align: right;
}
[class*="-menu"] #dozenboxorder {
  text-align: center;
  padding-top: 50px;
  margin: 0 auto 100px;
}
[class*="-menu"] .parent_box #howto #dozenboxwari .button_area a::after {
  content: "\f107";
  right: 20px;
}


#page[class*="-menu"] #doughnuts {
  padding-top: 20px;
}
#page[class*="-menu"] #doughnuts .maxvh {
}

[class*="-menu"] #bluree .campaign_btn {
  float: right;
  position: relative;
  bottom: 12px;
}
[class*="-menu"] #bluree .campaign_btn a {
  background: #c8102e;
  font-size: 13px;
  padding: 10px 16px 10px 23px;
  border-radius: 30px;
}
[class*="-menu"] #bluree .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;
  position: relative;
}
[class*="-menu"] .season_special_box {
  position: relative;
}
[class*="-menu"] .season_special_box .campaign_btn {
  position: absolute;
  right: 5px;
  top: -85px;
}
[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;
  position: relative;
}
[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 20px;
}
[class*="-menu"] .menu_list.seasondozen > li,
[class*="-menu"] .menu_list.dozen > li,
[class*="-menu"] .menu_list.seasonminis > li,
[class*="-menu"] .menu_list.mini > li {
  width: 25%;
}
[class*="-menu"] .menu_list.mini > li img {
  max-height: 210px !important;
}
[class*="-menu"] .menu_list li > a {
  display: block;
  text-align: center;
  color: #336633;
  margin: auto;
}
[class*="-menu"] .menu_list > li p {
  text-align: center;
  color: #336633;
  margin: auto;
}
[class*="-menu"] .menu_list.seasondrink > li img {
  max-height: 200px;
}
[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: 11;
  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.cafein {
  position: relative;
}
[class*="-menu"] .menu_list > li .img_box .icons .cafein {
  position: absolute;
  width: 120px;
  top: 0;
  right: 0;
}
[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: 11;
  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:not(.menu_list_allergy) {
  padding: 22px 20px;
  box-shadow: 1.414px 1.414px 5px 0px rgba(0, 0, 0, 0.22);
  margin: 20px auto 40px;
  display: flex;
}
[class*="-menu"] .menu_attention #about-allergy + ul.asterisk {
  margin: 0 0 5px;
}
#page[class*="-menu"] .menu_detail.menu_list_allergy .info_col .pdf li:before {
  content: "";
  position: static;
}
#page[class*="-menu"] .menu_detail.menu_list_allergy .info_col .pdf li {
  display: block;
  padding-left: 0;
}
#page[class*="-menu"] .menu_detail.menu_list_allergy .info_col .pdf li a {
  font-size: 11px;
  padding: 0 0 2px;
  margin: 0 0 8px;
}
#page[class*="-menu"] .menu_detail.menu_list_allergy .info_col .pdf li a::before {
  padding: 0 5px 0 0;
}
#page[class*="-menu"] .menu_detail .image_col {
  width: 38%;
  text-align: center;
  position: relative;
  min-height: 350px;
}
#page[class*="-menu"] .menu_detail:not(.menu_list_allergy) .info_col {
  width: 62%;
  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: 11;
  margin: 0 0 10px;
  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.cafein {
  position: relative;
}
#page[class*="-menu"] .menu_detail .image_col .icons .cafein {
  position: absolute;
  width: 140px;
  top: 10px;
  right: 0;
}
#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;
  padding: 0;
}
#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"] .menu_detail .info_col .item_limited a {
  color: #c8102e;
  border-bottom: 1px solid #c8102e;
}
#page[class*="-menu"] .menu_detail .info_col .item_limited a:hover {
  opacity: 0.8;
}
#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: #f5f5f5;
  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 div hr {
  background: transparent;
  border-top: 1px solid #336633;
  width: 100%;
  margin: 20px auto;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku div hr + h3 + p span {
  color: #c8102e;
}

#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 p img.aligncenter {
  display: none;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 + .cofee_refill2 {
  margin: 25px 0 15px;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 h3 span {
  color: #c8102e;
  margin: 0 5px 0 0;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .outline {
  font-size: 13px;
  margin: 0 0 5px;
  padding: 0 0 0;
  line-height: 1.3;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .outline dt {
  padding: 10px 0 0;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .attention {
  font-size: 12px;
  margin: 5px 0 15px;
  padding-top: 5px;
  color: #555;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .attention li {
  margin: 3px 0;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .button {
  border-radius: 30px;
  font-size: 13px;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 dl dd .attention {
  margin: 0 0 0px;
  padding-top: 0;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .zei {
  font-size: 12px;
  margin: 15px 0 0;
  color: #555;
}
#page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .zei span {
  font-size: 13px;
  display: block;
  color: #336633;
  font-weight: bold;
  margin: 0 0 5px;
}
#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;
}
#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 dt.allergy {
  padding: 11px 0 0;
}
#page[class*="-menu"] .menu_detail .info_col dl dd:last-of-type {
  border-bottom: none;
}
#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:not(.attention) {
  padding: 0;
  font-size: 0;
}
#page[class*="-menu"] .menu_detail .info_col dd ul:not(.attention) 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;
  vertical-align: bottom;
}
#page[class*="-menu"] .menu_detail .info_col dd ul:not(.attention) li.allergy_peanut {
  font-size: 10px;
}
#page[class*="-menu"] .menu_detail .info_col dd ul:not(.attention) li.allergy_milk_seibun {
  line-height: 1.2;
  font-size: 12px;
}
#page[class*="-menu"] .menu_detail .info_col dd ul:not(.attention) li.allergy_milk_seibun span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 11px;
}
#page[class*="-menu"] .menu_detail:not(.menu_list_allergy) .info_col .pdf {
  padding: 15px 0 0;
  margin: 0 0 20px;
  border-top: 1px dotted #b3b3b3;
}
#page[class*="-menu"] .menu_detail .info_col .pdf {
  padding-left: 16px;
}
#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: 50px auto;
  padding: 30px 0 5px;
  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;
  padding: 0;
  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;
  justify-content: center;
  margin: 30px 0 0;
}
[class*="-menu"] .drink_info > div {
  min-width: 45%;
  margin: 0 20px;
}
[class*="-menu"] .drink_info div .inner {
  background: #f5f5f5;
  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;
  align-items: center;
}
[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 {
  max-width: 30%;
}
[class*="-menu"] .drink_info div.refill .right {
  max-width: 70%;
  padding: 0 0 0 20px;
}

[class*="-menu"] .microwave_wrap {
  padding: 20px 25px 15px;
  max-width: 820px;
  margin: 0 auto 15px;
  background: #f5f5f5;
}
[class*="-menu"] .microwave_wrap .microwave {
  max-width: 400px;
}
[class*="-menu"] .microwave_wrap ul li {
  font-size: 11px;
  color: #336633;
}

/* 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.gps_off {
  background: #fff;
  padding: 20px 0;
}
#page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .storesearch_col.gps_off .attention {
  font-size: 10px;
  margin: 20px 0 0;
}
#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: 260px;
  padding: 7px 0 0;
}
#main .storesearch_col .freeword .title,
#main .storesearch_col .prefectures dl dt {
  color: #336633;
  font-size: 18px;
  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 260px;
}
#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 img,
#page[class*="-store"] #addressInfo > li a .icon img {
  max-width: 18px;
  max-height: 15px;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 3px;
}
#page #gps #addressInfo > li a .icon li,
#page[class*="-store"] #addressInfo > li a .icon li {
  list-style-type: none;
  font-size: 10px;
  color: #e2af2d;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #e2af2d;
  border-radius: 40px;
  padding: 4px 10px 4px;
  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: 3px 10px 3px;
  margin: 0 5px 7px 0;
  letter-spacing: 0;
  line-height: 24px;
}
#page[class*="-store"] .store_detail .info_col .icon img {
  max-width: 20px;
  max-height: 18px;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
#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: 12px;
}
.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 4px;
}
.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 5px 0 0;
}
.column_list_info .pager .all_next {
  margin: 0 0 0 5px;
}
.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.single-store-news article p,
#page.single-news article p {
  margin: 0 0 20px;
  font-size: 14px;
  word-break: break-all;
}
/*
#page.single-store-news article img,
#page.single-news article img {
  height: auto;
}
*/
#page.tax-store-news-cat .news_list,
#page.post-type-archive .news_list {
  padding: 0 15px;
  margin: 0 auto 50px;
  max-width: 1160px;
}
#page.tax-store-news-cat .news_list li,
#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.tax-store-news-cat .news_list li a .date,
#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.tax-store-news-cat .news_list li a .title,
#page.post-type-archive .news_list li a .title {
  padding-left: 85px;
  font-size: 16px;
  color: #555555;
}
#page.tax-store-news-cat .news_list li a,
#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;
  padding: 10px 0;
}
.single-post .nav_single br {
  display: none;
}
.single-post .nav_single .nav_next {
  text-align: right;
}
.single-post .nav_single > span {
  width: 50%;
  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;
  top: 7px;
}
.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 #main .enjoynewtaste_ttl {
  font-size: 26px;
  font-weight: bold;
  margin: 15px 0 10px;
  color: #336633;
  font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.single-post .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.single-post .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.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;
}
#page.single-store-news .single_page article .single_main ul.store a {
  border-bottom: none;
}
#page.single-store-news .taxbread,
#page.single-store-news .taxbread + li {
  display: none;
}


/*--------------------------------------------------------------
  PC ( hover )
--------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  a:hover,
  a:active {
    color: #c8102e;
    outline: none;
    -webkit-transition: all 31s;
    transition: all .3s;
  }
  a:hover *,
  a:active * {
    -webkit-transition: all 31s;
    transition: all .3s;
  }
  .single_page .nav_single > span a:hover,
  #sidebar #pr_side p a:hover {
    color: #c8102e;
  }
  #app .tabs .horizontal li a:hover,
  #page_top a.pagetop:hover,
  a:hover img,
  a:hover i,
  a:active img {
    -khtml-opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
  #content.top_page .more a:hover:before {
    width: 100%;
  }
   #page.tax-store-news-cat .news_list li a:hover .title,
  #page.post-type-archive .news_list li a:hover .title,
  #page[class*="-store"] .storenews_list li a:hover .title,
  #content.top_page .news .news_list li a:hover .title {
    color: #c8102e;
  }
  #mainvisual a:hover img {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  #bnrslider .slick-prev:hover:before,
  #bnrslider .slick-next:hover:before {
    opacity: 0.8;
  }
  #content.top_page #menu .pickup_inner a:hover,
  #content.top_page #menu .pickup_inner a:hover img {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  nav #main_nav li:not(.gnav_recruit) a:hover {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    color: #c8102e;
  }
  #content.top_page #instagram .insta_box:hover .overlay {
    height: 100%;
    opacity: 1;
  }
  footer #footer_navigation ul a:hover {
    color: #c8102e !important;
  }
  #content.top_page #menu a:hover .pickup_info {
    border-color: #c8102e;
    -webkit-transition: all 31s;
    transition: all .3s;
  }
  #content.top_page #menu a:hover .pickup_info:before {
    border-color: #c8102e;
    -webkit-transition: all 31s;
    transition: all .3s;
  }
  #content.top_page #menu a:hover .pickup_info h5,
  #content.top_page #menu a:hover .pickup_info .item_name_ja {
    color: #c8102e;
    -webkit-transition: all 31s;
    transition: all .3s;
  }
  #content.top_page #menu .pickup_inner + .pickup_inner a:hover .pickup_info {
    border-color: #c8102e;
  }
  #howto #combo .kids_combo .kids_combo_detail .button a:hover,
  #howto #combo .combo_in .combo_in_detail .button a:hover,
  .single_page .nav-list a:hover,
  nav #main_nav li.gnav_recruit a:hover,
  a.button:hover,
  .button:hover {
    -khtml-opacity: 0.9;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }
  #howto #combo .kids_combo .kids_combo_detail .button a:hover:before,
  #howto #combo .combo_in .combo_in_detail .button a:hover:before,
  .single_page .nav-list a:hover:before,
  nav #main_nav li.gnav_recruit a:hover:before,
  a.button:hover:before,
  .button:hover:before {
    width: 100% !important;
    opacity: 1 !important;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box a.button:before,
  #howto #combo .combo_out .combo_in_detail .button_area a:before,
  [class*="-menu"] .parent_box #howto .button_area a::before,
  #dozenboxorder .button_area a:before {
    background: #3a7d3a; /*緑*/
    width: 30px;
    border-radius: 30px;
  }
  #page.page-id-25 .button:before,
  #sidebar #recruit_button a:before,
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a:before {
    background: #3a7d3a; /*緑*/
    width: 40px;
    border-radius: 40px;
  }
  nav #main_nav li.gnav_recruit a:before {
    background: #4c924c; /*緑*/
  }
  #page[class*="-menu"] .menu_detail .info_col .campaign_link a:hover {
    border-color: #de474e;
  }
  #content.inquiry .button:before,
  #page[class*="-menu"] .menu_detail .info_col .campaign_link a:before,
  [class*="-menu"] .season_special_box .campaign_btn a:before,
  [class*="-menu"] #bluree .campaign_btn a:before {
    background: #de474e; /*赤*/
    width: 30px;
    border-radius: 30px;
  }
  #app .button_area a.button:before {
    background: #c5272f; /*赤*/
    width: 5px;
    border-radius: 5px;
  }

  [class*="-menu"] .tabs .combo_dozen_link a:before,
  [class*="-menu"] .tabs .horizontal .combo_dozen_link a:before {
    background: #f6c548; /*黄色*/
    width: 30px;
    border-radius: 30px;
  }
  #howto #combo .kids_combo .kids_combo_detail .button a:before,
  #howto #combo .combo_in .combo_in_detail .button a:before {
    background: #f6c548; /*黄色*/
    width: 20px;
    border-radius: 20px;
  }
  #content.inquiry .button + .button:before {
    background: #666; /*グレー*/
    width: 30px;
    border-radius: 30px;
  }

  .single_page .nav-list a:before {
    background: #666; /*グレー*/
    width: 3px;
    border-radius: 3px;
  }

  #page[class*="-menu"] .menu_detail .info_col .store_link a:hover,
  #content.recruit #crew .button_area a:hover,
  #content.recruit .recruit_top_bottom .recruit_menu li a:hover {
    border-color: #4c924c;
    color: #4c924c !important;
  }

  #page[class*="-menu"] .menu_detail .info_col .pdf a {
    position: relative;
    display: inline-block;
  }
  #page[class*="-menu"] .menu_detail .info_col .pdf a:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background: #c8102e;
    transition: 0.2s;
  }
  #page[class*="-menu"] .menu_detail .info_col .pdf a:hover:after {
    width: 100%;
  }
  #page[class*="-menu"] .menu_detail .info_col .pdf a:hover {
    color: #c8102e;
  }
  #howto .dozen_info .choice_dozen a:hover {
    color: #336633;
  }
}

/*--------------------------------------------------------------
  PC
--------------------------------------------------------------*/
@media screen and (max-width: 1160px) and (min-width: 769px) {
  #app .rank_col .rank_table .rank_td .rank_box {
    padding: 10px 5px 0 70px;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut img,
  #howto #combo .combo_col .combo_set > .combo_drink img,
  #howto #combo .combo_col .wcombo_set > .combo_doughnut img,
  #howto #combo .combo_col .wcombo_set > .combo_drink img {
    max-height: 120px;
    width: auto;
    max-width: 130px
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut .wp-image-814 {
    margin: 0;
  }
  #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 {
    font-size: 13px;
    padding: 0 10px;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut p span, #howto #combo .combo_col .combo_set > .combo_drink p span {
    font-size: 14px;
  }
  #howto #combo .combo_col {
    margin: 70px auto 0;
  }
  #howto #combo .combo_col .combo_box h3 {
    width: 100px;
    height: 100px;
    font-size: 20px;
    padding: 30px 0 0;
    top: -20px;
  }
  #howto #combo .combo_col .wcombo_box h3 {
    width: 100px;
    height: 100px;
    font-size: 20px;
    padding: 15px 0 0;
    top: -20px;
  }
  #howto #combo .combo_col .wcombo_box h3 span.wcombo {
    font-size: 30px;
  }
  #howto #combo .combo_col .combo_box h3 span, #howto #combo .combo_col .wcombo_box h3 span {
    font-size: 13px;
  }
  #howto #combo .combo_col h4 {
    padding: 0 0 0 125px;
    font-size: 30px;
  }
  #howto #combo .combo_col h4 span {
    font-size: 50px;
  }

  #app .rank_col .rank_table .rank_table_tr.plutinum .rank_td,
  #app .rank_col .rank_table .rank_table_tr.gold .rank_td,
  #app .rank_col .rank_table .rank_table_tr.silver .rank_td,
  #app .rank_col .rank_table .rank_table_tr.bronze .rank_td,
  #app .rank_col .rank_table .rank_table_tr.green .rank_td {
    background-position-x: 0 !important;
  }
  #app .rank_col .rank_table .rank_td .rank_box {
    font-size: 30px;
  }
  #app .rank_col .rank_table .rank_td .rank_box span {
    font-size: 18px;
  }

  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  nav #main_nav li {
    max-width: 80px;
  }
  nav #main_nav li:nth-child(4) {
    margin-left: 200px;
  }
  nav #main_nav li.gnav_recruit a {
    max-width: 100px;
    padding: 9px 0 7px;
    font-size: 11px;
  }
  nav #main_nav li.gnav_recruit a:after {
    right: 10px;
  }
  #page_top a {
    max-width: 70px;
  }
  #breadcrumbs ul {
    padding: 0 10px;
    width: 100%;
  }
  #page_top a.pagetop {
    padding: 4px 0 1px;
    font-size: 10px;
  }
  #page_top a.pagetop span:before {
    content: "";
    font-size: 12px;
    right: 7px;
  }
  #page_top a.pagetop:before {
    border-width: 0 60px 5px 0;
  }
  #page_top a.pagetop:after {
    border-width: 0 0 5px 60px;
  }
  footer .copy {
    height: 50px;
    padding: 17px 0;
  }
  #slide_banner {
    margin-bottom: 0;
  }
  #bnrslider li {
    max-width: calc( 90vw / 4 );
    padding: 0 5px;
  }
  #menu, #column, #news, #store-news {
    margin: 70px auto;
  }
  #content.top_page .more {
    margin: 0 auto 100px;
  }
  #content.top_page #menu .slide_cont {
    background: linear-gradient(to right, #c8102e 0%, #c8102e 20%, transparent 20%, transparent 100%), linear-gradient(to right, transparent 0%, transparent 80%, #c8102e 80%, #c8102e 100%);
  }
  #content.top_page #menu .pickup_info h5 {
    font-size: 18px;
  }
  #content.top_page #menu .pickup_info p {
    font-size: 12px;
  }
  #content.top_page #menu .tabs .horizontal li#pickup span img {
    height: 20px;
    width: auto;
  }
  #content.top_page #menu .tabs .horizontal li:not(#pickup) span img {
    max-height: 24px;
    height: auto;
    max-width: 35px;
    width: auto;
  }
  #content.top_page #menu .tabs .horizontal li {
    font-size: 13px;
  }
  #content.top_page #menu .pickup_img {
    min-height: 280px;
  }
  #content.top_page #menu .pickup_img img {
    max-width: 220px;
    max-height: 280px;
  }
  #content.top_page #menu .pickup_box .pickup_text {
    font-size: 18px;
  }
  #content.top_page #menu .pickup_box .pickup_text p {
    width: 65%;
  }
  [class*="-menu"] .tabs .horizontal li {
    font-size: 13px;
  }
  [class*="-menu"] .menu_list.yeast li img, [class*="-menu"] .menu_list.bluree li img, [class*="-menu"] .menu_list.oldfashion li img {
    max-width: 100%;
  }
  [class*="-menu"] #main .menu_list > li .item_price span:nth-child(2n):not(.dozen_text):not(.dozen) {
    margin: 4px 5px 0 0;
  }
  [class*="-menu"] #main .menu_list > li .item_price br.sp_disp {
    display: block;
  }
  #content.top_page #column .column_list {
    margin: 0 auto 70px;
  }
  #page .maxvh h2 {
    padding: 0 10px;
  }
  #content.top_page #instagram .instagram_ttl {
    transform: scale(0.8);
    top: 0;
  }
  #content.top_page #instagram ul:before {
    border-width: 60px 50vw 0 50vw;
  }
  footer #footer_navigation ul li {
    margin-bottom: 7px;
  }
  footer #footer_navigation ul a {
    font-size: 11px;
  }
  footer #footer_nav li span {
    padding: 0 5px;
  }
  #content:not(.top_page):not(.combo_dozen):not(.app) .inner.two_col,
  #content:not(.top_page):not(.combo_dozen):not(.app) #sidebar {
    padding: 0 10px 0 0;
    margin: 0;
  }
  #main .storesearch_col .prefectures label span .icon {
    width: 20px;
  }
  #main .storesearch_col .prefectures label span img {
    max-width: 20px;
    max-height: 20px;
  }
  #main .storesearch_col .prefectures .check_list label input[type="checkbox"] + span, #main .storesearch_col .prefectures .check_list label input[type="radio"] + span {
    padding: 0 0 0 25px;
  }
  #main .storesearch_col .prefectures {
    padding: 0 30px 0 0;
    margin: 0 30px 0 0;
 }
  #main .head_col .storesearch_btn {
    padding: 15px 10px;
  }
  #column_cont.container {
    padding: 0 10px 0 0 !important;
  }
  #sidebar aside:not(#tag_cloud-2) h3:after,
  #sidebar aside:not(#tag_cloud-2) h3:before {
    width: calc(100% /2);
  }
  #sidebar aside:not(#tag_cloud-2) h3 span:after {
    width: 100%;
    margin-left: 0;
    transform: translateX(-50%);
  }
  #sidebar #tag_cloud-2 h3:before,
  #sidebar #tag_cloud-2 h3:after {
    border-width: 0;
  }
  #column_cont .column_list .column_box {
    padding: 0 0 0 5px;
  }
  #column_cont .column_list .column_box:nth-child(2n) {
    padding: 0 5px 0 0;
  }
  #sidebar #tag_cloud-2 h3 {
    margin: 40px 0 10px;
  }
  #sidebar #pr_side p a {
    display: block;
  }
  #content.faq .localmenu_box li {
    font-size: 12px;
  }
  #content.faq .localmenu_box li:nth-child(3) {
    font-size: 10px;
  }
  #content.faq .localmenu_box li a:before {
    left: 8px;
  }
  .column_list_info p {
    font-size: 10px;
  }
  #app .app_info .app_info_upper .img_box {
    width: 35%;
  }
  #app .app_info .app_info_upper .img_box img {
    width: auto;
    height: auto;
  }
  #app .app_info .app_info_upper .text_box {
    width: 70%;
  }
  #app .app_info .app_info_upper .text_box .lead {
    font-size: 22px;
  }
  #app .app_info .app_info_upper .text_box h3 {
    font-size: 28px;
    margin: 15px 0 45px;
  }
  #app .app_info .welcome_coupon {
    margin: 25px 0 0;
  }
  #app #fixed_menu #menu_local {
    left: 0;
  }
  #content.recruit img {
    height: auto;
  }
  #content.recruit .recruit_top_upper .img_box .img_overlay {
    padding-right: 20px;
  }
  #content.recruit #crew .lead {
    font-size: 22px;
  }
  #page.recruit_interview .entry_content .interview_box .img_box {
    min-width: 0;
    width: 30%;
  }
  #page.recruit_interview .entry_content .interview_box .text_box {
    width: 70%;
    padding: 0 30px 0 0;
  }
  #page.recruit_interview .interview_list li {
    width: 33.33333%;
  }
}


/*--------------------------------------------------------------
  PC small
--------------------------------------------------------------*/
@media screen and (max-width: 980px) and (min-width: 769px) {
  #page.recruit_interview .interview_main_info .text_in {
    padding: 0 0 0 10px;
  }
  #content.recruit #vision .our_vision .localmenu li {
    padding: 0 10px;
  }
  #content.recruit #vision .our_vision .localmenu li img {
    max-width: 100px;
  }
  #content.recruit #vision .our_vision .localmenu li h4 {
    font-size: 18px;
  }
  #content.recruit #vision .our_vision .localmenu li p {
    font-size: 13px;
    letter-spacing: 0;
  }
  #content.recruit #vision .our_vision .localmenu li h4:before {
    padding: 0px 2px 0 0;
  }
  #content.recruit #vision .our_vision .localmenu li h4:after {
    padding: 0 0 0 1px;
  }
  #content.recruit .recruit_top_upper .img_box .img_overlay h3 {
    font-size: 20px;
  }
  #content.recruit .recruit_top_bottom .recruit_menu_box {
    padding: 0 10px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).recruit .recruit_top_upper .img_box .img_overlay p {
    font-size: 14px;
  }
  #app .welcome_coupon .left {
    padding: 0 30px 0 0;
  }
  #app .welcome_coupon .red {
    font-size: 15px;
  }
  #app .app_info .maxvh.app_info_bottom {
    margin: 0 0 0 0;
    padding: 45px 0 25px;
  }
  #app .app_info .app_info_bottom .app_point {
    flex-wrap: wrap;
    margin: 0 0 30px;
  }
  #app .app_info .app_info_bottom .app_point li {
    position: relative;
    width: 33.333%;
    margin: 0 0 20px;
  }
  #app .app_info .app_info_bottom .app_point li .attention_app {
    position: absolute;
    bottom: -50%;
    right: 0;
    left: 0;
    padding: 15px 0;
  }
  #app .step_col .number {
    width: 50px;
    line-height: 50px;
    font-size: 40px;
  }
  #app .step_col h4 {
    font-size: 20px;
  }
  #app .welcome_coupon {
    padding: 0;
  }
  #app .welcome_coupon .left {
    width: 40%;
  }
  #app .welcome_coupon .right {
    width: 60%;
  }
  #app .welcome_coupon .right .qr {
    margin: 0 10px;
  }
  #app .welcome_coupon .dl_hosoku {
    font-size: 11px;
  }
  #app .step_two, #app .step_four {
    width: 50%;
  }
  #app .step_three, #app .coupon {
    width: 50%;
  }
  #app .point_col .point_box {
    font-size: 20px;
  }
  #app .point_col {
    padding: 70px 10px 50px;
  }
  #app .point_col .point_box dt span {
    font-size: 15px;
  }
  #app .point_col .point_box.box2 {
    font-size: 30px;
  }
  #app .point_col .point_bottom dt {
    font-size: 18px;
  }
  #app .point_col .point_bottom dd div div p:not(.plus) {
    padding: 6px 14px 3px;
  }
  #app .rank_col .rank_table .rank_td .rank_box {
    font-size: 28px;
    text-align: left;
    padding: 20px 0 0 80px;
  }
  #app .rank_col .rank_table .rank_td .rank_box span {
    font-size: 17px;
  }
  #app .rank_col .rank_table .rank_table_th.ex {
    display: none;
  }
  #app .rank_col .rank_table .rank_table_th.rank, #app .rank_col .rank_table .rank_table_td.rank_td {
    width: 29%;
  }
  #app .rank_col .rank_table .rank_table_th, #app .rank_col .rank_table .rank_table_td {
    width: 35%;
  }
  #app .rank_col .rank_table .rank_table_tr {
    flex-wrap: wrap;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td {
    width: 100%;
    padding: 0 0 10px;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td .sp_disp {
    display: inline-block;
    font-size: 18px;
    margin: 0 10px 0 0;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td .sp_disp i {
    margin: 0 0 0 10px;
  }
  #page #app .rankup_col.maxvh {
    padding: 70px 10px 50px;
  }
  [class*="-menu"] .tabs .horizontal li {
    max-width: 130px;
  }
  [class*="-menu"] .tabs .horizontal li span img {
    padding-right: 5px;
    max-height: 25px;
  }
  [class*="-menu"] .tabs .horizontal li:first-child span img,
  [class*="-menu"] .tabs .horizontal li#doughnutsfixed span img {
    max-width: 35px;
  }
  [class*="-menu"] .tabs .horizontal li.doughnuts_localmenu span img {
    max-width: 35px;
  }
  [class*="-menu"] .tabs .horizontal li {
    font-size: 12px;
  }
  [class*="-menu"] .tabs .horizontal li.combo_dozen_link {
    width: 27% !important;
  }
  [class*="-menu"] .tabs .combo_dozen_link a, [class*="-menu"] .tabs .horizontal .combo_dozen_link a {
    font-size: 12px;
    padding: 8px 27px 8px 7px;
  }
  #dozenboxorder .head_text .h4_sub {
    margin-bottom: 0;
  }
  [class*="-menu"] #dozenboxorder .caption,
  #page.page-template-default #content:not(.top_page) #dozenboxorder .head_text .caption {
    margin-top: 0;
  }
  #content.recruit #guideline dl.table dt {
    padding: 20px 15px;
  }
}

/*--------------------------------------------------------------
  hack
--------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  _::-webkit-full-page-media, _:future, :root header hgroup h1 {
    position: relative;
    z-index: 1001;
  }
  _::-webkit-full-page-media, _:future, :root header hgroup:after {
    background: url(images/logo_back_pc_safari.png) no-repeat center bottom;
    height: 80px;
    top: calc(100% - 35px);
  }
  header hgroup img {
    max-width: 140px;
    height: auto;
  }
}


/*--------------------------------------------------------------
  Tablet
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  body {
    font-size: 13px;
    line-height: 1.4;
  }
  .pc_disp {
    display: none;
  }
  .sp_disp {
    display: block;
  }

  dl.table {
    display: block;
  }
  dl.table dt {
    width: auto;
    padding: 5px 15px;
    background: #eee !important;
  }
  dl.table dd {
    width: auto;
    padding: 10px 15px;
  }
  dl.table dt:nth-of-type(2n+1), dl.table dd:nth-of-type(2n+1) {
    background: #fff;
  }
  dl.table dt:last-of-type {
    border-bottom: 1px dotted #b6b2b1;
  }
  #breadcrumbs ul {
    margin: 0 10px;
  }
  .button {
    font-size: 13px;
    padding: 9px 35px 9px 15px;
  }
  input.button {
    padding: 2px 15px;
  }

  /* =bnr_app
  ------------------------------------------------------ */
  .bnr_app {
    background: #eee;
    padding: 9px 0;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    z-index: 101;
    position: relative;
  }
  .bnr_app .close {
    width: 6%;
    max-width: 25px;
    cursor: pointer;
    padding: 0 5px 0 5px;
  }
  .bnr_app .close img {
    width: 100%;
  }
  .bnr_app .app_link {
    width: 94%;
    padding: 0 10px 0 0;
  }
  .bnr_app .app_link a {
    display: flex;
    align-items: center;
  }
  .bnr_app .app_link .icon {
    padding: 0 10px;
    min-width: 60px;
  }
  .bnr_app .app_link .text {
    line-height: 1.2;
  }
  .bnr_app .app_link .apphosoku {
    font-size: 10px;
    font-weight: bold;
  }
  .bnr_app .app_link .appname {
    font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 14px;
  }
  .bnr_app .app_link .link {
    margin-left: auto;
  }
  .bnr_app .app_link .link .button {
    border-radius: 30px;
    background: #c8102e;
    padding: 9px 15px 9px 15px;
    font-size: 10px;
  }
  .bnr_app .app_link .link .button:after {
    content: "";
  }


  /* =page
  ------------------------------------------------------ */
  #page, .container {
    max-width: 100%;
    margin: 0;
  }

  /* =sidebar (two_col)
  ------------------------------------------------------ */
  #content .inner.two_col {
    width: 100%;
  }
  #content .inner.cont_left,
  #content .inner.cont_right {
    float: none;
    margin: 0 auto 15px;
  }
  #content:not(.top_page):not(.combo_dozen):not(.app) #sidebar {
    max-width: 480px;
    float: none;
    width: 100%;
    margin: auto;
    padding: 0 10px;
  }
  #content .inner.cont_left + #sidebar .inner,
  #content .inner.cont_right + #sidebar .inner {
    padding: 0;
  }

  /* =header
  ------------------------------------------------------ */
  header {
    position: relative;
    z-index: 101;
    margin: 0;
    /*position: fixed;
    width: 100%;*/
    border-top: none;
  }
  header .logo_wrap {
    width: 50%;
    position: relative;
    z-index: 100001;
  }
  header hgroup {
    position: static;
    transform: translateX(0);
    margin: 0 0 0;
    z-index: 0;
  }
  header hgroup:after {
    content: "";
    background: url(images/logo_back.png) no-repeat;
    background-size: cover;
    transform: translateX(0%);
    width: 130px;
    height: 20px;
    z-index: 100;
    position: absolute;
    top: 100%;
    left: 0;
  }
  header .menu_logo {
    height: 45px;
  }
  header .site_logo {
    margin-left: 11px;
    padding: 12px 0 4px;
    height: 45px;
  }
  header .site_logo img {
    max-width: 80px;
  }
  header #site_navigation {
    width: 100%;
    padding: 0;
  }
  header #site_navigation .nav_inner {
    position: relative;
  }
  header .sub_menu {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    max-width: 50%;
    z-index: 1001;
    height: 45px;
    font-size: 0;
  }
  header .sub_menu li {
    display: inline-block;
    vertical-align: top;
    width: 45px;
    font-size: 10px;
    text-align: center;
  }
  header .sub_menu li a {
    display: block;
    line-height: 45px;
    border-left: 1px solid #336633;
    position: relative;
    color: #336633;
  }
  header .sub_menu li a img {
    vertical-align: sub;
  }
  header .sub_menu li a span {
    position: absolute;
    bottom: 4px;
    line-height: 1;
    margin: auto;
    left: 0;
    right: 0;
    letter-spacing: 0;
  }
  header .sub_menu li button {
    display: block;
    height: 45px;
    margin: 0;
    background: #336633;
    padding-top: 4px;
    color: #fff;
  }
  header .sub_menu li button img {
    vertical-align: text-bottom;
  }
  #site_navigation .sub_menu a,
  .fixed-body #site_navigation .sub_menu a {
    color: #336633;
    font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  }

  /* =global navigation
  ------------------------------------------------------ */
  nav .menu_toggle {
    display: block;
  }
  nav .nav_menu,
  nav .menu_logo {
    display: none;
  }
  nav .menu_logo {
    padding: 12px 11px 4px;
    background: #fff;
    position: relative;
    z-index: 1;
  }
  header .menu_logo:after {
    content: "";
    background: url(images/logo_back.png) no-repeat;
    background-size: cover;
    width: 130px;
    height: 20px;
    z-index: 100;
    position: absolute;
    top: 100%;
    left: 0;
  }
  nav .menu_logo img {
    max-width: 80px;
  }
  .fixed-body header {
    width: 100%;
    height: 100%;
    background: transparent;
  }
  .fixed-body nav {
    background: transparent;
  }
  .fixed-body {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  #site_navigation {
    position: absolute;
    z-index: 2000;
    right: 0;
    top: 0;
    /*z-index: -1;*/
    height: 100%;
  }
  .fixed-body #site_navigation {
    position: fixed;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
  }
  #site_navigation .nav_menu a {
    color: #fff;
  }
  #site_navigation .nav_menu {
    background: #336633;
    height: 100%;
    width: 100%;
  }
  #site_navigation #main_nav {
    padding: 25px 0 0;
    display: block;
  }
  #site_navigation #main_nav li {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
    max-width: none;
    font-size: 12px;
  }
  nav #main_nav li:nth-child(4) {
    margin-left: 0;
  }
  #site_navigation #main_nav li a {
    padding: 12px 18px;
    position: relative;
  }
  #site_navigation #main_nav li a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 18px;
    font-size: 10px;
  }
  #site_navigation #main_nav li a span {
    display: none;
  }
  #site_navigation #main_nav li.gnav_recruit {
    display: none;
  }
  #site_navigation .main_nav_sub {
    padding: 15px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 10px 18px;
  }
  #site_navigation .main_nav_sub li {
    list-style-type: none;
    font-size: 12px;
  }
  #site_navigation .main_nav_sub li a:before {
    content: "-";
    position: absolute;
    color: #fff;
    left: 0;
  }
  #site_navigation .main_nav_sub li a {
    padding: 7px 10px;
    display: block;
    position: relative;
  }
  #site_navigation .sns_nav {
    font-size: 0;
    text-align: center;
    padding: 10px 0 20px;
  }
  #site_navigation .sns_nav li {
    display: inline-block;
    padding: 0 10px;
    max-width: 35px;
  }
  #site_navigation .sns_nav li a {
    color: #fff;
    font-size: 18px;
  }
  #wall.open {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: block;
  }

  /* =footer
  ------------------------------------------------------ */
  #page_top {
    position: static;
    text-align: center;
    background: #fff;
  }
  #page_top a {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: center;
  }
  #page_top a.pagetop {
    padding: 20px 0;
    background: transparent;
    color: #000;
    max-width: none;
  }
  #page_top a.pagetop span:before {
    display: block;
    position: static;
  }
  #page_top a.pagetop span {
    border-bottom: 1px solid #b5b5b5;
  }
  #page_top a.pagetop:before,
  #page_top a.pagetop:after {
    border: none;
  }
  #page_top a.pc_disp {
    display: none;
  }
  #page_top a span {
    border-bottom: 1px solid #ddd;
    display: inline-block;
  }
  footer {
    margin: 0;
    padding: 0 0 0;
    border-top: 10px solid #336633;
  }
  footer #footer_navigation {
    background: #336633;
  }
  footer #footer_nav {
    padding: 20px 30px 0;
    justify-content: center;
    font-size: 12px;
    position: relative;
  }
  footer #footer_nav li {
    margin: 0 0 8px;
  }
  footer #footer_nav li span {
    border-right: 1px solid #fff;
    padding: 0 7px 0;
  }
  footer #footer_nav li:first-child span {
    border-left: none;
  }
  footer #footer_nav li:last-child span {
    border-right: none;
  }
  footer #footer_navigation ul {
    padding: 25px 0 0;
  }
  footer #footer_navigation ul a {
    font-size: 11px;
    color: #fff !important;
  }
  footer .footer_bot_cont {
    margin: 20px auto;
  }
  footer .sns_footer {
    justify-content: center;
    text-align: center;
  }
  footer .sns_footer li {
    padding: 0 10px;
    max-width: 35px;
  }
  footer .footer_bot_cont {
    position: static;
    margin: 20px 0 20px;
  }
  footer .sns_footer a {
    color: #333;
    font-size: 16px;
  }
  footer .copy {
    text-align: center;
    font-size: 10px;
    padding: 10px 0;
    height: auto;
  }
  footer #triangle_up {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #336633 transparent transparent transparent;
    border-top: 5vw solid #336633;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    position: relative;
    z-index: 1;
  }

  /* =top page
  ------------------------------------------------------ */
  #mainvisual {
    margin: 0;
  }
  #mainvisual img.pc_disp {
    display: block !important;
  }
  #mainvisual img.sp_disp {
    display: none !important;
  }
  #mainvisual img {
    height: auto !important;
  }
  #slide_banner {
    margin: 0 auto;
  }
  #bnrslider {
    text-align: left;
  }
  #bnrslider img {
    max-width: calc( 90vw / 2 );
  }
  #bnrslider {
    margin: 15px 0 0;
  }
  #slider_wrapper li {
    width: 25%;
    padding: 0 5px;
    max-width: 200px;
    margin: 0 0 10px;
  }
  #bnrslider:after{
    content: "";
    display: block;
    width: 25%;
    max-width: 270px;
  }
  #bnrslider::before{
    content:"";
    display: block;
    width:25%;
    order:1;
    max-width: 270px;
  }
  #menu, #column, #news, #store-news {
    margin: 20px auto 20px;
    padding: 22% 0 0;
    background: url("images/bg_dot_tab.svg") no-repeat center top;
    background-size: contain;
  }
  #content.top_page h2 {
    font-size: 25px;
  }
  #content.top_page h2:before,
  #content.top_page h2:after {
    height: 2px;
    width: 46px;
   border-top: 2px solid #336633;
  }
  #content.top_page h2 span:after {
    border-bottom: 2px solid #336633;
    width: 80px;
    margin-left: -40px;
  }
  #content.top_page .h2_sub {
    font-size: 10px;
    padding: 1px 0 0;
    margin: 0 auto 30px;
  }
  #content.top_page #menu .more,
  #content.top_page .news .more,
  #content.top_page .more {
    margin: -70px auto 30px;
    top: -15px;
  }
  #content.top_page .news .more {
    margin: 0 auto 40px;
    top: -15px;
  }
  #content.top_page .more a {
    font-size: 12px;
  }
  #content.top_page .more a:after {
    width: 10px;
    height: 10px;
  }
  #content.top_page #menu .slide_menu ul + span {
    height: 3px;
  }
  #content.top_page #menu .tabs .horizontal {
    display: flex;
    border-bottom: 3px solid #e7e7e7;
  }
  #content.top_page #menu .tabs .horizontal li {
    width: 33.33333% !important;
  }
  #content.top_page #menu .tabs .horizontal li:first-child > a > span {
    border-left: none;
  }
  #content.top_page #menu .tabs .horizontal li#drink > a > span {
    border-right: none;
  }
  #content.top_page #menu .slide_cont {
    background: #fff;
    margin: 15px auto;
  }
  #content.top_page #menu .pickup_box {
    background: linear-gradient(#fff 50%, #c8102e 50%);
    text-align: center;
    padding: 0 0 25px;
  }
  #content.top_page #menu .pickup_box .pickup_inner {
    display: block;
  }
  #content.top_page #menu .pickup_box .pickup_text {
    color: #336633;
    font-size: 15px;
    text-align: center;
    padding: 0 20px 20px;
  }
  #content.top_page #menu .pickup_box .pickup_text p {
    position: static;
    max-width: 100%;
    width: 100%;
  }
  #content.top_page #menu .pickup_box .pickup_text + a {
    display: block;
    border-left: 1px solid #fff;
    position: relative;
    width: auto;
    max-width: 250px;
    margin: auto;
    color: #fff;
    padding: 0;
    position: relative;
  }
  #content.top_page #menu .pickup_box .pickup_text + a h5,
  #content.top_page #menu .pickup_box .pickup_text + a .item_name_ja {
    text-align: left;
    color: #fff;
    margin: 3px auto;
  }
  #content.top_page #menu .pickup_box .pickup_text + a:after {
    content:"";
    border-bottom: 1px solid #fff;
    width: 60%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #content.top_page #menu .pickup_info h5 {
    font-size: 13px;
  }
  #content.top_page #menu .pickup_box .pickup_text + a p {
    font-size: 10px;
  }
  #content.top_page #menu .pickup_box .pickup_text + a p {
    margin: 0;
  }
  #content.top_page #menu .pickup_img img {
    max-height: 180px;
    width: auto;
    max-width: 200px;
  }
  #content.top_page #menu .pickup_box .pickup_img img {
    max-height: 180px;
    max-width: 200px;
    width: auto;
    height: auto;
    position: static;
  }
  #content.top_page #menu .tabs .horizontal li > a {
    line-height: 16px;
  }
  #content.top_page #menu .tabs .horizontal li span {
    font-size: 10px;
    letter-spacing: 0.5px;
  }
  #content.top_page #menu .pickup_img {
    min-height: 0;
    text-align: center;
  }
  #content.top_page #menu .tabs .horizontal li#pickup span img {
    max-height: 14px;
    width: auto;
  }
  #content.top_page #menu .tabs .horizontal li:not(#pickup) span img {
    max-height: 18px;
    height: auto;
    padding-right: 3px;
    max-width: 27px;
    width: auto;
  }
  #content.top_page #menu .pickup_info {
    position: static;
    border: none;
    padding: 5px 12px 13px;
  }
  #content.top_page #menu .pickup_info:before,
  #content.top_page #menu .pickup_info:after {
    border: none;
    width: 0;
    height: 0;
  }
  #content.top_page #menu .pc_disp:not(.sp_disp) {
    display: none !important;
  }
  #content.top_page #menu .pickup_inner + .pickup_inner {
    display: none !important;
  }
  #content.top_page #column .column_list {
    margin: 40px 5px 0;
  }
  #content.top_page #column .column_box {
    padding: 0 5px 15px;
    width: 25%;
  }
  #content.top_page #column .column_box .newicon,
  #column_cont .column_box .newicon {
    width: 59px;
    height: 19px;
    font-size: 10px;
    padding: 4px 0 0;
    left: 5px;
  }
  #content.top_page #column .column_box .text_box .date {
    font-size: 10px;
  }
  #content.top_page #column .column_box .text_box h3 {
    font-size: 12px;
    margin: 1px 0 7px;
  }
  #content.top_page #column .column_box .text_box p {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0;
  }
  #page.tax-store-news-cat .news_list,
  #page.post-type-archive .news_list,
  #page[class*="-store"] .storenews_list {
    margin: 0 auto 20px;
  }
  #content.top_page .news .news_list {
    margin: 0 auto 40px;
  }
  #page.tax-store-news-cat .news_list li,
  #page.post-type-archive .news_list li,
  #page[class*="-store"] .storenews_list li,
  #content.top_page .news .news_list li {
    padding: 0 0 7px;
    margin: 11px 0 0;
  }
  #page.tax-store-news-cat .news_list li a .date,
  #page.post-type-archive .news_list li a .date,
  #content.top_page .news .news_list li a .date,
  #page[class*="-store"] .storenews_list li a .date {
    font-size: 10px;
    padding: 5px 0 1px;
    margin: 0;
  }
  #page.tax-store-news-cat .news_list li a .newicon,
  #page.post-type-archive .news_list li a .newicon,
  #content.top_page .news .news_list li a .newicon,
  #page[class*="-store"] .storenews_list li a .newicon {
    width: 43px;
    height: 15px;
    font-size: 10px;
    padding: 2px 0 0;
  }
  #page.tax-store-news-cat .news_list li a .title,
  #page.post-type-archive .news_list li a .title,
  #content.top_page .news .news_list li a .title,
  #page[class*="-store"] .storenews_list li a .title {
    padding: 5px 0 0 !important;
    font-size: 12px;
    margin: 5px 0 0;
    display: block;
    clear: both;
  }
  #page.single-store-news article p,
  #page.single-news article p {
    margin: 0 0 20px;
    font-size: 12px;
  }
  #content.top_page #column .column_box .img_box img {
    min-height: 120px;
  }
  #content.top_page #column .column_box .text_box {
    padding: 10px;
  }
  #content.top_page #instagram {
    padding: 15px 0 3px;
  }
  #content.top_page #instagram .instagram_ttl {
    position: static;
    transform: scale(1);
  }
  #content.top_page #instagram h2 {
    background: url(images/bg_instagram.svg) center center no-repeat;
    top: 0;
    background-size: 181px auto;
    font-size: 17px;
    width: 100%;
    line-height: 75px;
    margin: 0 0 0;
  }
  #content.top_page #instagram .insta_link {
    margin: -5px 0 13px;
  }


  #content.top_page #instagram .insta_box::before {
    display: inline-block;
  }
  #content.top_page #instagram ul {
    display: block;
  }

  #content.top_page #instagram .insta_box .overlay {
    display: none;
  }
  #content.top_page #instagram .insta_box {
    max-width: 33.333333%;
    float: left;
  }
  #content.top_page #instagram .insta_box a {
    padding: 1px;
  }
  #content.top_page #instagram .insta_box img {
    padding: 1px;
  }
  #content.top_page #instagram .insta_box:nth-child(n + 10) {
    display: none;
  }
  #content.top_page #instagram ul:before {
    border: none;
    height: 0;
    background: none;
    border-width: 60px 50vw 0 50vw;
  }
  /* =sidebar
  ------------------------------------------------------ */
  #content:not(.top_page):not(.combo_dozen):not(.app) .inner.two_col {
    margin: 0 10px;
    width: auto;
  }
  #sidebar h3 {
    padding: 11px 0 6px;
    font-size: 17px;
  }
  #sidebar .bnr {
    display: flex;
    justify-content: space-between;
  }
  #sidebar .bnr li {
    width: 50%;
    padding: 0 0 0 5px;
  }
  #sidebar .bnr li:nth-child(odd) {
    padding: 0 5px 0 0;
  }
  #sidebar aside {
    margin: 0 10px 0;
  }
  #sidebar aside:not(#tag_cloud-2) h3:before,
  #sidebar aside:not(#tag_cloud-2) h3:after {
    width: 50%;
  }
  #sidebar aside:not(#tag_cloud-2) h3 span:after {
    width: 100%;
    margin-left: -50%;
  }

  /* =single
  ------------------------------------------------------ */
  #column_cont .column_list .column_box:first-child a {
    display: block;
  }
  #column_cont .column_list .column_box:first-child .img_box {
    width: 100%;
    max-width: none;
    max-height: none;
    height: calc(100vw * 0.60);
  }
  #column_cont .column_list .column_box:first-child .text_box {
    width: auto;
    max-width: none;
    max-height: none;
    padding: 10px;
  }
  #column_cont .column_list .column_box:first-child {
    margin: 0 0 15px;
  }
  #column_cont .column_list .column_box {
    padding: 0 0 0 5px;
    margin: 0 0 15px;
  }
  #column_cont .column_list .column_box:nth-child(2n) {
    padding: 0 5px 0 0;
  }
  #column_cont .column_list .column_box .img_box {
    width: 100%;
    max-width: none;
    max-height: none;
    height: calc(100vw * 0.33);
  }
  #column_cont .column_list .column_box .text_box .date {
    font-size: 10px;
  }
  #column_cont .column_list .column_box:first-child .text_box h3 {
    font-size: 16px;
    margin: 5px auto 10px;
  }
  #column_cont .column_list .column_box .text_box h3 {
    font-size: 13px;
    margin: 3px auto 5px;
  }
  #column_cont .column_list .column_box:first-child .text_box .excerpt {
    font-size: 13px;
    margin: 0 auto 10px;
  }
  #column_cont .column_list .column_box .text_box .excerpt {
    font-size: 10px;
    margin: 0 auto 10px;
    line-height: 1.4;
  }
  .column_list_info {
    border: none;
    margin: 0 10px;
  }
  .column_list_info p {
    border-bottom: 1px solid #d2d2d2;
    position: static;
    font-size: 10px;
    margin: 0 0 5px;
    padding: 0 0 5px;
  }
  .not_found {
    padding: 0 10px;
  }
  .column_list_info .pager {
    font-size: 0;
    margin: 0 0 50px;
  }
  .column_list_info .pager .no_link, .column_list_info .pager .page-numbers, .column_list_info .pager a {
    width: 25px;
    line-height: 25px;
    margin: 0 3px;
    font-size: 13px;
  }
  .column_list_info .pager .dots {
    width: auto;
    margin: 0 1px;
  }
  .column_list_info .pager .all_prev,
  .column_list_info .pager .all_next,
  .column_list_info .pager .all_prev.no_link,
  .column_list_info .pager .all_next.no_link {
    margin: 0 0 0 0;
    display: none !important;
  }
  #sidebar #tag_cloud-2 h3 {
    margin: 25px -20px 45px;
    padding: 6px 0 0;
  }
  #sidebar #tag_cloud-2 {
    overflow: hidden;
  }
  #sidebar #tag_cloud-2 h3:before {
    border-width: 0 0 0 0;
    height: 0;
    background: none;
  }
  #sidebar #tag_cloud-2 h3:after {
    border-width: 0 0 0 0;
    background: url(images/column_bottom.png) no-repeat center top;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 44px;
    position: absolute;
    right: 0;
    left: 0;
    top: 99%;
  }
  .single-post .single_main {
    margin: 35px auto 20px;
  }
  .single-post #main .single_main .cat {
    font-size: 13px;
  }
  .single-post .tag_list {
    max-width: 100%;
  }
   .single-post .tag_list li {
    font-size: 11px;
  }
  .single-post .nav_single {
    border: none;
    font-size: 11px;
    text-align: center;
    display: block;
  }
  .single-post .nav_single:after {
    border: none;
  }
  .single-post .nav_single > span {
    width: 100%;
    padding: 5px 0;
	min-height: 0;
  }
  .single-post .nav_single > .nav_previous {
    border-bottom: 1px solid #b2b2b2;
  }
  .single-post .nav_single .nav_next {
    text-align: center;
  }
  .single-post .nav_single > span i {
    position: static;
    padding: 0 5px;
    font-size: 16px;
  }
  .single-post .nav-list a {
    font-size: 12px;
  }
  #content:not(.top_page):not(.combo_dozen):not(.app) #sidebar {
    margin: 40px auto 0;
  }
  .single-post h4.recommend {
    margin: 40px 0 10px 0;
  }
  .single-post h4.recommend span {
    font-size: 13px;
  }
  .single-post .recommend_list li {
    width: 31%;
    margin: 0 0 20px;
  }
  .single-post .recommend_list li .img_box {
    height: 120px;
  }
  .single-post #main .recommend_list li .img_box img {
    min-height: 120px;
  }
  .single-post #main .recommend_list li .text_box .date {
    font-size: 10px;
  }
  .single-post #main .recommend_list .column_box .text_box .title {
    font-size: 12px;
    font-weight: bold;
    margin: 1px 0 7px;
  }
  .single-post #main .enjoynewtaste_ttl {
    font-size: 16px;
    margin: 8px 0 8px;
  }
  .single-post h3 {
    font-size: 18px;
    margin: 3px 0 25px;
  }
  .single-post #main .date_wrapper {
    font-size: 12px;
  }
  #sidebar .widget_archive .years > li > a {
    font-size: 13px;
  }

  /* single */
  .single_page .single_main {
    margin: 35px auto 20px;
  }
  .single_page .single_main .store li {
    font-size: 10px;
  }
  .single_page .nav_single {
    border: none;
    font-size: 11px;
    text-align: center;
    display: block;
  }
  .single_page .nav_single:after {
    border: none;
  }
  .single_page .nav_single > span {
    width: 100%;
    padding: 5px 0;
  }
  .single_page .nav_single > .nav_previous {
    border-bottom: 1px solid #b2b2b2;
  }
  .single_page .nav_single .nav_next {
    text-align: center;
  }
  .single_page .nav_single > span i {
    position: static;
    padding: 0 5px;
    font-size: 16px;
  }
  .single_page .nav-list a {
    font-size: 12px;
  }
  .single_page h3 {
    font-size: 20px;
    margin: 5px 0 25px;
  }
  .single_page .date_wrapper {
    font-size: 12px;
  }
  #sidebar .recent li {
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  #sidebar .recent li span {
    font-size: 10px;
  }
  .single_page .single_main ul.store {

  }
  .single_page .single_main ul.store li {
    display: block;
    margin: 0 0 5px;
  }
  .single_page .single_main ul.store li:after {
    content: "｜";
    padding: 0 5px;
  }

  /* store */
  #main .storesearch_col .map_col,
  #main .storesearch_col .select_col {
    width: 100%;
    padding: 0;
  }

  /* =lower
  ------------------------------------------------------ */
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh {
    margin: 35px 0 20px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).fundraising .maxvh {
    margin: 55px 0 30px;
  }
  #content:not(.top_page):not(.combo_dozen):not(.app) {
    margin: 50px auto 10px;
  }
  #page.page-template-default #content:not(.top_page) {
    margin: 50px 10px 10px;
  }
  #breadcrumbs {
    font-size: 10px;
  }
  #content .block_box {
    display: block;
  }
  #content .block_box > li {
    width: 100%;
  }
  .low_main_image {
    min-height: 150px;
    font-size: 12px;
  }
  .page-id-25 .low_main_image .low_main_title h2 {
    margin: 40px 0 5px;
  }
  .low_main_image .low_main_title h2 {
    margin: 55px 0 5px;
    padding: 5px 0;
    font-size: 22px;
  }
  .low_main_image .low_main_title h2:before {
    height: 2px;
    width: 48px;
  }
  .low_main_image .low_main_title h2:after {
    height: 2px;
    width: 48px;
  }
  .low_main_image .low_main_title h2 span:after {
    border-bottom: 2px solid #fff;
    width: 80px;
    margin-left: -40px;
    height: 2px;
  }
  .low_main_image .low_main_title .h2_sub {
    font-size: 11px;
  }
  .share-btn {
    margin: 0 0 15px;
  }
  .share-btn li {
    font-size: 11px;
  }

  /* store */
  #page .maxvh.store_top {
    margin: 30px auto auto;
  }
  #page .maxvh h2 {
    font-size: 16px !important;
    margin: 0 auto 5px 10px !important;
  }
  #page .maxvh h2 > span:not(.category_right) {
    border-bottom: 3px solid #336633;
    padding: 5px 0;
  }
  #main .storesearch_col {
    padding: 30px 0;
  }
  #main .storesearch_col .container {
    display: block;
  }
  #main .storesearch_col .container {
    margin: 0 20px;
  }
  #main .storesearch_col .prefectures,
  #main .storesearch_col .freeword {
    width: 100%;
  }
  #main .storesearch_col .sp_disp {
    text-align: center;
  }
  #main .storesearch_col .sp_disp a {
    border: 1px solid #336633;
    background: #336633;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    padding: 13px 25px 13px 30px;
    border-radius: 40px;
    line-height: 1.2;
    display: inline-block;
    text-align: center;
    max-width: 280px;
    width: 100%;
    position: relative;
  }
  #main .storesearch_col .sp_disp a span {
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 0 0;
  }
  #main .storesearch_col .sp_disp a img {
    height: 27px;
    left: 32px;
    position: absolute;
    vertical-align: text-bottom;
    margin: 0 0 0 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #main .storesearch_col .prefectures {
    border-right: none;
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  #main .storesearch_col .freeword .title,
  #main .storesearch_col .prefectures dl dt {
    font-size: 15px;
    float: none;
    width: auto;
  }
  #main .storesearch_col .prefectures dl dd {
    padding: 8px 0 0;
  }
  select {
    font-size: 13px;
    line-height: 1;
  }
  #main .storesearch_col .prefectures .check_list {
    font-size: 11px;
    display: block;
    margin: 10px 0 20px;
  }
  #main .storesearch_col .prefectures .check_list li:nth-child(2n),
  #main .storesearch_col .prefectures .check_list li {
    display: inline-block;
    width: auto;
  }
  #main .storesearch_col .prefectures label input[type="checkbox"] + span::before {
    width: 15px;
    height: 15px;
    border: 1px #616161 solid;
  }
  #main .storesearch_col .prefectures label input[type="checkbox"] + span::after {
   margin: 2px 5px;
   width: 5px;
   top: -1px;
  }
  #main .storesearch_col .prefectures .check_list label input[type="checkbox"] + span,
  #main .storesearch_col .prefectures .check_list label input[type="radio"] + span {
    padding: 0 15px 0 20px;
  }
  #main .storesearch_col form input[type="submit"] {
    font-size: 13px;
    padding: 16px 16px 15px 23px;
    width: 100%;
    max-width: 250px;
  }
  #main .storesearch_col .freeword input[type="search"] {
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }
  #main .storesearch_col .freeword input[type="submit"] {
    margin: 10px 0 0;
  }
  #page[class*="-store"] .storenews_list {
    margin: 30px auto;
  }
  #page[class*="-store"] .storenews_list li a .store_storenews {
    padding: 0;
  }
  #page[class*="-store"] .storenews_list li a .store_storenews li {
    font-size: 10px;
  }
  #page[class*="-store"] .storenews_list li a .store_storenews li:last-child:after {
    content: "";
  }
  #page[class*="-store"] #content:not(.top_page):not(.combo_dozen):not(.app) {
    margin: 40px 10px 30px;
  }
  #page[class*="-store-news"] #content:not(.top_page):not(.combo_dozen):not(.app) {
    margin: 40px 0 30px;
  }
  #page #gps #content:not(.top_page),
  #page[class*="-store"].page-template-store-search #content:not(.top_page),
  #page[class*="-store"].tax-store-cat #content:not(.top_page):not(.combo_dozen):not(.app) {
    margin: 40px 10px 0;
  }
  #slider_wrapper {
    padding: 0 0 15px;
  }
  #slider_wrapper #slide_banner {
    padding: 0 0 0;
  }
  #main .storesearch_col .prefectures label span .icon {
    width: 20px;
    margin: 0 5px 0 0;
  }
  #main .storesearch_col .prefectures label span img {
    max-width: 20px;
    max-height: 16px;
    margin: auto;
  }
  #main .storesearch_col .prefectures li:nth-child(2) label span img {
	max-width: 17px;
  }
  #main .head_col .storesearch_btn.sp_disp {
    padding: 15px 20px;
    font-size: 13px;
  }
  #main .head_col .storesearch_btn.sp_disp:after {
    font-size: 15px;
    width: 30px;
    line-height: 30px;
  }
  #main .head_col + .storesearch_col {
    display: none;
  }
  #page #gps .count,
  #page[class*="-store"] .count {
    font-size: 12px;
  }
  #page #gps #addressInfo > li,
  #page #gps #addressInfo > li:nth-child(2n),
  #page[class*="-store"] #addressInfo > li:nth-child(2n),
  #page[class*="-store"] #addressInfo > li {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
  }
  #page #gps #addressInfo > li a,
  #page[class*="-store"] #addressInfo > li a {
    border-top: 2px solid #336633;
    padding: 12px 10px;
    box-shadow: 1.414px 1.414px 2px 1px rgba(0, 0, 0, 0.22);
  }
  #page #gps #addressInfo > li a:after,
  #page[class*="-store"] #addressInfo > li a:after {
    content: none;
  }
  #page #gps #addressInfo > li a h3,
  #page[class*="-store"] #addressInfo > li a h3 {
    font-size: 14px;
  }
  #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 {
    font-size: 11px;
    padding: 3px 25px 0 0;
  }
  #page #gps #addressInfo > li a .text_wrap,
  #page[class*="-store"] #addressInfo > li a .text_wrap {
    position: relative;
  }
  #page #gps #addressInfo > li a .text_wrap:after,
  #page[class*="-store"] #addressInfo > li a .text_wrap:after {
    content: "\f105";
    font-family: FontAwesome;
    color: #336633;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #page #gps #addressInfo > li a .store_info,
  #page[class*="-store"] #addressInfo > li a .store_info {
    font-size: 12px;
    margin: 7px 25px 0 0;
    padding: 0 0 5px;
  }
  #page #gps #addressInfo > li a .icon,
  #page[class*="-store"] #addressInfo > li a .icon {
    margin: 0 25px 0 0;
  }
  #page #gps #addressInfo > li a .icon li,
  #page[class*="-store"] #addressInfo > li a .icon li {
    padding: 3px 7px 3px;
    margin: 5px 3px 0 0;
  }
  #page[class*="-store"] .store_detail {
    display: block;
    margin: 15px auto 60px;
    padding: 12px 15px;
  }
  #page[class*="-store"] .store_detail .info_col,
  #page[class*="-store"] .store_detail .map_col {
    width: 100%;
    padding: 0;
  }
  #page[class*="-store"] #content:not(.top_page):not(.combo_dozen):not(.app) .store_detail h3 {
    font-size: 16px;
    margin: 5px 0 0;
    font-weight: bold;
  }
  #page[class*="-store"] #content:not(.top_page):not(.combo_dozen):not(.app) .store_detail h3 + h3 {
    font-size: 13px;
  }
  #page[class*="-store"] .store_detail .store_open,
  #page[class*="-store"] .store_detail .store_close {
    font-size: 12px;
    margin: 5px auto auto;
  }
  #page[class*="-store"] .store_detail .info_col dl {
    margin: 10px 0 0;
  }
  #page[class*="-store"] .store_detail .info_col dt {
    float: none;
    width: auto;
    padding: 8px 0 2px;
  }
  #page[class*="-store"] .store_detail .info_col dd {
    padding: 0 0 8px;
  }
  #page[class*="-store"] .store_detail .info_col .store_hosoku {
    font-size: 12px;
    padding: 12px 10px;
  }
  #page[class*="-store"] .store_detail .info_col .icon li {
    font-size: 11px;
    padding: 2px 12px 2px;
    margin: 0 3px 7px 0;
  }
  #page[class*="-store"] .store_detail .map_col {
    margin: 20px 0 0;
  }
  #page[class*="-store"] .store_detail .map_col .map {
    height: 250px;
    margin: 20px -15px 0;
  }
  #page[class*="-store"] .store_detail .map_col .map_link {
    margin: 20px 0 15px;
  }
  #page[class*="-store"] .store_detail .map_link a {
    font-size: 11px;
  }
  #page[class*="-store"] .nostore,
  #page[class*="-store"] .post {
    font-size: 13px;
    margin: 40px auto;
  }

  /* menu */
  [class*="-menu"] .menu_list.yeast li img, [class*="-menu"] .menu_list.bluree li img, [class*="-menu"] .menu_list.oldfashion li img {
    max-width: 100%;
  }
  [class*="-menu"] #fixed_menu #menu_local {
    left: 0;
  }
  [class*="-menu"] #menu_static.tabs {
    margin: 0 -10px;
    z-index: 1;
  }
  [class*="-menu"] .combo_dozen_link.sp_disp {
    display: block !important;
    text-align: right;
    padding: 0 0 0;
    margin: 0 0 !important;
    position: absolute;
    top: -6px;
    right: 10px;
    z-index: 1000;
    width: 100%;
    -webkit-transition: .3s ease-out all;
    transition: .3s all;
  }
  [class*="-menu"] .combo_dozen_link.sp_disp.single_page {
    position: static;
    margin: 0 auto 0;
    text-align: center;
  }
  [class*="-menu"] .combo_dozen_link.sp_disp.single_page a {
    border-radius: 30px;
    display: inline-block;
    margin: 10px 0 0;
    font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  }
  [class*="-menu"] .combo_dozen_link.sp_disp a {
    font-size: 12px;
    display: inline-block;
    border-radius: 30px;
    background-color: #e2af2d;
    padding: 6px 30px 6px 20px;
    font-family: 'BrandonGrotesque Medium' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  }
  [class*="-menu"] .tabs .combo_dozen_link.pc_disp {
    display: none !important;
  }
  [class*="-menu"] .tabs .horizontal {
    max-width: 550px;
    margin: auto;
  }
  [class*="-menu"] .tabs .horizontal li {
    width: 24% !important;
  }
  [class*="-menu"] .tabs .horizontal li.doughnuts_localmenu span img {
    max-width: 20px;
    margin-bottom: 5px;
  }
  [class*="-menu"] .tabs .horizontal li > a > span {
    line-height: 1.4;
  }
  [class*="-menu"] .tabs .horizontal li span img {
    max-height: 20px;
    padding: 0;
    margin: 0 0 2px;
  }
  [class*="-menu"] .tabs .horizontal li:first-child span img,
  [class*="-menu"] .tabs .horizontal li#doughnutsfixed span img {
    max-width: 20px;
  }
  [class*="-menu"] .tabs .horizontal li span span {
    display: block;
    letter-spacing: 0;
  }
  [class*="-menu"] .tabs .horizontal li {
    font-size: 10px;
  }
  [class*="-menu"]:not(.single-menu) .maxvh {
    margin: 30px auto 30px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh h2 > .category_right,
  [class*="-menu"] .maxvh h2 > .category_right {
    bottom: auto;
    top: 100%;
    padding: 15px 10px 0;
    font-size: 11px;
  }
  
  [class*="-menu"] .microwave_wrap {
    padding: 15px 20px;
  }
  #main [class*="-menu"] .microwave_wrap .microwave {
    margin: 0;
  }
  [class*="-menu"] .microwave_wrap ul {
    padding: 10px 0 0 15px;
  }
  [class*="-menu"] .microwave_wrap ul li {
    font-size: 10px;
    margin: 3px 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).fundraising .maxvh.shikumi {
    margin: 55px 0 45px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh h2 > .category_right {
    padding: 15px 10px;
  }
  [class*="-menu"] h3 {
    font-size: 15px;
    margin: 10px 0 20px;
    padding: 0;
    position: relative;
  }
  [class*="-menu"] h3#kidsdrinks {
    margin: -40px 0 20px;
    padding: 50px 0 0;
  }
  #page.term-drink[class*="-menu"] h3 .category_right {
    position: static;
    margin: 0 0 5px;
    display: inline-block;
  }
  [class*="-menu"] .category_right > span.combo_in, [class*="-menu"] .category_right > span.combo_kids {
    padding: 5px 15px;
    width: auto;
    height: auto;
    line-height: 1;
  }
  [class*="-menu"] .category_right > span.combo_kids br {
    display: none;
  }
  [class*="-menu"] .category_right > span.combo_in > span, [class*="-menu"] .category_right > span.combo_kids > span {
    position: static;
  }
  [class*="-menu"] #main .menu_list > li .item_price span:not(.dozen_text):not(.dozen) {
    margin: 4px 5px 2px 0;
    vertical-align: bottom;
  }
  [class*="-menu"] #main .menu_list > li .item_price span:nth-child(2n):not(.dozen_text):not(.dozen) {
    margin: 4px 5px 0 0;
  }
  [class*="-menu"] .category_right {
    position: absolute;
    bottom: auto;
    top: 100%;
    right: 0;
    padding: 5px 0 0;
    font-size: 11px;
  }
  [class*="-menu"] .category_upper {
    font-size: 10px;
    margin: 10px 10px 5px;
  }
  [class*="-menu"] .category_bottom {
    font-size: 10px;
    margin: 5px 10px 15px;
  }
  [class*="-menu"] .season_special_box {
    padding: 10px 0 5px;
    margin: 0;
  }
  [class*="-menu"] .season_special_box .category_right {
    position: static;
    font-size: 12px;
  }
  [class*="-menu"] .season_special_box .category_upper {
    font-size: 11px;
    margin: 10px 0 5px;
  }
  [class*="-menu"] .season_special_box .category_bottom {
    font-size: 11px;
    margin: 5px 0 15px;
  }
  [class*="-menu"] .menu_list[class*="season"] {
    position: relative;
    padding: 0 0 0;
    margin: 0 0 0;
  }
  [class*="-menu"] .menu_list[class*="season"].has_campaign {
    padding: 40px 0 0;
  }
  [class*="-menu"] #bluree .campaign_btn {
    bottom: 10px;
  }
  [class*="-menu"] #bluree .campaign_btn a {
    font-size: 11px;
    padding: 5px 11px 5px 18px;
  }
  [class*="-menu"] .season_special_box .campaign_btn {
    right: 0;
    top: -5px;
  }
  [class*="-menu"] .season_special_box .campaign_btn a {
    font-size: 11px;
    padding: 5px 11px 5px 18px;
  }
  [class*="-menu"] #main .menu_list[class*="season"] > li .item_name_ja {
    font-size: 12px;
  }
  [class*="-menu"] #main .menu_list[class*="season"] > li .item_name_en {
    font-size: 11px;
  }
  [class*="-menu"] #main .menu_list[class*="season"] > li .item_price {
    font-size: 14px;
  }

  [class*="-menu"] .menu_list {
    padding: 10px 0 0;
  }
  [class*="-menu"] .menu_list.yeast,
  [class*="-menu"] .menu_list.doughnutice,
  [class*="-menu"] .menu_list.oldfashion,
  [class*="-menu"] .menu_list.bluree {
    padding: 22px 0 0;
	width: 100%;
  }
  [class*="-menu"] .menu_list > li {
    width: 33.33333%;
    padding: 0 10px 0 0;
    margin: 0 0 15px;
  }
  #page.term-drink[class*="-menu"] .menu_list > li {
    margin: 0 0 0;
  }
  [class*="-menu"] .menu_list.seasondozen > li, 
  [class*="-menu"] .menu_list.dozen > li,
  [class*="-menu"] .menu_list.seasonminis > li,
  [class*="-menu"] .menu_list.mini > li {
    width: 50%;
  }
  [class*="-menu"] .menu_list.mini > li img {
    max-height: 190px !important;
  }
  [class*="-menu"] .menu_list > li:nth-child(3n) {
    padding: 0 0 0 10px;
  }
  [class*="-menu"] .menu_list > li:nth-child(3n+2) {
    padding: 0 5px 0 5px;
  }
  [class*="-menu"] #main .menu_list > li .item_name_ja {
    font-size: 11px;
    line-height: 1.3;
  }
  [class*="-menu"] #main .menu_list > li .item_name_en {
    font-size: 10px;
    line-height: 1.3;
  }
  [class*="-menu"] #main .menu_list > li .item_price {
    font-size: 13px;
  }
  #page.term-drink[class*="-menu"] #main .menu_list > li .item_price {
    margin: 0 0 25px;
  }
  [class*="-menu"] #main .menu_list > li .item_price span.dozen_text {
    font-size: 10px;
  }
  [class*="-menu"] #main .menu_list > li .item_price br + span:not(.dozen_text):not(.dozen) {
    margin: 5px 5px 10px 0;
   vertical-align: middle;
  }
  #page[class*="-menu"] .menu_detail .info_col .item_price span.dozen_text {
    font-size: 13px;
  }
  [class*="-menu"] .menu_list > li .img_box .icons li {
    font-size: 10px;
    width: 40px;
    height: 40px;
  }
  [class*="-menu"] .menu_list > li .img_box .item_deals {
    font-size: 10px;
    width: 50px;
    height: 50px;
  }
  [class*="-menu"] .menu_list > li .img_box .item_deals span {
    line-height: 1.1;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) {
    margin: 40px 10px 30px;
  }
  #page[class*="-menu"] .menu_detail:not(.menu_list_allergy) {
    display: block;
    margin: 15px auto 45px;
    padding: 12px 15px;
  }
  #page[class*="-menu"] .menu_detail:not(.menu_list_allergy) .info_col,
  #page[class*="-menu"] .menu_detail .image_col {
    width: 100%;
    padding: 0;
    min-height: 0;
  }
  #page[class*="-menu"] .menu_detail .image_col .image_box {
    position: static;
  }
  #page[class*="-menu"] .menu_detail .image_col img {
    max-height: 250px;
    width: auto;
  }
  [class*="-menu"] .menu_list > li .img_box .icons {
    top: -16px;
  }
  #page[class*="-menu"] .menu_detail .image_col .icons li {
    width: 50px;
    height: 50px;
    font-size: 12px;
  }
  #page[class*="-menu"] .menu_detail .image_col .item_deals {
    width: 55px;
    height: 55px;
    font-size: 12px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col h3 {
    font-size: 16px;
    margin: 15px 0 0;
    padding: 0;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col h3 + h3 {
    font-size: 13px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_price {
    font-size: 18px;
  }
  #page[class*="-menu"] .menu_detail .info_col .item_price span.dozen.tyuui {
    font-size: 12px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_detail {
    margin: 0 0 15px;
  }
  #page[class*="-menu"] .menu_detail .info_col dl {
    margin: 5px 0 0;
  }
  #page[class*="-menu"] .menu_detail .info_col dt {
    font-size: 11px;
    width: 70px;
    padding: 15px 0 0;
  }
  #page[class*="-menu"] .menu_detail .info_col dd {
    padding: 7px 20px 7px 85px;
  }
  #page[class*="-menu"] .menu_detail .info_col dd img {
    width: 34px;
    height: 34px;
    margin: 0 6px 0 0;
  }
  #page[class*="-menu"] .menu_detail .info_col dd ul:not(.attention) li {
    font-size: 10px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 5px 0 0;
  }
  #page[class*="-menu"] .menu_detail .info_col dd ul:not(.attention) li.allergy_milk_seibun {
    font-size: 10px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku {
    font-size: 12px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku div {
    padding: 10px 15px;
    font-size: 12px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku div hr + h3 {
    margin-bottom: 12px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 + .cofee_refill2 h3 {
    text-align: left;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 h3 {
    text-align: center;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 + .cofee_refill2 {
    margin: 15px 0 10px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 p img.aligncenter {
    display: block;
    max-width: 188px;
    margin: auto;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .attention li {
    margin: 2px 0;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku h3 {
    font-size: 16px;
    margin: 10px auto 7px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku p {
    margin: 0 auto 5px;
  }
  #page[class*="-menu"] .menu_detail:not(.menu_list_allergy) .info_col .pdf {
    padding: 10px 0 0;
  }
  #page[class*="-menu"] .menu_detail.menu_list_allergy .info_col .pdf {
    margin: 0 0 20px;
  }
  #page[class*="-menu"] .menu_detail.menu_list_allergy .info_col .pdf li {
    margin: 0 0 7px;
  }
  #page[class*="-menu"] .menu_detail .info_col .pdf a {
    font-size: 12px;
  }
  #page[class*="-menu"] .menu_detail .info_col .pdf a:before {
    padding: 0 5px 0 0;
  }
  #page[class*="-menu"] .menu_detail .info_col .button_area {
    text-align: center;
    margin: 30px auto 0 auto;
  }
  #page[class*="-menu"] .menu_detail .info_col .campaign_link {
    display: block;
    margin: 0 auto 0 auto;
  }
  #page[class*="-menu"] .menu_detail .info_col .store_link {
    display: block;
    margin: 15px auto 15px auto;
  }
  #page[class*="-menu"] .menu_detail .info_col .campaign_link a,
  #page[class*="-menu"] .menu_detail .info_col .store_link a {
    font-size: 12px;
  }

  #page[class*="-menu"] .menu_attention {
    margin: 30px 0 0;
    padding: 15px 10px 5px;
    font-size: 10px;
  }
  [class*="-menu"] .menu_attention ul.asterisk {
    padding: 0 0 0;
    margin: 0 0 20px;
  }
  [class*="-menu"] .menu_attention ul.asterisk:last-child {
    margin-bottom: 10px;
  }
  [class*="-menu"] .menu_attention ul.asterisk li {
    margin: 3px 0;
  }
  [class*="-menu"] .menu_attention h3 {
    margin: 0 0 10px;
    font-size: 13px;
    padding: 0 0 0;
  }
  [class*="-menu"] .drink_info {
    display: block;
    margin: 30px 0 10px;
  }
  [class*="-menu"] .drink_info > div {
    width: auto;
    margin: 0 0 10px;
  }
  [class*="-menu"] .drink_info div .inner {
    padding: 10px 10px;
  }

  [class*="-menu"] .drink_info div .inner h4 {
    margin: 0 0 0;
    font-size: 10px;
  }
  [class*="-menu"] .drink_info div .inner .lead {
    font-size: 13px;
    margin: 0 !important;
  }
  [class*="-menu"] .drink_info div .inner .lead span {
    display: inline-block;
    margin: 0 0 0;
  }
  [class*="-menu"] .drink_info div.refill .inner {
    display: block;
  }
  [class*="-menu"] .drink_info div.refill .inner p.caution {
    margin: 5px 0 0 !important;
  }
  [class*="-menu"] .drink_info div .inner .caution.mini {
    padding: 0 0 0 15px;
    margin: 5px 0 0;
  }
  [class*="-menu"] .drink_info div.refill .left {
    width: 100%;
  }
  [class*="-menu"] .drink_info div.refill .right {
    width: 100%;
    padding: 0 0 0 0;
  }

  /*recruit*/
  #content.recruit .recruit_top_upper .img_box .img_overlay {
    position: relative;
    width: 100%;
    margin: 0 0 10px;
    z-index: 100;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    padding: 15px 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .img_box .img_overlay h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .maxvh {
    margin: 0 0 20px;
    padding: 20px 0 0 0;
    background: #fff;
  }
  #content.recruit .recruit_top_bottom .recruit_menu_box {
    display: block;
  }
  #content.recruit .recruit_top_bottom .recruit_menu_box .half_box {
    background: linear-gradient(#fff 20%, #eeeeee 20%);
    width: 100%;
    padding: 0 10px 25px !important;
    margin: 0 auto 30px;
  }
  #content.recruit .recruit_top_bottom .recruit_menu_box .half_box .img_box {
    text-align: center;
  }
  #content.recruit .recruit_top_bottom .recruit_menu_box .half_box .img_box img {
    display: inline-block;
  }
  #content.recruit .recruit_top_bottom .recruit_menu li a {
    font-size: 12px;
    padding: 10px 30px 10px 25px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .recruit_menu {
    margin: 25px 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area {
    position: static;
    margin: 40px 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a {
    padding: 13px 30px 13px 25px;
    font-size: 18px;
    max-width: 280px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a span {
    font-size: 11px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .recruit_top_bottom .button_area a:after {
    width: 25px;
    height: 25px;
    right: 15px;
  }
  #content:not(.top_page):not(.combo_dozen):not(.app).recruit_child #sidebar {
    padding-left: 0;
    padding-right: 0;
  }
  #content:not(.top_page):not(.combo_dozen):not(.app).recruit_child .inner.two_col {
    margin-left: 0;
    margin-right: 0;
  }
  #content.recruit #vision .our_vision {
    padding: 15px 15px;
    font-size: 12px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .our_vision h3 {
    margin: 10px 0 20px;
    padding: 0 10px !important;
    font-size: 20px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).recruit_child .localmenu li img {
    max-width: 50px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).recruit_child .localmenu li {
    width: 33.33333%;
    padding: 0 5px;
  }
  #content.recruit #vision .our_vision .localmenu li h4 {
    font-size: 12px;
    letter-spacing: 0;
  }
  #content.recruit #vision .our_vision .localmenu li h4:before {
    padding: 0 5px 0 0;
  }
  #content.recruit #vision .our_vision .localmenu li h4:after {
    content: "/";
    padding: 0 0 0 3px;
    font-weight: normal;
  }
  #content.recruit #vision .our_vision .localmenu li p {
    font-size: 10px;
    letter-spacing: 0;
  }
  #content.recruit #vision h3 {
    letter-spacing: 0.5px;
    background-size: 30px 30px !important;
    padding-left: 55px !important;
    padding-right: 15px !important;
    line-height: 1.3;
    margin: 15px auto 20px;
  }
  #content.recruit #vision h3 span {
    display: block;
    font-size: 12px;
    margin: 0;
  }
  #content.recruit #vision h4,
  #content.recruit #vision .text_box h4 {
    font-size: 16px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision p,
  #content.recruit #vision .text_box p {
    font-size: 13px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision p,
  #content.recruit #vision .text_box p {
    font-size: 12px;
  }
  #content.recruit #vision .img_col {
    margin: 25px 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .text_box p {
    margin: 0 0 20px;
  }
  #sidebar #recruit_button {
    padding: 20px 0 0;
  }
  #sidebar #recruit_button a {
    padding: 13px 30px 13px 25px;
    font-size: 15px;
    max-width: 280px;
  }
  #sidebar #recruit_button a span {
    font-size: 10px;
  }
  #sidebar #recruit_button a:after {
    width: 20px;
    height: 20px;
    right: 15px;
  }
  #content.recruit .recruit_top_upper .img_box {
    text-align: center;
  }
  #page.recruit_interview .interview_main {
    margin: 0 0 30px;
  }
  #page.recruit_interview .interview_main_info .logo {
    width: 50px;
    top: 10px;
  }
  #page.recruit_interview .interview_main_info {
    width: 45%;
  }
  #page.recruit_interview .interview_main_info .text_in {
    font-size: 10px;
    padding: 0 0 0 10px;
  }
  #page.recruit_interview .interview_main_info .text_in h3 {
    font-size: 20px;
    font-weight: bold;
  }
  #page.recruit_interview .entry_content .interview_box {
    display: block;
  }
  #page.recruit_interview .entry_content .interview_box .text_box {
    padding: 0;
    margin: 0 0 30px;
  }
  #page.recruit_interview .entry_content .interview_box .text_box .attention {
    font-size: 11px;
  }
  #page.recruit_interview .entry_content .interview_box .text_box p {
    margin: 0 0 15px;
  }
  #page.recruit_interview .entry_content .interview_box .img_box {
    text-align: center;
  }
  #page.recruit_interview .interview_list {
    margin: 0 0 50px;
  }
  #page.recruit_interview .interview_list li {
    width: 33.33333%;
    background: #fff;
  }
  #page.recruit_interview .interview_list li a {
    margin: 0 2px 0 2px;
    display: block;
    height: 100%;
    background: #eee;
  }
  #page.recruit_interview .interview_list li:nth-child(3n + 1) a {
    margin: 0 4px 0 0;
  }
  #page.recruit_interview .interview_list li:nth-child(3n) a {
    margin: 0 0 0 4px;
  }
  #page.recruit_interview .interview_list li .text_box {
    padding: 10px 10px 15px;
    letter-spacing: 0.5px;
  }
  #page.recruit_interview .interview_list li .text_box p {
    font-size: 10px;
  }
  #page.recruit_interview .interview_list li .text_box h3 {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
  }
  #sidebar .widget_categories a {
    font-size: 12px;
  }
  #content.recruit #guideline h3,
  #content.recruit #crew h3 {
    margin: 0 0 20px;
    font-size: 16px !important;
  }
  #page .maxvh.store_top h2 span .recruit_ttl {
    font-size: 14px;
    padding: 0 0 0 5px;
  }
  #content.recruit #guideline h3 + p {
    font-size: 12px;
  }
  #content.recruit #guideline dl.table dt {
    font-size: 13px;
    background: #eee !important;
    padding: 10px 15px;
  }
  #content.recruit #guideline dl.table dd {
    font-size: 12px;
    background: #fff !important;
    padding: 15px 0 25px;
  }
  #content.recruit #guideline dl.table dd h4 {
    font-size: 13px;
    margin: 0 0 7px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd p {
    margin: 0 0 15px;
  }
  #content.recruit #guideline dl.table dd .nodecimal {
    padding: 0 0 0 0;
    margin: 0 0 25px;
  }
  #content.recruit #guideline dl.table dd p:last-of-type + .nodecimal:last-of-type {
    margin: 20px 0 0;
  }
  #content.recruit #guideline dl.table dd .nodecimal li {
    font-size: 12px;
    padding: 0 0 0 7px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul.caution {
    font-size: 12px;
    padding: 0 0 0 12px;
    margin: 20px 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul.notop {
    font-size: 12px;
    padding: 0 0 0 12px;
    margin: 0 0 25px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul {
    font-size: 11px;
    padding: 0 0 0 15px;
  }
  #content.recruit #guideline dl.table dd .attention_box:last-of-type {
    margin: 15px auto 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #guideline dl.table dd ul.nodisc {
    font-size: 12px;
    padding: 0 0 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) ul + h4 {
    margin: 20px auto 10px;
  }
  #content.recruit #crew .lead {
    font-size: 18px;
  }
  #content.recruit #crew .button_area {
    margin: 20px 0 40px;
  }
  #content.recruit #crew #guideline dl.table {
    margin: 20px 0 40px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #crew #guideline dl.table dd ul:last-of-type {
    margin: 15px auto 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision .text_box .attention {
    font-size: 11px;
    margin: 0 0 0;
  }


  /*faq*/
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) h3 {
    font-size: 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) ul {
    margin: 15px auto;
    font-size: 13px;
  }
  ul.asterisk {
    padding: 0 0 0 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) p {
    margin: 0 0 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .localmenu li {
    width: 100%;
    font-size: 11px;
    line-height: 1.2;
  }
  #content.faq .localmenu_box li {
    padding: 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .localmenu li a {
    padding: 10px 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .block_box li {
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 20px 10px;
  }
  #content .block_box > li h4 {
    font-size: 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .block_box li a.button {
    padding: 10px 30px 10px 20px;
    font-size: 12px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box {
    font-size: 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).faq .block_box .tel_box span {
    font-size: 24px;
  }
  #content.faq .faq_list {
    margin: 0 0 40px;
  }
  #content.faq .faq_list dt {
    padding: 10px 40px 8px 30px;
    margin: 5px 0 0 0;
    font-size: 13px;
    position: relative;
    cursor: pointer;
  }
  #content.faq .faq_list dt:first-child {
    padding: 5px 40px 8px 30px;
  }
  #content.faq .faq_list dt:after {
    content: "";
    background: url(images/icon_drop_open_green.png);
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
  }
  #content.faq .faq_list dt.open:after {
    background: url(images/icon_drop_close_green.png);
    background-size: contain;
  }
  #content.faq .faq_list dt:before {
    font-size: 18px;
  }
  #content.faq .faq_list dd {
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0 10px 0 30px;
  }
  #content.faq .faq_list dd:before {
    font-size: 16px;
  }
  #content.faq h3 + dl {
    padding: 10px 0 0;
  }
  #content.faq h3 + dl.faq_list dt {
    padding: 10px 0 8px 30px;
  }
  #content.faq h3 + dl.faq_list dt:first-child {
    padding: 10px 0 8px 30px;
  }
  #page.page-template-default #content:not(.top_page).faq h3 {
    font-size: 16px;
    padding: 13px 0 0;
    margin: 13px 0 0;
  }
  #content.faq h3 span {
    width: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: text-top;
  }
  #content.faq h3:after {
    content: "";
    background: url(images/icon_drop_open.png);
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 10px;
  }
  #content.faq h3.open:after {
    content: "";
    background: url(images/icon_drop_close.png);
    background-size: contain;
  }
  #content.faq h3 + dl.faq_list dt:after {
    background: none;
    width: 0;
    height: 0;
  }
  #content.faq h3 + dl.faq_list dt.open:after {
    background: none;
  }

  /*fundraising*/
  #content.fundraising h4 {
    font-size: 16px;
    margin: 25px auto 10px;
  }
  #content.fundraising h5 {
    font-size: 14px;
  }
  img {
    height: auto;
  }
  h3.fundraising span {
    font-size: 25px;
  }
  #page.page-id-25 .button {
    padding: 13px 30px 13px 25px;
    font-size: 18px;
    max-width: 280px;
  }
  #page.page-id-25 .button:after {
    width: 25px;
    height: 25px;
    right: 15px;
  }



  /*contact*/
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form .store_link {
    position: static;
    text-align: right;
    line-height: 1;
    padding: 0;
  }
  .attention_box {
    padding: 20px 10px;
    margin: 20px auto;
    font-size: 12px;
  }
  .attention_box h4 {
    font-size: 16px;
    padding: 0 0 5px;
    margin: 0 auto 10px;
  }
  .attention_box h6 {
    font-size: 13px;
    margin: 10px auto 5px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .attention_box ul {
    font-size: 12px;
    margin: 5px auto 10px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form_preview.mw_wp_form dt,
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dt {
    padding: 5px 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd {
    text-align: left;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd ul {
    font-size: 10px;
    padding: 3px 0 0 15px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .mwform-checkbox-field {
    text-align: left;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form .store_link {
    padding: 9px 0 0;
    font-size: 12px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd label {
    font-size: 12px;
  }
  #content.inquiry .button {
    padding: 5px 35px;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd .space {
    display: block;
    padding: 5px 0;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd .br {
    padding: 5px 0 0;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd.mini {
    text-align: left;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd.mini input {
    max-width: 60%;
    margin: 0 0 5px;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd.zip input {
    max-width: 45%;
    margin: 0 0 5px;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd span,
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .mw_wp_form dd p {
    font-size: 12px;
  }
   #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) p.uetsuki {
    margin: 15px 0 0;
  }

  /*combo_dozen*/
  #howto #menu_static {
    margin: 0 auto 10px;
  }
  #howto img {
    height: auto;
  }
  #howto .tabs .horizontal li {
    width: 39%;
    font-size: 10px;
  }
  #howto .tabs .horizontal li > a > span {
    line-height: 1.4;
  }
  #howto .tabs .horizontal li span img {
    max-width: 30px;
    padding: 0;
    margin: 0 10px 0 0;
  }
  #howto #dozenboxwari,
  #howto #combo {
    background: url("images/bg_dot_sp_combo.svg") no-repeat right calc(100vw - 130px) top 55px / 320px auto , url("images/bg_dot_sp_combo.svg") no-repeat left calc(100vw - 130px) top 0 / 320px auto;
    padding: 40px 0 0;
  }
  #howto h2 {
    font-size: 25px;
    padding: 0 10px;
    letter-spacing: 0.5px;
    margin: 10px 0 70px
  }
  [class*="-menu"] .parent_box #howto #dozenboxwari h2 span {
    font-size: 22px;
  }
  #howto .happy {
    background: #e2af2d;
  }

  #howto .happy .container {
    padding: 10px;
    max-width: 550px;
    margin: auto;
    justify-content: center;
  }
  #howto #combo .happy .text_box,
  #howto .happy .text_box {
    max-width: 65%;
    padding: 0 0 0;
  }
  #howto #combo .happy .text_box {
    padding: 0 0 0 15px;
  }
  #howto #combo .happy .img_box,
  #howto .happy .img_box {
    width: 35%;
    padding: 10px 0;
  }
  #howto .happy .text_box h3 {
    width: 70%;
    margin: 5px 0 10px;
  }
  #howto #combo .happy .text_box h3 {
    margin: 0 0 10px;
    padding: 5px 0 10px;
  }
  #howto .happy .text_box p {
    font-size: 13px;
    margin: 0;
  }
  #howto .happy .text_box h4 {
    font-size: 14px;
  }
  #page.page-template-default #content:not(.top_page) #howto .happy p.caption {
    max-width: none;
    font-size: 10px;
    margin: 15px 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #howto .happy p.caption {
    text-align: right;
    font-size: 10px;
  }
  [class*="-menu"] .parent_box #howto #dozenboxwari h3,
  [class*="-menu"] #dozenboxorder h3,
  #page.page-template-default #content:not(.top_page) #howto .dozen_info h3 {
    font-size: 15px;
  }
  #howto .dozen_info .choice_dozen {
    flex-wrap: wrap;
    max-width: 550px;
    margin: auto;
    padding: 0 10px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a,
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 a {
    justify-content: center;
    align-items: center;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 {
    justify-content: center;
    align-items: center;
    padding: 0 0 5px;
    margin: 0 0 10px;
    border-bottom: 1px dotted #8b8b8b;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
    justify-content: center;
    padding: 0 0 20px;
    align-items: center;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .text {
    border: none;
  }
  [class*="-menu"] .parent_box #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p:not(.img_box):not(.img):not(.itemname) {
    width: 50%;
  }
  
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 > p,
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a > p,
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a > .img_box,
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 > .img_box,
  #howto .dozen_info .choice_dozen .text,
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .img {
    max-width: 200px !important;
    border: none;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a > .img_box,
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 > .img_box {
    margin: 0 0 0 0;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box .img {
    max-width: 100% !important;
    width: auto !important;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box .itemname {
    display: block;
    margin: auto;
    font-size: 10px;
    width: auto;
    letter-spacing: 0;
    padding: 10px 0 0;
    font-family: "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .img {
    padding: 0;
  }
  #howto .dozen_info .choice_dozen p .itemname {
    display: none;
  }
  #howto .dozen_info .choice_dozen > div {
    width: 50%;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 {
    width: 100%;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #howto .dozen_info h3 {
    font-size: 15px;
    margin: 20px 0 15px;
  }
  [class*="-menu"] #dozenboxorder h4,
  #howto .dozen_info h4 {
    font-size: 11px;
    margin: 0 0 15px;
  }
  [class*="-menu"] #dozenboxorder h4 span,
  #howto .dozen_info h4 span {
    font-size: 16px;
  }
  #howto .dozen_info .multiple_col h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 20px;
  }
  #howto .dozen_info .choice_dozen .dozen_d3 {
    padding: 0 0 0 10px;
  }
  #howto .dozen_info .choice_dozen .dozen_d6 {
    padding: 0 10px 0 0;
    border-right: 1px dotted #8b8b8b;
  }
  #howto .dozen_info .choice_dozen .dozen_d6 p + p {
    margin: 0;
  }
  #howto .dozen_info .choice_dozen .dozen_d3 img {
    max-width: none;
  }
  #howto .dozen_info .choice_dozen .dozen_d3 p + p {
    margin: 0;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 {
    padding: 0 ;
  }
  #howto .dozen_info .choice_dozen img {
    max-height: 120px;
    width: auto;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 p,
  #howto .dozen_info .choice_dozen p {
    font-size: 12px;
  }
  #howto .dozen_info .choice_dozen .dozen_d6 h4 + a,
  #howto .dozen_info .choice_dozen .dozen_d3 h4 + a,
  #howto .dozen_info .choice_dozen .dozen_d6 h4 + p,
  #howto .dozen_info .choice_dozen .dozen_d3 h4 + p {
    margin-top: 10px;
  }
  #howto .dozen_info .choice_dozen p span.big {
    font-size: 18px;
  }
  #howto .dozen_info .choice_dozen p span,
  #howto .dozen_info .choice_dozen p span.big span {
    font-size: 30px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12,
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
    border-right: none;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 a > .img_box,
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .img {
    margin: 0;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 .text {
    margin-right: 0;
    padding: 0 10px 10px 0;
  }
  #howto .dozen_info .choice_dozen p span.normal {
    font-size: 12px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 {
    display: flex;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .original_d12 .img_box p {
    margin: 0 0 5px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box p {
    width: 50%;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 p .circle {
    width: 50px;
    height: 50px;
    padding: 13px 0;
    font-size: 12px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .choice_d12 p .circle {
    padding: 8px 0;
    font-size: 11px;
    top: 6%;
    right: -5px;
  }
  #howto .dozen_info .choice_dozen p span.ruby {
    font-size: 12px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 .img_box .maxwidth {
    width: 100%;
    font-size: 10px;
    letter-spacing: 0;
    margin: 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #howto .original_d12 + p.caption {
    font-size: 10px;
    text-align: right;
    margin: 5px 0 0;
  }
  #howto .dozen_info .choice_dozen + h3 {
    margin: 30px 0 15px;
  }
  #howto .dozen_info .choice_dozen + h3 + h4 {
    margin: 20px 0 5px;
  }

  #howto .dozen_info .choice_dozen + h3 + h4 + h5 {
    margin: 8px 0 15px;
    font-size: 12px;
    font-weight: bold;
  }
  #howto .dozen_info .multiple_col {
    max-width: 550px;
    margin: auto;
    padding: 0 10px;
  }
  #howto .dozen_info .multiple_col1 {
    display: block;
  }
  #howto .dozen_info .multiple_col1 .img_box,
  #howto .dozen_info .multiple_col1 .text_box {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
  }
  #howto .dozen_info .multiple_col1 .text_box p span span,
  #howto .dozen_info .multiple_col1 .text_box {
    font-size: 12px;
  }
  #howto .dozen_info .multiple_col1 .text_box p span {
    font-size: 20px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #howto .multiple_col1 p.caption {
    margin-top: 20px;
  }

  #howto .dozen_info .multiple_col2 {
    display: block;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2,
  #howto .dozen_info .multiple_col2 .multiple_d3,
  #howto .dozen_info .multiple_col2 .multiple_ex {
    width: 100%;
    display: flex;
    border-right: none;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2,
  #howto .dozen_info .multiple_col2 .multiple_d3 {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dotted #8b8b8b;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2 img,
  #howto .dozen_info .multiple_col2 .multiple_d3 img {
    width: 70%;
    max-width: 299px;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2 h5,
  #howto .dozen_info .multiple_col2 .multiple_d3 h5 {
    min-width: 65px;
    max-width: 65px;
    width: 30%;
    height: 65px;
    margin: 0 0 0 20px;
    border: none;
    background: #c8102e;
    font-size: 12px;
    border-radius: 65px;
    color: #fff;
    padding: 13px 0 0;
    line-height: 1.2;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2 img {
    max-height: 102px;
    width: auto;
    margin: 0 37px;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2 h5 span, #howto .dozen_info .multiple_col2 .multiple_d3 h5 span {
    font-size: 10px;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col {
    margin: 15px auto;
    width: 100%;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .icon {
    width: 60px;
    line-height: 60px;
    font-size: 12px;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col h5 {
    font-size: 12px;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col p {
    font-size: 30px;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col p .small {
    font-size: 21px;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col p .otoku {
    font-size: 10px;
    margin: 4px 0 0 10px;
    padding: 5px 10px;
    vertical-align: baseline;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .ex_col p .otoku span {
    font-size: 13px;
    vertical-align: baseline;
  }
  [class*="-menu"] #dozenboxorder .caption,
  #page.page-template-default #content:not(.top_page) #dozenboxorder .head_text .caption {
    margin-top: 0;
  }
  [class*="-menu"] #dozenboxorder .caption,
  #page.page-template-default #content:not(.top_page) #howto p.caption {
    margin: 0 0 15px;
    font-size: 10px;
    letter-spacing: 0;
  }
  [class*="-menu"] .parent_box #howto #dozenboxwari {
    padding-top: 24px;
  }
  [class*="-menu"] .parent_box #howto #dozenboxwari h2 {
    margin: 25px 0 20px;
  }
  [class*="-menu"] .parent_box #howto #dozenboxwari .dozen_info {
    margin: 30px auto 5px;
  }
  [class*="-menu"] #dozenboxorder {
    padding: 15px 0 0;
    margin: 0 auto 50px;
  }
  #dozenboxorder {
    margin: 50px auto 0;
    max-width: 550px;
    padding: 0 10px;
  }
  #dozenboxorder .head_text .h4_sub {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #dozenboxorder .head_text .lead {
    margin: 10px auto 5px;
    font-size: 15px;
  }
  #dozenboxorder .head_text .hosoku {
    font-size: 12px;
  }
  #dozenboxorder .head_text .hosoku span {
    font-size: 17px;
    color: #c8102e;
    font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  }
  #dozenboxorder .head_text .hosoku span span {
    font-size: 24px;
  }
  #dozenboxorder .order_info {
    display: block;
    padding: 40px 0 0;
    margin-top: 0;
  }
  #dozenboxorder .order_store,
  #dozenboxorder .order_app {
    width: 100%;
    border: none;
    padding: 0;
  }
  #dozenboxorder .order_info h4 {
    font-size: 15px;
    padding: 30px 0 0;
    background: #336633 url(images/icon_howto_open.png) no-repeat 98% center;
    background-size: 20px 20px;
    margin: 0 0 45px;
  }
  #dozenboxorder .order_info h4.open {
    background: #336633 url(images/icon_howto_close.png) no-repeat 98% center;
    background-size: 20px 20px;
  }
  #dozenboxorder .order_info h4:before,
  #dozenboxorder .order_info .order_store h4:before {
    width: 40px;
    height: 40px;
    top: -25px;
    background-size: contain;
  }
  #dozenboxorder .order_info h4:after {
    background-size: 100% 50%;
    top: 99%;
  }
  #dozenboxorder .order_info .store_info dt {
    font-size: 12px;
    margin: 0 0;
  }
  #dozenboxorder .order_info .store_info dd {
    font-size: 11px;
    margin: 0 0 15px;
  }
  #dozenboxorder .order_store {
    padding-top: 70px;
    margin-top: 0;
  }
  #dozenboxorder .order_app h6 {
    font-size: 22px;
    margin: 10px auto 10px;
  }
  #dozenboxorder .order_app h6 span {
    font-size: 14px;
  }
  #dozenboxorder .order_app h5 {
    font-size: 24px;
    margin: 10px auto 15px;
    padding: 10px 15px;
  }
  #dozenboxorder .order_app .app_image {
    display: table;
    margin: auto;
    width: 100%;
  }
  #dozenboxorder .order_app .app_image img {
    /*max-width: 50%;*/
  }
  #dozenboxorder .order_app .app_fukidashi {
    width: 107px;
    height: 74px;
    font-size: 11px;
    padding: 23px 0 0;
  }
  #dozenboxorder .order_app .app_fukidashi01 {
    top: 0;
    left: 50%;
    transform: translateX(50%);
  }
  #dozenboxorder .order_app .app_fukidashi01:after {
    width: 18px;
    height: 14px;
    bottom: -4px;
    left: 24px;
  }
  #dozenboxorder .order_app .app_fukidashi02 {
    bottom: 0;
    right: 50%;
    transform: translateX(60%);
  }
  #dozenboxorder .order_app .app_fukidashi02:after {
    width: 18px;
    height: 14px;
    top: 28px;
    right: -10px;
  }
  [class*="-menu"] .parent_box #howto .button_area,
  #dozenboxorder .button_area {
    margin: 30px auto 0;
  }
  [class*="-menu"] .parent_box #howto .button_area a,
  #dozenboxorder .button_area a {
    padding: 10px 46px 10px 36px;
    font-size: 14px;
  }
  #dozenboxorder .order_store .store_info {
    padding: 5px 0 0;
  }
  #dozenboxorder .order_store dl {
    padding: 0;
  }

  #howto #combo .combo_col {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 35px 0 0;
  }
  #howto #combo .combo_col .combo_box,
  #howto #combo .combo_col .wcombo_box {
    width: 100%;
    padding: 0;
    border: none;
    display: block;
    text-align: center;
  }
  #howto #combo .combo_col .combo_box h3,
  #howto #combo .combo_col .wcombo_box h3 {
    width: 90px;
    height: 90px;
    font-size: 14px;
    top: 0;
    left: 0;
    z-index:10;
    display: inline-block;
    position: relative;
  }
  #howto #combo .combo_col .combo_box h3 {
    padding: 30px 0 0;
  }
  #howto #combo .combo_col .wcombo_box h3 {
    padding: 15px 0 0;
  }
  #howto #combo .combo_col .combo_box h3 span, #howto #combo .combo_col .wcombo_box h3 span {
    font-size: 11px;
  }
  #howto #combo .combo_col .wcombo_box h3 span.wcombo {
    font-size: 30px;
  }
  #howto #combo .combo_col h4 {
    font-size: 25px;
    padding: 0;
    margin: 0 15% 0 15px;
    display: inline-block;
    width: auto;
    line-height: 1.2;
  }
  #howto #combo .combo_col h4:after {
    content: "";
    width: 100vw;
    height: 1px;
    border-bottom: 1px solid #c8102e;
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
  }
  #howto #combo .combo_col h4 span {
    font-size: 40px;
  }
  #howto #combo .combo_col .combo_set {
    padding: 0 5px;
    max-width: 450px;
    margin: -8px auto 50px;
    position: relative;
    z-index: 100;
  }
  #howto #combo .combo_col .combo_set img {
    max-height: 120px;
    width: auto;
  }
  #howto #combo .combo_col .combo_set > div img {
    display: block;
    margin: auto;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut .match {
    position: relative;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut .wp-image-1480 {
    margin: 0 auto 0;
    max-height: 130px;
    max-width: 145px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut .wp-image-814 {
    margin: 0 auto 0;
    max-width: 110px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #howto #combo .combo_col .combo_doughnut img {
    margin: 20px 0 0;
  }
  #howto #combo .combo_col .combo_set > .combo_plus {
    font-size: 25px;
    padding: 0 10px;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut p {
    margin: 0 0 0;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut p, #howto #combo .combo_col .combo_set > .combo_drink p {
    font-size: 12px;
    line-height: 30px;
    margin: 10px 0 0;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut p span, #howto #combo .combo_col .combo_set > .combo_drink p span{
    font-size: 15px;
  }
  #howto #combo .combo_in {
    border-width: 1px;
    display: block;
    padding: 20px 10px;
    max-width: 450px;
    margin: 0 auto 30px;
  }
  #howto #combo .combo_in .combo_in_head,
  #howto #combo .combo_in .combo_in_detail {
    width: 100%;
  }
  #howto #combo .combo_in .combo_in_head {
    border-bottom: 1px solid #336633;
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  #howto #combo .combo_in .combo_in_head h3 {
    margin: 0;
    font-size: 20px;
  }
  #howto #combo .combo_in .combo_in_detail {
    padding: 0;
    text-align: center;
    border-left: none;
  }
  #howto #combo .combo_in .combo_in_detail h4 {
    font-size: 12px;
  }
  #howto #combo .combo_in .combo_in_detail h4 span {
    font-size: 15px;
  }
  #howto #combo .combo_in .combo_in_detail h4 + p {
    margin: 10px 0 0;
  }
  #howto #combo .combo_in .combo_in_detail .attention {
    display: block;
    font-size: 11px;
    text-align: left;
    margin: 0 auto 0;
  }
  #howto #combo .combo_in .combo_in_detail .attention li {
    padding: 0 0 0 15px;
  }
  #howto #combo .combo_in .combo_in_detail .attention li::before {
    position: absolute;
  }
  #howto #combo .combo_in .combo_in_detail .button {
    position: relative;
    right: 0;
    font-size: 14px;
    margin: 15px 0 15px;
  }
  #howto #combo .kids_combo {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 5px 0 0;
    background: #fff;
    padding: 0;
  }
  #howto #combo .kids_combo h3 {
    padding: 0 0 0;
    width: 90px;
    height: 90px;
    border-radius: 81px;
    color: #fff;
    line-height: 1.4;
    font-size: 14px;
    font-family: 'BrandonGrotesque Bold' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    text-align: center;
    margin: 0;
    top: 30px;
    left: 0;
    z-index:10;
    display: inline-block;
    position: relative;
  }
  #howto #combo .kids_combo h4 {
    font-size: 25px;
    margin: 0 15% 0 15px;
    padding: 0;
    width: 100%;
    color: #c8102e;
    font-family: 'BrandonGrotesque Black' , "Noto Sans", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    display: inline-block;
    width: auto;
    line-height: 1.2;
  }
  #howto #combo .kids_combo h4:after {
    content: "";
    width: 100vw;
    height: 1px;
    border-bottom: 1px solid #c8102e;
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
  }
  #howto #combo .kids_combo h4 span {
    font-size: 40px;
  }
  #howto #combo .kids_combo .kids_combo_col {
    background: #d4e9d7;
    width: 100%;
    padding: 20px 0 0;
  }
  #howto #combo .kids_combo .kids_combo_in {
    max-width: 450px;
    margin: auto;
  }
  #howto #combo .kids_combo .kids_combo_in > div.kids_combo_drink img {
    margin: 0;
  }
  #howto #combo .kids_combo .kids_combo_in > div img {
    max-height: 130px;
    width: auto;
  }
  #howto #combo .kids_combo .kids_combo_in > div.kids_combo_doughnut img {
    max-width: 100px;
  }
  #howto #combo .kids_combo .kids_combo_in > div.kids_combo_doughnut p {
    margin: 30px 0 0;
  }
  #howto #combo .kids_combo .kids_combo_in p {
    font-size: 11px;
  }
  #howto #combo .kids_combo .kids_combo_detail {
    background: #d4e9d7;
    width: 100%;
    padding: 0 0 20px;
    border-radius: 0;
    margin: 0;
  }
  #howto #combo .kids_combo .kids_combo_detail p {
    font-size: 11px;
    padding: 10px 0 0;
    margin: 0;
  }
  #howto #combo .kids_combo .kids_combo_detail .button {
    position: relative;
    right: 0;
    font-size: 14px;
    margin: 0 0 20px;
  }
  #howto #combo .kids_combo .kids_combo_detail .button a {
    font-size: 12px;
    padding: 5px 40px 5px 30px;
  }
  #howto #combo .kids_combo .kids_combo_detail .button a:after {
    line-height: 1;
  }
  #howto #combo .combo_out {
    display: block;
    padding: 20px 20px 0;
    max-width: 450px;
    margin: auto;
  }
  #howto #combo .combo_out .combo_out_head {
    width: 100%;
  }
  #howto #combo .combo_out .combo_out_head h3 {
    border-top: 0;
    display: block;
    text-align: center;
    font-size: 20px;
  }
  #howto #combo .combo_out .combo_in_detail {
    width: 100%;
  }
  #howto #combo .combo_out .combo_in_detail p:not(.button_area) {
    font-size: 10px;
    padding: 15px 0;
    border-bottom: 1px solid #336633;
  }
  #howto #combo .combo_out .combo_in_detail .button_area {
    position: static;
    margin: 20px auto;
    text-align: center;
  }
  #howto #combo .combo_out .combo_in_detail .button_area a {
    display: inline-block;
    font-size: 12px;
  }

  /*app*/
  #app .app_info .app_info_upper {
    justify-content: center;
    max-width: 550px;
    margin: auto;
  }
  #app .app_info .app_info_upper .img_box {
    width: 45%;
    max-width: 150px;
  }
  #app .app_info .app_info_upper .text_box {
    width: 55%;
    padding: 0 ;
  }
  #app .app_info .app_info_upper .text_box h3 {
    font-size: 15px;
    text-align: center;
    margin: 10px 0 15px;
    line-height: 1.3;
  }
  #app .app_info .app_info_upper .text_box .lead:before {
    display: none;
    position: static;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;
  }
  #app .app_info .app_info_upper .text_box .lead {
    font-size: 12px;
    text-align: center;
    border-width: 1px;
    padding: 0 0 20px;
  }
  #app .app_info .welcome_coupon {
    margin: 0 auto 0;
  }
  #app .app_info .maxvh.app_info_bottom {
    margin: 20px 0 0;
    padding: 20px 0 0;
  }
  #app .app_info .maxvh.app_info_bottom .app_detail {
    margin: 0 auto;
    max-width: 550px;
  }
  #app .app_info .app_info_bottom .app_point {
    flex-wrap: wrap;
    margin: 0 10px;
    padding: 0;
  }
  #app .app_info .app_info_bottom .app_point li {
    width: 50%;
    margin: 0 0 20px;
    padding: 0 0 0 5px;
  }
  #app .app_info .app_info_bottom .app_point li:nth-child(2n+1) {
    padding: 0 5px 0 0;
  }
  #app .app_info .app_info_bottom .app_point li.sp_disp {
    padding: 18px 0 0 5px;
    text-align: left;
  }
  #app .app_info .app_info_bottom .app_point li.sp_disp p {
    color: #000;
    margin: 0 0 17px;
  }
  #app .app_info .app_info_bottom .app_point li.sp_disp p a {
    color: #336633;
    text-decoration: underline;
  }
  #app .app_info .app_info_bottom .app_point li p {
    font-size: 10px;
    letter-spacing: 0;
    color: #c8102e;
  }
  #app .app_info .app_info_bottom .app_point li h4 {
    font-size: 12px;
    margin: 5px 0 10px;
  }
  #app .app_info .app_info_bottom .app_point li .img_box .icon {
    width: 45px;
    height: 45px;
    font-size: 10px;
    padding: 10px 0 0;
    top: 0;
  }
  #app .app_info .app_info_bottom .app_point li .img_box .icon .kome {
    display: block;
    font-size: 10px;
  }
  #app .app_info .app_info_bottom .app_point li .img_box {
    padding: 0 15px;
    display: inline-block;
  }
  #app .app_info .app_info_bottom .app_point li .text_box {
    font-size: 10px;
    margin: 5px 0 0;
  }
  #app .app_info .app_info_bottom .attention_app.sp_disp,
  #app .app_info .app_info_bottom .app_point li .attention_app {
    font-size: 11px;
    margin: 0 10px 20px;
    color: #fff;
    padding: 10px 0;
  }
  #app .app_info .app_info_bottom .app_detail .attention.attention_app {
    border-top: 1px dotted #fff;
    margin: 0 10px;
    font-size: 10px;
    padding: 15px 0 0 15px;
    display: block;
  }

  #app #menu_static {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto 0;
  }
  #app #menu_local {
    width: 100vw;
    position: relative;
  }
  #app .drop_btn {
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #c8102e url(images/localmenu_open.png) no-repeat 95% 50%;
    background-size: 20px 20px;
    cursor: pointer;
  }
  #app .drop_btn.open {
    background: #c8102e url(images/localmenu_close.png) no-repeat 95% 50%;
    background-size: 20px 20px;
  }
  #app .tabs .horizontal:before {
    content: "";
  }
  #app .tabs .horizontal {
    flex-wrap: wrap;
  }
  #app .tabs .horizontal li {
    width: 50%;
    border-bottom: 1px solid #c8102e;
  }
  #app .tabs .horizontal li:nth-child(even) {
    border-left: 1px solid #c8102e;
  }
  #app .tabs .horizontal li a {
    position: relative;
    border: none !important;
    font-size: 11px;
    font-weight: bold;
    padding: 12px 0 12px;
  }
  #app .tabs .horizontal li a i {
    position: absolute;
    right: 5px;
    font-size: 16px;
    display: inline-block;
    top: 12px;
  }
  #app .maxvh {
    padding-top: 50px;
  }

  #app .step_col {
    display: block;
  }
  #app .step_col .number {
    width: 33px;
    line-height: 33px;
    font-size: 21px;
  }
  #app .step_col h4 {
    font-size: 14px;
    line-height: 1.3;
  }
  #app .step_col .step_one {
    position: relative;
  }
  #app .step_col .step_one .number {
    position: absolute;
    left: 0;
    top: 0;
  }
  #app .step_col h4 {
    padding: 0 0 0 40px;
  }
  #app .welcome_coupon {
    padding: 0;
    align-items: center;
  }
  #app .welcome_coupon .left {
    width: 60%;
    font-size: 11px;
    padding: 0 25px 0 0;
    background-size: contain;
  }
  #app .welcome_coupon .right {
    width: 40%;
    text-align: center;
  }
  #app .welcome_coupon .red {
    padding: 3px 0;
    font-size: 10px;
    margin: 0 0 5px !important;
  }
  #app .welcome_coupon .red + p {
    margin-bottom: 5px;
  }
  #app .welcome_coupon h5 {
    font-size: 15px;
    margin: 5px 0 0;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) .red + p {
    margin: 0 0 10px;
  }
  #app .welcome_coupon h5 span {
    font-size: 17px;
  }
  
  #app .welcome_coupon h5 span + span {
    font-size: 14px !important;
  }
  #app .welcome_coupon h5 span span {
    font-size: 20px;
  }
  #app .welcome_coupon {
    flex-wrap: wrap;
    max-width: 550px;
  }
  #app .welcome_coupon {
    margin: 10px auto auto;
  }
  #app .app_info .welcome_coupon .left {
    width: 60%;
  }
  #app .app_info .welcome_coupon .right {
    width: 40%;
    padding: 0 0 0 0;
    text-align: center;
  }
  #app .welcome_coupon .right .dl_col {
    width: 100%;
  }
  #app .welcome_coupon .dl li img {
    width: 100%;
    height: auto;
    min-height: 0;
  }
  #app .welcome_coupon .dl_hosoku {
    width: 100%;
    font-size: 10px;
    margin: 10px 0 0;
    padding: 10px 0 0;
  }
  #page.page-template-default #content:not(.top_page) #app .welcome_coupon .dl {
    display: inline-block;
  }
  #page.page-template-default #content:not(.top_page) #app .welcome_coupon .dl li:first-child {
    margin: 0 0 10px;
  }
  #page.page-template-default #content:not(.top_page) #app .welcome_coupon .dl li {
    padding: 0 10px;
  }
  #app .step_col .more {
    font-size: 13px;
    margin: 30px auto;
  }
  #app .step_col .more .arrow {
    margin: 0 0 15px;
  }
  #app .step_col .more .arrow:after {
    border-width: 17px 67px 0 67px;
    margin: 5px auto 0;
  }
  #app .step_two,
  #app .step_three,
  #app .step_four {
    width: 100%;
    border-right: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #a1a1a1;
    padding: 0 0 10px;
    margin: 0 0 10px;
  }
  #app .step_col .step_two, #app .step_col .step_three, #app .step_col .step_four {
    margin: 0 0 10px;
  }
  #app .step_col .step_four {
    padding: 0 0 0;
    border-bottom: none;
  }
  #app .step_col .step_two .number,
  #app .step_col .step_three .number,
  #app .step_col .step_four .number {
    max-width: 15%;
    margin: 0;
  }
  #app .step_col .step_two > div,
  #app .step_col .step_three > div,
  #app .step_col .step_four > div {
    width: 85%;
    display: block;
    padding: 0;
  }
  #app .step_two div .img_box,
  #app .step_three div .img_box,
  #app .step_four div .img_box {
    display: none;
  }
  #app .step_col .step_two div .text_box,
  #app .step_col .step_three div .text_box,
  #app .step_col .step_four div .text_box {
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
  }
  #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 {
    padding: 0;
    font-size: 12px;
  }
  #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 {
    padding: 2px 10px;
    font-size: 10px;
    margin: 0 3px;
  }
  #app .step_col .coupon {
    background: none;
    width: 100%;
    padding: 30px 0 0;
    border-top: 1px solid #c8102e;
    position: relative;
    max-width: none;
  }
  #app .step_col .coupon:before {
    background: url(images/img_arrow_.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -1px;
    content: "";
    width: 12px;
    height: 10px;
    display: inline-block;
  }
  #app .step_col .coupon .red {
    font-size: 11px;
    margin: 0 0 10px;
  }
  #app .step_col .coupon p {
    font-size: 13px;
    max-width: 550px;
    margin: auto;
  }
  #app .step_col .coupon .big {
    font-size: 14px;
  }
  #app .step_col .coupon .big span {
    font-size: 17px;
  }

  #app .point_col .point_upper {
    display: block;
  }
  #app .point_col {
    padding: 40px 0 20px;
  }
  #app .point_col .point_box {
    width: 100%;
    padding: 0 20px;
    margin: auto;
  }
  #app .point_col .point_box.box2 {
    width: 100%;
    padding: 4px 20px 0;
    font-size: 25px;
  }
  #app .point_col .point_box dl {
    font-size: 15px;
  }
  #app .point_col .point_box.box1 dt{
    padding: 18px 10px 10px;
    font-size: 15px;
  }
   #app .point_col .point_box.box1 dd {
    padding: 10px 10px 10px;
  }
  #app .point_col .point_box dt {
    padding: 18px 10px 7px;
  }
  #app .point_col .point_box dt span {
    font-size: 12px;
  }
  #app .point_col .point_box dd span.number {
    font-size: 30px;
  }
  #app .point_col .point_box dd {
    padding: 8px 10px 7px;
  }
  #app .point_col .point_box dd span {
    font-size: 10px;
  }
  #app .point_col .point_middle {
    margin: 20px auto 20px;
    text-align: left;
    padding: 0 10px;
    max-width: 530px;
  }
  #page.page-template-default #content:not(.top_page) #app .point_col .point_middle h3 {
    font-size: 13px;
    margin: 20px auto 10px;
  }
  #app .point_col .point_middle p {
    font-size: 10px;
  }
  #app .point_col .point_bottom {
    padding: 0 20px;
    max-width: 550px;
  }
  #app .point_col .point_bottom dl {
    border-width: 1px;
  }
  #app .point_col .point_bottom dt {
    font-size: 13px;
    padding: 10px 10px 10px 50px;
  }
  #app .point_col .point_bottom dt:before {
    width: 32px;
    line-height: 32px;
    font-size: 12px;
    top: 10px;
    left: 10px;
  }
  #app .point_col .point_bottom dt span {
    font-size: 15px;
  }
  #app .point_col .point_bottom dd {
    display: block;
    padding: 15px 10px 10px;
  }
  #app .point_col .point_bottom dd > div {
    width: 100%;
    padding: 0;
  }
  #app .point_col .point_bottom dd .red {
    font-size: 13px;
  }
  #app .point_col .point_bottom dd div div p:not(.plus) {
    font-size: 13px;
    padding: 6px 15px 5px;
  }
  #app .point_col .point_bottom dd div div p.plus {
    font-size: 15px;
    min-width: 100px;
    text-align: center;
    margin: 0;
  }
  #app .point_col .point_bottom dd div div p.plus span {
    font-size: 25px;
  }
  #app .point_col .point_bottom dd > div div {
    justify-content: center;
    padding: 0 0 5px;
  }

  #app .point_col .point_bottom dd > div:not(.symbol):not(.last) {
    border-bottom: 1px dotted #c8102e;
  }
  #app .point_col .point_bottom dd div.symbol {
    width: 100%;
    padding: 7px 0;
  }
  #app .point_col .point_bottom dd div.symbol + div + .symbol p {
    transform: rotate(-90deg);
  }
  #app .point_col .point_bottom dd div.symbol p {
    width: 32px;
    line-height: 32px;
    font-size: 15px;
  }
  #app .point_col .point_bottom dd div.last p.total {
    font-size: 15px;
    margin: 0 !important;
  }
  #app .point_col .point_bottom dd div.last {
    text-align: center;
    width: 100%;
  }
  #app .point_col .point_bottom dd div.last p.total > span {
    display: inline;
    font-size: 16px;
    padding: 0 5px 0 0;
  }
  #app .point_col .point_bottom dd div.last p.total > span span {
    font-size: 25px;
  }
  #page.page-template-default #content:not(.top_page) #app .point_col .point_bottom .attention {
    font-size: 10px;
    margin: 10px auto 0;
  }
  #app .rank_col {
    padding: 30px 0 0;
  }
  #app .rank_col .lead {
    font-size: 13px;
  }
  #app .rank_col .red_line {
    font-size: 12px;
    padding: 7px 0;
    margin: 20px auto 30px;
    max-width: 550px;
  }
  #app .rank_col .rank_table {
    letter-spacing: 0;
    max-width: 550px;
    margin: auto;
  }
  #app .rank_col .rank_table .rank_table_th {
    display: none;
  }
  #app .rank_col .rank_table .rank_table_tr {
    flex-wrap: wrap;
    margin: 0 0 20px;
  }
  #app .rank_col .rank_table .rank_table_tr .rank_td {
    width: 31%;
    background: none !important;
    position: relative;
    text-align: center;
  }
  #app .rank_col .rank_table .rank_table_tr .rank_td .rank_box:before {
    content: "";
    width: 42px;
    height: 53px;
    display: inline-block;
    position: absolute;
    top: -12px;
    left: -5px;
  }
  #app .rank_col .rank_table .rank_table_tr.plutinum .rank_td .rank_box:before {
    background: url(images/img_plutinum_rank.png) no-repeat 0 0;
    background-size: contain;
  }
  #app .rank_col .rank_table .rank_table_tr.gold .rank_td .rank_box:before {
    background: url(images/img_gold_rank.png) no-repeat 0 0;
    background-size: contain;
  }
  #app .rank_col .rank_table .rank_table_tr.silver .rank_td .rank_box:before {
    background: url(images/img_silver_rank.png) no-repeat 0 0;
    background-size: contain;
  }
  #app .rank_col .rank_table .rank_table_tr.bronze .rank_td .rank_box:before {
    background: url(images/img_bronze_rank.png) no-repeat 0 0;
    background-size: contain;
  }
  #app .rank_col .rank_table .rank_table_tr.green .rank_td .rank_box:before {
    background: url(images/img_green_rank.png) no-repeat 0 0;
    background-size: contain;
  }
  #app .rank_col .rank_table .rank_table_tr.green {
    margin: 0;
  }
  #app .rank_col .rank_table .rank_table_tr .rank_td .rank_box {
    min-height: 0;
    padding: 10px 15px 5px 35px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin: 0 auto;
    text-align: center;
  }
  #app .rank_col .rank_table .rank_td .rank_box span {
    font-size: 10px;
    letter-spacing: 0;
  }
  #app .rank_col .rank_table .rank_table_tr .point_td {
    width: 36%;
    font-size: 12px;
    padding: 0 20px;
  }
  #app .rank_col .rank_table .rank_table_tr .point_td span span.big {
    font-size: 16px;
  }
  #app .rank_col .rank_table .rank_table_tr .point_td span:not(.black),
  #app .rank_col .rank_table .rank_table_tr .point_td .black {
    font-size: 12px;
  }
  #app .rank_col .rank_table .rank_table_tr .point_td span span:not(.big) {
    margin: 0;
  }
  #app .rank_col .rank_table .rank_table_tr .return_td {
    width: 33%;
    padding: 0 20px;
  }
  #app .rank_col .rank_table .rank_table_tr .return_td:not(.none) span {
    font-size: 10px;
  }
  #app .rank_col .rank_table .rank_table_tr .return_td span.circle {
    font-size: 14px;
    width: 45px;
    height: 45px;
    line-height: 1.3;
    padding: 8px 0 0;
    margin: 0 0 0 2px;
  }
  #app .rank_col .rank_table .rank_table_tr .return_td span.pointritsu {
    font-size: 13px;
  }
  #app .rank_col .rank_table .rank_table_tr .return_td span.pointritsu span,
  #app .rank_col .rank_table .rank_table_tr .return_td span.percent {
    font-size: 10px;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td {
    width: 100%;
    font-size: 10px;
    text-align: left;
    color: #fff;
    padding: 3px 10px;
    margin: 0 0 10px;
  }
  #app .rank_col .rank_table .rank_table_tr.plutinum .ex_td {
    background-color: #1288bd;
  }
  #app .rank_col .rank_table .rank_table_tr.gold .ex_td {
    background-color: #c6930f;
  }
  #app .rank_col .rank_table .rank_table_tr.silver .ex_td {
    background-color: #8b9da0;
  }
  #app .rank_col .rank_table .rank_table_tr.bronze .ex_td {
    background-color: #875524;
  }
  #app .rank_col .rank_table .rank_table_tr.green .ex_td {
    background-color: #088b73;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td span {
    display: inline-block;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td .big {
    font-size: 16px;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td .small {
    font-size: 10px;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td .ex {
    margin: 0 7px 0 0;
  }
  #app .rank_col .rank_table .rank_table_tr .ex_td .ex i {
    margin: 0 0 0 7px;
  }
  #app .rank_col .attention {
    margin: 10px auto 0;
    font-size: 10px;
    max-width: 550px;
    padding: 0 0 0 15px;
    display: block;
  }
  #app .rank_col .attention li {
    margin: 2px 0 0;
  }
  #app .rank_col .attention li:before {
    position: absolute;;
  }


  #page #app .rankup_col.maxvh {
    padding: 30px 10px 20px;
  }
  #page #app .rankup_col ol li {
    font-size: 13px;
    position: relative;
    padding: 0 0 5px 25px;
  }
  #page #app .rankup_col ol li:before {
    width: 18px;
    line-height: 18px;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
  }
  #page #app .rankup_col .qr_box {
    padding: 15px 10px;
    margin: 20px auto;
    max-width: 550px;
  }
  #page.page-template-default #content:not(.top_page) .rankup_col .qr_box h3 {
    font-size: 14px;
    margin: 0 0 15px;
    line-height: 1.3;
  }
  #page #app .rankup_col ol {
    margin: 0 0 15px;
  }
  #app .qr_box .welcome_coupon h5 {
    font-size: 13px;
  }
  #app .qr_box .welcome_coupon .left {
    font-size: 10px;
  }
  #app .button_area {
    margin: 40px 0 0;
  }
  #app .button_area a.button {
    font-size: 14px;
    padding: 20px 0;
    box-shadow: 0 2px #b88e91;
  }
  #app .button_area a.button:after {
    width: 27px;
    height: 27px;
  }
  #app .step_col .coupon p .coupon_inner {
    margin-left: -42px;
  }
  #app .step_col .coupon p .coupon_inner:after {
    width: 42px;
    height: 68px;
    position: absolute;
    top: -8px;
    right: -50px;
  }
}


/*--------------------------------------------------------------
  Smartphone
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  /* =common style
  ------------------------------------------------------ */

  #mainvisual img.pc_disp {
    display: none !important;
  }
  #mainvisual img.sp_disp {
    display: block !important;
  }
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
    max-width: 100%;
    width: 100%;
    height: 30px;
    line-height: 30px;
  }
  select {
    height: 30px;
  }
  #slider_wrapper {
    margin: 0 15px;
  }
  #slider_wrapper li {
    width: 50%;
    max-width: none;
  }
  #bnrslider img {
    max-width: 100%;
  }
  #bnrslider:after{
    width: 50%;
  }
  #menu, #column, #news, #store-news {
    margin: 20px auto 20px;
    padding: 32% 0 0;
    background: url("images/bg_dot_sp.svg") no-repeat center top;
    background-size: contain;
  }
  #content.top_page #column .column_box:nth-child(4n),
  #content.top_page #column .column_box {
    padding: 0 5px 15px;
    width: 50%;
  }
  #content.top_page #column .column_list:after {
    width: 50%;
    content: "";
  }
  [class*="-menu"] #main .menu_list > li .item_price span.dozen {
    display: block;
  }

  [class*="-menu"] .tabs .horizontal li span span {
    display: block;
    letter-spacing: 0;
  }
  #app .rank_col .rank_table .rank_table_tr .rank_td {
    max-width: 34%;
    width: 34%;
  }
  #app .rank_col .rank_table .rank_table_tr .rank_td .rank_box {
    text-align: left;
    padding: 8px 6px 5px 35px;
    display: inline-block;
  }
  #app .rank_col .rank_table .rank_table_tr .point_td {
    width: 33%;
    padding: 0 5px;
  }
  #app .rank_col .rank_table .rank_table_tr .return_td {
    width: 32%;
    padding: 0 5px;
  }
  #content.recruit #vision .img_col {
    display: block;
    margin: 15px 0;
  }
  #content.recruit #vision .img_col .img_box,
  #content.recruit #vision .img_col .text_box {
    width: 100%;
  }
  #content.recruit #vision .img_col .text_box {
    padding: 15px 0;
  }
  #content.recruit #vision #vision03 + .img_col {
    margin: 15px 0 0;
  }
  #content.recruit #vision #vision03 + .img_col .text_box {
    padding: 15px 0 0;
  }
  #content.recruit #vision .img_col.imgR .text_box {
    padding: 15px 0;
  }
  #howto #dozenboxwari,
  #howto #combo {
    background: url("images/bg_dot_sp_combo.svg") no-repeat right calc(100vw - 70px) top 50px / 320px auto , url("images/bg_dot_sp_combo.svg") no-repeat left calc(100vw - 70px) top 0 / 320px auto;    
    padding: 40px 0 0;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 p .circle {
    right: -5px;
  }
  #dozenboxorder .order_app .app_fukidashi02 {
    bottom: -20px;
    right: 50%;
    transform: translateX(40%);
  }
  [class*="-menu"] .parent_box #howto .button_area,
  #dozenboxorder .button_area {
    margin: 40px auto 20px;
  }
  [class*="-menu"] .parent_box #howto .button_area {
    margin: 40px auto 5px;
  }
  .single-post .recommend_list li {
    width: 50%;
    margin: 0 0 20px;
  }
  .single-post .recommend_list li:nth-child(n+4) {
    display: block;
  }
  .single-post .recommend_list li:nth-child(2n) {
    padding: 0 0 0 5px;
  }
  .single-post .recommend_list li:nth-child(2n+1) {
    padding: 0 5px 0 0;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2 img {
    max-width: 50%;
  }
  #howto #combo .combo_in {
    margin: 0 10px;
  }
  #howto .dozen_info .multiple_col2 .multiple_ex .icon {
    left: -5px;
  }
  #sidebar #tag_cloud-2 h3 {
    margin: 25px -20px 40px;
    padding: 6px 0 0;
  }
  [class*="-menu"] .menu_list.seasondozen > li,
  [class*="-menu"] .menu_list.dozen > li,
  [class*="-menu"] .menu_list.seasonminis > li,
  [class*="-menu"] .menu_list.mini > li {
    width: 50%;
    padding: 0 10px 0 0;
    margin: 0 0 15px;
  }
  [class*="-menu"] .menu_list.seasondozen > li:nth-child(3n),
  [class*="-menu"] .menu_list.dozen > li:nth-child(3n) {
    padding: 0 0 0 0;
  }
  [class*="-menu"] .menu_list.seasondozen > li:nth-child(3n+2),
  [class*="-menu"] .menu_list.dozen > li:nth-child(3n+2) {
    padding: 0 0 0 0;
  }
  [class*="-menu"] .menu_list.seasondozen > li:nth-child(2n),
  [class*="-menu"] .menu_list.dozen > li:nth-child(2n) {
    padding: 0 0 0 10px;
  }
  #howto .happy .container {
    position: relative;
    padding: 20px 10px;
    justify-content: start;
  }
  #howto .happy .img_box {
    position: absolute;
    right: 0;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
  #howto #combo .happy .img_box {
    position: static;
    transform: translateY(0);
  }
  #howto .happy .img_box img {
    display: block;
  }
  #howto .happy .text_box {
    max-width: none;
    font-weight: bold;
    width: 65%;
  }
  #howto .happy .text_box h3 {
    margin: 0 0 10px;
  }
  #howto #combo .happy .container {
    align-items: start;
  }
  #howto #combo .happy .img_box {
    padding: 0 0 0;
    width: 40%;
  }
  #howto #combo .happy .text_box {
    position: relative;
  }
  #howto #combo .happy .text_box h3 {
    position: absolute;
    width: 100%;
    left: -20px;
  }
  #howto #combo .happy .text_box p {
    padding: 50px 0 0;
  }
  #page.page-template-default #content:not(.top_page) #howto #combo .happy p.caption {
    margin: 2px 0 0;
  }
  #howto #combo .combo_col .combo_box .combo_set {
    margin: 0 0 50px;
  }
  #howto #combo .combo_col .wcombo_box .combo_set {
    margin: 10px 0 50px;
  }
  #howto #combo .combo_col .combo_set {
    padding: 0 5px;
    max-width: 450px;
    margin: 5px auto 50px;
    position: relative;
    z-index: 100;
  }
  #howto #combo .combo_col .wcombo_box h3 {
    top: 15px;
  }
  [class*="-menu"] .menu_list > li .img_box .icons .cafein {
    width: 80px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .attention {
    margin: 5px 0 10px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .outline {
    font-size: 12px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .button {
    font-size: 11px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .zei {
    font-size: 10px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .zei span {
    font-size: 11px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku h3 {
    font-size: 15px;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku dt {
    float: none;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku dd {
    padding: 3px 0 7px 0;
  }
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) .menu_detail .info_col .item_hosoku .cofee_refill2 .attention {
    font-size: 10px;
    padding: 0 0 0 15px;
  }
  #page[class*="-menu"] #doughnuts {
    padding-top: 35px;
  }
  #page.page-template-default #content.combo_dozen:not(.top_page),
  #page[class*="-menu"] #content:not(.top_page):not(.combo_dozen):not(.app) {
    margin-top: 30px;
  }
  #howto #dozenboxwari {
    margin-top: -15px;
  }
  #content.top_page #column .column_box .img_box img {
    max-height: 130px;
  }
  #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p:not(.image):not(.itemname):not(.img),
  [class*="-menu"] .parent_box #howto .dozen_info .choice_dozen .dozen_d12 .original_d12 p:not(.img_box):not(.img):not(.itemname) {
    max-width: 170px !important;
    width: 52%;
    padding-right: 10px;
  }

}


/*--------------------------------------------------------------
  Smartphone S
--------------------------------------------------------------*/
@media screen and (max-width: 320px) {
  #app .rank_col .rank_table .rank_table_tr .rank_td {
    width: 33.333333%;
  }
  #app .rank_col .rank_table .rank_table_tr .rank_td .rank_box {
    padding: 7px 6px 5px 19px;
    text-align: left;
  }
  #app .rank_col .rank_table .rank_table_tr .point_td,
  #app .rank_col .rank_table .rank_table_tr .return_td {
    width: 33.333333%;
    padding: 0;
  }

  #app .rank_col .rank_table .rank_table_tr .rank_td .rank_box:before {
    width: 28px;
    height: 45px;
  }

  #page[class*="-menu"] .maxvh h2 {
    letter-spacing: 0 !important;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app).recruit_child .localmenu li {
    padding: 0 5px;
  }
  #content.recruit #vision .our_vision .localmenu li h4 {
    font-size: 10px;
  }
  #content.recruit #vision .our_vision .localmenu li p {
    font-size: 10px;
  }
  #page.page-template-default #content:not(.top_page):not(.combo_dozen):not(.app) #vision p, #content.recruit #vision .text_box h4 + p {
    font-size: 10px;
  }
  #dozenboxorder .order_app .app_fukidashi01 {
    top: 0;
    left: 50%;
    transform: translateX(20%);
  }
  .column_list_info .pager .no_link, .column_list_info .pager .page-numbers, .column_list_info .pager a {
    width: 20px;
    line-height: 20px;
  }
  #howto .dozen_info .multiple_col2 .multiple_d2 img {
    margin: 0;
  }
  #howto #combo .combo_col .combo_set > .combo_doughnut p, #howto #combo .combo_col .combo_set > .combo_drink p {
    line-height: 1.2;
    padding: 3px 5px;
  }
  #howto .happy .img_box{
    display: none;
  }
  #howto .happy .container{
    background: url(images/img_dozen_head.png) no-repeat left 105% center;
    background-size: 50% auto;
  }
  #howto #combo .happy .container{
    background: url(images/img_combo_head.png) no-repeat right 98% center;
    background-size: 48% auto;
    padding: 20px 0;
  }
  #howto #combo .happy .text_box {
    width: 100%;
    padding: 0 10px 0 38%;
    max-width: none;
  }
  #howto .happy .text_box {
    width: 100%;
  }
  #howto .happy .text_box h3 {
    width: 50%;
    padding: 0 0 8px;
  }
  #howto #combo .happy .text_box h3 {
    width: 100%;
    margin: 10px 0 0;
    padding: 0 0 5px;
    position: relative;
  }
  #howto #combo .happy .text_box p {
    font-size: 11px;
    padding: 10px 0 20px 45px;
  }
  #howto #combo .happy .text_box .caption {
    display: block !important;
    padding: 0 0 0 10px;
    position: absolute;
    left: 0;
  }
  #howto .dozen_info .choice_dozen .dozen_d3 img {
    max-height: none;
    width: 100%;
  }
  [class*="-menu"] #bluree .campaign_btn {
	bottom: 30px;
  }
}