@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap");
.pc { display: block; }

@media screen and (max-width: 1048px) { .pc { display: none; } }

.sp { display: none; }

@media screen and (max-width: 767px) { .sp { display: block; } }

.hide { display: none; }

.shadow { box-shadow: 0px 4px 10px -1px #aaaaaa; }

@media screen and (max-width: 1048px) { body { -webkit-text-size-adjust: 100%; }
  input, textarea { border-radius: 0; -webkit-appearance: none; }
  input[type=radio] { -webkit-appearance: radio; }
  input[type=checkbox] { -webkit-appearance: checkbox; } }

@media screen and (max-width: 767px) { .spBlock { display: block; } }

/* =======================================

	Browser Reset CSS
	Last Up Date 19/04/01

========================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, table, th, td, figure { margin: 0; padding: 0; }

html, body { color: #000000; overflow-x: hidden; }

body { font: 14px/1 -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; overflow-y: auto; }

* html body { font-size: small; }

*:first-child + html body { font-size: small; }

a { outline: none; color: #000000; text-decoration: none; backface-visibility: hidden; }

a:hover { text-decoration: underline; }

a:hover .scale { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.trans { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.opa:hover { opacity: 0.7; text-decoration: none; }

img { border: 0; vertical-align: top; }

h1, h2, h3, h4, h5, h6 { clear: both; font-size: 100%; font-weight: normal; }

ul, dl, ol { text-indent: 0; }

li { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

* html input, * html textarea, * html select { font-size: 100%; }

*:first-child + html + input, *:first-child html + textarea, *:first-child + html select { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }

th, td { text-align: left; vertical-align: top; }

caption { text-align: left; }

pre, code, kbd, samp, tt { font-family: monospace; }

* html pre, * html code, * html kbd, * html samp, * html tt { font-size: 100%; line-height: 100%; }

*:first-child + html pre, *:first-child html + code, *:first-child html + kbd, *:first-child + html + samp, *:first-child + html tt { font-size: 108%; line-height: 100%; }

input, select, textarea { font-size: 100%; font-family: Verdana, Helvetica, sans-serif; }

.clear { clear: both; }

/*-- clearfix --*/
.clearfix:after { content: ""; display: block; clear: both; }

/* =======================================

	Structure CSS

========================================== */
.wrapperGlobal { display: flex; }

@media screen and (max-width: 767px) { .wrapperGlobal { display: block; } }

.bgGrey { background-color: #f0f4fd; }

.contentsWrapper { width: calc(100vw - 270px); margin: 64px 0 0 0; position: relative; box-sizing: border-box; overflow-x: hidden; }

@media screen and (max-width: 1048px) { .contentsWrapper { width: 75vw; } }

@media screen and (max-width: 767px) { .contentsWrapper { width: 100vw; margin-top: 115px; } }

.bgWhite { background-color: #ffffff; }

/* =======================================

	Text Decorations CSS

========================================== */
.titBig { line-height: 130%; font-size: 36px; font-weight: bold; margin: 0 0 36px 0; text-align: center; }

.titBig small { font-size: 20px; line-height: 100%; display: inline-block; }

@media screen and (max-width: 1048px) { .titBig small { font-size: 17px; } }

@media screen and (max-width: 1048px) { .titBig { font-size: 30px; } }

.titMid { font-size: 26px; font-weight: bold; line-height: 140%; text-align: center; margin: 0 0 26px 0; }

@media screen and (max-width: 1048px) { .titMid { font-size: 20px; margin-bottom: 20px; } }

.titBgLine { margin: 0 0 36px 0; text-align: center; position: relative; }

@media screen and (max-width: 1048px) { .titBgLine { margin-bottom: 18px; } }

@media screen and (max-width: 767px) { .titBgLine { margin-left: -20px; margin-right: -20px; } }

.titBgLine span { display: inline-block; font-size: 30px; font-weight: bold; position: relative; z-index: 2; background-color: #f0f4fc; line-height: 130%; min-width: 50%; box-sizing: border-box; padding: 0 20px; }

@media screen and (max-width: 1048px) { .titBgLine span { font-size: 26px; } }

.titBgLine::after { content: ""; background-image: url("../img/common/bg_line_horizontal.svg"); background-repeat: repeat-x; display: block; width: 100%; height: 7px; position: absolute; left: 0; top: 50%; margin-top: -3.5px 0 0 0; }

.titBgLineWhite { margin: 0 40px 60px 40px; text-align: center; position: relative; color: #ffffff; }

@media screen and (max-width: 1048px) { .titBgLineWhite { margin: 0 20px 30px 20px; } }

@media screen and (max-width: 767px) { .titBgLineWhite { margin: 0 0 30px 0; } }

.titBgLineWhite span { display: inline-block; font-size: 36px; font-weight: bold; position: relative; line-height: 130%; }

@media screen and (max-width: 1048px) { .titBgLineWhite span { font-size: 26px; } }

.titBgLineWhite span img { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }

@media screen and (max-width: 1048px) { .titBgLineWhite span img { margin-right: 10px; } }

@media screen and (max-width: 767px) { .titBgLineWhite span img { margin: 0 0 10px 0; } }

.titBgLineWhite::before { content: ""; background-image: url("../img/common/bg_line_horizontal_white.svg"); background-repeat: repeat-x; display: block; width: 25%; height: 7px; position: absolute; left: 0; top: 50%; margin-top: -3.5px 0 0 0; }

@media screen and (max-width: 767px) { .titBgLineWhite::before { width: 15%; top: inherit; bottom: 10px; } }

.titBgLineWhite::after { content: ""; background-image: url("../img/common/bg_line_horizontal_white.svg"); background-repeat: repeat-x; display: block; width: 25%; height: 7px; position: absolute; right: 0; top: 50%; margin-top: -3.5px 0 0 0; }

@media screen and (max-width: 767px) { .titBgLineWhite::after { width: 15%; top: inherit; bottom: 10px; } }

/* =======================================

	Header CSS

========================================== */
.headerLogo { text-align: center; padding: 30px 0 0 0; }

@media screen and (max-width: 767px) { .headerLogo { text-align: left; padding: 16px 0 0 15px; } }

.headerLogo a { color: #ffffff; }

.headerLogo a:hover { text-decoration: none; opacity: 0.7; display: block; }

.headerLogo img { width: 48.75px; max-width: 100%; height: auto; vertical-align: middle; }

@media screen and (max-width: 1048px) { .headerLogo img { width: 27px; } }

.headerLogo span { display: block; font-family: 'Noto Sans Japanese', sans-serif; font-size: 30px; font-weight: bold; margin: 15px 0 0 0; }

@media screen and (max-width: 1048px) { .headerLogo span { font-size: 20px; } }

@media screen and (max-width: 767px) { .headerLogo span { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } }

.headerDescription { text-align: center; font-family: 'Noto Sans Japanese', sans-serif; font-size: 13px; line-height: 160%; margin: 30px 0 15px 0; font-weight: bold; color: #ffffff; }

@media screen and (max-width: 1048px) { .headerDescription { text-align: center; white-space: nowrap; font-size: 9px; } }

@media screen and (max-width: 767px) { .headerDescription { display: none; } }

.btnLinkAbout { display: block; text-align: center; color: #FFDA00; font-size: 14px; font-family: 'Noto Sans Japanese', sans-serif; margin: 15px 0 20px 0; line-height: 130%; }

.btnLinkAbout img { display: inline-block; vertical-align: middle; margin: 0 4px 0 0; }

@media screen and (max-width: 1048px) { .btnLinkAbout { font-size: 9px; } }

@media screen and (max-width: 767px) { .btnLinkAbout { display: none; } }

.boxToday { background-color: #000000; background-image: url("../img/common/bg_today.png"); background-repeat: no-repeat; background-position: center center; background-size: 85% auto; color: #ffffff; font-family: 'Open Sans', sans-serif; margin: 0 auto 18px auto; width: 80%; max-width: 247px; padding: 30px 0; border-radius: 5px; text-align: center; font-size: 28px; }

.boxToday span { display: block; margin: 5px 0 0 0; color: #EABF4B; font-size: 20px; }

@media screen and (max-width: 1048px) { .boxToday { font-size: 20px; padding: 20px 0; }
  .boxToday span { font-size: 10px; } }

@media screen and (max-width: 767px) { .boxToday { display: none; } }

.headerBtn { margin: 0 0 20px 0; display: flex; justify-content: center; }

@media screen and (max-width: 767px) { .headerBtn { position: absolute; top: 10px; right: 60px; } }

.headerBtn__login, .headerBtn__cart { margin: 0 15px; text-align: center; }

@media screen and (max-width: 1048px) { .headerBtn__login, .headerBtn__cart { margin: 0 7.5px; } }

.headerBtn__login figure, .headerBtn__cart figure { display: flex; width: 40px; height: 40px; box-sizing: border-box; border-width: 2px; border-color: #000000; margin: 0 auto; border-radius: 20px; justify-content: center; align-items: center; background-color: #ffffff; }

.headerBtn__login span, .headerBtn__cart span { font-size: 14px; font-weight: bold; font-family: 'Noto Sans Japanese', sans-serif; display: block; margin: 5px 0 0 0; }

@media screen and (max-width: 1048px) { .headerBtn__login span, .headerBtn__cart span { font-size: 9px; } }

@media screen and (max-width: 767px) { .headerBtn__login span, .headerBtn__cart span { display: none; } }

.headerBtn__login a, .headerBtn__cart a { color: #ffffff; }

.headerBtn__login a:hover, .headerBtn__cart a:hover { opacity: 0.7; text-decoration: none; display: block; }

.headerBtn__cart figure { background-color: #FFDA00; }

@media screen and (max-width: 767px) { .headerBtn__cart figure { background-color: #F29E00; } }

.btnNewRegist { display: block; margin: 0 auto 40px auto; border-width: 1px; border-style: solid; border-color: #ffffff; display: flex; max-width: 247px; color: #ffffff; font-family: 'Noto Sans Japanese', sans-serif; font-size: 14px; font-weight: bold; padding: 10px 0; justify-content: center; width: 80%; }

.btnNewRegist:hover { text-decoration: none !important; opacity: 0.7; }

@media screen and (max-width: 1048px) { .btnNewRegist { padding: 8px 0; font-size: 9px; } }

@media screen and (max-width: 767px) { .btnNewRegist { display: none; } }

.boxHeaderWhite { background-color: #ffffff; padding: 40px 20px; box-sizing: border-box; }

@media screen and (max-width: 1048px) { .boxHeaderWhite { padding: 40px 10%; } }

@media screen and (max-width: 767px) { .boxHeaderWhite { position: fixed; top: 116px; left: 0; right: 0; bottom: 0; overflow-y: auto; width: 100%; display: none; z-index: 1; height: calc(100vh - 70px); -webkit-overflow-scrolling: touch; padding-bottom: 100px; }
  .boxHeaderWhite.low { top: 60px; height: calc(100vh - 30px); } }

.listHeaderNav { border-width: 2px 0 0 0; border-style: solid; border-color: #112345; padding: 12px 0; }

@media screen and (max-width: 1048px) { .listHeaderNav { border-width: 1px 0 0 0; padding: 10px 0; } }

@media screen and (max-width: 767px) { .listHeaderNav { border-width: 2px 0 0 0; padding: 20px 0; } }

.listHeaderNav dt { font-size: 16px; font-weight: bold; font-family: 'Noto Sans Japanese', sans-serif; display: flex; }

@media screen and (max-width: 1048px) { .listHeaderNav dt { font-size: 10px; } }

@media screen and (max-width: 767px) { .listHeaderNav dt { font-size: 16px; } }

.listHeaderNav dt span { border-radius: 3px; height: 30px; margin: 0 0 10px 0; padding: 0 0 0 15px; box-sizing: border-box; width: calc(100% - 60px); display: flex; align-items: center; }

@media screen and (max-width: 1048px) { .listHeaderNav dt span { width: calc(100% - 40px); padding: 0 0 0 10px; } }

@media screen and (max-width: 767px) { .listHeaderNav dt span { padding: 0 0 0 15px; } }

.listHeaderNav dt figure { width: 60px; height: 30px; display: flex; justify-content: flex-end; align-items: center; }

.listHeaderNav dt figure img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

@media screen and (max-width: 1048px) { .listHeaderNav dt figure { width: 40px; }
  .listHeaderNav dt figure img { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }

.listHeaderNav-info dt span { width: 100%; }

.listHeaderNav__sns { margin: 10px 0 20px 0; display: flex; }

@media screen and (max-width: 767px) { .listHeaderNav__sns { justify-content: center; } }

.listHeaderNav__sns li { width: 22%; margin: 0 4% 0 0; }

.listHeaderNav__sns li:last-child { margin: 0; }

.listHeaderNav__sns li a { text-align: center; display: block; text-decoration: none; }

.listHeaderNav__sns li a:hover { opacity: 0.7; }

.listHeaderNav__sns li a small { display: block; font-size: 10px; margin: 4px 0 0 0; white-space: nowrap; }

.listHeaderNav-info .listHeaderNav__sns li a small { margin-left: -4px; }

@media screen and (max-width: 767px) { .listHeaderNav-info .listHeaderNav__sns li a small { margin-left: 0; } }

.listHeaderNav__sns li img { width: 100%; height: auto; }

.listHeaderNav-info .listHeaderNav__sns li img { width: 37px; }

@media screen and (max-width: 767px) { .listHeaderNav-info .listHeaderNav__sns li img { width: 50px; } }

.listHeaderNav__caption { line-height: 180%; margin: 10px 0 20px 0; }

@media screen and (max-width: 1048px) { .listHeaderNav__caption { font-size: 10px; margin: 0 0 20px 0; } }

@media screen and (max-width: 767px) { .listHeaderNav__caption { font-size: 13px; margin: 0 15px 20px 15px; } }

.brand .listHeaderNav .titBrand span, .home .listHeaderNav .titArticle span, .store .listHeaderNav .titStore span, .event .listHeaderNav .titEvent span, .shop .listHeaderNav .titShop span { background-color: #FFDA00; }

.listHeaderNav__text li { padding: 7px 0 7px 15px; font-family: 'Noto Sans Japanese', sans-serif; font-size: 13px; line-height: 140%; }

@media screen and (max-width: 1048px) { .listHeaderNav__text li { padding: 7px 0 7px 10px; font-size: 10px; } }

@media screen and (max-width: 767px) { .listHeaderNav__text li { padding: 7px 0 7px 15px; font-size: 13px; } }

.listHeaderNav__text li a { color: #000000; display: flex; align-items: center; min-height: 23px; }

.listHeaderNav__text li a:hover { text-decoration: none; opacity: 0.7; }

.listHeaderNav__text li a figure { max-height: 30px; width: 30px; display: block; }

.listHeaderNav__text li a figure img { max-height: 30px; width: auto; }

.listHeaderNav__text li a span { line-height: 130%; }

@media screen and (max-width: 767px) { .listHeaderNav__text li a span br { display: none; } }

.listHeaderNav__text--indent { text-indent: 15px; }

#globalHeader { width: 270px; background-color: #ffffff; z-index: 10; }

@media screen and (max-width: 1048px) { #globalHeader { width: 25vw; } }

@media screen and (max-width: 767px) { #globalHeader { width: 100vw; height: 60px; position: fixed; top: 0; left: 0; background-color: #112345; z-index: 100; } }

.globalHeader__left { width: 270px; background-color: #142343; }

@media screen and (max-width: 1048px) { .globalHeader__left { width: 25vw; } }

@media screen and (max-width: 767px) { .globalHeader__left { width: 100vw; } }

#globalNavi { position: fixed; width: calc(100vw - 270px); height: 64px; top: 0; left: 270px; box-sizing: border-box; padding: 10px 48px; background-color: #ffffff; z-index: 100; }

.customize-support #globalNavi { top: 32px; }

@media screen and (max-width: 1048px) { .customize-support #globalNavi { top: 47px; } }

@media screen and (max-width: 767px) { .customize-support #globalNavi { top: 60px; } }

@media screen and (max-width: 1048px) { #globalNavi { width: 75vw; left: 25vw; padding: 18px 10px 0 10px; } }

@media screen and (max-width: 767px) { #globalNavi { width: 100vw; left: 0; top: 60px; height: 56px; padding-top: 0; background-color: #112345; } }

#globalNavi ul { display: flex; font-size: 20px; font-weight: bold; font-family: 'Noto Sans Japanese', sans-serif; justify-content: space-between; line-height: 120%; }

@media screen and (max-width: 1235px) { #globalNavi ul { font-size: 15px; } }

@media screen and (max-width: 1048px) { #globalNavi ul { font-size: 12px; } }

#globalNavi ul li { display: flex; justify-content: center; }

#globalNavi ul li.navArticle { width: 18%; }

.home #globalNavi ul li.navArticle a { background-color: #FFDA00; color: #000000; }

#globalNavi ul li.navStore { width: 29%; }

.store #globalNavi ul li.navStore a { background-color: #FFDA00; color: #000000; }

#globalNavi ul li.navEvent { width: 18%; }

.event #globalNavi ul li.navEvent a { background-color: #FFDA00; color: #000000; }

#globalNavi ul li.navShop { width: 32%; }

.shop #globalNavi ul li.navShop a { background-color: #FFDA00; color: #000000; }

#globalNavi ul li a { display: flex; width: 100%; color: #000000; justify-content: center; align-items: center; box-sizing: border-box; border-radius: 5px; height: 45px; padding: 0 10px; }

#globalNavi ul li a figure { box-sizing: border-box; padding: 0 15px 0 0; }

@media screen and (max-width: 1048px) { #globalNavi ul li a figure { width: 30px; padding-right: 10px; }
  #globalNavi ul li a figure img { width: 100%; height: auto; } }

@media screen and (max-width: 767px) { #globalNavi ul li a figure { padding: 0; height: 24px; text-align: center; }
  #globalNavi ul li a figure img { width: auto !important; height: 16px !important; } }

#globalNavi ul li a:hover { text-decoration: none; background-color: #FFDA00; }

#globalNavi ul li a span { white-space: nowrap; }

@media screen and (max-width: 1048px) { #globalNavi ul li a { padding: 0; } }

@media screen and (max-width: 767px) { #globalNavi ul li a { border-radius: 3px; flex-direction: column; color: #ffffff !important; } }

.sidebar { will-change: min-height; }

.sidebar__inner { transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; }

@media screen and (max-width: 767px) { #menu { width: 40px; height: 40px; position: fixed; cursor: pointer; background-color: #ffffff; border-radius: 20px; box-sizing: border-box; border-width: 2px; border-color: #000000; z-index: 100; top: 10px; right: 10px; }
  #menu .bar { display: inline-block; width: 19px; height: 2px; left: 11px; background-color: #333333; position: absolute; transition: .15s ease-in-out; }
  #menu img { width: 20px; height: 10px; display: block; left: 11px; top: 26px; position: absolute; }
  #bar01 { top: 10px; }
  .active #bar01 { top: 15px; transform: rotate(45deg); }
  #bar02 { top: 15px; }
  .active #bar02 { width: 0; }
  #bar03 { top: 20px; }
  .active #bar03 { top: 15px; transform: rotate(-45deg); } }

/* =======================================

	Footer CSS

========================================== */
.footerLink { margin: 0 auto 60px auto; max-width: 940px; display: flex; justify-content: space-between; }

@media screen and (max-width: 1048px) { .footerLink { margin-bottom: 0; flex-direction: column-reverse; } }

.footerLink__left { max-width: 53%; }

@media screen and (max-width: 1048px) { .footerLink__left { max-width: inherit; width: 100%; } }

.footerLink__left__list { display: flex; flex-wrap: wrap; line-height: 130%; }

.footerLink__left__list li { margin: 0 0 30px 0; padding: 0 26px 0 0; position: relative; }

@media screen and (max-width: 767px) { .footerLink__left__list li { margin: 0 0 20px 0; }
  .footerLink__left__list li:nth-child(2) { padding-right: 0; }
  .footerLink__left__list li:nth-child(2)::after { display: none; } }

.footerLink__left__list li::after { content: "/"; position: absolute; top: 0; right: 10px; }

.footerLink__left__list li:last-child { padding-right: 0; }

.footerLink__left__list li:last-child::after { display: none; }

.footerLink__left__list li a { text-decoration: underline; }

.footerLink__left__list li a:hover { text-decoration: none; }

.footerLink__left__caution { margin: 0 0 30px 0; font-size: 16px; font-weight: bold; line-height: 130%; }

@media screen and (max-width: 767px) { .footerLink__left__caution { margin-bottom: 15px; }
  .footerLink__left__caution br { display: none; } }

.footerLink__left__caution span { background-color: #FFDA00; }

.footerLink__left__sns { display: flex; }

@media screen and (max-width: 767px) { .footerLink__left__sns { justify-content: center; } }

.footerLink__left__sns li { max-width: 75px; margin: 0 20px 0 0; }

@media screen and (max-width: 1048px) { .footerLink__left__sns li { margin-right: 15px; } }

@media screen and (max-width: 1048px) { .footerLink__left__sns li { width: 22%; margin: 0 4% 0 0; }
  .footerLink__left__sns li:last-child { margin-right: 0; } }

.footerLink__left__sns li:last-child { margin-right: 0; }

.footerLink__left__sns li img { width: 100%; height: auto; }

.footerLink__left__sns li a:hover { opacity: 0.7; }

.footerLink__right { width: 43%; min-width: 400px; }

@media screen and (max-width: 1048px) { .footerLink__right { max-width: 400px; margin: 0 auto 30px auto; } }

@media screen and (max-width: 767px) { .footerLink__right { min-width: inherit; width: 100%; box-sizing: border-box; } }

.footerLink__right_inner { position: relative; }

.footerLink__right_inner figure img { width: 100%; height: auto; }

.footerLink__right_inner dl { font-family: 'Noto Sans Japanese', sans-serif; font-weight: bold; position: absolute; top: 50%; left: 50%; text-align: center; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); line-height: 150%; }

.footerLink__right_inner dl dt { margin: 0 0 20px 0; font-size: 20px; white-space: nowrap; }

@media screen and (max-width: 1048px) { .footerLink__right_inner dl dt { font-size: 16px; margin: 0 0 10px 0; } }

@media screen and (max-width: 767px) { .footerLink__right_inner dl dd { font-size: 11px; } }

.footerBottom { text-align: center; background-color: #ffffff; padding: 40px 0; }

.footerBottom__logo figcaption { display: block; margin: 10px 0 0 0; font-size: 18px; }

.footerBottom__copyright { margin: 25px 0 0 0; font-size: 13px; color: #657695; line-height: 130%; }

@media screen and (max-width: 767px) { .footerBottom__copyright { margin: 10px 0 0 0; font-size: 11px; } }

.footerMailMagazine { background-color: #112345; padding: 30px 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 1048px) { .footerMailMagazine { padding: 15px; } }

@media screen and (max-width: 767px) { .footerMailMagazine { padding: 60px 15px; flex-direction: column; } }

.footerMailMagazine__figure { width: 200px; padding: 0 40px 0 0; box-sizing: border-box; }

.footerMailMagazine__figure img { width: 100%; height: auto; }

@media screen and (max-width: 1048px) { .footerMailMagazine__figure { padding: 0 20px 0 0; } }

@media screen and (max-width: 767px) { .footerMailMagazine__figure { padding: 0; width: 160px; margin: 0 0 20px 0; }
  .footerMailMagazine__figure img { width: 160px; } }

.footerMailMagazine__info p { line-height: 180%; color: #ffffff; text-align: center; margin: 0 0 20px 0; font-size: 22px; font-weight: bold; }

@media screen and (max-width: 1048px) { .footerMailMagazine__info p { margin: 0 0 15px 0; } }

.footerMailMagazine__info p br { display: none; }

@media screen and (max-width: 1048px) { .footerMailMagazine__info p br { display: block; } }

.footerMailMagazine__info__ico { display: flex; justify-content: center; }

.footerMailMagazine__info__ico a { margin: 0 12px; text-decoration: none; text-align: center; }

.footerMailMagazine__info__ico a img { width: 67.5px; height: auto; }

.footerMailMagazine__info__ico a small { display: block; color: #ffffff; font-weight: bold; font-size: 12px; margin: 8px 0 0 0; }

.footerMailMagazine__info__ico a:hover { opacity: 0.7; }

/* =======================================

	共通

========================================== */
.mb0 { margin-bottom: 0 !important; }

.btnYellow, .btnInquiry input#submit { display: flex; width: 184px; height: 50px; margin: 0 auto; border-width: 2px; border-style: solid; border-color: #000000; background-color: #FFDA00; font-size: 16px; font-weight: bold; justify-content: center; align-items: center; }

.btnYellow:hover, .btnInquiry input#submit:hover { opacity: 0.7; text-decoration: none; }

@media screen and (max-width: 1048px) { .btnYellow, .btnInquiry input#submit { max-width: 100%; font-size: 14px; width: 170px; height: 45px; } }

.btnBlue, .btnInquiry input#back { display: flex; width: 287px; height: 40px; margin: 0 auto; border-width: 2px; border-style: solid; border-color: #000000; background-color: #112345; color: #ffffff; font-size: 16px; font-weight: bold; justify-content: center; align-items: center; }

.btnBlue:hover, .btnInquiry input#back:hover { opacity: 0.7; text-decoration: none; }

.boxDefault, .boxBgGrey, .boxBgLine { padding: 80px 40px; }

@media screen and (max-width: 1048px) { .boxDefault, .boxBgGrey, .boxBgLine { padding: 60px 15px; } }

.boxBgGrey { background-color: #F0F4FC; }

.boxBgLine { background-image: url("../img/common/bg_line.svg"); }

.slideHeader, .storeItem__slider, .storeItem__link { margin: 0 0 60px 0; position: relative; }

.slideHeader a:hover img, .storeItem__slider a:hover img, .storeItem__link a:hover img { opacity: 0.7; }

.slideHeader slick-slide, .storeItem__slider slick-slide, .storeItem__link slick-slide { margin: 0 10px; }

@media screen and (max-width: 767px) { .slideHeader slick-slide, .storeItem__slider slick-slide, .storeItem__link slick-slide { margin: 0; } }

.slideHeader .slick-slide img, .storeItem__slider .slick-slide img, .storeItem__link .slick-slide img { width: auto; height: 480px; }

@media screen and (max-width: 1048px) { .slideHeader .slick-slide img, .storeItem__slider .slick-slide img, .storeItem__link .slick-slide img { height: 380px; } }

@media screen and (max-width: 767px) { .slideHeader .slick-slide img, .storeItem__slider .slick-slide img, .storeItem__link .slick-slide img { height: 260px; } }

.slideHeader .slick-prev, .storeItem__slider .slick-prev, .storeItem__link .slick-prev, .slideHeader .slick-next, .storeItem__slider .slick-next, .storeItem__link .slick-next { position: absolute; top: 50%; width: 60px; height: 60px; left: 50%; margin: -30px 0 0 -439px; z-index: 1; overflow: hidden; border-width: 0; background-color: rgba(17, 35, 69, 0.9); cursor: pointer; text-indent: -9999px; outline: none; }

.slideHeader .slick-prev::after, .storeItem__slider .slick-prev::after, .storeItem__link .slick-prev::after, .slideHeader .slick-next::after, .storeItem__slider .slick-next::after, .storeItem__link .slick-next::after { content: ""; background-image: url("../img/common/ico_arrow_left_white.svg"); background-repeat: no-repeat; width: 13px; height: 18px; display: block; position: absolute; top: 21px; left: 24px; }

@media screen and (max-width: 1048px) { .slideHeader .slick-prev::after, .storeItem__slider .slick-prev::after, .storeItem__link .slick-prev::after, .slideHeader .slick-next::after, .storeItem__slider .slick-next::after, .storeItem__link .slick-next::after { background-size: 8.7px 12.29px; width: 8.7px; height: 13.29px; top: 14px; left: 15px; } }

@media screen and (max-width: 1235px) { .slideHeader .slick-prev, .storeItem__slider .slick-prev, .storeItem__link .slick-prev, .slideHeader .slick-next, .storeItem__slider .slick-next, .storeItem__link .slick-next { left: 0; margin-left: 0; } }

@media screen and (max-width: 1048px) { .slideHeader .slick-prev, .storeItem__slider .slick-prev, .storeItem__link .slick-prev, .slideHeader .slick-next, .storeItem__slider .slick-next, .storeItem__link .slick-next { width: 40px; height: 40px; margin: -20px 0 0 0; } }

.slideHeader .slick-next, .storeItem__slider .slick-next, .storeItem__link .slick-next { left: inherit; right: 50%; margin: -30px -441px 0 0; }

.slideHeader .slick-next::after, .storeItem__slider .slick-next::after, .storeItem__link .slick-next::after { background-image: url("../img/common/ico_arrow_right_white.svg"); }

@media screen and (max-width: 1235px) { .slideHeader .slick-next, .storeItem__slider .slick-next, .storeItem__link .slick-next { right: 0; margin-right: 0; } }

@media screen and (max-width: 1048px) { .slideHeader .slick-next, .storeItem__slider .slick-next, .storeItem__link .slick-next { margin: -15px 0 0 0; } }

.slideHeader .slick-dots, .storeItem__slider .slick-dots, .storeItem__link .slick-dots { position: absolute; bottom: -45px; display: flex; justify-content: center; width: 100%; }

@media screen and (max-width: 767px) { .slideHeader .slick-dots, .storeItem__slider .slick-dots, .storeItem__link .slick-dots { bottom: -35px; } }

.slideHeader .slick-dots button, .storeItem__slider .slick-dots button, .storeItem__link .slick-dots button { width: 14px; height: 14px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #112345; background-color: #ffffff; text-indent: -9999px; overflow: hidden; margin: 0 5px; padding: 0; border-radius: 50%; outline: none; cursor: pointer; }

.slideHeader .slick-dots .slick-active button, .storeItem__slider .slick-dots .slick-active button, .storeItem__link .slick-dots .slick-active button { background-color: #FFDA00; }

.boxBannerSlider { margin: 40px 0 40px 0; }

.boxBannerSlider .slick-slide { margin: 0; }

.boxBannerSlider .slick-prev, .boxBannerSlider .slideHeader .slick-next, .slideHeader .boxBannerSlider .slick-next, .boxBannerSlider .storeItem__slider .slick-next, .storeItem__slider .boxBannerSlider .slick-next, .boxBannerSlider .storeItem__link .slick-next, .storeItem__link .boxBannerSlider .slick-next, .boxBannerSlider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 27px; height: 77px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 2; height: 60px; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.boxBannerSlider .slick-prev:before, .boxBannerSlider .slideHeader .slick-next:before, .slideHeader .boxBannerSlider .slick-next:before, .boxBannerSlider .storeItem__slider .slick-next:before, .storeItem__slider .boxBannerSlider .slick-next:before, .boxBannerSlider .storeItem__link .slick-next:before, .storeItem__link .boxBannerSlider .slick-next:before, .boxBannerSlider .slick-next:before, .boxBannerSlider .slick-prev:before, .boxBannerSlider .slideHeader .slick-next:before, .slideHeader .boxBannerSlider .slick-next:before, .boxBannerSlider .storeItem__slider .slick-next:before, .storeItem__slider .boxBannerSlider .slick-next:before, .boxBannerSlider .storeItem__link .slick-next:before, .storeItem__link .boxBannerSlider .slick-next:before, .boxBannerSlider .slick-next:before { width: 27px; height: 60px; display: block; background-color: #142343; }

.boxBannerSlider .slick-prev, .boxBannerSlider .slideHeader .slick-next, .slideHeader .boxBannerSlider .slick-next, .boxBannerSlider .storeItem__slider .slick-next, .storeItem__slider .boxBannerSlider .slick-next, .boxBannerSlider .storeItem__link .slick-next, .storeItem__link .boxBannerSlider .slick-next { left: -40px; margin-left: 0; }

.boxBannerSlider .slick-prev:before, .boxBannerSlider .slideHeader .slick-next:before, .slideHeader .boxBannerSlider .slick-next:before, .boxBannerSlider .storeItem__slider .slick-next:before, .storeItem__slider .boxBannerSlider .slick-next:before, .boxBannerSlider .storeItem__link .slick-next:before, .storeItem__link .boxBannerSlider .slick-next:before { content: ''; background-image: url("../img/common/ico_arrow_left_white.svg"); background-repeat: no-repeat; background-size: 7px 12px; background-position: center center; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.boxBannerSlider .slick-next { right: -40px; margin-right: 0; }

.boxBannerSlider .slick-next:before { content: ''; background-image: url("../img/common/ico_arrow_right_white.svg"); background-repeat: no-repeat; background-size: 7px 12px; background-position: center center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.boxBannerSlider p { font-size: 20px; font-weight: bold; color: #11284C; margin: 0 0 10px 0; text-align: center; }

.boxBannerSlider .slider { width: 936px; margin: 0 auto; }

@media screen and (max-width: 1235px) { .boxBannerSlider .slider { width: 468px; } }

@media screen and (max-width: 767px) { .boxBannerSlider .slider { width: auto; margin: 0 15px; } }

.boxBannerSlider .slider a:hover { opacity: 0.7; }

.boxBannerSlider .slider img { width: 468px; height: auto; }

@media screen and (max-width: 767px) { .boxBannerSlider .slider img { width: 100%; height: auto; display: block; } }

.headerBgLine { text-align: center; background-image: url("../img/common/bg_line.svg"); font-size: 36px; color: #ffffff; line-height: 130%; padding: 70px 0 0 0; height: 237px; box-sizing: border-box; }

@media screen and (max-width: 1048px) { .headerBgLine { padding-top: 50px; } }

.headerBgLine span { display: block; margin: 0 0 -20px 0; }

.headerBgLine span img { -webkit-filter: brightness(0) invert(100%); -moz-filter: brightness(0) invert(100%); -o-filter: brightness(0) invert(100%); -ms-filter: brightness(0) invert(100%); filter: brightness(0) invert(100%); }

.headerBgLine h1, .headerBgLine h2 { font-weight: bold; }

/* =======================================

	トップページ

========================================== */
.contentsHome, .contentsEvent { position: relative; }

.contentsHome::before, .contentsEvent::before { z-index: -1; content: ""; background-repeat: no-repeat; background-size: cover; background-position: center center; position: fixed; width: calc(100vw - 270px); height: calc(100vh - 64px); }

@media screen and (max-width: 1048px) { .contentsHome::before, .contentsEvent::before { width: 75vw; height: 40vh; } }

@media screen and (max-width: 767px) { .contentsHome::before, .contentsEvent::before { width: 100vw; height: calc(100vh - 60px); top: 60px; } }

.newsHeadline { min-height: 40px; background-color: #E5E5E5; text-align: center; padding: 10px 0; box-sizing: border-box; }

@media screen and (max-width: 1048px) { .newsHeadline { min-height: 30px; padding: 8px 0 0 0; font-size: 10px; } }

@media screen and (max-width: 767px) { .newsHeadline { min-height: 40px; padding: 10px 0; font-size: 14px; } }

.newsHeadline a { color: #112345; line-height: 130%; text-decoration: underline; }

.newsHeadline a:hover { text-decoration: none; }

.catchMain { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: calc(100vh - 104px); color: #ffffff; font-size: 43px; font-weight: bold; line-height: 150%; white-space: nowrap; }

@media screen and (max-width: 1048px) { .catchMain { font-size: 23px; height: calc(49.2vh - 124px); }
  .catchMain span { font-size: 32px; } }

@media screen and (max-width: 767px) { .catchMain { height: calc(100vh - 280px); } }

.blurBgHome { position: relative; background-color: rgba(164, 176, 206, 0.4); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); padding: 80px 0 0 0; }

.blurBgHome::after { background-color: #A4B0CE; }

@media screen and (max-width: 1048px) { .blurBgHome { padding: 40px 0 0 0; } }

@media screen and (max-width: 767px) { .blurBgHome { padding: 10px 0 0 0; } }

.headerHomeLine { padding: 60px 0 0 0; position: relative; box-sizing: border-box; z-index: 1; height: 145px; }

@media screen and (max-width: 1048px) { .headerHomeLine { padding: 30px 0 0 0; height: 105px; } }

@media screen and (max-width: 767px) { .headerHomeLine { padding: 50px 20px 0 0; height: 125px; } }

.headerHomeLine h2 { font-size: 36px; font-weight: bold; color: #ffffff; z-index: 2; position: relative; max-width: 1020px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; }

@media screen and (max-width: 1048px) { .headerHomeLine h2 { font-size: 30px; padding: 0 20px; } }

.headerHomeLine h2 span { display: block; margin: 0 0 -0.3em 0; padding: 0; }

.headerHomeLine h2 span img { -webkit-filter: brightness(0) invert(100%); -moz-filter: brightness(0) invert(100%); -o-filter: brightness(0) invert(100%); -ms-filter: brightness(0) invert(100%); filter: brightness(0) invert(100%); }

.headerHomeLine::before { content: ""; background-image: url("../img/common/bg_line.svg"); background-repeat: repeat-x; display: block; width: 35vw; height: 260px; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 767px) { .headerHomeLine::before { width: calc(100vw - 50px); } }

.homePickup { display: flex; flex-wrap: wrap; justify-content: space-between; display: flex; max-width: 1020px; padding: 0 40px; margin: 0 auto 40px auto; box-sizing: border-box; position: relative; z-index: 1; }

@media screen and (max-width: 1048px) { .homePickup { padding: 0; } }

@media screen and (max-width: 767px) { .homePickup { flex-direction: column-reverse; } }

.homePickup__left { width: 58%; }

@media screen and (max-width: 767px) { .homePickup__left { width: 100%; } }

.homePickup__left__inner { position: relative; z-index: 2; background-color: #ffffff; box-sizing: border-box; padding: 0 0 30px 0; }

@media screen and (max-width: 1048px) { .homePickup__left__inner { margin-left: 20px; padding: 0 0 15px 0; } }

@media screen and (max-width: 767px) { .homePickup__left__inner { margin-left: 0; padding: 15px; } }

.articleLinkColumn2, .articleLinkColumn3, .articleLinkColumn2Row { display: flex; flex-wrap: wrap; max-width: 940px; margin: 0 auto; }

@media screen and (max-width: 767px) { .articleLinkColumn2, .articleLinkColumn3, .articleLinkColumn2Row { display: block; } }

.articleLink { display: block; box-sizing: border-box; position: relative; }

.articleLinkColumn2Row .articleLink { width: calc(((100% - 20px) / 2) - 0.1px); margin: 0 20px 20px 0; padding: 10px 20px 10px 10px; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; }

.articleLinkColumn2Row .articleLink:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 1048px) { .articleLinkColumn2Row .articleLink { width: calc((100% - 10px) / 2); margin: 0 10px 10px 0; padding-right: 10px; } }

@media screen and (max-width: 767px) { .articleLinkColumn2Row .articleLink { align-items: flex-start; width: 100%; margin: 0; border-width: 0 0 1px 0; border-style: solid; padding: 15px; box-sizing: border-box; display: flex; justify-content: space-between; } }

.articleLinkColumn3 .articleLink { width: calc(((100% - 40px) / 3) - 0.1px); background-color: #ffffff; margin: 0 20px 20px 0; }

.articleLinkColumn3 .articleLink:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 1048px) { .articleLinkColumn3 .articleLink { width: calc((100% - 20px) / 3); margin: 0 10px 10px 0; } }

@media screen and (max-width: 767px) { .articleLinkColumn3 .articleLink { width: 100%; margin: 0; border-width: 0 0 1px 0; border-style: solid; padding: 15px; box-sizing: border-box; display: flex; justify-content: space-between; } }

.articleLinkColumn2 .articleLink { width: calc(((100% - 20px) / 2) - 0.1px); background-color: #ffffff; margin: 0 20px 20px 0; }

.articleLinkColumn2 .articleLink:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 1048px) { .articleLinkColumn2 .articleLink { width: calc((100% - 10px) / 2); margin: 0 10px 10px 0; } }

@media screen and (max-width: 767px) { .articleLinkColumn2 .articleLink { width: 100%; margin: 0; border-width: 0 0 1px 0; border-style: solid; padding: 15px; box-sizing: border-box; display: flex; justify-content: space-between; } }

.articleLink:hover { text-decoration: none !important; }

.articleLink__img { overflow: hidden; position: relative; }

@media screen and (max-width: 767px) { .articleLinkColumn3 .articleLink__img { width: 48%; } }

@media screen and (max-width: 767px) { .articleLinkColumn2 .articleLink__img { width: 48%; } }

.articleLinkColumn2Row .articleLink__img { width: 40%; padding: 30px 0; background-image: url("../img/common/bg_line_small.svg"); }

@media screen and (max-width: 767px) { .articleLinkColumn2Row .articleLink__img { padding: 0 0 0 0; width: 48%; background-image: none; } }

.articleLink__img figcaption { display: inline-block; background-color: #FFE200; font-weight: bold; position: absolute; bottom: 0; left: 0; padding: 8px; }

@media screen and (max-width: 1048px) { .articleLink__img figcaption { position: relative; font-size: 10px; } }

.articleLink__img img { max-width: 100%; height: auto; }

.articleLink__img__wrapper { overflow: hidden; text-align: center; }

.homeInner .articleLink__img__wrapper { text-align: left; }

.articleLink__info { padding: 18px 0 0 0; box-sizing: border-box; }

.homePickup__left .articleLink__info { padding: 18px 30px 0 30px; }

@media screen and (max-width: 1048px) { .homePickup__left .articleLink__info { padding: 10px; } }

@media screen and (max-width: 767px) { .homePickup__left .articleLink__info { padding: 0; } }

.articleLinkColumn3 .articleLink__info, .articleLinkColumn2 .articleLink__info { padding: 20px 20px 20px 20px; }

@media screen and (max-width: 1048px) { .articleLinkColumn3 .articleLink__info, .articleLinkColumn2 .articleLink__info { padding: 10px; } }

@media screen and (max-width: 767px) { .articleLinkColumn3 .articleLink__info, .articleLinkColumn2 .articleLink__info { padding: 0; width: 48%; } }

.articleLinkColumn2Row .articleLink__info { width: 57%; padding-top: 0; }

@media screen and (max-width: 767px) { .articleLinkColumn2Row .articleLink__info { padding: 0; width: 48%; } }

.articleLink__info time { font-weight: bold; font-size: 13px; margin: 0 0 12px 0; display: block; font-family: 'Open Sans', sans-serif; }

.articleLink__info__title { font-size: 18px; font-weight: bold; line-height: 140%; margin: 0 0 16px 0; }

.articleLinkColumn2 .articleLink__info__title, .articleLinkColumn3 .articleLink__info__title, .articleLinkColumn2Row .articleLink__info__title { font-size: 16px; }

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

.articleLink__info__footer figure img { width: 30px; height: auto; display: inline-block; border-radius: 50%; }

.articleLink__info__footer figure figcaption { display: inline-block; margin: 8px 0 0 4px; font-weight: bold; }

@media screen and (max-width: 1048px) { .articleLink__info__footer figure figcaption { font-size: 11px; margin-left: 2px; } }

.articleLink__info__footer dl { display: flex; align-items: center; }

.articleLink__info__footer dl dd { font-size: 12px; font-weight: bold; margin: 0 0 0 8px; }

.homePickup__right { box-sizing: border-box; background-color: #ffffff; margin: -145px 0 0 0; width: calc(42% - 40px); box-sizing: border-box; padding: 0 40px; display: flex; align-items: center; }

@media screen and (max-width: 1048px) { .homePickup__right { margin-right: 20px; width: calc(42% - 40px); padding: 15px 15px 5px 15px; } }

@media screen and (max-width: 767px) { .homePickup__right { width: auto; border-width: 5px; border-style: solid; border-color: #000000; margin: 30px 15px; padding: 0; display: block; } }

.homePickup__right h3 { text-align: center; color: #112345; font-size: 20px; font-weight: bold; line-height: 130%; margin: 0 0 30px 0; position: relative; }

@media screen and (max-width: 1048px) { .homePickup__right h3 { font-size: 15px; margin: 0 0 15px 0; } }

@media screen and (max-width: 767px) { .homePickup__right h3 { background-color: #FFE200; text-align: left; padding: 15px; margin-bottom: 0; } }

.homePickup__right h3 a { display: none; }

@media screen and (max-width: 767px) { .homePickup__right h3 a { display: block; width: 40px; height: 40px; background-color: #112345; position: absolute; top: 15px; right: 15px; background-image: url("../img/common/ico_arrow_down.svg"); background-repeat: no-repeat; background-position: center center; }
  .homePickup__right h3 a.up { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .homePickup__right h3 a span { display: none; } }

.homePickup__right h3 span { display: none; }

@media screen and (max-width: 767px) { .homePickup__right h3 span { display: inline-block; } }

.homePickup__right a { display: block; margin: 0 0 20px 0; }

@media screen and (max-width: 1048px) { .homePickup__right a { margin-bottom: 15px; } }

.homePickup__right a:hover { text-decoration: none; }

.homePickup__right a figure { border-width: 5px; border-style: solid; border-color: #000000; }

.homePickup__right a figure div { overflow: hidden; }

.homePickup__right a figure div img { width: 100%; height: auto; }

.homePickup__right a figure figcaption { background-color: #FFE200; height: 70px; display: flex; line-height: 130%; justify-content: center; align-items: center; text-align: center; font-size: 18px; font-weight: bold; }

@media screen and (max-width: 1048px) { .homePickup__right a figure figcaption { height: 40px; font-size: 14px; } }

.homePickup__right a p { font-size: 12px; line-height: 140%; margin: 10px 0 0 0; }

@media screen and (max-width: 1048px) { .homePickup__right a p { font-size: 11px; margin-top: 8px; } }

@media screen and (max-width: 767px) { .homePickup__right_contents { display: none; padding: 15px 15px 0 15px; } }

.homeInner { margin: 0 40px; position: relative; z-index: 1; }

@media screen and (max-width: 1048px) { .homeInner { margin: 0 20px; } }

@media screen and (max-width: 767px) { .homeInner { margin: 0 0 20px 0; } }

.homeNew { margin: 0 0 75px 0; }

@media screen and (max-width: 1048px) { .homeNew { margin-bottom: 40px; } }

.homeRanking { padding-bottom: 60px; }

@media screen and (max-width: 1048px) { .homeRanking { padding-bottom: 30px; } }

.rank01::after, .rank02::after, .rank03::after, .rank04::after, .rank05::after { content: ""; background-image: url("../img/common/img_rank01.svg"); background-repeat: no-repeat; width: 61px; height: 50px; display: block; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 1048px) { .rank01::after, .rank02::after, .rank03::after, .rank04::after, .rank05::after { background-size: 48.4px 40px; width: 48.4px; height: 40px; } }

.rank02::after { background-image: url("../img/common/img_rank02.svg"); width: 70px; height: 50px; }

@media screen and (max-width: 1048px) { .rank02::after { background-size: 55.97px 40px; width: 55.97px; } }

.rank03::after { background-image: url("../img/common/img_rank03.svg"); width: 56px; height: 40px; }

.rank04::after { background-image: url("../img/common/img_rank04.svg"); width: 57px; height: 40px; }

.rank05::after { background-image: url("../img/common/img_rank05.svg"); width: 57px; height: 40px; }

.homeSearchHead { margin: 0 auto 60px auto; max-width: 940px; display: flex; justify-content: space-between; }

@media screen and (max-width: 767px) { .homeSearchHead { display: block; margin-bottom: 40px; } }

.homeSearchHead__search, .homeSearchHead__keyword { width: calc((100% - 20px) / 2); }

@media screen and (max-width: 767px) { .homeSearchHead__search, .homeSearchHead__keyword { width: 100%; margin-bottom: 40px; } }

.boxSearch { border-width: 1px; border-style: solid; border-color: #707070; background-color: #ffffff; width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 10px; }

.boxSearch input { -webkit-appearance: none; display: inline-block; box-sizing: border-box; border-width: 0; padding: 10px; width: calc(100% - 55px); outline: none; }

.boxSearch button { background-color: transparent; border-width: 0; width: 31px; margin-right: 10px; outline: none; padding: 0; }

.keywordList { display: flex; justify-content: center; flex-wrap: wrap; }

@media screen and (max-width: 1048px) { .keywordList { justify-content: flex-start; } }

.keywordList a { background-color: #000000; color: #ffffff; font-weight: bold; padding: 14px 28px; margin: 0 7px 14px 7px; }

@media screen and (max-width: 1048px) { .keywordList a { margin: 0 7px 7px 0; padding: 7px 18px; } }

.homeSearchCategory__list { display: flex; flex-wrap: wrap; max-width: 940px; margin: 0 auto; }

.homeSearchCategory__list li { width: calc(((100% - 60px) / 4) - 0.1px); background-color: #ffffff; margin: 0 20px 20px 0; }

.homeSearchCategory__list li:nth-child(4n) { margin: 0 0 20px 0; }

@media screen and (max-width: 1048px) { .homeSearchCategory__list li:nth-child(4n) { margin-bottom: 15px; } }

@media screen and (max-width: 1048px) { .homeSearchCategory__list li { width: calc((100% - 15px) / 2); } }

@media screen and (max-width: 1048px) and (max-width: 1048px) { .homeSearchCategory__list li { margin: 0 15px 15px 0; }
  .homeSearchCategory__list li:nth-child(2n) { margin: 0 0 15px 0; } }

.homeSearchCategory__list li a figure { overflow: hidden; }

.homeSearchCategory__list li a figure img { width: 100%; height: auto; }

.homeSearchCategory__list li a:hover { text-decoration: none; }

.homeSearchCategory__list li a span { font-size: 14px; font-weight: bold; line-height: 130%; display: block; padding: 10px; text-align: center; }

.homeRecommend__header h2 { text-align: center; font-size: 36px; font-weight: bold; color: #ffffff; z-index: 2; position: relative; }

@media screen and (max-width: 1048px) { .homeRecommend__header h2 { font-size: 30px; } }

.homeRecommend__header h2 span { display: block; margin: 0 0 -0.3em 0; }

.homeRecommend__header h2 span img { -webkit-filter: brightness(0) invert(100%); -moz-filter: brightness(0) invert(100%); -o-filter: brightness(0) invert(100%); -ms-filter: brightness(0) invert(100%); filter: brightness(0) invert(100%); }

@media screen and (max-width: 767px) { .homeRecommend__contents { margin: 0 -15px; }
  .homeRecommend__contents .articleLinkColumn3 { margin-bottom: 15px; } }

.homeRecommend__contents ul { margin: 50px 0 90px 0 !important; display: flex; justify-content: center; }

@media screen and (max-width: 1048px) { .homeRecommend__contents ul { margin: 30px 0 !important; } }

.homeRecommend__contents ul a { width: 184px; height: 60px; box-sizing: border-box; border-style: solid; border-width: 2px; border-color: #000000; background-color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 5px; font-weight: bold; }

.homeRecommend__contents ul a br { display: none; }

.homeRecommend__contents ul a:hover { text-decoration: none; background-color: #FFDA00; }

@media screen and (max-width: 1048px) { .homeRecommend__contents ul a { font-size: 11px; height: 55px; width: 150px; } }

@media screen and (max-width: 767px) { .homeRecommend__contents ul a { width: calc(33vw - 20px); }
  .homeRecommend__contents ul a br { display: block; } }

.titHomeRecommend { text-align: center; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0 0 46px 0; }

@media screen and (max-width: 1048px) { .titHomeRecommend { margin-bottom: 18px; } }

@media screen and (max-width: 767px) { .titHomeRecommend { background-color: #111111; margin: 0; padding: 18px 0; } }

.titHomeRecommend span { display: inline-block; font-size: 20px; position: relative; padding: 0 12px; margin-bottom: 24px; }

.titHomeRecommend span::after { content: ""; background-color: #ffffff; width: 100%; height: 1px; display: block; position: absolute; bottom: -12px; left: 0; }

.titHomeRecommend br { display: none; }

@media screen and (max-width: 767px) { .titHomeRecommend br { display: block; } }

.homeAbout__title { text-align: center; font-size: 38px; font-weight: bold; color: #ffffff; margin: 0 0 40px 0; }

@media screen and (max-width: 1048px) { .homeAbout__title { font-size: 24px; } }

.homeAbout__title span { font-size: 30px; }

@media screen and (max-width: 1048px) { .homeAbout__title span { font-size: 20px; } }

.homeAboutSns { margin: 20px auto 0 auto; max-width: 940px; height: 500px; display: flex; justify-content: space-between; }

@media screen and (max-width: 767px) { .homeAboutSns { display: block; margin: 0; height: auto; } }

.homeAboutSns_facebook, .homeAboutSns_twitter { text-align: center; width: calc((100% - 20px) / 2); }

@media screen and (max-width: 1048px) { .homeAboutSns_facebook, .homeAboutSns_twitter { width: calc((100% - 15px) / 2); } }

@media screen and (max-width: 767px) { .homeAboutSns_facebook, .homeAboutSns_twitter { width: 100%; margin: 20px 0 0 0; } }

.homeAboutSns_twitter iframe { width: 740px !important; }

/* =======================================

	オンラインストア

========================================== */
.storeInfo { background-color: #f0f4fc; padding: 100px 0; }

@media screen and (max-width: 1048px) { .storeInfo { padding: 60px 0 0 0; } }

.storeInfo__link { display: flex; justify-content: center; }

@media screen and (max-width: 1048px) { .storeInfo__link { padding: 0 15px; } }

.storeInfo__link a { width: 170px; height: 170px; box-sizing: border-box; border-width: 6px; border-style: solid; border-color: #111111; background-color: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 10px; box-shadow: 0px 4px 9px 0px #cccccc; }

@media screen and (max-width: 1048px) { .storeInfo__link a { margin: 0 5px; border-width: 3px; width: 115px; height: 115px; } }

.storeInfo__link a:hover { opacity: 0.7; text-decoration: none; }

.storeInfo__link a img { max-width: 100%; height: auto; }

@media screen and (max-width: 1048px) { .storeInfo__link a img { height: 35px; width: auto; } }

.storeInfo__link a span { font-size: 17px; font-weight: bold; display: block; text-align: center; line-height: 130%; margin: 20px 0 0 0; }

.storeInfo__link a span br { display: none; }

@media screen and (max-width: 1048px) { .storeInfo__link a span br { display: block; } }

@media screen and (max-width: 1048px) { .storeInfo__link a span { margin: 10px 0 0 0; font-size: 15px; } }

.storeNews { padding: 100px 0; }

@media screen and (max-width: 1048px) { .storeNews { padding: 60px 20px; } }

.storeNews__table { width: 720px; max-width: 100%; margin: 0 auto 30px auto; font-size: 16px; border-width: 1px 0 0 0; border-style: solid; border-color: #4E5E79; line-height: 180%; }

@media screen and (max-width: 1235px) { .storeNews__table { width: 100%; } }

.storeNews__table th { white-space: nowrap; border-width: 0 0 1px 0; border-style: solid; border-color: #4E5E79; padding: 20px 20px 20px 0; }

.storeNews__table td { border-width: 0 0 1px 0; border-style: solid; border-color: #4E5E79; padding: 20px 0; }

.storeItem { padding: 80px 40px 100px 40px; box-sizing: border-box; position: relative; background-color: #F0F4FC; }

.storeItem::after { content: ""; background-color: #112345; width: 100%; height: 45%; display: block; position: absolute; bottom: 0; left: 0; }

@media screen and (max-width: 1048px) { .storeItem::after { height: 40%; } }

@media screen and (max-width: 1048px) { .storeItem { padding: 60px 20px 40px 20px; } }

.storeItem__slider, .storeItem__link { position: relative; z-index: 1; margin: 0 -40px; text-align: center; }

@media screen and (max-width: 1048px) { .storeItem__slider, .storeItem__link { margin: 0; } }

.storeItem__slider a, .storeItem__link a, .storeItem__slider div.box, .storeItem__link div.box { background-color: #ffffff; text-align: center; box-sizing: border-box; padding: 20px 15px; }

.storeItem__slider a span, .storeItem__link a span, .storeItem__slider div.box span, .storeItem__link div.box span { font-size: 20px; font-weight: bold; line-height: 130%; padding: 20px 0 0 0; display: block; }

@media screen and (max-width: 1048px) { .storeItem__slider a span, .storeItem__link a span, .storeItem__slider div.box span, .storeItem__link div.box span { font-size: 18px; padding-top: 15px; } }

.storeItem__slider a span small, .storeItem__link a span small, .storeItem__slider div.box span small, .storeItem__link div.box span small { font-size: 14px; font-weight: normal; display: block; margin: 12px 0 0 0; }

.storeItem__slider a span small.alignL, .storeItem__link a span small.alignL, .storeItem__slider div.box span small.alignL, .storeItem__link div.box span small.alignL { text-align: left; }

@media screen and (max-width: 1048px) { .storeItem__slider a span small, .storeItem__link a span small, .storeItem__slider div.box span small, .storeItem__link div.box span small { font-size: 12px; } }

.storeItem__slider a:hover, .storeItem__link a:hover { text-decoration: none; }

.storeItem__slider a:hover img, .storeItem__link a:hover img { opacity: 0.7; }

.storeItem__slider .slick-track, .storeItem__link .slick-track { display: flex; }

.storeItem__slider .slick-prev, .storeItem__link .slick-prev, .storeItem__slider .slick-next, .storeItem__link .slick-next { left: 0; margin-left: 0; }

@media screen and (max-width: 1048px) { .storeItem__slider .slick-prev, .storeItem__link .slick-prev, .storeItem__slider .slick-next, .storeItem__link .slick-next { margin-left: -20px; } }

.storeItem__slider .slick-next, .storeItem__link .slick-next { left: inherit; margin-right: 0; right: 0; }

@media screen and (max-width: 1048px) { .storeItem__slider .slick-next, .storeItem__link .slick-next { margin-right: -20px; } }

.storeItem__slider .slick-slide, .storeItem__link .slick-slide { width: 287px; margin: 0 40px 40px 0; float: none; height: inherit; }

.storeItem__slider .slick-slide img, .storeItem__link .slick-slide img { width: 100%; height: auto; }

@media screen and (max-width: 1048px) { .storeItem__slider .slick-slide, .storeItem__link .slick-slide { width: calc((75vw - 80px) / 3); margin: 0 20px 20px 0; } }

@media screen and (max-width: 767px) { .storeItem__slider .slick-slide, .storeItem__link .slick-slide { width: calc((100vw - 55px) / 2); margin: 0 15px 15px 0; } }

.limitedFlex { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.storeItem__link { display: flex; flex-wrap: wrap; max-width: 940px; margin: 0 auto; }

.storeItem__link a { width: calc((100% - 80px) * 0.3333); float: none; height: inherit; margin: 0 40px 40px 0; }

.storeItem__link a:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 767px) { .storeItem__link a:nth-child(3n) { margin-right: 15px; } }

.storeItem__link a img { width: 100%; height: auto; }

@media screen and (max-width: 1048px) { .storeItem__link a { width: calc((75vw - 80px) / 3); margin: 0 20px 20px 0; } }

@media screen and (max-width: 767px) { .storeItem__link a { width: calc((100vw - 55px) / 2); margin: 0 15px 15px 0; }
  .storeItem__link a:nth-child(2n) { margin-right: 0; } }

.storeRegular { margin-bottom: -160px; padding: 80px 40px 80px 40px; }

.storeRegular::after { height: 40%; bottom: 30%; }

@media screen and (max-width: 1048px) { .storeRegular::after { height: 40%; } }

@media screen and (max-width: 767px) { .storeRegular::after { height: 55%; bottom: 22.5%; } }

@media screen and (max-width: 1048px) { .storeRegular { margin-bottom: -80px; padding: 60px 20px 60px 20px; } }

@media screen and (max-width: 767px) { .storeRegular { margin-bottom: -80px; } }

.storeBanner { background-color: #f0f4fc; padding: 80px 40px 0 40px; box-sizing: border-box; max-width: 1020px; margin: 0 auto; }

@media screen and (max-width: 1048px) { .storeBanner { padding: 50px 20px 0 20px; } }

.storeBanner__figure { display: block; margin: 0 0 18px 0; box-sizing: border-box; border-width: 5px; border-style: solid; border-color: #ffffff; background-color: #ffffff; }

.storeBanner__figure:hover { opacity: 0.7; text-decoration: none; }

.storeBanner__figure picture { overflow: hidden; }

.storeBanner__figure picture img { width: 100%; height: auto; }

.storeBanner__figure p { font-size: 16px; font-weight: bold; line-height: 140%; padding: 16px 32px; }

@media screen and (max-width: 1048px) { .storeBanner__figure p { font-size: 14px; font-weight: normal; padding: 10px; } }

.storeBanner__list { display: flex; margin: 40px 0 0 0; justify-content: space-between; }

@media screen and (max-width: 1048px) { .storeBanner__list { margin-top: 20px; } }

.storeBanner__list a { width: 48.5%; box-sizing: border-box; }

.storeBanner__list a img { width: 100%; height: auto; }

.storeBanner__list a:hover { opacity: 0.7; }

.storeRecommend { background-color: #FFDA00; padding: 60px 40px 20px 40px; }

@media screen and (max-width: 1048px) { .storeRecommend { padding: 30px 0 10px 0; } }

.storeRecommend__item { display: flex; flex-wrap: wrap; max-width: 820px; margin: 0 auto; }

@media screen and (max-width: 1048px) { .storeRecommend__item { margin: 0 20px; } }

.storeRecommend__item a { width: calc(50% - 20px); margin: 0 40px 40px 0; box-sizing: border-box; padding: 20px; background-color: #ffffff; }

@media screen and (max-width: 1048px) { .storeRecommend__item a { width: calc(50% - 10px); margin: 0 20px 20px 0; } }

@media screen and (max-width: 767px) { .storeRecommend__item a { width: 100%; margin: 0 0 15px 0; } }

.storeRecommend__item a:nth-child(2n) { margin-right: 0; }

.storeRecommend__item a:hover { opacity: 0.7; text-decoration: none; }

.storeRecommend__item__title { line-height: 140%; font-size: 18px; font-weight: bold; margin: 0 0 20px 0; }

@media screen and (max-width: 1048px) { .storeRecommend__item__title { font-size: 16px; margin-bottom: 10px; } }

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

.storeRecommend__item__inner p { width: 48%; line-height: 180%; font-size: 14px; }

.storeRecommend__item__inner figure { width: 48%; }

.storeRecommend__item__inner figure img { width: 100%; height: auto; }

/* =======================================

	イベント

========================================== */
.contentsEvent::before { background-image: url("../img/event/bg_top@2x.jpg"); }

@media screen and (max-width: 767px) { .contentsEvent::before { background-image: url("../img/event/bg_top_sp@2x.jpg"); } }

.eventMain, .eventRegular { max-width: 1020px; padding: 0 40px; box-sizing: border-box; margin: -45px auto 20px auto; display: flex; }

@media screen and (max-width: 1048px) { .eventMain, .eventRegular { padding: 0; margin: -90px 20px 10px 20px; } }

.eventBnr { max-width: 1020px; padding: 0 40px; box-sizing: border-box; margin: -45px auto 90px auto; display: flex; }

@media screen and (max-width: 1048px) { .eventBnr { padding: 0; margin: -90px 20px 120px 20px; } }

.eventBnr a figure { overflow: hidden; }

.eventBnr a img { max-width: 100%; height: auto; }

.eventLink { width: 100%; border-width: 5px; border-style: solid; border-color: #ffffff; display: flex; box-sizing: border-box; background-color: #fff; }

.eventMainColumn2 .eventLink { width: calc(50% - 10px); margin: 0 20px 20px 0; background-color: #ffffff; padding: 30px; }

@media screen and (max-width: 1048px) { .eventMainColumn2 .eventLink { width: calc(50% - 5px); padding: 15px 10px; margin: 0 10px 10px 0; } }

@media screen and (max-width: 767px) { .eventMainColumn2 .eventLink { width: 100%; margin: 0 0 10px 0; } }

.eventMainColumn2 .eventLink:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 767px) { .eventLink { padding: 15px 10px; justify-content: space-between; background-color: #ffffff; } }

.eventLink:hover { text-decoration: none; }

.eventLink__text { width: 50%; box-sizing: border-box; padding: 35px 30px; background-color: #ffffff; }

.eventMainColumn2 .eventLink__text { padding: 0 15px 0 0; }

@media screen and (max-width: 767px) { .eventMainColumn2 .eventLink__text { padding-right: 0; } }

@media screen and (max-width: 1048px) { .eventLink__text { padding: 15px 10px; } }

@media screen and (max-width: 767px) { .eventLink__text { width: 48%; padding: 0; } }

.eventLink__text__category { display: inline-block; font-size: 14px; line-height: 120%; font-weight: bold; background-color: #FFE200; padding: 7px; }

@media screen and (max-width: 1048px) { .eventLink__text__category { font-size: 12px; } }

.eventLink__text__title { font-size: 25px; line-height: 150%; font-weight: bold; margin: 20px 0 0 0; }

.eventMainColumn2 .eventLink__text__title { font-size: 16px; margin-top: 20px; }

@media screen and (max-width: 1048px) { .eventLink__text__title { font-size: 16px; margin-top: 10px !important; } }

.eventLink__img { width: 50%; overflow: hidden; }

@media screen and (max-width: 767px) { .eventLink__img { width: 48%; } }

.eventLink__img img { width: 100%; height: auto; }

.eventMainColumn2 { display: flex; flex-wrap: wrap; max-width: 1020px; box-sizing: border-box; padding: 0 40px; margin: 0 auto 80px auto; }

@media screen and (max-width: 1048px) { .eventMainColumn2 { margin: 0 20px 60px 20px; padding: 0; } }

@media screen and (max-width: 767px) { .eventMainColumn2 { display: block; } }

.eventMainColumn2__btn { display: none; }

@media screen and (max-width: 767px) { .eventMainColumn2__btn { display: flex; margin: -30px auto 60px auto; text-align: center; } }

.eventRegular { display: flex; flex-wrap: wrap; }

@media screen and (max-width: 1048px) { .eventRegular { margin-bottom: 60px; } }

@media screen and (max-width: 767px) { .eventRegular { display: block; } }

.eventRegular a { width: calc(50% - 10px); margin: 0 20px 20px 0; }

.eventRegular a:nth-child(2n) { margin-right: 0; }

.eventRegular a figure { overflow: hidden; }

.eventRegular a figure img { width: 100%; height: auto; }

@media screen and (max-width: 767px) { .eventRegular a { width: 100%; display: block; margin: 0 0 20px 0; } }

/* =======================================

	飲める店・買える店

========================================== */
.shopWrapper01, .shopWrapper02 { background-image: url("../img/shop/bg_01.jpg"); background-repeat: repeat-y; background-size: 100% auto; padding: 60px 0; }

@media screen and (max-width: 1048px) { .shopWrapper01, .shopWrapper02 { padding: 40px 0 20px 0; } }

@media screen and (max-width: 767px) { .shopWrapper01, .shopWrapper02 { background-repeat: no-repeat; background-position: center center; background-size: cover; } }

.shopWrapper01 .articleLinkColumn3, .shopWrapper02 .articleLinkColumn3 { margin: 0 auto; z-index: 2; position: relative; }

@media screen and (max-width: 1048px) { .shopWrapper01 .articleLinkColumn3, .shopWrapper02 .articleLinkColumn3 { margin: 0 20px; } }

@media screen and (max-width: 767px) { .shopWrapper01 .articleLinkColumn3, .shopWrapper02 .articleLinkColumn3 { margin: 0 0 20px 0; position: relative; z-index: 2; } }

.shopWrapper01__section { margin: 0 0 60px 0; }

.shopBeerRestaurant, .shopOther { margin: 0 auto 20px auto; max-width: 940px; background-color: #ffffff; box-sizing: border-box; padding: 30px; position: relative; z-index: 1; }

@media screen and (max-width: 1048px) { .shopBeerRestaurant, .shopOther { margin: 0 20px 10px 20px; padding: 20px; } }

@media screen and (max-width: 767px) { .shopBeerRestaurant, .shopOther { margin: 0 0 1px 0; padding: 15px; } }

.shopBeerRestaurant__works { display: flex; margin: 0 0 15px 0; }

.shopBeerRestaurant__works:hover { text-decoration: none; }

.shopBeerRestaurant__works__img, .shopOther__link__img { width: 50%; overflow: hidden; }

.shopBeerRestaurant__works__img img, .shopOther__link__img img { width: 100%; height: auto; }

.shopBeerRestaurant__works__text, .shopOther__link__text { display: flex; background-color: #e5e5e5; width: 50%; flex-direction: column; justify-content: center; align-items: center; }

.shopBeerRestaurant__works__text__small { font-size: 27px; }

@media screen and (max-width: 1048px) { .shopBeerRestaurant__works__text__small { font-size: 10px; } }

.shopBeerRestaurant__works__text__big { font-size: 51px; margin: 30px 0; }

@media screen and (max-width: 1048px) { .shopBeerRestaurant__works__text__big { font-size: 19px; margin: 15px 0; } }

.shopBeerRestaurant__works__text__link { font-size: 21px; }

@media screen and (max-width: 1048px) { .shopBeerRestaurant__works__text__link { font-size: 10px; } }

.shopBeerRestaurant__works__text__link img { display: inline-block; margin-right: 10px; }

@media screen and (max-width: 1048px) { .shopBeerRestaurant__works__text__link img { width: auto; height: 10px; margin-right: 8px; } }

.shopBeerList { display: flex; flex-wrap: wrap; }

.shopBeerList a { padding: 20px 0; }

.shopBeerList a, .shopBeerList span { width: calc(((100% - 18px) * 0.25) - 0.1px); margin: 0 6px 12px 0; font-size: 16px; font-weight: bold; white-space: nowrap; background-color: #e5e5e5; display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 1235px) { .shopBeerList a, .shopBeerList span { font-size: 14px; } }

@media screen and (max-width: 1048px) { .shopBeerList a, .shopBeerList span { font-size: 12px; width: calc(50% - 3px); }
  .shopBeerList a:nth-child(2n), .shopBeerList span:nth-child(2n) { margin-right: 0; } }

.shopBeerList a:nth-child(4n), .shopBeerList span:nth-child(4n) { margin-right: 0; }

.shopBeerList a img, .shopBeerList span img { width: 100%; height: auto; }

.shopBeerList a:hover { text-decoration: none; opacity: 0.7; }

.shopicon a, .shopicon span { background-color: #fff; }

.shopicon a img, .shopicon span img { width: 70%; }

.shopOther__link__img { width: 35%; }

@media screen and (max-width: 767px) { .shopOther__link__img { width: 50%; } }

.shopOther__link__text { width: 65%; }

@media screen and (max-width: 767px) { .shopOther__link__text { width: 50%; } }

.shopOther__link__text__big { font-size: 30px; font-weight: bold; margin: 0 0 20px 0; }

@media screen and (max-width: 1048px) { .shopOther__link__text__big { font-size: 20px; } }

@media screen and (max-width: 767px) { .shopOther__link__text__big { font-size: 14px; } }

.shopWrapper02 { background-image: url("../img/shop/bg_02.jpg"); }

.shopCaution { font-weight: bold; margin: 14px 0 0 0; line-height: 140%; }

@media screen and (max-width: 1048px) { .shopCaution { font-size: 12px; } }

.shopKaruizawa { margin: 0 auto 60px auto; max-width: 1020px; padding: 0 40px; display: flex; flex-wrap: wrap; position: relative; box-sizing: border-box; z-index: 2; }

@media screen and (max-width: 1048px) { .shopKaruizawa { margin: 0 20px 40px 20px; padding: 0; } }

@media screen and (max-width: 1048px) { .shopKaruizawa { margin: 0 15px 40px 15px; display: block; } }

.shopKaruizawa__box { width: calc(50% - 10px); margin: 0 20px 20px 0; padding: 30px; box-sizing: border-box; background-color: #ffffff; }

@media screen and (max-width: 1048px) { .shopKaruizawa__box { padding: 15px; width: calc(50% - 7.5px); margin: 0 15px 15px 0; } }

@media screen and (max-width: 1048px) { .shopKaruizawa__box { margin-right: 0; width: 100%; } }

.shopKaruizawa__box:nth-child(2n) { margin-right: 0; }

.shopKaruizawa__box h3 { font-size: 20px; font-weight: bold; line-height: 130%; margin: 0 0 20px 0; }

@media screen and (max-width: 1048px) { .shopKaruizawa__box h3 { margin-bottom: 15px; } }

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

.shopKaruizawa__box__inner figure { width: 40%; }

.shopKaruizawa__box__inner figure img { width: 100%; height: auto; }

.shopKaruizawa__box__inner__text { width: 60%; box-sizing: border-box; padding: 0 0 0 20px; line-height: 180%; }

@media screen and (max-width: 1048px) { .shopKaruizawa__box__inner__text { padding-left: 15px; } }

.shopKaruizawa__box__inner__text dl { margin: 0 0 20px 0; }

@media screen and (max-width: 1048px) { .shopKaruizawa__box__inner__text dl { margin-bottom: 15px; } }

.shopKaruizawa__box__inner__text dl dt { font-weight: bold; }

.shopKaruizawa__box__inner__text dl a { text-decoration: underline; }

.shopKaruizawa__box__inner__text dl a:hover { text-decoration: none; }

.shopKaruizawa__box__inner__text dl:last-child { margin: 0; }

/* =======================================

	SNSシェアボタン

========================================== */
.boxSnsShare { text-align: center; }

@media screen and (max-width: 767px) { .boxSnsShare { margin: 0 0 30px 0; } }

.boxSnsShare li { display: inline-block; margin: 0 3px; }

.boxSnsShare li.twitter a { display: block; background-image: url(../img/common/btn_twitter.png); background-repeat: no-repeat; background-size: 82px 68px; width: 82px; height: 68px; text-decoration: none; color: #666666; }

.boxSnsShare li.facebook a { display: block; background-image: url(../img/common/btn_facebook.png); background-repeat: no-repeat; background-size: 82px 68px; width: 82px; height: 68px; text-decoration: none; color: #666666; }

.boxSnsShare li a span { font-size: 12px; text-align: center; display: block; padding: 8px 0 0 0; }

/* =======================================

	旧サイトからの移植

========================================== */
#container { max-width: 980px; margin: 0 auto; }

.layout_body, .layout_header, .FS2_breadcrumbs { display: none; }

.system_content { padding: 40px; }

.no_side .pageTitle { width: 100%; }

.layout_content img { max-width: 100%; height: auto; }

.layout_table { width: 100%; max-width: 980px; margin: 0 auto; line-height: 180%; }

.userTable_01 { line-height: 180%; }

.user_content { line-height: 180%; }

.privacy_policyArea { margin: 40px; }

.privacy_policyArea .box { width: 94%; box-sizing: border-box; }

.FS2_mypagetop_list h3 { width: 100%; background-image: none; background-color: #162948; color: #ffffff; }

.FS2_mypagetop_list .conArea .inner { width: 940px; margin: 0 auto; margin-left: auto; }

@media screen and (max-width: 767px) { .FS2_mypagetop_list .conArea .inner { width: auto; } }

.pointArea a:link, .inqArea a:link { color: #333333 !important; }

.conArea .btn a { color: #ffffff !important; }

.layout_table { margin-top: 40px; }

.layout_content { background-color: #ffffff; }

/* =======================================

	よみもの詳細 現サイトからの移植

========================================== */
.block-wrapper img.alignleft { margin: 0 20px 20px 0; float: left; }

@media screen and (max-width: 767px) { .block-wrapper img.alignleft { margin: 0 20px 15px 0; max-width: 49%; } }

.block-wrapper img.alignright { margin: 0 0 20px 20px; float: right; }

@media screen and (max-width: 767px) { .block-wrapper img.alignright { margin: 0 0 15px 20px; max-width: 49%; } }

.block-wrapper img.aligncenter { display: block; margin: 0 auto 20px auto; }

@media screen and (max-width: 767px) { .block-wrapper img.aligncenter { display: block; margin: 0 auto 15px auto; } }

.ml10 { margin-left: 10px !important; }

.ml24 { margin-left: 24px !important; }

#body_index .ml24 { display: none; }

.mt10 { margin-top: 10px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

/* =======================================

	slick.js

========================================== */
.slick-slide { margin: 0 15px; }

/* =======================================

	よみもの詳細調整

========================================== */
.c-columns-wrapper__inner .c-detail-content p { clear: both; margin: 0 0 20px 0; }

.c-columns-wrapper__inner .c-detail-content iframe, .block-wrapper iframe { width: 100%; height: 500px; }

@media screen and (max-width: 767px) { .c-columns-wrapper__inner .c-detail-content iframe, .block-wrapper iframe { height: 250px; } }

.boxColumnIframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }

.boxColumnIframe iframe { width: 100%; height: 100% !important; position: absolute; top: 0; left: 0; }

/* =======================================

	会員限定ストア

========================================== */
.memberWrapper { max-width: 690px; margin: 0 auto; padding: 40px 0; min-height: 300px; }

.post-password-form p { line-height: 180%; margin: 0 0 40px 0; }

/* =======================================

	オンランストア検索ボックス

========================================== */
.boxKeyword { background-color: #142343; min-height: 32px; }

@media screen and (max-width: 767px) { .boxKeyword { border-width: 1px 0 0 0; border-style: solid; border-color: #ffffff; min-height: 45px; box-sizing: border-box; padding: 0 0 10px 0; } }

.boxKeyword .inner { max-width: 1020px; margin: 0 auto; padding: 0 40px; }

@media screen and (max-width: 767px) { .boxKeyword .inner { padding: 0 20px; } }

.boxKeyword .inner dl { color: #ffffff; float: left; padding: 10px 15px 0 0; }

@media screen and (max-width: 767px) { .boxKeyword .inner dl { float: none; padding: 10px 0; font-size: 11.5px; } }

.boxKeyword .inner dl dt { border-width: 0 1px 0 0; border-style: solid; border-color: #ffffff; padding: 0 20px 0 0; line-height: 100%; color: #ffffff; float: left; }

@media screen and (max-width: 767px) { .boxKeyword .inner dl dt { padding: 0 10px 0 0; } }

.boxKeyword .inner dl dd { line-height: 100%; margin: 0 0 0 20px; float: left; }

.boxKeyword .inner dl dd a { color: #ffffff; }

@media screen and (max-width: 767px) { .boxKeyword .inner dl dd { margin: 0 0 0 10px; } }

.boxKeyword .inner input { box-sizing: border-box; float: right; width: 244px; height: 26px; margin: 3px 0 0 0; padding: 2px 28px 0 2px; border-width: 1px; border-style: solid; border-color: #6f6f71; background-image: url(../img/common/ico_search.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 220px center; }

@media screen and (max-width: 767px) { .boxKeyword .inner input { width: 100%; height: 39px; background-position: 95% center; } }

/* =======================================

  util

========================================== */
.u-mb0 { margin-bottom: 0 !important; }

@media screen and (max-width: 767px) { .u-mb0-sp { margin-bottom: 0 !important; } }

.u-mb10 { margin-bottom: 10px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-mt0 { margin-top: 0 !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mt80 { margin-top: 80px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-pt0 { padding-top: 0 !important; }

.u-pl0 { padding-left: 0 !important; }

.u-btn { border-top: none !important; }

.u-bbn { border-bottom: none !important; }

.u-btn-pc { border-top-width: 0 !important; }

@media screen and (max-width: 767px) { .u-btn-pc { border-top-width: 10px !important; }
  .u-bbn-sp { border-bottom: none !important; } }

.u-hide-pc { display: none !important; }

@media screen and (max-width: 767px) { .u-hide-sp { display: none !important; }
  .u-hide-pc { display: block !important; } }

.u-tac { display: block; margin: 0 auto; }

.cf:after, .cf:before { display: table; content: ''; }

.cf:after { clear: both; }

.c-bg-white { background-color: #fff; }

@media screen and (max-width: 767px) { .c-bg-white-sp { background-color: #fff !important; } }

.c-bg-black { background-color: #000; }

/* =======================================

  Structure CSS

========================================== */
.c-contents { line-height: 1.8; }

.c-contents * { box-sizing: border-box; }

.c-contents-box { padding: 0 40px; max-width: 1022px; margin: 0 auto; }

@media screen and (max-width: 1048px) { .c-contents-box { padding: 0 10px; } }

@media screen and (max-width: 767px) { .c-contents-box { padding: 0 15px; } }

.c-bg-blue { background-color: #F0F4FC; }

.c-btn01 { white-space: nowrap; background-color: #BF0202; color: #fff; max-width: 218px; text-align: center; border-radius: 4px; display: block; margin: 0 auto; padding: 8px 0; }

.c-btn01:hover { text-decoration: none; }

.c-btn01 img { margin-right: 3%; }

.c-btn01 img[src$="ico_cart02.svg"] { vertical-align: middle; }

.c-btn01--min { padding: 4px 0; font-size: 13px; max-width: 152px; margin: 0 auto; }

.c-btn-large-red { color: #fff; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; background-color: #BF0202; font-size: 31px; font-weight: bold; text-align: center; width: 373px; text-align: center; padding: 8px 0; display: block; border-radius: 4px; margin: 80px auto 60px; letter-spacing: -1px; }

.c-btn-large-red:hover { opacity: 0.8; text-decoration: none; }

@media screen and (max-width: 767px) { .c-btn-large-red { font-size: 20px; width: 100%; margin: 20px auto 30px; } }

.c-color-yellow { color: #E9C706; }

.c-color-thin-yellow { color: #F0F1B8; }

.c-color-w { color: #fff; }

.c-color-r { color: #BF0202; }

.c-color-gray { color: #333; }

.c-color-gray02 { color: #819072; }

.c-color-green { color: #004626; }

.c-color-skin { color: #EFAE6F; }

.titBig--02 { font-size: 30px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.titBig--02 em { vertical-align: middle; font-size: 40px; font-weight: bold; display: inline-block; transform: translateY(-5px); }

@media screen and (max-width: 767px) { .titBig--02 { font-size: 26px; margin-bottom: 15px; }
  .titBig--02 em { margin: 0; }
  .titBig--02 span { margin-left: 10px; }
  .titBig--02 em, .titBig--02 span { font-size: 34px; } }

@media screen and (max-width: 767px) { .articleLinkColumn3--mb { margin-bottom: 20px; }
  .articleLinkColumn3--penetration { margin-left: -15px; margin-right: -15px; }
  .articleLinkColumn3--penetration .articleLink { border-bottom: none; margin-bottom: 1px; } }

.articleLinkColumn3--penetration .articleLink__info__title { min-height: 4em; }

/* =======================================

  青鬼

========================================== */
.c-shop-appeal { overflow: hidden; padding: 60px 0 0 5.4%; background: no-repeat 0 0; background-size: 100% auto; }

.c-shop-appeal--bottom { padding-top: 78px; }

.c-shop-appeal--indono_aooni, .c-shop-appeal--original_glass02 { background-image: url("../img/ec/layout/header_aooni.svg"); }

.c-shop-appeal--yonayona_ale, .c-shop-appeal--original_glass01 { background-image: url("../img/ec/layout/header_ale.svg"); }

.c-shop-appeal--suiyoubino_neko, .c-shop-appeal--original_glass03 { background-image: url("../img/ec/layout/header_suiyoubino_neko.svg"); }

.c-shop-appeal--tokyo_black { background-image: url("../img/ec/layout/header_tokyo_black.svg"); }

.c-shop-appeal--craft_saurus_pale_ale { background-image: url("../img/ec/layout/header_craft_saurus_pale_ale.svg"); }

.c-shop-appeal--sunsun { background-image: url("../img/ec/layout/header_sunsun.svg"); }

.c-shop-appeal--harenohi { background-image: url("../img/ec/layout/header_harenohi.svg"); }

.c-shop-appeal--sorry_nippon_citrus_ale { background-image: url("../img/ec/layout/header_sorry_nippon_citrus_ale.svg"); }

.c-shop-appeal--sorry_nippon_citrus_ale.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--barrel_48 { background-image: url("../img/ec/layout/header_barrel_48.svg"); }

.c-shop-appeal--barrel_48.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--barrel_49 { background-image: url("../img/ec/layout/header_barrel_49.svg"); }

.c-shop-appeal--barrel_49.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--otameshi { background-image: url("../img/ec/layout/header_otameshi.svg"); }

.c-shop-appeal--otameshi.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--gift { background-image: url("../img/ec/layout/header_gift.svg"); }

.c-shop-appeal--gift.c-shop-appeal--bottom { margin: 80px 0 50px; }

@media screen and (max-width: 767px) { .c-shop-appeal--gift.c-shop-appeal--bottom { margin-top: 60px; } }

.c-shop-appeal--yonaparka, .c-shop-appeal--yonapolo, .c-shop-appeal--glasscloth, .c-shop-appeal--tenugui, .c-shop-appeal--sugoroku, .c-shop-appeal--shinansho { background-image: url("../img/ec/layout/header_goods01.svg"); }

.c-shop-appeal--yonaparka.c-shop-appeal--bottom, .c-shop-appeal--yonapolo.c-shop-appeal--bottom, .c-shop-appeal--glasscloth.c-shop-appeal--bottom, .c-shop-appeal--tenugui.c-shop-appeal--bottom, .c-shop-appeal--sugoroku.c-shop-appeal--bottom, .c-shop-appeal--shinansho.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--yonat { background-image: url("../img/ec/layout/header_goods01.svg"); }

.c-shop-appeal--yonat.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--summer { background-image: url("../img/ec/layout/header_summer.svg"); }

.c-shop-appeal--summer.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--yonayona_ale.c-shop-appeal--bottom, .c-shop-appeal--indono_aooni.c-shop-appeal--bottom, .c-shop-appeal--suiyoubino_neko.c-shop-appeal--bottom, .c-shop-appeal--tokyo_black.c-shop-appeal--bottom, .c-shop-appeal--craft_saurus_pale_ale.c-shop-appeal--bottom, .c-shop-appeal--sunsun.c-shop-appeal--bottom, .c-shop-appeal--yonaparka.c-shop-appeal--bottom, .c-shop-appeal--yonat.c-shop-appeal--bottom, .c-shop-appeal--yonapolo.c-shop-appeal--bottom, .c-shop-appeal--glasscloth.c-shop-appeal--bottom, .c-shop-appeal--tenugui.c-shop-appeal--bottom, .c-shop-appeal--harenohi.c-shop-appeal--bottom, .c-shop-appeal--sorry_nippon_citrus_ale.c-shop-appeal--bottom, .c-shop-appeal--barrel_48.c-shop-appeal--bottom, .c-shop-appeal--barrel_49.c-shop-appeal--bottom, .c-shop-appeal--gift.c-shop-appeal--bottom, .c-shop-appeal--otameshi.c-shop-appeal--bottom, .c-shop-appeal--summer.c-shop-appeal--bottom, .c-shop-appeal--original_glass01.c-shop-appeal--bottom, .c-shop-appeal--original_glass02.c-shop-appeal--bottom, .c-shop-appeal--original_glass03.c-shop-appeal--bottom { margin: 80px 0 0px; padding: 30px 0 0; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonayona_ale.c-shop-appeal--bottom, .c-shop-appeal--indono_aooni.c-shop-appeal--bottom, .c-shop-appeal--suiyoubino_neko.c-shop-appeal--bottom, .c-shop-appeal--tokyo_black.c-shop-appeal--bottom, .c-shop-appeal--craft_saurus_pale_ale.c-shop-appeal--bottom, .c-shop-appeal--sunsun.c-shop-appeal--bottom, .c-shop-appeal--yonaparka.c-shop-appeal--bottom, .c-shop-appeal--yonat.c-shop-appeal--bottom, .c-shop-appeal--yonapolo.c-shop-appeal--bottom, .c-shop-appeal--glasscloth.c-shop-appeal--bottom, .c-shop-appeal--tenugui.c-shop-appeal--bottom, .c-shop-appeal--harenohi.c-shop-appeal--bottom, .c-shop-appeal--sorry_nippon_citrus_ale.c-shop-appeal--bottom, .c-shop-appeal--barrel_48.c-shop-appeal--bottom, .c-shop-appeal--barrel_49.c-shop-appeal--bottom, .c-shop-appeal--gift.c-shop-appeal--bottom, .c-shop-appeal--otameshi.c-shop-appeal--bottom, .c-shop-appeal--summer.c-shop-appeal--bottom, .c-shop-appeal--original_glass01.c-shop-appeal--bottom, .c-shop-appeal--original_glass02.c-shop-appeal--bottom, .c-shop-appeal--original_glass03.c-shop-appeal--bottom { margin-top: 60px; padding: 10px 0 0; } }

.c-shop-appeal--original_glass02 { padding-left: 20px; }

.c-shop-appeal--original_glass03 { padding-left: 30px; }

@media screen and (max-width: 767px) { .c-shop-appeal { background-size: 750px auto; padding: 40px 0 0; background-position: center 0; }
  .c-shop-appeal--otameshi { margin-bottom: 60px; } }

.c-shop-appeal--barrel_48, .c-shop-appeal--barrel_49 { padding-left: 2%; }

.c-shop-appeal--barrel_48 .c-shop-appeal__img, .c-shop-appeal--barrel_49 .c-shop-appeal__img { max-width: 232px; }

.c-shop-appeal--otameshi, .c-shop-appeal--gift { padding-left: 0%; }

.c-shop-appeal--otameshi .c-shop-appeal__img, .c-shop-appeal--gift .c-shop-appeal__img { max-width: 300px; margin-right: 4%; }

@media screen and (max-width: 767px) { .c-shop-appeal--otameshi .c-shop-appeal__img, .c-shop-appeal--gift .c-shop-appeal__img { margin-right: auto; }
  .c-shop-appeal--gift .c-shop-appeal__img { width: 287px; } }

.c-shop-appeal--yonaparka { padding-left: 2%; }

.c-shop-appeal--yonaparka .c-shop-appeal__img { max-width: 284px; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonaparka .c-shop-appeal__img { width: 284px; } }

.c-shop-appeal--yonat { padding-left: 2%; }

.c-shop-appeal--yonat .c-shop-appeal__img { max-width: 287px; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonat .c-shop-appeal__img { width: 287px; } }

.c-shop-appeal--yonapolo { padding-left: 2%; }

.c-shop-appeal--yonapolo .c-shop-appeal__img { max-width: 260px; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonapolo .c-shop-appeal__img { width: 244px; } }

.c-shop-appeal--glasscloth { padding-left: 2%; }

.c-shop-appeal--glasscloth .c-shop-appeal__img { max-width: 245px; }

@media screen and (max-width: 767px) { .c-shop-appeal--glasscloth .c-shop-appeal__img { width: 245px; margin: 20px auto 60px; } }

@media screen and (max-width: 767px) { .c-shop-appeal__img { float: none; max-width: 100%; width: auto; max-height: 220px; display: block; margin: 0 auto 40px; }
  .c-shop-appeal--otameshi .c-shop-appeal__img { width: 287px; } }

.c-shop-appeal__sub { font-size: 20px; font-weight: bold; margin-bottom: 20px; background: no-repeat left center; padding: 2px 0 2px 50px; }

@media screen and (max-width: 767px) { .c-shop-appeal__sub { background-position: center 0; padding: 60px 0 0; margin-bottom: 5px; letter-spacing: -0.5px; font-size: 16px; text-align: center; }
  .c-shop-appeal__sub.u-pl0 { padding-top: 0; } }

.c-shop-appeal--indono_aooni .c-shop-appeal__sub { color: #11284C; background-size: 34px; background-image: url("../img/ec/layout/moon-crescent.svg"); }

.c-shop-appeal--yonayona_ale .c-shop-appeal__sub { background-size: 32px; background-image: url("../img/ec/layout/moon-toukanya.svg"); }

.c-shop-appeal--barrel_48 .c-shop-appeal__sub, .c-shop-appeal--barrel_49 .c-shop-appeal__sub { background-size: 35px; background-image: url("../img/ec/layout/moon-crescent-edge.svg"); }

.c-shop-appeal--summer .c-shop-appeal__sub { background-size: 25px; background-image: url("../img/ec/layout/moon-sun.svg"); }

.c-shop-appeal--craft_saurus_pale_ale .c-shop-appeal__title, .c-shop-appeal--sunsun .c-shop-appeal__title { line-height: 1.2; }

.c-shop-appeal--yonayona_ale .c-shop-appeal__title, .c-shop-appeal--harenohi .c-shop-appeal__title, .c-shop-appeal--tokyo_black .c-shop-appeal__title, .c-shop-appeal--suiyoubino_neko .c-shop-appeal__title { color: #000; }

.c-shop-appeal--sorry_nippon_citrus_ale .c-shop-appeal__title, .c-shop-appeal--barrel_48 .c-shop-appeal__title, .c-shop-appeal--barrel_49 .c-shop-appeal__title, .c-shop-appeal--otameshi .c-shop-appeal__title, .c-shop-appeal--gift .c-shop-appeal__title, .c-shop-appeal--yonaparka .c-shop-appeal__title, .c-shop-appeal--yonat .c-shop-appeal__title, .c-shop-appeal--yonapolo .c-shop-appeal__title, .c-shop-appeal--glasscloth .c-shop-appeal__title, .c-shop-appeal--tenugui .c-shop-appeal__title, .c-shop-appeal--sugoroku .c-shop-appeal__title, .c-shop-appeal--shinansho .c-shop-appeal__title, .c-shop-appeal--summer .c-shop-appeal__title, .c-shop-appeal--original_glass01 .c-shop-appeal__title, .c-shop-appeal--original_glass02 .c-shop-appeal__title, .c-shop-appeal--original_glass03 .c-shop-appeal__title { color: #000; line-height: 1.2; }

@media screen and (max-width: 767px) { .c-shop-appeal--tenugui .c-shop-appeal__title, .c-shop-appeal--sugoroku .c-shop-appeal__title, .c-shop-appeal--shinansho .c-shop-appeal__title { font-size: 34px; color: #11284C; }
  .c-shop-appeal--tenugui .c-shop-appeal__sub, .c-shop-appeal--sugoroku .c-shop-appeal__sub, .c-shop-appeal--shinansho .c-shop-appeal__sub { color: #11284C; }
  .c-shop-appeal--otameshi .c-shop-appeal__title, .c-shop-appeal--otameshi .c-shop-appeal__sub { color: #11284C; } }

.c-shop-appeal__catch { max-width: 323px; padding: 9px 0; font-size: 18px; text-align: center; border-radius: 40px; margin-bottom: 20px; display: block; color: #fff; background-color: #1B5978; }

@media screen and (max-width: 767px) { .c-shop-appeal__catch { margin: 0 auto 20px; } }

.c-border-box01 { background-color: #fff; }

.c-border-box01 .txt01 { line-height: 2; }

.c-border-box01--mb { margin-bottom: 40px; }

.c-border-box01--indono_aooni { border: 10px solid #543D2A; }

.c-border-box01--yonayona_ale { border: 10px solid #EABF4B; }

.c-border-box01--suiyoubino_neko { border: 10px solid #195387; }

.c-border-box01--tokyo_black { border: 10px solid #EFAE6F; }

.c-border-box01--craft_saurus_pale_ale { border: 10px solid #D0262D; }

.c-border-box01--sunsun { border: 10px solid #004626; }

.c-border-box01--harenohi { border: 15px solid #B21710; outline: 5px solid #fff; outline-offset: -20px; }

@media screen and (max-width: 767px) { .c-border-box01--harenohi { border-width: 10px; outline-offset: -14px; outline: 4px solid #fff; } }

.c-border-box01--summer { border: 10px solid #315CC8; }

.c-border-box01--sorry_nippon_citrus_ale { border: 10px solid #008CB0; }

.c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front .c-border-box01__title { font-size: 36px; line-height: 1.5; }

@media screen and (max-width: 767px) { .c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front .c-border-box01__title { font-size: 6vw; } }

.c-border-box01--barrel_48, .c-border-box01--barrel_49 { border: 10px solid #1B5978; }

.c-border-box01--barrel_48--inline, .c-border-box01--barrel_49--inline { outline: 4px solid #707070; outline-offset: -14px; }

.c-border-box01--otameshi { border: 10px solid #11284C; }

.c-border-box01--otameshi .c-border-box01__front .c-border-box01__title { padding-top: 0; }

@media screen and (max-width: 1048px) { .c-border-box01--otameshi .c-border-box01__front .c-border-box01__title { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-border-box01--otameshi .c-border-box01__front .c-border-box01__title { font-size: 6vw; } }

.c-border-box01--gift { border: 10px solid #F5E0B3; background: url("../img/ec/layout/texture01.png"); background-size: 758px auto; }

.c-border-box01--yonaparka, .c-border-box01--yonat, .c-border-box01--yonapolo, .c-border-box01--glasscloth, .c-border-box01--tenugui { border: 10px solid #11284C; }

.c-border-box01__front { background: no-repeat 0 0; background-size: 100.5% auto; padding-top: 85.5%; position: relative; }

.c-border-box01__front .c-border-box01__title { text-align: center; color: #fff; position: absolute; top: 80px; line-height: 1.4; width: 100%; font-weight: bold; left: 0; font-size: 38px; }

.c-border-box01--indono_aooni .c-border-box01__front { background-image: url("../img/ec/indono_aooni/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--indono_aooni .c-border-box01__front { background-image: url("../img/ec/indono_aooni/back-main_sp.jpg"); } }

.c-border-box01--yonayona_ale .c-border-box01__front { background-image: url("../img/ec/yonayona_ale/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--yonayona_ale .c-border-box01__front { background-image: url("../img/ec/yonayona_ale/back-main_sp.jpg"); } }

.c-border-box01--suiyoubino_neko .c-border-box01__front { background-image: url("../img/ec/suiyoubino_neko/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--suiyoubino_neko .c-border-box01__front { background-image: url("../img/ec/suiyoubino_neko/back-main_sp.jpg"); } }

.c-border-box01--tokyo_black .c-border-box01__front { background-image: url("../img/ec/tokyo_black/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--tokyo_black .c-border-box01__front { background-image: url("../img/ec/tokyo_black/back-main_sp.jpg"); } }

.c-border-box01--craft_saurus_pale_ale .c-border-box01__front { background-image: url("../img/ec/craft_saurus_pale_ale/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--craft_saurus_pale_ale .c-border-box01__front { background-image: url("../img/ec/craft_saurus_pale_ale/back-main_sp.jpg"); } }

.c-border-box01--sunsun .c-border-box01__front { background-image: url("../img/ec/sunsun/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--sunsun .c-border-box01__front { background-image: url("../img/ec/sunsun/back-main_sp.jpg"); } }

.c-border-box01--harenohi .c-border-box01__front { margin: 5px 5px 0; background-image: url("../img/ec/harenohi/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--harenohi .c-border-box01__front { margin: 4px 4px 0; background-image: url("../img/ec/harenohi/back-main_sp.jpg"); } }

.c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front { background-image: url("../img/ec/sorry_nippon_citrus_ale/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front { background-image: url("../img/ec/sorry_nippon_citrus_ale/back-main_sp.jpg"); } }

.c-border-box01--barrel_48 .c-border-box01__front { margin: 4px 4px 0; background-image: url("../img/ec/barrel_48/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--barrel_48 .c-border-box01__front { background-image: url("../img/ec/barrel_48/back-main_sp.jpg"); } }

.c-border-box01--barrel_49 .c-border-box01__front { margin: 4px 4px 0; background-image: url("../img/ec/barrel_49/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--barrel_49 .c-border-box01__front { background-image: url("../img/ec/barrel_49/back-main_sp.jpg"); background-position: left bottom -1px; } }

.c-border-box01--otameshi .c-border-box01__front { padding-top: 66%; background-image: url("../img/ec/otameshi/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--otameshi .c-border-box01__front { padding-top: 136%; background-image: url("../img/ec/otameshi/back-main-sp.jpg"); } }

.c-border-box01--summer { background-image: url("../img/ec/layout/back-texter.png"); background-size: 932px auto; background-position: center center; }

.c-border-box01--summer .c-border-box01__front { padding-top: 85%; background-image: url("../img/ec/summer/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--summer .c-border-box01__front { padding-top: 136%; background-image: url("../img/ec/summer/back-main_sp.jpg"); } }

@media screen and (max-width: 767px) { .c-border-box01__front { background-size: 100% auto; padding-top: 137%; background-position: center center; }
  .c-border-box01__front .c-border-box01__title { font-size: 6vw; top: 55px; }
  .c-border-box01--suiyoubino_neko .c-border-box01__front .c-border-box01__title { top: 40px; }
  .c-border-box01--craft_saurus_pale_ale .c-border-box01__front .c-border-box01__title { top: 40px; }
  .c-border-box01--sunsun .c-border-box01__front .c-border-box01__title { top: 40px; } }

.c-border-box01__back { padding: 55px 30px 45px; background-repeat: no-repeat; }

@media screen and (max-width: 1048px) { .c-border-box01__back { padding: 55px 20px 45px; } }

@media screen and (max-width: 767px) { .c-border-box01__back { padding-top: 310px; }
  .c-border-box01__back--otameshi { padding-top: 20px; } }

.c-border-box01__back--indono_aooni { color: #fff; background-color: #213361; background-image: url(../img/ec/indono_aooni/back-border-box01_pc.png); background-size: 398px auto; background-position: right 0px top 20px; }

@media screen and (max-width: 767px) { .c-border-box01__back--indono_aooni { background-position: left 10px, right bottom 10px; padding-bottom: 210px; background-size: 320px auto, 227px auto; background-image: url(../img/ec/indono_aooni/back-border-box01_sp.png), url(../img/ec/indono_aooni/back-border-box02_sp.png); } }

.c-border-box01__back--yonayona_ale { color: #fff; background-color: #000; background-image: url(../img/ec/yonayona_ale/back-border-box01_pc.png); background-size: 328px auto; background-position: right 50px top 60px; }

@media screen and (max-width: 767px) { .c-border-box01__back--yonayona_ale { padding-bottom: 210px; padding-top: 280px; background-size: 265px auto, 140px auto; background-position: center top 40px, center bottom 40px; background-image: url(../img/ec/yonayona_ale/back-border-box01_pc.png), url(../img/ec/yonayona_ale/back-border-box02_pc.png); } }

.c-border-box01__back--suiyoubino_neko { background-color: #B4E0F8; background-image: url(../img/ec/suiyoubino_neko/back-border-box03.png), url(../img/ec/suiyoubino_neko/back-border-box01_pc.png), url(../img/ec/suiyoubino_neko/back-border-box02.png); background-size: 187px auto, 316px auto, 32px auto; background-repeat: no-repeat, no-repeat, repeat-x; background-position: right 70px bottom 190px, right 10px bottom 336px, 0 bottom; }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko { background-size: 170px auto, 150px auto, 32px auto; padding-top: 260px; padding-bottom: 210px; background-position: center bottom 0, center 20px, left bottom -50px; } }

.c-border-box01__back--tokyo_black { color: #fff; background-color: #000; background-image: url(../img/ec/tokyo_black/back-border-box01_pc.png); background-size: 955px auto; background-position: right 5px top 30px; }

@media screen and (max-width: 767px) { .c-border-box01__back--tokyo_black { padding-bottom: 200px; padding-top: 310px; background-size: 290px auto, 120px auto, 310px auto; background-position: center top 15px, center bottom 40px, left -35px bottom 110px; background-image: url(../img/ec/tokyo_black/back-border-box01_sp.png), url(../img/ec/tokyo_black/back-border-box02_pc.png), url(../img/ec/tokyo_black/back-border-box03_sp.png); } }

.c-border-box01__back--craft_saurus_pale_ale { color: #fff; background-color: #000; background-image: url(../img/ec/craft_saurus_pale_ale/back-border-box01_pc.png); background-size: 357px auto; background-position: right 30px top 30px; }

@media screen and (max-width: 767px) { .c-border-box01__back--craft_saurus_pale_ale { padding-bottom: 195px; padding-top: 360px; background-size: 220px auto, 100px auto; background-position: center top 20px, center bottom 40px; background-image: url(../img/ec/craft_saurus_pale_ale/back-border-box01_sp.png), url(../img/ec/craft_saurus_pale_ale/back-border-box02_pc.png); } }

.c-border-box01__back--sunsun { background-color: #FFD265; background-image: url(../img/ec/sunsun/back-border-box01_pc.svg); background-size: auto 100%; background-position: right 30px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--sunsun { padding-bottom: 200px; padding-top: 390px; background-size: 270px auto, 120px auto; background-position: center top, center bottom 40px; background-image: url(../img/ec/sunsun/back-border-box01_pc.svg), url(../img/ec/sunsun/back-border-box02_pc.png); } }

.c-border-box01__back--harenohi { background-color: #B21710; color: #fff; background-image: url(../img/ec/harenohi/back-border-box01_pc.png); background-size: 270px auto; background-position: right 50px top 40px; }

@media screen and (max-width: 767px) { .c-border-box01__back--harenohi { padding-bottom: 200px; padding-top: 250px; background-size: 140px auto, 130px auto; background-position: center 40px, center bottom 40px; background-image: url(../img/ec/harenohi/back-border-box01_pc.png), url(../img/ec/harenohi/back-border-box02_pc.png); } }

.c-border-box01__back--sorry_nippon_citrus_ale { background-color: #FFF100; background-image: url(../img/ec/sorry_nippon_citrus_ale/back-border-box01_pc.png), url(../img/ec/sorry_nippon_citrus_ale/back-border-box03_pc.png); background-size: 327px auto, 100% auto; background-position: right 25px top 60px, center bottom; }

@media screen and (max-width: 767px) { .c-border-box01__back--sorry_nippon_citrus_ale { padding-bottom: 240px; padding-top: 380px; background-size: 272px auto, 74px auto, 98% auto; background-position: center 40px, center bottom 40px, center bottom 5px; background-image: url(../img/ec/sorry_nippon_citrus_ale/back-border-box01_pc.png), url(../img/ec/sorry_nippon_citrus_ale/back-border-box02_sp.png), url(../img/ec/sorry_nippon_citrus_ale/back-border-box03_sp.png); } }

.c-border-box01__back--summer { padding-top: 105px; padding-bottom: 50px; background-size: 294px auto, 100% 157px; background-position: right 65px top 120px, bottom left; background-image: url(../img/ec/summer/back-border-box01_pc.svg), -moz-linear-gradient(top, #3d54a7 1%, #3d54a7 99%); background-image: url(../img/ec/summer/back-border-box01_pc.svg), -webkit-linear-gradient(top, #3d54a7 1%, #3d54a7 99%); background-image: url(../img/ec/summer/back-border-box01_pc.svg), linear-gradient(to bottom, #3d54a7 1%, #3d54a7 99%); }

@media screen and (max-width: 767px) { .c-border-box01__back--summer { background-size: 140px auto, 262px auto, 100% 163px; background-position: center bottom 30px, center 16px, bottom left; padding-bottom: 210px; padding-top: 320px; background-image: url(../img/ec/summer/back-border-box02_pc.png), url(../img/ec/summer/back-border-box01_pc.svg), linear-gradient(to bottom, #3d54a7 1%, #3d54a7 99%); } }

.c-border-box01__back--barrel_48, .c-border-box01__back--barrel_49 { background-color: #190602; }

@media screen and (max-width: 767px) { .c-border-box01__back--barrel_48, .c-border-box01__back--barrel_49 { padding: 10px 15px 15px; } }

.c-border-box01__back--otameshi { background-color: #FED639; }

.c-border-box01__back--indono_aooni .c-eclist02__wrapper { background-image: url(../img/ec/indono_aooni/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--indono_aooni .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--yonayona_ale .c-eclist02__wrapper { background-image: url(../img/ec/yonayona_ale/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--yonayona_ale .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--suiyoubino_neko .c-eclist02__wrapper { background-color: #9DCCE5; max-width: 548px; border-radius: 3px; }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko .c-eclist02__wrapper { max-width: 1000px; margin: 0 -20px; } }

.c-border-box01__back--tokyo_black .c-eclist02__wrapper { background-image: url(../img/ec/tokyo_black/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

.c-border-box01__back--craft_saurus_pale_ale .c-eclist02__wrapper { background-image: url(../img/ec/craft_saurus_pale_ale/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--craft_saurus_pale_ale .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--sunsun .c-eclist02__wrapper { background-image: url(../img/ec/sunsun/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

.c-border-box01__back--harenohi .c-eclist02__wrapper { background-image: url(../img/ec/harenohi/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

.c-border-box01__back--sorry_nippon_citrus_ale .c-eclist02__wrapper { background-image: url(../img/ec/sorry_nippon_citrus_ale/back-border-box02_pc.png); background-size: auto 290px; background-position: right 0px center; }

.c-border-box01__back--summer .c-eclist02__wrapper { padding: 6px 0; background-image: url(../img/ec/summer/back-border-box02_pc.png); background-size: auto 100%; background-position: right 60px top 0px; }

@media screen and (max-width: 1048px) { .c-border-box01__back--summer .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--summer .c-eclist02__wrapper .c-eclist02 { margin-top: 10px; }

.c-border-box01__paper { position: relative; font-size: 18px; padding: 110px 60px 150px; background: top center url(../img/ec/layout/back-paper.png); background-size: cover; }

@media screen and (max-width: 1048px) { .c-border-box01__paper { padding: 30px 20px 150px; } }

@media screen and (max-width: 767px) { .c-border-box01__paper { padding: 80px 20px 250px; } }

.c-border-box01__paper__title { font-size: 38px; margin-bottom: 40px; font-weight: bold; text-align: center; }

.c-border-box01__paper__title img { display: block; margin: 0 auto 5px; }

@media screen and (max-width: 1048px) { .c-border-box01__paper__title { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-border-box01__paper__title { font-size: 23px; margin-bottom: 30px; }
  .c-border-box01__paper__title img { width: 185px; } }

.c-border-box01__back--indono_aooni .c-eclist02 { background-color: #4E5E79; }

.c-border-box01__back--yonayona_ale .c-eclist02 { color: #333; background-color: #F1E1B0; }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko .c-eclist02 { padding: 20px 15px 0; } }

.c-border-box01__back--tokyo_black .c-eclist02 { color: #333; background-color: #F5D8A7; }

.c-border-box01__back--craft_saurus_pale_ale .c-eclist02 { color: #333; background-color: #D6D0D5; }

.c-border-box01__back--sunsun .c-eclist02 { color: #333; background-color: #FEB127; }

.c-border-box01__back--harenohi .c-eclist02 { color: #333; background-color: #fff; }

.c-border-box01__back--sorry_nippon_citrus_ale .c-eclist02__wrapper { min-height: 190px; padding-top: 20px; }

.c-border-box01__back--sorry_nippon_citrus_ale .c-eclist02 { color: #000; background-color: #fff; padding-top: 30px; }

.c-border-box01__back--summer .c-eclist02 { color: #fff; background-color: #AFCC48; }

.c-border-box02 .c-eclist02 { color: #000; background-color: #D6D0D5; min-height: 190px; }

.c-border-box02 .c-eclist02__cell--dd { font-size: 14px; }

.c-eclist02__cell { margin-bottom: 3px; font-weight: bold; }

.c-eclist02__cell--dt { width: 10em; }

.c-eclist02__cell--dd { flex: 1; }

@media screen and (max-width: 767px) { .c-eclist02__cell--dt { width: 8em; } }

.c-numberbox { padding: 50px 30px 40px; }

.c-numberbox--indono_aooni { border: 6px solid #876E4D; }

.c-numberbox--yonayona_ale { border: 6px solid #F1E1B0; }

.c-numberbox--suiyoubino_neko { border: 6px solid #76B7DA; }

.c-numberbox--tokyo_black { border: 6px solid #F5D8A7; }

.c-numberbox--craft_saurus_pale_ale { border: 6px solid #D3CBD0; }

.c-numberbox--sunsun { border: 6px solid #FEB127; }

.c-numberbox--harenohi { border: 6px solid #fff; }

.c-numberbox--summer { border: 6px solid #76B7DA; }

@media screen and (max-width: 1048px) { .c-numberbox { padding: 40px 15px 30px; } }

.c-numberbox, .c-contentbox { position: relative; }

.c-numberbox--indono_aooni, .c-contentbox--indono_aooni { background-color: #213361; }

.c-numberbox--yonayona_ale, .c-contentbox--yonayona_ale { background-color: #000; }

.c-numberbox--suiyoubino_neko, .c-contentbox--suiyoubino_neko { background-color: #B4E0F8; }

.c-numberbox--tokyo_black, .c-contentbox--tokyo_black { background-color: #000; }

.c-numberbox--craft_saurus_pale_ale, .c-contentbox--craft_saurus_pale_ale { background-color: #000; }

.c-numberbox--sunsun, .c-contentbox--sunsun { background-color: #FFD265; }

.c-numberbox--harenohi, .c-contentbox--harenohi { background-color: #B21710; }

.c-numberbox--sorry_nippon_citrus_ale, .c-contentbox--sorry_nippon_citrus_ale { background-color: #FFF100; }

.c-numberbox--barrel_48, .c-numberbox--barrel_49, .c-contentbox--barrel_48, .c-contentbox--barrel_49 { color: #fff; background-color: #190602; }

.c-numberbox--otameshi, .c-contentbox--otameshi { background-color: #FED639; }

.c-numberbox--border, .c-contentbox--border { border: 5px solid #4E5E79; }

.c-numberbox--yonaparka, .c-numberbox--yonapolo, .c-numberbox--glasscloth, .c-numberbox--tenugui, .c-contentbox--yonaparka, .c-contentbox--yonapolo, .c-contentbox--glasscloth, .c-contentbox--tenugui { background-color: #FFD537; position: relative; }

.c-numberbox--yonat, .c-contentbox--yonat { background-color: #EAEAEA; }

.c-contentbox-side { max-width: 520px; width: 63%; min-height: 450px; padding-right: 10px; margin-bottom: 20px; background-color: rgba(25, 6, 2, 0.9); }

@media screen and (max-width: 767px) { .c-contentbox-side { max-width: 100%; width: 100%; min-height: 0; padding-right: 0; } }

.c-contentbox-side__title { font-size: 38px; font-weight: bold; line-height: 1.3; text-align: center; margin-bottom: 30px; }

.c-contentbox-side__txt { line-height: 2; font-size: 16px; }

.history__lsit { max-width: 760px; margin: 0 auto; }

.history__lsit__item { margin-bottom: 5px; background-color: #fff; border: 4px solid #A2957B; }

.history__lsit__item a:hover { text-decoration: none; }

.history__lsit__item__databox { flex: 1; line-height: 1.5; }

.c-contentbox .articleLinkColumn2Row { color: #000; }

.c-contentbox .articleLinkColumn2Row figure { width: 38%; }

.c-contentbox .articleLinkColumn2Row .articleLink__img { padding: 25px 0; }

.c-contentbox .articleLinkColumn2Row .articleLink__sub { font-weight: bold; font-size: 12px; }

.c-contentbox .articleLinkColumn2Row .articleLink { align-items: flex-start; padding: 20px 10px; }

.c-contentbox .articleLinkColumn2Row .articleLink__info__title { font-size: 22px; margin-bottom: 5px; }

.c-eclist03__item { margin-bottom: -6px; display: flex; counter-increment: num01; padding: 35px 30px 10px 10px; }

@media screen and (max-width: 767px) { .c-eclist03__item { display: block; padding: 25px 20px; } }

.c-numberbox--indono_aooni .c-eclist03__item { background-color: #E7EBF0; border: 6px solid #4E5E79; }

.c-numberbox--yonayona_ale .c-eclist03__item { background-color: #EABF4B; border: 6px solid #F1E1B0; }

.c-numberbox--suiyoubino_neko .c-eclist03__item { background-color: #fff; border: 6px solid #76B7DA; }

.c-numberbox--tokyo_black .c-eclist03__item { background-color: #fff; border: 6px solid #F5D8A7; }

.c-numberbox--craft_saurus_pale_ale .c-eclist03__item { background-color: #fff; border: 6px solid #D6D0D5; }

.c-numberbox--sunsun .c-eclist03__item { background-color: #fff; border: 6px solid #FEB127; }

.c-numberbox--harenohi .c-eclist03__item { background-color: #fff; border: 6px solid #F5D8A7; }

.c-numberbox--summer .c-eclist03__item { background-color: #fff; border: 6px solid #315CC8; }

.c-eclist03__item__front { width: 190px; text-align: center; margin-right: 15px; }

.c-eclist03__item__front img { display: block; margin: 10px auto 12px; }

.c-eclist03__item__front::before { font-size: 34px; content: counter(num01, decimal-leading-zero); font-weight: bold; border-radius: 50%; width: 73px; height: 73px; line-height: 73px; display: inline-block; text-align: center; }

@media screen and (max-width: 767px) { .c-eclist03__item__front { width: auto; margin-right: 0; }
  .c-eclist03__item__front img { max-width: 148px; } }

.c-eclist03__item__back { flex: 1; }

.c-eclist03__item__title { font-size: 20px; font-weight: bold; margin-bottom: 15px; margin-top: 15px; }

@media screen and (max-width: 767px) { .c-eclist03__item__title { text-align: center; } }

.c-numberbox--indono_aooni .c-eclist03__item__front::before { color: #213361; border: 4px solid #213361; }

.c-numberbox--indono_aooni .c-eclist03__item__title { color: #213361; }

.c-numberbox--yonayona_ale .c-eclist03__item__front::before { color: #000; border: 4px solid #fff; }

.c-numberbox--yonayona_ale .c-eclist03__item__title { color: #000; }

.c-numberbox--suiyoubino_neko .c-eclist03__item__front::before { color: #4E5E79; background-color: #B4E0F8; border: 4px solid #76B7DA; }

.c-numberbox--suiyoubino_neko .c-eclist03__item__title { color: #4E5E79; }

.c-numberbox--tokyo_black .c-eclist03__item__front::before { color: #000; background-color: #EFAE6F; border: 4px solid #000; }

.c-numberbox--craft_saurus_pale_ale .c-eclist03__item__front::before { color: #D0262D; border: 4px solid #D0262D; }

.c-numberbox--craft_saurus_pale_ale .c-eclist03__item__title { color: #D0262D; }

.c-numberbox--sunsun .c-eclist03__item__front::before { color: #004626; background-color: #FEB127; border: 4px solid #004626; }

.c-numberbox--sunsun .c-eclist03__item__title { color: #004626; }

.c-numberbox--harenohi .c-eclist03__item__front::before { color: #B21710; border: 4px solid #B21710; }

.c-numberbox--harenohi .c-eclist03__item__title { color: #B21710; }

.c-numberbox--summer .c-eclist03__item__front::before { color: #fff; background-color: #BBD465; border: 4px solid #315CC8; }

.c-numberbox--summer .c-eclist03__item__title { color: #315CC8; }

.c-eclist03__item__txt { line-height: 2; font-weight: bold; color: #333; font-size: 16px; }

.c-contentbox { padding: 55px 45px 40px; }

@media screen and (max-width: 1048px) { .c-contentbox { padding: 55px 20px 40px; } }

@media screen and (max-width: 767px) { .c-contentbox { padding: 30px 15px; }
  .c-contentbox .articleLink { margin-bottom: 10px; display: block; overflow: hidden; }
  .c-contentbox .articleLink:last-child { margin-bottom: 30px; }
  .c-contentbox .articleLink__img { float: left; margin-bottom: 20px; padding-top: 15px; background-image: url(../img/common/bg_line_small.svg); margin-right: 10px; }
  .c-contentbox .articleLink__img figcaption { display: block; padding: 2px 8px; margin: 5px 15px 0 0; }
  .c-contentbox .articleLink__info { width: auto; }
  .c-contentbox .articleLink__info__footer { clear: both; }
  .c-contentbox .articleLink--link .articleLink__info { overflow: hidden; }
  .c-contentbox .articleLink--link .articleLink__info .articleLink__info__title { font-size: 16px; margin: 10px 0 10px; }
  .c-contentbox .articleLink--link .articleLink__img { width: 46%; } }

.c-appetizers-list { display: flex; justify-content: space-between; max-width: 685px; flex-wrap: wrap; margin: 0 auto; }

@media screen and (max-width: 767px) { .c-appetizers-list { justify-content: center; flex-wrap: wrap; margin-top: 60px; margin-bottom: 20px; } }

.c-contentbox--tokyo_black .c-appetizers-list__item__name { color: #fff; }

.c-appetizers-list__item__img { height: 190px; }

@media screen and (max-width: 767px) { .c-appetizers-list__item__img.img_2 { height: 270px; } }

.text-list { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media screen and (max-width: 767px) { .text-list { margin-top: 50px; font-weight: bold; } }

.text-list__item { margin-bottom: 30px; padding: 35px; width: 48.9%; position: relative; }

.text-list__item--column03 { width: 32%; }

.text-list__item::before { position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 17px 15px 0 15px; border-color: #fff transparent transparent transparent; }

@media screen and (max-width: 767px) { .text-list__item { width: 100%; margin-bottom: 20px; padding: 15px; }
  .text-list__item::before { bottom: -12px; border-width: 12px 12px 0 12px; }
  .text-list__item:last-child { margin-bottom: 0; } }

.c-contentbox--indono_aooni .text-list__item, .c-contentbox--tokyo_black .text-list__item { background-color: #E7EBF0; }

.c-contentbox--indono_aooni .text-list__item::before, .c-contentbox--tokyo_black .text-list__item::before { border-color: #E7EBF0 transparent transparent transparent; }

.c-contentbox--suiyoubino_neko .text-list__item, .c-contentbox--yonayona_ale .text-list__item, .c-contentbox--craft_saurus_pale_ale .text-list__item, .c-contentbox--sunsun .text-list__item, .c-contentbox--harenohi .text-list__item, .c-contentbox--sorry_nippon_citrus_ale .text-list__item, .c-contentbox--summer .text-list__item { background-color: #fff; }

.c-contentbox--harenohi { border: 7px solid #fff; margin: -2px; }

@media screen and (max-width: 767px) { .c-contentbox--harenohi { border-width: 4px; } }

.c-contentbox--barrel_48 { background-size: 313px auto; background-repeat: no-repeat; background-position: right 0; background-image: url(../img/ec/barrel_48/history/history-back.jpg); }

@media screen and (max-width: 767px) { .c-contentbox--barrel_48 { padding-top: 105%; background-size: 100% auto; background-position: center 0; background-image: url(../img/ec/barrel_48/history/history-back_sp.jpg); } }

.c-contentbox--barrel_49 { background-size: 313px auto; background-repeat: no-repeat; background-position: right 0; background-image: url(../img/ec/barrel_49/history/history-back.jpg); }

@media screen and (max-width: 767px) { .c-contentbox--barrel_49 { padding-top: 105%; background-size: 100% auto; background-position: center 0; background-image: url(../img/ec/barrel_49/history/history-back_sp.jpg); } }

.voice_img01, .voice_img02 { position: absolute; }

.voice_img01 { top: 35px; left: 18px; }

.voice_img02 { top: 40px; right: 35px; }

.c-contentbox--suiyoubino_neko .voice_img01 { top: 25px; }

.c-contentbox--suiyoubino_neko .voice_img02 { top: 25px; }

.c-contentbox--craft_saurus_pale_ale .voice_img01 { top: 10px; }

.c-contentbox--craft_saurus_pale_ale .voice_img02 { top: 20px; }

.c-contentbox--summer .voice_img01 { top: 10px; }

.c-contentbox--summer .voice_img02 { top: 20px; }

.c-contentbox--harenohi .voice_img02 { top: 0px; right: 20px; }

@media screen and (max-width: 767px) { .voice_img01 { top: 35px; left: 10px; }
  .voice_img02 { top: 40px; right: 20px; }
  .c-contentbox--indono_aooni .voice_img01 { width: 70px; top: 70px; }
  .c-contentbox--indono_aooni .voice_img02 { width: 45px; top: 80px; }
  .c-contentbox--yonayona_ale .voice_img01 { width: 60px; top: 55px; }
  .c-contentbox--yonayona_ale .voice_img02 { width: 60px; top: 55px; }
  .c-contentbox--craft_saurus_pale_ale .voice_img01 { width: 95px; top: 38px; }
  .c-contentbox--craft_saurus_pale_ale .voice_img02 { top: 45px; width: 80px; }
  .c-contentbox--suiyoubino_neko .voice_img01 { width: 90px; top: 45px; }
  .c-contentbox--suiyoubino_neko .voice_img02 { top: 45px; width: 90px; }
  .c-contentbox--tokyo_black .voice_img01 { width: 70px; top: 50px; }
  .c-contentbox--tokyo_black .voice_img02 { width: 65px; top: 50px; }
  .c-contentbox--sunsun .voice_img01 { width: 85px; top: 35px; }
  .c-contentbox--sunsun .voice_img02 { width: 70px; top: 40px; }
  .c-contentbox--harenohi .voice_img01 { width: 55px; top: 70px; }
  .c-contentbox--harenohi .voice_img02 { width: 75px; top: 50px; right: 10px; }
  .c-contentbox--summer .voice_img01 { width: 90px; top: 45px; }
  .c-contentbox--summer .voice_img02 { top: 45px; width: 90px; } }

.c-commitment { border: 14px solid #EABF4B; margin-bottom: 80px; margin-top: 40px; }

@media screen and (max-width: 767px) { .c-commitment { padding-bottom: 80px; margin-bottom: 60px; } }

.c-commitment-header { background: left top url(../img/ec/commitment/commitment_header.jpg); background-size: cover; padding: 41% 25px 25px 25px; position: relative; }

@media screen and (max-width: 767px) { .c-commitment-header { min-height: 460px; background: left top url(../img/ec/commitment/commitment_header_sp.jpg); background-color: #000; background-size: 100% auto; background-position: right bottom; background-repeat: no-repeat; padding-top: 100%; } }

.c-note-layout { border: 5px dashed #f00; border-radius: 25px; padding: 60px 40px 30px; position: relative; margin-top: 85px; }

@media screen and (max-width: 767px) { .c-note-layout { padding: 40px 20px 30px; margin-top: 70px; } }

.c-note-layout__icon { position: absolute; left: 50%; top: -40px; transform: translateX(-50%); }

@media screen and (max-width: 767px) { .c-note-layout__icon { width: 70px; } }

.c-note-layout__title { font-size: 36px; font-weight: bold; text-align: center; display: block; color: #f00; text-align: center; }

@media screen and (max-width: 767px) { .c-note-layout__title { font-size: 24px; } }

.c-note-layout__list { padding-left: 10px; }

.c-note-layout__list__item { font-size: 22px; font-weight: bold; margin: 20px 0; position: relative; padding-left: 30px; }

.c-note-layout__list__item::before { content: ''; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 8px; background-color: #f00; }

@media screen and (max-width: 767px) { .c-note-layout__list__item { margin: 15px 0; font-size: 18px; padding-left: 25px; }
  .c-note-layout__list__item::before { width: 15px; height: 15px; } }

.side-imgbox { display: flex; align-items: flex-start; margin: 40px; }

@media screen and (max-width: 767px) { .side-imgbox { margin: 20px; display: block; }
  .side-imgbox img { width: 100%; } }

.side-imgbox__txt { margin-left: 40px; font-size: 16px; line-height: 2; flex: 1; }

@media screen and (max-width: 767px) { .side-imgbox__txt { margin: 30px 0 0; } }

.side-imgbox02 { display: flex; align-items: center; }

.side-imgbox02:nth-child(odd) { flex-direction: row-reverse; }

@media screen and (max-width: 767px) { .side-imgbox02 { display: block; } }

.side-imgbox02__img { width: 50%; }

.side-imgbox02__img img { width: 100%; display: block; }

@media screen and (max-width: 767px) { .side-imgbox02__img { width: 100%; margin-top: 80px; margin-bottom: 20px; } }

.c-eclist04__item { border: 5px solid #000; padding: 30px 40px; margin-bottom: 10px; background-color: #fff; }

@media screen and (max-width: 1048px) { .c-eclist04__item { padding: 30px 20px; } }

@media screen and (max-width: 767px) { .c-eclist04__item { text-align: center; padding: 20px 40px; } }

.c-eclist04__item__title { font-size: 28px; font-weight: bold; line-height: 1.2; margin: 0 0 14px; }

@media screen and (max-width: 1048px) { .c-eclist04__item__title { font-size: 23px; } }

@media screen and (max-width: 767px) { .c-eclist04__item__title { font-size: 18px; margin-bottom: 5px; } }

.c-eclist04__item__price { font-weight: bold; font-size: 24px; }

.c-eclist04__item__price span { font-size: 14px; }

.c-eclist04__item__under { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.c-eclist04__item__under .c-btn01 { width: 218px; }

@media screen and (max-width: 767px) { .c-eclist04__item__under { display: block; }
  .c-eclist04__item__under .c-btn01 { width: 180px; margin: 0 auto; } }

.c-teiki { border: 5px solid #000; padding: 30px 40px; background-color: #fff; display: flex; margin-top: -40px; margin-bottom: 60px; align-items: center; }

@media screen and (max-width: 1048px) { .c-teiki { padding: 30px 20px; } }

@media screen and (max-width: 767px) { .c-teiki { margin-top: -50px; display: block; padding: 20px 20px 25px; text-align: center; } }

.c-teiki__side { margin-left: 20px; flex: 1; }

.c-teiki__side .c-btn01 { margin: 0 auto; width: 152px; }

@media screen and (max-width: 767px) { .c-teiki__side { margin-left: 0; } }

.c-teiki__side__title { font-size: 33px; text-align: center; margin-bottom: 20px; line-height: 1.3; font-weight: bold; font-family: 'Noto Sans Japanese', sans-serif; }

@media screen and (max-width: 1048px) { .c-teiki__side__title { font-size: 20px; } }

@media screen and (max-width: 767px) { .c-teiki__side__title { margin-top: 20px; } }

.c-teiki__side__txt { font-size: 16px; max-width: 600px; margin: 0 auto 20px; }

.storeItem--ec { padding: 40px 40px 10px 40px; }

.c-line { background-color: #195387; color: #fff; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.2; }

.c-line a { margin-left: 50px; color: #fff; text-decoration: underline; }

@media screen and (max-width: 767px) { .c-line { font-size: 14px; }
  .c-line a { margin-left: 0px; display: block; text-align: center; } }

/* =======================================

  限定品

========================================== */
.gift-list__item__data__title { color: #E00D04; font-size: 24px; font-weight: bold; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .gift-list__item__data__title { margin-bottom: 10px; font-size: 20px; } }

.gift-list__item { background-color: #fff; border: 6px solid #F5D8A7; border-bottom: none; display: flex; padding: 35px; justify-content: space-between; align-items: center; }

.gift-list__item:last-child { border-bottom: 6px solid #F5D8A7; }

@media screen and (max-width: 1048px) { .gift-list__item { padding: 20px; } }

@media screen and (max-width: 767px) { .gift-list__item { display: block; font-weight: bold; } }

.gift-list__item__data { margin-right: 5px; flex: 1; }

.gift-list__item__txt { font-size: 16px; margin-bottom: 20px; max-width: 394px; }

@media screen and (max-width: 767px) { .gift-list__item__txt { margin-bottom: 10px; max-width: 100%; } }

.gift-list__item__small { font-size: inherit; margin-bottom: 20px; text-indent: -1em; display: inline-block; padding-left: 1em; }

.gift-list__item__small::before { content: '※'; }

.gift-list__item__img { max-width: 50%; }

@media screen and (max-width: 767px) { .gift-list__item__img { max-width: 100%; text-align: center; } }

.gift-list__item__img img { max-width: 100%; }

.double-linebox { padding: 60px 65px 60px; margin-bottom: 10px; border: 16px solid #819072; outline: 8px solid #AADAF1; outline-offset: -12px; background-color: #fff; }

@media screen and (max-width: 1048px) { .double-linebox { padding: 40px 20px; } }

.double-linebox__title { text-align: center; font-size: 32px; line-height: 1.6; font-weight: bold; }

@media screen and (max-width: 1048px) { .double-linebox__title { font-size: 25px; } }

@media screen and (max-width: 767px) { .double-linebox__title { font-size: 20px; } }

.double-linebox__img img { width: 100%; margin: 30px 0; }

@media screen and (max-width: 767px) { .double-linebox__img img { margin: 20px 0; } }

.double-linebox__txt { line-height: 2; font-size: 16px; }

.side-imgbox03 { display: flex; margin-bottom: 50px; justify-content: space-between; }

.side-imgbox03:nth-child(even) { flex-direction: row-reverse; }

.side-imgbox03:nth-child(even) .side-imgbox03__img { margin-right: 0px; margin-left: 50px; }

@media screen and (max-width: 767px) { .side-imgbox03 { display: block; } }

.side-imgbox03 .side-imgbox03__img.side-imgbox03__reverse { margin: 0 40px 0 0; width: 48.5%; max-width: 383px; }

.side-imgbox03--constant:nth-child(even) { flex-direction: row; }

.side-imgbox03__data__title { font-size: 24px; font-weight: bold; margin-bottom: 30px; line-height: 1.5; }

@media screen and (max-width: 1048px) { .side-imgbox03__data__title { font-size: 20px; } }

@media screen and (max-width: 767px) { .side-imgbox03__data__title { text-align: center; } }

.side-imgbox03__img { margin-right: 50px; max-width: 288px; width: 43%; }

.side-imgbox03__img img { width: auto; }

@media screen and (max-width: 767px) { .side-imgbox03__img--max288 { width: 100%; margin: 0 auto 20px !important; margin-bottom: 20px; } }

.side-imgbox03__img--max288 img { max-width: 100%; }

.side-imgbox03__data { flex: 1; }

.side-imgbox03__data__txt { line-height: 2; font-size: 16px; }

@media screen and (max-width: 767px) { .side-imgbox03__data__txt { text-align: left; } }

@media screen and (max-width: 767px) { .side-imgbox03.side-imgbox03--02 { margin-bottom: 20px; } }

.side-imgbox03.side-imgbox03--02 .side-imgbox03__data__txt { font-weight: bold; font-size: 16px; }

.side-imgbox03.side-imgbox03--02 .side-imgbox03__img { max-width: 400px; width: 48%; margin-left: 30px; }

@media screen and (max-width: 767px) { .side-imgbox03.side-imgbox03--02 .side-imgbox03__img { max-width: 100%; width: 1000%; margin: 0 0 20px; } }

.block-img-cemter, .block-img-right { display: block; max-width: 100%; }

.block-img-cemter { margin: 0 auto; }

.block-img-right { margin: 0 0 -30px auto; }

@media screen and (max-width: 1048px) { .c-eclist05__item__title { font-size: 20px; margin-bottom: 10px; } }

.c-eclist05__item__txt { font-size: 16px; }

.c-border-box01--yonat .c-eclist05__item { position: relative; }

.c-border-box01--yonaparka .c-eclist05__item, .c-border-box01--yonat .c-eclist05__item, .c-border-box01--yonapolo .c-eclist05__item, .c-border-box01--glasscloth .c-eclist05__item, .c-border-box01--tenugui .c-eclist05__item { background-color: #000; }

.c-border-box01--yonaparka .c-eclist05__item__title, .c-border-box01--yonat .c-eclist05__item__title, .c-border-box01--yonapolo .c-eclist05__item__title, .c-border-box01--glasscloth .c-eclist05__item__title, .c-border-box01--tenugui .c-eclist05__item__title { color: #F8D200; }

.c-border-box01--yonaparka .c-eclist05__item__title::before, .c-border-box01--yonat .c-eclist05__item__title::before, .c-border-box01--yonapolo .c-eclist05__item__title::before, .c-border-box01--glasscloth .c-eclist05__item__title::before, .c-border-box01--tenugui .c-eclist05__item__title::before { color: #fff; }

.c-border-box01--yonaparka .c-eclist05__item__txt, .c-border-box01--yonat .c-eclist05__item__txt, .c-border-box01--yonapolo .c-eclist05__item__txt, .c-border-box01--glasscloth .c-eclist05__item__txt, .c-border-box01--tenugui .c-eclist05__item__txt { color: #E7EBF0; font-weight: normal; }

.c-border-box01--yonaparka .c-eclist05, .c-border-box01--yonapolo .c-eclist05, .c-border-box01--glasscloth .c-eclist05, .c-border-box01--tenugui .c-eclist05 { border-color: #F1E1B0; }

.c-border-box01--yonaparka .c-eclist05__item, .c-border-box01--yonapolo .c-eclist05__item, .c-border-box01--glasscloth .c-eclist05__item, .c-border-box01--tenugui .c-eclist05__item { border-color: #F1E1B0; }

.c-border-box01--yonat .c-eclist05 { border-color: #4E5E79; }

.c-border-box01--yonat .c-eclist05__item { border-color: #4E5E79; }

@media screen and (max-width: 767px) { .c-sp-size-200 { width: 200px; }
  .c-sp-size-160 { width: 160px; }
  .c-sp-size-70 { width: 70px; } }

.recommende-circle__inner { background: center center no-repeat url(../img/ec/otameshi/osusume-back02.png); margin: 0 auto; max-width: 787px; padding-top: 800px; position: relative; background-size: contain; }

@media screen and (max-width: 1235px) { .recommende-circle__inner { padding-top: 94%; } }

@media screen and (max-width: 767px) { .recommende-circle__inner { background-size: 507px 570px; height: 570px; background-image: url(../img/ec/otameshi/osusume-back02-sp.png); margin: -10px -20px 0; } }

.recommende-circle__header { text-align: center; font-size: 38px; font-weight: bold; }

@media screen and (max-width: 1048px) { .recommende-circle__header { font-size: 30px; } }

@media screen and (max-width: 767px) { .recommende-circle__header { font-size: 18px; } }

.c-border-box01--yonat .c-eclist06 { border-color: #4E5E79; }

.c-border-box01--yonat .c-eclist06__item { border-color: #4E5E79; }

.c-eclist06__item__title { color: #F8D200; font-size: 35px; display: flex; line-height: 1.4; align-items: center; font-weight: bold; margin-bottom: 25px; }

.c-eclist06__item__title--img { max-width: 580px; }

.c-eclist06__item__title div { flex: 1; position: relative; }

.c-eclist06__item__title::before { width: 96px; margin-right: 40px; height: 96px; line-height: 96px; text-align: center; border-radius: 50%; color: #000; border: 4px solid #F1E1B0; font-size: 40px; background: #F8D200; display: inline-block; content: counter(ec06, decimal-leading-zero); }

@media screen and (max-width: 767px) { .c-eclist06__item__title { display: block; }
  .c-eclist06__item__title::before { margin: 0 auto 20px; width: 80px; font-size: 34px; height: 80px; line-height: 80px; display: block; } }

@media screen and (max-width: 1048px) { .c-eclist06__item__title { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-eclist06__item__title { font-size: 20px; text-align: center; margin-bottom: 15px; } }

.c-eclist06__item__txt { color: #fff; line-height: 2; font-size: 16px; margin-bottom: 30px; }

.c-eclist06__item__img { max-width: 100%; margin: 0 auto; display: block; }

.beer-status { background-color: #000; border-top: 6px solid #F1E1B0; border-left: 6px solid #F1E1B0; border-right: 6px solid #F1E1B0; padding: 40px; }

.beer-status:last-child { border-bottom: 6px solid #F1E1B0; }

@media screen and (max-width: 767px) { .beer-status { padding: 25px; } }

.beer-status__title { font-size: 36px; font-weight: bold; text-align: center; }

@media screen and (max-width: 767px) { .beer-status__title { font-size: 28px; line-height: 1.4; letter-spacing: -1px; } }

.beer-status--yonayona_ale .beer-status__title { color: #F8D200; }

.beer-status--indono_aooni .beer-status__title { color: #fff; }

.beer-status--suiyoubino_neko .beer-status__title { color: #B4E0F8; }

.beer-status--craft_saurus_pale_ale .beer-status__title { color: #D0262D; }

.beer-status__img { margin-top: 20px; margin-bottom: 30px; position: relative; }

@media screen and (max-width: 767px) { .beer-status__img { margin-bottom: 15px; } }

.beer-status__img img { width: 100%; }

.beer-status__img__txt { position: absolute; left: 50%; transform: translateX(-50%); top: 15%; color: #fff; font-size: 26px; text-align: center; font-weight: bold; padding-top: 60px; white-space: nowrap; background-position: center top; background-repeat: no-repeat; line-height: 1.5; }

@media screen and (max-width: 767px) { .beer-status__img__txt { font-size: 4.3vw; padding-top: 30px; } }

.beer-status--yonayona_ale .beer-status__img__txt { background-size: 32px; background-image: url("../img/ec/layout/moon-toukanya.svg"); }

@media screen and (max-width: 767px) { .beer-status--yonayona_ale .beer-status__img__txt { background-size: 21px; } }

.beer-status--indono_aooni .beer-status__img__txt { background-size: 38px; background-image: url("../img/ec/layout/moon-crescent.svg"); }

@media screen and (max-width: 767px) { .beer-status--indono_aooni .beer-status__img__txt { background-size: 23px; } }

.beer-status--suiyoubino_neko .beer-status__img__txt { background-size: 24px; top: 10%; background-image: url("../img/ec/layout/moon-half.svg"); }

@media screen and (max-width: 767px) { .beer-status--suiyoubino_neko .beer-status__img__txt { background-size: 14px; } }

.beer-status--craft_saurus_pale_ale .beer-status__img__txt { background-size: 32px; top: 7%; background-image: url("../img/ec/layout/moon-crescent02.svg"); }

@media screen and (max-width: 767px) { .beer-status--craft_saurus_pale_ale .beer-status__img__txt { background-size: 19px; } }

.beer-status__txt { color: #fff; font-size: 16px; margin-bottom: 50px; }

.beer-status__footer-wrapper { display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 767px) { .beer-status__footer-wrapper { flex-direction: column-reverse; flex-wrap: wrap; } }

.beer-status--yonayona_ale .c-award { background-color: #F1E1B0; }

.beer-status--indono_aooni .c-award { background-color: #4E5E79; color: #fff; }

.beer-status--suiyoubino_neko .c-award { background-color: #9DCCE5; background-image: url("../img/ec/otameshi/intro/intro-medal02.png"); background-size: 60px auto; background-repeat: no-repeat; background-position: right 50px center; color: #333; }

@media screen and (max-width: 767px) { .beer-status--suiyoubino_neko .c-award { background-image: none; } }

.beer-status--craft_saurus_pale_ale .c-award { background-color: #D6D0D5; background-image: url("../img/ec/otameshi/intro/intro-medal03.png"); background-size: 72px auto; background-repeat: no-repeat; background-position: right 50px bottom 25px; color: #333; }

@media screen and (max-width: 767px) { .beer-status--craft_saurus_pale_ale .c-award { background-image: none; } }

@media screen and (max-width: 1048px) { .beer-status--suiyoubino_neko .c-award, .beer-status--craft_saurus_pale_ale .c-award { background-position: right 10px center; } }

.c-award__front__txt { margin-bottom: 5px; }

.c-award__front { width: 123px; margin-right: 15px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-award__front { width: 100%; } }

.c-award__back__item { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }

.c-award__back__item strong { font-size: 16px; color: #F50606; font-weight: bold; }

.c-award__back { flex: 1; min-width: 200px; }

.c-temperature { margin-left: -10px; font-weight: bold; font-size: 21px; line-height: 1.2; width: 200px; height: 200px; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; }

.c-temperature strong { margin-top: 5px; text-align: center; display: block; font-weight: bold; width: 100%; font-size: 48px; }

@media screen and (max-width: 1048px) { .c-temperature { font-size: 18px; width: 150px; height: 150px; } }

@media screen and (max-width: 767px) { .c-temperature { margin: 0 0 10px; width: 160px; height: 160px; } }

.beer-status--yonayona_ale .c-temperature { color: #333; border: 4px solid #000; background-color: #FEE200; }

.beer-status--yonayona_ale .c-temperature strong { color: #11284C; }

.beer-status--indono_aooni .c-temperature { color: #fff; border: 4px solid #543D2A; background-color: #213361; }

.beer-status--indono_aooni .c-temperature strong { color: #fff; }

.beer-status--suiyoubino_neko .c-temperature { color: #333; border: 4px solid #195387; background-color: #B4E0F8; }

.beer-status--suiyoubino_neko .c-temperature strong { color: #11284C; }

.beer-status--craft_saurus_pale_ale .c-temperature { color: #fff; border: 4px solid #D0262D; background-color: #000; }

.beer-status--craft_saurus_pale_ale .c-temperature strong { color: #fff; }

.layoutbox { max-width: 1100px; margin: 0 auto; margin-bottom: 40px; overflow: hidden; background-image: url("../img/ec/gift/texture02.png"); background-size: cover; background-position: top center; }

.layoutbox:last-child { margin-bottom: 0; }

.layoutbox02 { margin-bottom: 0px; padding-top: 50px; }

.layoutbox02:last-child { padding-bottom: 40px; }

.layoutbox__inner { margin: 10px; padding-bottom: 30px; border: 4px solid #11284C; }

@media screen and (max-width: 767px) { .layoutbox__inner { margin: 5px; border-width: 3px; } }

.layoutbox__min { max-width: 642px; padding: 0 10px; margin: 0 auto; }

.layoutbox__min img { max-width: 100%; display: block; margin: 0 auto 20px; }

.layoutbox__middle { max-width: 743px; padding: 0 10px; margin: 0 auto; }

@media screen and (max-width: 767px) { .layoutbox__middle { padding: 0 20px; } }

.c-horizontal-counter { display: flex; justify-content: space-between; margin-bottom: 50px; }

@media screen and (max-width: 767px) { .c-horizontal-counter { display: block; } }

.c-horizontal-counter__item { width: 33.3%; max-width: 218px; counter-increment: gift; }

.c-horizontal-counter__item::before { color: #fff; font-weight: bold; margin: 0 auto 12px; font-size: 47px; display: flex; align-items: center; justify-content: center; border-radius: 50%; content: counter(gift, decimal-leading-zero); background-color: #DC241A; width: 97px; height: 97px; }

@media screen and (max-width: 767px) { .c-horizontal-counter__item::before { width: 80px; height: 80px; font-size: 40px; } }

@media screen and (max-width: 767px) { .c-horizontal-counter__item { width: 100%; max-width: 100%; margin-top: 50px; } }

.c-horizontal-counter__item__img { margin: 0 auto 25px; max-width: 100%; display: block; }

@media screen and (max-width: 767px) { .c-horizontal-counter__item__img { margin-bottom: 10px; width: 180px; } }

.c-horizontal-counter__item__txt { font-size: 16px; }

.layoutbox__title { color: #BF0202; margin-top: 40px; text-align: center; font-size: 38px; line-height: 1.3; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .layoutbox__title { font-size: 20px; letter-spacing: -1px; margin: 30px 0 20px; } }

.layoutbox__title--02 { text-align: left; }

@media screen and (max-width: 767px) { .layoutbox__title--02 { text-align: center; } }

.layoutbox__txt { margin-bottom: 40px; }

@media screen and (max-width: 767px) { .layoutbox__txt { line-height: 2; }
  .layoutbox__txt:last-child { margin-bottom: 0; } }

.layoutbox__list-item { text-indent: -1.2em; padding-left: 1.2em; }

@media screen and (max-width: 767px) { .layoutbox__list-item { text-indent: 0; padding-left: 0; } }

.layoutbox__list-item::before { content: '※'; }

.c-layoutbox__evaluation__sync { padding: 0 30px; }

.c-layoutbox__evaluation { margin-bottom: 20px; color: #11284C; position: relative; padding: 45px 30px 225px; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; padding-right: 37%; background-image: url("../img/ec/gift/evaluation_back.png"); }

.c-layoutbox__evaluation__pie { position: absolute; right: 5%; top: 95px; width: 35%; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation { padding: 45px 20px 100px; padding-right: 0; }
  .c-layoutbox__evaluation__sync { padding: 0 20px; }
  .c-layoutbox__evaluation__pie { right: 10px; } }

.c-layoutbox__evaluation__title { font-size: 62px; line-height: 1.3; margin-bottom: 30px; }

.c-layoutbox__evaluation__title span { display: block; font-size: 38px; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__title { font-size: 40px; } }

.c-layoutbox__evaluation__txt, .c-layoutbox__evaluation__score__title { font-size: 28px; line-height: 1; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__txt, .c-layoutbox__evaluation__score__title { font-size: 20px; } }

.c-layoutbox__evaluation__score { display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1; align-items: center; max-width: 388px; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__score { max-width: 260px; } }

.c-layoutbox__evaluation__score__number { font-size: 48px; color: #E2010F; font-weight: bold; font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", YuMincho, "ＭＳ 明朝", serif; }

.c-layoutbox__evaluation__score__number span { font-size: 72px; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__score__number { font-size: 40px; }
  .c-layoutbox__evaluation__score__number span { font-size: 60px; }
  .c-layoutbox__evaluation__star { width: 260px; } }

.c-layoutbox-list__item { display: flex; padding: 35px 5.5% 5px; justify-content: space-between; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item { padding: 30px 7% 5px; flex-direction: column-reverse; } }

.c-layoutbox-list__item__title { font-size: 38px; color: #BF0202; line-height: 1.3; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__title { margin-bottom: 20px; } }

.c-layoutbox-list__item__title rt { font-size: 12px; }

.c-layoutbox-list__item__title span { font-size: 19px; display: block; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__title { font-size: 20px; text-align: center; }
  .c-layoutbox-list__item__title span { font-size: 15px; }
  .c-layoutbox-list__item__title rt { font-size: 10px; } }

.c-layoutbox-list__item__img img { max-width: 100%; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__img img { width: 100%; margin-bottom: 15px; } }

.c-layoutbox-list__item__data { margin-right: 8%; flex: 1; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__data { margin-right: 0; } }

.c-customer-list { margin: 50px 40px 0; }

@media screen and (max-width: 1048px) { .c-customer-list { margin: 50px 20px 0; } }

.c-customer-list__item { background-color: #fff; margin: 10px 0; padding: 30px 50px 60px 0; display: flex; }

.c-customer-list__item__front { width: 140px; text-align: center; font-size: 16px; }

.c-customer-list__item__front img { display: block; margin: 0 auto 5px; }

.c-customer-list__item__back { flex: 1; }

.c-customer-list__item__title { color: #BF0202; font-size: 24px; margin-bottom: 10px; }

.beer-list { margin: 40px 50px; }

@media screen and (max-width: 1048px) { .beer-list { margin: 20px 20px; } }

.beer-list__item { display: flex; margin: 55px 0 70px; }

.beer-list__item:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { .beer-list__item { display: block; margin-top: 30px; } }

.beer-list__item__imgbox { text-align: center; width: 33%; margin-right: 30px; }

.beer-list__item__imgbox img { max-width: 100%; }

@media screen and (max-width: 767px) { .beer-list__item__imgbox { text-align: center; width: 100%; margin-bottom: 15px; }
  .beer-list__item__imgbox img { max-width: 150px; } }

.beer-list__data { flex: 1; }

.beer-list__data__title { color: #112345; font-size: 38px; }

@media screen and (max-width: 767px) { .beer-list__data__title { text-align: center; font-size: 32px; } }

.beer-list__data__type { background-color: #fff; padding: 0 5px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .beer-list__data__type { text-align: center; font-size: 15px; padding: 2px 5px; display: flex; justify-content: center; } }

.beer-list__data__type__item:first-child::after { content: ':'; margin: 0 5px; }

@media screen and (max-width: 767px) { .beer-list__data__type__item:last-child { flex: 1; max-width: 11em; text-align: left; } }

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

.beer-list__data__txt { line-height: 2; }

/* =======================================

  goods

========================================== */
.c-roundbox { background-color: #fff; font-size: 24px; line-height: 1.2; font-weight: bold; text-align: center; line-height: 1.7; max-width: 500px; min-height: 230px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; border-radius: 8px; margin: 0 0 0 auto; }

@media all and (-ms-high-contrast: none) { .c-roundbox { height: 230px; } }

@media screen and (max-width: 1048px) { .c-roundbox { position: static; max-width: 1000px; } }

@media screen and (max-width: 767px) { .c-roundbox { min-height: 133px; color: #333; font-size: 16px; line-height: 1.4; } }

.c-contentbox-inner img { max-width: 100%; }

.c-contentbox-inner small { font-size: inherit; display: block; margin-top: 15px; }

@media screen and (max-width: 767px) { .c-contentbox-inner small { margin-top: 10px; } }

.c-contentbox-inner--02 { text-align: center; }

.c-contentbox-inner--02 h2:first-child { color: #000; }

.c-content-imgbox { text-align: center; padding: 40px 10px; background-color: #fff; }

.c-content-imgbox img { max-width: 100%; }

.c-content-imgbox--black { background-color: #000; }

.c-content-imgbox--brown { background-color: #4C3F2F; }

@media screen and (max-width: 767px) { .c-content-imgbox { padding: 25px 10px 10px; } }

@media screen and (max-width: 767px) { .c-content-imgbox__syaki { width: 200px; } }

.c-content-center-title { text-align: center; font-size: 18px; font-weight: bold; }

.c-content-item-center { display: flex; align-items: center; font-size: 16px; font-weight: bold; }

.c-content-item-center img { margin-right: 50px; }

@media screen and (max-width: 767px) { .c-content-item-center img { width: 130px; margin-right: 20px; } }

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

@media screen and (max-width: 767px) { .horizontal-list { display: block; } }

.horizontal-list__item { width: 32.2%; font-size: 18px; text-align: center; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: bold; line-height: 1.4; }

.horizontal-list__item img { max-width: 100%; }

.horizontal-list__item--02 { width: 31%; font-size: 14px; text-align: left; }

@media screen and (max-width: 767px) { .horizontal-list__item--02 { width: 100%; text-align: center; margin-bottom: 30px; } }

.horizontal-list__item__txt { margin-top: 20px; }

@media screen and (max-width: 767px) { .horizontal-list__item__txt { text-align: left; margin-top: 15px; font-size: 16px; } }

.horizontal-list__item__emphasis { color: #8C4303; font-size: 19px; font-weight: bold; text-align: center; margin-top: 30px; }

@media screen and (max-width: 767px) { .horizontal-list__item__emphasis { font-size: 22px; margin-top: 15px; } }

.horizontal-list02 { display: flex; flex-wrap: wrap; margin: 0 -12px; justify-content: center; }

@media screen and (max-width: 767px) { .horizontal-list02 { justify-content: space-between; } }

.horizontal-list02__item { margin: 5px 4px; }

@media screen and (max-width: 767px) { .horizontal-list02__item { width: 42%; margin: 7px 14px; } }

.horizontal-list02__item:nth-child(2n) { margin-left: 0; }

.horizontal-list02__item img { max-width: 100%; }

@media screen and (max-width: 767px) { .horizontal-list02__item img { width: 100%; } }

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

.horizontal-list03__item { width: 32.2%; }

.horizontal-list03__item img { max-width: 100%; }

.c-contentbox__txt01 { font-size: 24px; margin: 60px 0 20px; }

.c-contentbox__txt02 { font-size: 38px; line-height: 1.3; margin-bottom: 40px; }

.c-contentbox__txt03 { font-size: 18px; margin-top: 20px; }

@media screen and (max-width: 1048px) { .c-contentbox__txt01 { font-size: 20px; margin: 40px 0 15px; }
  .c-contentbox__txt02 { font-size: 30px; margin-bottom: 30px; }
  .c-contentbox__txt03 { font-size: 15px; } }

@media screen and (max-width: 767px) { .c-contentbox__txt01 { font-size: 16px; margin: 20px 0 15px; }
  .c-contentbox__txt02 { font-size: 21px; line-height: 1.5em; margin-bottom: 20px; }
  .c-contentbox__txt03 { font-size: 16px; text-align: left; } }

.c-item-data { font-weight: bold; display: flex; line-height: 1.4; font-size: 18px; margin: 35px auto 0; max-width: 720px; padding: 25px 10px 10px 0; background-color: #fff; }

@media screen and (max-width: 767px) { .c-item-data { display: block; margin-top: 0; padding: 20px 20px; font-size: 16px; } }

.c-item-data__imgbox { width: 38.5%; }

@media screen and (max-width: 767px) { .c-item-data__imgbox { width: 100%; text-align: center; }
  .c-item-data__imgbox img { width: 180px; } }

.c-item-info { margin-left: 6%; font-size: 18px; flex: 1; }

@media screen and (max-width: 767px) { .c-item-info { margin-left: 0; font-size: 16px; } }

.c-item-info--w430 { max-width: 450px; margin: 0 auto; font-weight: bold; }

.c-item-info ul { margin-bottom: 20px; }

.c-item-info li::before { font-size: 20px; content: '■'; }

.c-item-info dt::after { margin: 0 2px 0 5px; content: ':'; }

.c-item-info dt, .c-item-info dd { display: inline; }

.c-item-info small { font-size: 16px; }

.c-item-info__dl-inner { display: inline-block; }

.c-item-info__dl-inner:last-child::after { display: none; }

.c-item-info__dl-inner::after { content: '/'; }

.c-contentbox--tenugui02 { background-image: url("../img/ec/tenugui/tenugui-back01.png"); background-size: 100% auto; background-repeat: no-repeat; line-height: 2; border: 5px solid #4e5e79; padding-bottom: 70px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-contentbox--tenugui02 { padding-bottom: 30px; } }

.c-contentbox--tenugui02 p { max-width: 720px; margin: 0 auto; }

.c-contentbox--tenugui02 img { display: block; margin: 0 auto 30px; max-width: 100%; }

.c-img-tenugui { position: absolute; top: 60px; right: 45px; }

@media screen and (max-width: 767px) { .c-img-tenugui { width: 170px; top: 80px; right: 5px; } }

.c-img-tenugui-sugoroku, .c-img-tenugui-shinansho { position: absolute; top: 4vw; right: 25px; }

@media screen and (max-width: 1048px) { .c-img-tenugui-sugoroku, .c-img-tenugui-shinansho { top: 40px; } }

@media screen and (max-width: 767px) { .c-img-tenugui-sugoroku, .c-img-tenugui-shinansho { width: 160px; top: 90px; right: 5px; } }

.c-white-box { background-color: #fff; padding: 30px 10px 10px; }

.c-white-box__ inner { max-width: 720px; margin: 0 auto; }

.c-border-txt { font-size: 16px; margin: 15px 0; padding: 25px 30px 50px; border: 2px solid #707070; }

.c-border-txt em { color: #F00; }

@media screen and (max-width: 767px) { .c-border-txt { border: none; padding: 0; font-weight: bold; }
  .c-border-txt em { font-weight: bold; } }

.c-border-txt02 { border: 1px solid #ddd; padding: 15px 20px; margin: 50px 0 10px; }

/* =======================================

  glass

========================================== */
.c-inner-border { border: 4px solid #fff; }

.c-border-box01--yonayona_ale .c-inner-border { border-color: #F1E1B0; background-color: #000; color: #fff; }

.c-border-box01--indono_aooni .c-inner-border { border-color: #876E4D; background-color: #213361; color: #fff; }

.c-border-box01--suiyoubino_neko .c-inner-border { border-color: #76B7DA; background-color: #B4E0F8; }

.c-fullimg img { width: 100%; }

.c-layout-set { min-height: 320px; }

.c-layout-set--original_glass01 { color: #fff; background-position: right 0px center; background-repeat: no-repeat; background-size: 320px auto; background-image: url(../img/ec/yonayona_ale/back-border-box01_pc.png); }

@media screen and (max-width: 767px) { .c-layout-set--original_glass01 { padding-bottom: 260px; background-size: 240px auto; background-position: center bottom; } }

.c-layout-set--suiyoubino_neko { background-color: rgba(180, 224, 248, 0.9); display: inline-block; }

@media screen and (max-width: 767px) { .c-layout-set--suiyoubino_neko { background-color: transparent; } }

.c-contentbox--suiyoubino_neko--bg { color: #333; min-height: 600px; background-position: right 40px bottom; background-repeat: no-repeat; background-size: 320px auto; background-image: url(../img/ec/suiyoubino_neko/back-border-box01_pc.png) !important; }

@media screen and (max-width: 767px) { .c-contentbox--suiyoubino_neko--bg { color: #112345; padding-bottom: 420px; background-size: 262px auto; background-position: center bottom; } }

.c-layout-set__main { margin-bottom: 10px; font-weight: bold; font-size: 38px; line-height: 1.3; }

@media screen and (max-width: 767px) { .c-layout-set__main { font-size: 22px; text-align: center; } }

.c-layout-set__txt { font-size: 20px; line-height: 2.2; }

@media screen and (max-width: 767px) { .c-layout-set__txt { font-size: 16px; font-weight: bold; } }

.c-layoutbox02__title01, .c-layoutbox02__title02, .c-layoutbox02__sub { text-align: center; line-height: 1.5; }

.c-layoutbox02__txt { margin-bottom: 35px; }

@media screen and (max-width: 767px) { .c-layoutbox02__txt { line-height: 2; text-align: left; } }

.c-horizontal-center__cell { max-width: 263px; }

.c-horizontal-center__cell--long { max-width: 2000px; }

@media screen and (max-width: 767px) { .c-horizontal-center__cell img { width: 160px; }
  .c-horizontal-center__cell--long img { width: auto; } }

.c-layoutbox02__small01 { font-size: 22px; font-weight: bold; text-indent: -1em; padding-left: 1em; line-height: 1.4; margin: 50px 0 30px; display: block; }

.c-layoutbox02__small01::before { content: '※'; }

.c-layoutbox02__small02 { font-size: 16px; font-weight: bold; display: block; text-indent: -1em; padding-left: 1em; }

.c-layoutbox02__small02::before { content: '・'; }

.point-list__item__txt { line-height: 2.2; font-size: 20px; }

@media screen and (max-width: 1048px) { .point-list__item__txt { font-size: 16px; } }

@media screen and (max-width: 767px) { .point-list__item__txt { margin-top: 15px; } }

.point-list__info { margin-right: 9%; }

@media screen and (max-width: 1048px) { .point-list__info { margin-right: 0; } }

.c-eclist07__item__title { width: 100%; font-weight: bold; line-height: 1.3; font-size: 38px; margin-bottom: 10px; }

.c-eclist07__item__title::before { content: counter(eclist07) "."; margin-right: 10px; font-size: 50px; }

.c-eclist07__item { color: #000; counter-increment: eclist07; padding: 5%; font-size: 16px; margin-bottom: 20px; background-color: #fff; }

.c-eclist07__item:last-child { margin-bottom: 0; }

.c-eclist07__item__info { float: left; width: 60%; font-weight: bold; }

@media screen and (max-width: 767px) { .c-eclist07__item__info { float: none; width: 100%; } }

.c-eclist07__item__sub { font-size: 22px; margin-bottom: 20px; }

.c-eclist07__item__txt { line-height: 2; }

.c-eclist07__item__img { float: right; width: 35.5%; }

.c-eclist07__item__img img { width: 100%; }

@media screen and (max-width: 767px) { .c-eclist07__item__img { float: none; width: 100%; }
  .c-eclist07__item__img img { margin-bottom: 15px; } }

@media screen and (max-width: 1048px) { .c-eclist07__item__title { font-size: 30px; }
  .c-eclist07__item__title::before { font-size: 40px; } }

@media screen and (max-width: 767px) { .c-eclist07__item__title { font-size: 24px; }
  .c-eclist07__item__title::before { font-size: 36px; }
  .c-eclist07__item__sub { font-size: 20px; line-height: 1.5; }
  .c-eclist07__item { margin-bottom: 10px; } }

/* =======================================

  料理部

========================================== */
.c-mv-header { background-color: #fff; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-mv-header { margin: 0 0 40px; } }

.c-mv-header__img, .c-mv-header__img02 { width: 100%; margin: 0 auto 0; display: block; }

.c-mv-header__img02 { margin-bottom: 40px; max-width: 780px; }

@media screen and (max-width: 767px) { .c-mv-header__img02 { margin-bottom: 0; } }

.c-mv-header__txt { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 18px; padding: 15px 35px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-mv-header__txt { font-size: 16px; font-weight: 500; padding: 15px; } }

.navi-circle { display: flex; margin: 40px 0 50px; justify-content: center; flex-wrap: wrap; }

.navi-circle__item { width: 158px; position: relative; height: 158px; background-size: cover; overflow: hidden; border: 5px solid #fff; border-radius: 50%; margin: 0 18px; }

@media screen and (max-width: 767px) { .navi-circle__item { margin: 10px 0 10px; width: 110px; height: 110px; } }

.navi-circle__item span { position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 11px; line-height: 45px; text-align: center; display: block; width: 100%; background-color: rgba(255, 255, 255, 0.8); }

.navi-circle__item--01 { background-image: url(../img/columns/recipe/navi-circle01.jpg); }

.navi-circle__item--02 { background-image: url(../img/columns/recipe/navi-circle02.jpg); }

.navi-circle__item--03 { background-image: url(../img/columns/recipe/navi-circle03.jpg); }

.c-border-red { background-size: 2px 2px; background: repeating-linear-gradient(90deg, #BA0000 0, #BA0000 1px, #e2e7eb 1px, #e2e7eb 2px); }

.c-border-green { background-size: 2px 2px; background: repeating-linear-gradient(90deg, #95B590 0, #95B590 1px, #e2e7eb 1px, #e2e7eb 2px); }

.c-keyword__title { text-align: center; font-size: 26px; font-weight: bold; margin-bottom: -30px; }

.c-keyword-list { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 35px; padding-bottom: 30px; }

.c-keyword-list__item a { color: #fff; background-color: #000; line-height: 30px; display: block; padding: 0 30px; margin: 5px 3px; font-weight: bold; }

.c-list08 { display: flex; flex-wrap: wrap; max-width: 935px; margin: 0 auto; }

@media screen and (max-width: 767px) { .c-list08 { justify-content: space-between; } }

.c-list08__item { font-size: 14px; margin: 0 2% 30px 0; text-align: center; max-width: 220px; width: 23.5%; }

.c-list08__item:nth-child(4n) { margin-right: 0; }

@media screen and (max-width: 767px) { .c-list08__item { width: 48.5%; max-width: 100%; margin-bottom: 35px; margin-right: 0; } }

.c-list08__item img { margin-bottom: 5px; width: 100%; }

.c-detail-content, .c-detail-content02 { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; position: relative; background-color: #fff; }

.c-detail-content { margin-top: 10px; padding: 50px 7.5% 70px; }

@media screen and (max-width: 767px) { .c-detail-content { padding: 30px 15px; } }

.c-detail-content02 { padding: 50px 7.5%; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-detail-content02 { padding: 22px 6% 30px; } }

.c-contents-info { border: 1px solid #ddd; border-radius: 15px; padding: 20px 25px; margin-bottom: 60px; }

.c-contents-info__list { font-size: 18px; list-style: disc; }

.c-contents-info__list a { text-decoration: underline; color: #0058FF; }

.c-contents-info__title { font-weight: bold; font-size: 23px; }

.c-contents-info__list__item { list-style: disc; list-style-position: inside; }

.c-contents-info__list__item li { margin-left: 30px; position: relative; list-style: decimal; list-style-position: inside; color: #0058FF; font-size: 18px; padding-left: 20px; }

.c-contents-info__list__item li::before { content: ''; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; display: block; border-left: 1px solid #000; border-bottom: 1px solid #000; }

.c-border-title, .block-wrapper h2 { color: #112345; font-size: 36px; border-bottom: 6px solid #FFDA00; font-weight: bold; margin-bottom: 30px; margin-top: 60px; line-height: 150%; }

.c-contents-layout { overflow: hidden; margin: 20px 0; background-color: #fff; padding: 20px 70px 30px 70px; }

@media screen and (max-width: 1048px) { .c-contents-layout { padding: 20px 30px 30px 30px; } }

.c-contents-layout--min { margin: 60px 0 20px; padding: 10px 20px; border: 1px solid #000; max-width: 488px; }

.c-contents-layout .c-contents-layout__info { overflow: hidden; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__info { overflow: visible; } }

.c-contents-layout .c-contents-layout__info__title { font-size: 18px; font-weight: normal; display: block; margin-bottom: 15px; line-height: 1.4; }

.c-contents-layout .c-contents-layout__info__name { font-size: 22px; display: block; font-weight: bold; margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__info__name { padding-top: 45px; } }

.c-contents-layout .c-contents-layout__info__link { font-size: 14px; color: #707070; text-decoration: none; background: no-repeat left center url(../img/common/ico-arrow.svg); background-size: 10px auto; padding-left: 20px; }

.c-contents-layout .c-contents-layout__info__txt { font-size: 18px; margin-bottom: 15px; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__info__txt { clear: both; font-size: 16px; } }

.c-contents-layout .c-contents-layout__title { border-bottom: 1px solid #000; font-size: 20px; font-weight: bold; padding: 5px 0; margin-bottom: 20px; }

.c-contents-layout .c-contents-layout__title--bg-beer { background: no-repeat left center url(../img/columns/drink.svg); background-size: 25px auto; padding-left: 30px; }

.c-contents-layout .c-contents-layout__img { float: left; margin-right: 30px; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__img { margin-right: 20px; } }

.c-contents-layout .c-contents-layout__img--circle { border-radius: 50%; margin-bottom: 20px; }

.c-contents-layout__btn { background-color: #112345; color: #fff; text-align: center; font-size: 15px; padding: 7px 22px; display: inline-block; }

@media screen and (max-width: 767px) { .c-contents-layout__btn--center { margin: 0 auto; display: block; width: 225px; } }

.c-contents-time { background: no-repeat left center url(../img/common/ico-time.svg); background-size: 32px auto; padding-left: 50px; font-size: 30px; font-weight: bold; color: #112345; margin-bottom: 60px; }

/* =======================================

  お問い合わせ

========================================== */
.c-mv-title { height: 299px; display: flex; align-items: center; background-size: cover; background-position: center center; }

@media screen and (max-width: 767px) { .c-mv-title { height: 110px; text-align: center; margin-bottom: 25px; } }

.c-mv-title--ec { background-image: url("../img/ec/header-ec.jpg"); }

.c-mv-title--inq { background-image: url("../img/ec/header-inquiry.jpg"); margin-bottom: 25px; }

.c-mv-title--staff { background-image: url("../img/staff/staff-header.jpg"); }

.c-mv-title--beer { background-image: url("../img/beer/beer-header.jpg"); }

.c-mv-title--company { background-image: url("../img/company/company-header.jpg"); }

.c-mv-title__txt { color: #fff; font-size: 36px; font-weight: bold; font-family: "M PLUS 1p"; padding-left: 40px; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-mv-title__txt { font-size: 30px; width: 100%; padding: 0; } }

.c-product-wrapper { padding-top: 50px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-product-wrapper { padding-top: 10px; } }

.c-product-wrapper__title { font-size: 36px; color: #112345; padding: 3px 0; background-color: #FFDA00; font-weight: bold; text-align: center; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-product-wrapper__title { font-size: 34px; padding: 5px 0; } }

.c-product-list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.c-product-list--single { justify-content: center; }

.c-product-list--single .c-product-list__item { width: 100%; max-width: 460px; }

@media screen and (max-width: 767px) { .c-product-list--single .c-product-list__item { max-width: 100%; } }

@media screen and (max-width: 767px) { .c-product-list { display: block; } }

.c-product-list__item { background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4); margin: 12px 0; position: relative; width: 49%; padding: 30px 10px 30px; }

@media screen and (max-width: 767px) { .c-product-list__item { width: 100%; } }

.c-product-list__item__fig { text-align: center; }

.c-product-list__item__title { font-size: 26px; line-height: 1.4; font-weight: bold; margin-bottom: 5px; }

.c-product-list__item__btn { border: 2px solid #000; background-color: #FFE200; padding: 5px 26px; font-weight: bold; }

.c-product-list__item__btn02 { border: 2px solid #000; background-color: #FFE200; padding: 0px 26px; font-weight: bold; }

.c-price-list { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center; }

.c-price-list__item { max-width: 205px; width: 50%; padding: 0 20px; margin-top: 40px; }

@media screen and (max-width: 1048px) { .c-price-list__item { width: 205px; } }

.c-price-list__item:nth-child(even) { border-left: 1px solid #707070; }

@media screen and (max-width: 1048px) { .c-price-list__item:nth-child(even) { border: none; } }

.c-price-list__item--type02:nth-child(even) { font-size: 13px; border-left: none; padding: 0; letter-spacing: -1px; }

@media screen and (max-width: 767px) { .c-price-list__item { width: 100%; max-width: 1000px; border-bottom: 1px solid #707070; padding-bottom: 15px; }
  .c-price-list__item:last-child { padding: 0 20px; border-bottom: none; } }

.c-eclist01__after select { font-size: 17px; }

.c-eclist01__selectmsg { margin-bottom: 5px; }

.c-price-list__item__send { color: #BF0202; font-weight: bold; border: 1px solid #BF0202; display: inline-block; border-radius: 3px; padding: 0 7px; margin-bottom: 5px; }

.c-price-list__item__set { font-size: 18px; }

.c-price-list__item__set__border { border-width: 1px; border-style: solid; border-color: #cccccc; padding: 10px; margin: 10px 0 15px 0; }

.c-price-list__item__set__border span { font-weight: bold; }

.c-price-list__item__price { font-size: 24px; line-height: 1.4; margin-bottom: 4px; }

.c-price-list__item__price span { margin-left: 2px; font-size: 14px; }

.c-price-list__item__num { margin-bottom: 8px; }

.c-price-list__item__num select { border-radius: 4px; }

.c-price-list__item__small { font-size: 13px; color: #BF0202; margin-top: 10px; display: block; }

@media screen and (max-width: 767px) { .c-price-list__item__small { margin-top: 20px; } }

.c-price-list__item__selectbox { margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-price-list__item__selectbox { margin-top: -10px; margin-bottom: 30px; } }

.c-price-list__item__selectbox select { border-radius: 4px; padding: 2px 0; }

@media screen and (max-width: 767px) { .c-price-list__item__selectbox select { width: 100%; } }

.btnYellow--long { width: 268px; margin: 0px auto 110px; }

.btnYellow--middle { width: 225px; }

@media screen and (max-width: 767px) { .c-price-list__item__price { text-align: right; margin-top: -1.4em; margin-bottom: 15px; }
  .c-price-list__item [name="commit"] { width: 180px; height: 40px; margin-top: -8px; float: right; }
  .productList .c-price-list__item [name="commit"] { margin: 10px auto 0 auto; float: none; }
  .c-price-list__item__small { white-space: nowrap; } }

/* =======================================

  お問い合わせ

========================================== */
.btnInquiry input#submit { margin-bottom: 30px; cursor: pointer; }

.btnInquiry input#back { width: 146px; cursor: pointer; }

.conMsg, .errMsg { line-height: 180%; font-size: 18px; }

.errMsg { color: #ff0000; }

.red, .ERR { color: #ff0000; }

.c-inq-wrapper { background-color: #fff; margin: 0 auto; padding: 1px 70px 80px; max-width: 940px; }

@media screen and (max-width: 1048px) { .c-inq-wrapper { margin: 0 20px; padding: 1px 30px 30px; } }

@media screen and (max-width: 767px) { .c-inq-wrapper { padding: 1px 10px 30px; margin: 0 15px; } }

.c-border-title img { vertical-align: middle; transform: translateY(-5px); }

@media screen and (max-width: 767px) { .c-border-title { font-size: 22px; margin-bottom: 0px; }
  .c-border-title--02 { font-size: 30px; border-width: 3px; margin-bottom: 25px; }
  .c-border-title img { transform: translateY(-2px); width: 28px; } }

.c-border-link { border: 6px solid #000; display: block; font-size: 19px; text-align: center; width: 305px; margin: 50px auto 0; padding: 19px 10px; font-weight: bold; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }

.c-border-link img { margin-right: 20px; }

@media screen and (max-width: 767px) { .c-border-link { border-width: 3px; width: 261px; padding: 15px 0px; } }

.c-maker-list { display: flex; justify-content: space-between; flex-wrap: wrap; }

.c-maker-list > div { width: 48%; position: relative; padding-left: 25px; margin: 10px 0 10px; }

@media screen and (max-width: 767px) { .c-maker-list > div { width: 100%; } }

.c-maker-list__item { font-size: 20px; }

.c-maker-list__item--dt { font-weight: bold; letter-spacing: -1px; }

.c-maker-list__item--dt::before { content: ''; width: 14px; position: absolute; left: 0; top: 10px; height: 14px; display: block; border-radius: 50%; background-color: #FFDA00; }

.c-maker-list__item__link { font-size: 16px; }

.c-maker-list__item__link::before { content: ''; width: 10px; transform: translateY(-5px); height: 10px; display: inline-block; border-left: 1px solid #000; border-bottom: 1px solid #000; }

.c-maker-list__item__link a { color: #0058FF; text-decoration: underline; }

.c-maker-list__item__link img { vertical-align: middle; margin-left: 10px; }

.c-required { color: #FF8F00; white-space: nowrap; }

.c-inq-list__item__thin { font-size: 18px; margin-top: 8px; color: #ddd; white-space: nowrap; line-height: 1; }

@media screen and (max-width: 767px) { .c-radio-list { margin-top: 25px; } }

.c-radio-mark { border-radius: 50%; border: 1px solid #707070; width: 15px; height: 15px; display: inline-block; position: relative; vertical-align: middle; margin-right: 5px; }

:checked + .c-radio-mark::before { content: ''; width: 9px; height: 9px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #707070; }

/* =======================================

  util

========================================== */
.u-mb0 { margin-bottom: 0 !important; }

@media screen and (max-width: 767px) { .u-mb0-sp { margin-bottom: 0 !important; } }

.u-mb10 { margin-bottom: 10px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-mt0 { margin-top: 0 !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mt80 { margin-top: 80px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-pt0 { padding-top: 0 !important; }

.u-pl0 { padding-left: 0 !important; }

.u-btn { border-top: none !important; }

.u-bbn { border-bottom: none !important; }

.u-btn-pc { border-top-width: 0 !important; }

@media screen and (max-width: 767px) { .u-btn-pc { border-top-width: 10px !important; }
  .u-bbn-sp { border-bottom: none !important; } }

.u-hide-pc { display: none !important; }

@media screen and (max-width: 767px) { .u-hide-sp { display: none !important; }
  .u-hide-pc { display: block !important; } }

.u-tac { display: block; margin: 0 auto; }

.cf:after, .cf:before { display: table; content: ''; }

.cf:after { clear: both; }

.c-bg-white { background-color: #fff; }

@media screen and (max-width: 767px) { .c-bg-white-sp { background-color: #fff !important; } }

.c-bg-black { background-color: #000; }

/* =======================================

  Structure CSS

========================================== */
.c-contents { line-height: 1.8; }

.c-contents * { box-sizing: border-box; }

.c-contents-box { padding: 0 40px; max-width: 1022px; margin: 0 auto; }

@media screen and (max-width: 1048px) { .c-contents-box { padding: 0 10px; } }

@media screen and (max-width: 767px) { .c-contents-box { padding: 0 15px; } }

.c-bg-blue { background-color: #F0F4FC; }

.c-btn01 { white-space: nowrap; background-color: #BF0202; color: #fff; max-width: 218px; text-align: center; border-radius: 4px; display: block; margin: 0 auto; padding: 8px 0; }

.c-btn01:hover { text-decoration: none; }

.c-btn01 img { margin-right: 3%; }

.c-btn01 img[src$="ico_cart02.svg"] { vertical-align: middle; }

.c-btn01--min { padding: 4px 0; font-size: 13px; max-width: 152px; margin: 0 auto; }

.c-btn-large-red { color: #fff; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; background-color: #BF0202; font-size: 31px; font-weight: bold; text-align: center; width: 373px; text-align: center; padding: 8px 0; display: block; border-radius: 4px; margin: 80px auto 60px; letter-spacing: -1px; }

.c-btn-large-red:hover { opacity: 0.8; text-decoration: none; }

@media screen and (max-width: 767px) { .c-btn-large-red { font-size: 20px; width: 100%; margin: 20px auto 30px; } }

[name="commit"] { background-color: #BF0202; display: block; margin-top: 10px; margin-bottom: 10px; border-radius: 4px; width: 100%; height: 40px; background-image: url("/common/img/ec/cart-add.svg"); background-repeat: no-repeat; background-position: center center; background-size: 76% auto; }

.c-title01 { background-color: #11284C; font-size: 20px; border-radius: 4px; font-weight: bold; text-align: center; color: #fff; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; letter-spacing: 1px; padding: 12px 0; }

.c-title01--mb { margin-bottom: 30px; }

.c-title02 { text-align: center; font-size: 40px; font-weight: bold; line-height: 1.4; color: #fff; margin-bottom: 30px; }

.c-title02 span { font-size: 18px; display: block; }

.c-title02--gray { color: #333 !important; }

@media screen and (max-width: 767px) { .c-title02 { letter-spacing: -1px; } }

.c-numberbox--suiyoubino_neko .c-title02, .c-contentbox--suiyoubino_neko .c-title02, .c-numberbox--otameshi .c-title02, .c-contentbox--otameshi .c-title02, .c-contentbox--yonaparka .c-title02, .c-contentbox--yonat .c-title02, .c-contentbox--yonapolo .c-title02, .c-contentbox--glasscloth .c-title02, .c-contentbox--tenugui .c-title02 { color: #11284C; }

.c-contentbox--gift .c-title02, .c-contentbox--yonaparka .c-title02, .c-contentbox--yonat .c-title02, .c-contentbox--yonapolo .c-title02, .c-contentbox--glasscloth .c-title02, .c-contentbox--tenugui .c-title02 { font-size: 38px; position: relative; z-index: 1; }

@media screen and (max-width: 767px) { .c-contentbox--gift .c-title02, .c-contentbox--yonaparka .c-title02, .c-contentbox--yonat .c-title02, .c-contentbox--yonapolo .c-title02, .c-contentbox--glasscloth .c-title02, .c-contentbox--tenugui .c-title02 { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-contentbox--glasscloth .c-title02 { font-size: 27px; } }

.c-contentbox--yonaparka .c-title02, .c-contentbox--tenugui .c-title02 { z-index: 2; position: relative; text-shadow: 0px 0px 3px #ffd537, 0px 0px 3px #ffd537, 0px 0px 3px #ffd537, 0px 0px 3px #ffd537; }

.c-numberbox--sunsun .c-title02, .c-contentbox--sunsun .c-title02, .c-contentbox--sorry_nippon_citrus_ale .c-title02 { color: #000; }

.c-numberbox--summer .c-title02, .c-contentbox--summer .c-title02 { color: #315CC8; }

.c-numberbox--summer .c-title02 span, .c-contentbox--summer .c-title02 span { color: #000; }

.c-contentbox--gift .c-title02--moon { margin-top: 15px; padding-top: 85px; background-size: 50px auto; background-repeat: no-repeat; background-position: center top; background-image: url("../img/ec/layout/moon-toukanya.svg"); }

.c-contentbox--gift .c-title02--sp-min { font-size: 20px; }

@media screen and (max-width: 767px) { .c-title02 { font-size: 30px; }
  .c-title02--sp-min { font-size: 22px; } }

.c-contentbox--gift .c-title02 { margin-top: -10px; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .c-contentbox--gift .c-title02--sp-23 { font-size: 23px; } }

.c-contentbox--gift .c-title02--moon { background-size: 37px auto; margin-top: 0; letter-spacing: -1px; padding-top: 60px; }

@media screen and (max-width: 767px) { .c-contentbox--gift .c-title02--moon { font-size: 20px; } }

.c-title03 { background-color: #112345; text-align: center; color: #fff; font-size: 24px; font-weight: bold; padding: 15px 0; margin: 50px 0 35px; }

@media screen and (max-width: 767px) { .c-title03 { font-size: 18px; border-radius: 4px; margin: 40px 0 20px; } }

.c-title04 { color: #333; text-align: center; font-size: 38px; font-weight: bold; line-height: 1.4; margin-bottom: 30px; }

.c-title04 rt { display: none; }

@media screen and (max-width: 767px) { .c-title04 { font-size: 30px; }
  .c-title04 span { font-size: 21px; }
  .c-title04 rt { font-weight: bold; display: block; transform: scale(4); height: 10px; font-size: 5px; line-height: 10px; } }

.c-title05 { text-align: center; font-weight: bold; font-size: 26px; padding-top: 20px; margin-bottom: 10px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.c-title06 { background-color: #000; color: #fff; font-size: 25px; font-weight: bold; text-align: center; padding: 10px 0; margin-top: 10px; margin-bottom: 20px; }

@media screen and (max-width: 1048px) { .c-title06 { font-size: 20px; padding: 15px 0; } }

.c-title07 { background-color: #11284C; color: #fff; font-size: 20px; font-weight: bold; text-align: center; padding: 10px 0; margin-bottom: 30px; }

@media screen and (max-width: 1048px) { .c-title07 { font-size: 20px; padding: 15px 0; } }

.c-color-yellow { color: #E9C706; }

.c-color-thin-yellow { color: #F0F1B8; }

.c-color-w { color: #fff; }

.c-color-r { color: #BF0202; }

.c-color-gray { color: #333; }

.c-color-gray02 { color: #819072; }

.c-color-green { color: #004626; }

.c-color-skin { color: #EFAE6F; }

.txt01 { font-size: 16px; }

.txt02 { font-size: 18px; line-height: 1.6; }

.txt03 { font-size: 20px; }

.txt02--works { margin-top: 30px; }

.titBig--02 { font-size: 30px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.titBig--02 em { vertical-align: middle; font-size: 40px; font-weight: bold; display: inline-block; transform: translateY(-5px); }

@media screen and (max-width: 767px) { .titBig--02 { font-size: 26px; margin-bottom: 15px; }
  .titBig--02 em { margin: 0; }
  .titBig--02 span { margin-left: 10px; }
  .titBig--02 em, .titBig--02 span { font-size: 34px; } }

.storeRecommend--mt { margin-top: 50px; }

@media screen and (max-width: 767px) { .storeRecommend--mt { margin-top: 0px; } }

.articleLinkColumn3--mb .articleLink { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 767px) { .articleLinkColumn3--mb { margin-bottom: 20px; }
  .articleLinkColumn3--penetration { margin-left: -15px; margin-right: -15px; }
  .articleLinkColumn3--penetration .articleLink { border-bottom: none; margin-bottom: 1px; } }

.articleLinkColumn3--penetration .articleLink__info__title { min-height: 4em; }

/* =======================================

  ナビゲーション

========================================== */
.c-page-nav { border-top: 2px solid #11284C; border-bottom: 2px solid #11284C; display: flex; }

@media screen and (max-width: 767px) { .c-page-nav { display: none; } }

.c-page-nav__list { width: 100%; border-right: 1px solid #707070; text-align: center; }

.c-page-nav__list a { display: flex; justify-content: center; align-items: center; height: 100%; transition: all 0.3s; font-size: 15px; padding: 16px 5px; background-color: #E7EBF0; }

.c-page-nav__list a:hover { text-decoration: none; background-color: #FFDA00; outline: 2px solid #11284C; outline-offset: -4px; }

@media screen and (max-width: 1048px) { .c-page-nav__list a { font-size: 13px; } }

.c-header-appeal { background-color: #E5E5E5; text-align: center; padding: 8px 0; }

.c-header-appeal a { text-decoration: underline; font-weight: bold; color: #112345; }

/* =======================================

  青鬼

========================================== */
.c-shop-appeal { overflow: hidden; padding: 60px 0 0 5.4%; background: no-repeat 0 0; background-size: 100% auto; }

.c-shop-appeal--bottom { padding-top: 78px; }

.c-shop-appeal--indono_aooni, .c-shop-appeal--original_glass02 { background-image: url("../img/ec/layout/header_aooni.svg"); }

.c-shop-appeal--yonayona_ale, .c-shop-appeal--original_glass01 { background-image: url("../img/ec/layout/header_ale.svg"); }

.c-shop-appeal--suiyoubino_neko, .c-shop-appeal--original_glass03 { background-image: url("../img/ec/layout/header_suiyoubino_neko.svg"); }

.c-shop-appeal--tokyo_black { background-image: url("../img/ec/layout/header_tokyo_black.svg"); }

.c-shop-appeal--craft_saurus_pale_ale { background-image: url("../img/ec/layout/header_craft_saurus_pale_ale.svg"); }

.c-shop-appeal--sunsun { background-image: url("../img/ec/layout/header_sunsun.svg"); }

.c-shop-appeal--harenohi { background-image: url("../img/ec/layout/header_harenohi.svg"); }

.c-shop-appeal--sorry_nippon_citrus_ale { background-image: url("../img/ec/layout/header_sorry_nippon_citrus_ale.svg"); }

.c-shop-appeal--sorry_nippon_citrus_ale.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--barrel_48 { background-image: url("../img/ec/layout/header_barrel_48.svg"); }

.c-shop-appeal--barrel_48.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--barrel_49 { background-image: url("../img/ec/layout/header_barrel_49.svg"); }

.c-shop-appeal--barrel_49.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--otameshi { background-image: url("../img/ec/layout/header_otameshi.svg"); }

.c-shop-appeal--otameshi.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--gift { background-image: url("../img/ec/layout/header_gift.svg"); }

.c-shop-appeal--gift.c-shop-appeal--bottom { margin: 80px 0 50px; }

@media screen and (max-width: 767px) { .c-shop-appeal--gift.c-shop-appeal--bottom { margin-top: 60px; } }

.c-shop-appeal--yonaparka, .c-shop-appeal--yonapolo, .c-shop-appeal--glasscloth, .c-shop-appeal--tenugui, .c-shop-appeal--sugoroku, .c-shop-appeal--shinansho { background-image: url("../img/ec/layout/header_goods01.svg"); }

.c-shop-appeal--yonaparka.c-shop-appeal--bottom, .c-shop-appeal--yonapolo.c-shop-appeal--bottom, .c-shop-appeal--glasscloth.c-shop-appeal--bottom, .c-shop-appeal--tenugui.c-shop-appeal--bottom, .c-shop-appeal--sugoroku.c-shop-appeal--bottom, .c-shop-appeal--shinansho.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--yonat { background-image: url("../img/ec/layout/header_goods01.svg"); }

.c-shop-appeal--yonat.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--summer { background-image: url("../img/ec/layout/header_summer.svg"); }

.c-shop-appeal--summer.c-shop-appeal--bottom { margin: 80px 0 50px; }

.c-shop-appeal--yonayona_ale.c-shop-appeal--bottom, .c-shop-appeal--indono_aooni.c-shop-appeal--bottom, .c-shop-appeal--suiyoubino_neko.c-shop-appeal--bottom, .c-shop-appeal--tokyo_black.c-shop-appeal--bottom, .c-shop-appeal--craft_saurus_pale_ale.c-shop-appeal--bottom, .c-shop-appeal--sunsun.c-shop-appeal--bottom, .c-shop-appeal--yonaparka.c-shop-appeal--bottom, .c-shop-appeal--yonat.c-shop-appeal--bottom, .c-shop-appeal--yonapolo.c-shop-appeal--bottom, .c-shop-appeal--glasscloth.c-shop-appeal--bottom, .c-shop-appeal--tenugui.c-shop-appeal--bottom, .c-shop-appeal--harenohi.c-shop-appeal--bottom, .c-shop-appeal--sorry_nippon_citrus_ale.c-shop-appeal--bottom, .c-shop-appeal--barrel_48.c-shop-appeal--bottom, .c-shop-appeal--barrel_49.c-shop-appeal--bottom, .c-shop-appeal--gift.c-shop-appeal--bottom, .c-shop-appeal--otameshi.c-shop-appeal--bottom, .c-shop-appeal--summer.c-shop-appeal--bottom, .c-shop-appeal--original_glass01.c-shop-appeal--bottom, .c-shop-appeal--original_glass02.c-shop-appeal--bottom, .c-shop-appeal--original_glass03.c-shop-appeal--bottom { margin: 80px 0 0px; padding: 30px 0 0; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonayona_ale.c-shop-appeal--bottom, .c-shop-appeal--indono_aooni.c-shop-appeal--bottom, .c-shop-appeal--suiyoubino_neko.c-shop-appeal--bottom, .c-shop-appeal--tokyo_black.c-shop-appeal--bottom, .c-shop-appeal--craft_saurus_pale_ale.c-shop-appeal--bottom, .c-shop-appeal--sunsun.c-shop-appeal--bottom, .c-shop-appeal--yonaparka.c-shop-appeal--bottom, .c-shop-appeal--yonat.c-shop-appeal--bottom, .c-shop-appeal--yonapolo.c-shop-appeal--bottom, .c-shop-appeal--glasscloth.c-shop-appeal--bottom, .c-shop-appeal--tenugui.c-shop-appeal--bottom, .c-shop-appeal--harenohi.c-shop-appeal--bottom, .c-shop-appeal--sorry_nippon_citrus_ale.c-shop-appeal--bottom, .c-shop-appeal--barrel_48.c-shop-appeal--bottom, .c-shop-appeal--barrel_49.c-shop-appeal--bottom, .c-shop-appeal--gift.c-shop-appeal--bottom, .c-shop-appeal--otameshi.c-shop-appeal--bottom, .c-shop-appeal--summer.c-shop-appeal--bottom, .c-shop-appeal--original_glass01.c-shop-appeal--bottom, .c-shop-appeal--original_glass02.c-shop-appeal--bottom, .c-shop-appeal--original_glass03.c-shop-appeal--bottom { margin-top: 60px; padding: 10px 0 0; } }

.c-shop-appeal--original_glass02 { padding-left: 20px; }

.c-shop-appeal--original_glass03 { padding-left: 30px; }

@media screen and (max-width: 767px) { .c-shop-appeal { background-size: 750px auto; padding: 40px 0 0; background-position: center 0; }
  .c-shop-appeal--otameshi { margin-bottom: 60px; } }

.c-shop-appeal__side { overflow: hidden; }

.c-shop-appeal__img { float: left; width: 30%; max-width: 177px; margin-right: 10%; }

.c-shop-appeal--original_glass01 .c-shop-appeal__img { max-width: 170px; }

.c-shop-appeal--original_glass02 .c-shop-appeal__img { max-width: 170px; }

.c-shop-appeal--original_glass03 .c-shop-appeal__img { max-width: 170px; }

.c-shop-appeal--harenohi .c-shop-appeal__img { max-width: 256px; margin-right: 5%; }

@media screen and (max-width: 767px) { .c-shop-appeal--harenohi .c-shop-appeal__img { margin: 0 auto 10px; } }

.c-shop-appeal--barrel_48, .c-shop-appeal--barrel_49 { padding-left: 2%; }

.c-shop-appeal--barrel_48 .c-shop-appeal__img, .c-shop-appeal--barrel_49 .c-shop-appeal__img { max-width: 232px; }

.c-shop-appeal--otameshi, .c-shop-appeal--gift { padding-left: 0%; }

.c-shop-appeal--otameshi .c-shop-appeal__img, .c-shop-appeal--gift .c-shop-appeal__img { max-width: 300px; margin-right: 4%; }

@media screen and (max-width: 767px) { .c-shop-appeal--otameshi .c-shop-appeal__img, .c-shop-appeal--gift .c-shop-appeal__img { margin-right: auto; }
  .c-shop-appeal--gift .c-shop-appeal__img { width: 287px; } }

.c-shop-appeal--yonaparka { padding-left: 2%; }

.c-shop-appeal--yonaparka .c-shop-appeal__img { max-width: 284px; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonaparka .c-shop-appeal__img { width: 284px; } }

.c-shop-appeal--yonat { padding-left: 2%; }

.c-shop-appeal--yonat .c-shop-appeal__img { max-width: 287px; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonat .c-shop-appeal__img { width: 287px; } }

.c-shop-appeal--yonapolo { padding-left: 2%; }

.c-shop-appeal--yonapolo .c-shop-appeal__img { max-width: 260px; }

@media screen and (max-width: 767px) { .c-shop-appeal--yonapolo .c-shop-appeal__img { width: 244px; } }

.c-shop-appeal--glasscloth { padding-left: 2%; }

.c-shop-appeal--glasscloth .c-shop-appeal__img { max-width: 245px; }

@media screen and (max-width: 767px) { .c-shop-appeal--glasscloth .c-shop-appeal__img { width: 245px; margin: 20px auto 60px; } }

.c-shop-appeal--tenugui { padding-left: 5%; }

.c-shop-appeal--tenugui .c-shop-appeal__img { max-width: 166px; }

@media screen and (max-width: 767px) { .c-shop-appeal--tenugui .c-shop-appeal__img { width: 156px; } }

.c-shop-appeal--sugoroku { padding-left: 5%; }

.c-shop-appeal--sugoroku .c-shop-appeal__img { max-width: 147px; }

@media screen and (max-width: 767px) { .c-shop-appeal--sugoroku .c-shop-appeal__img { width: 130px; } }

.c-shop-appeal--shinansho { padding-left: 5%; }

.c-shop-appeal--shinansho .c-shop-appeal__img { max-width: 176px; }

@media screen and (max-width: 767px) { .c-shop-appeal--shinansho .c-shop-appeal__img { width: 157px; } }

@media screen and (max-width: 767px) { .c-shop-appeal__img { float: none; max-width: 100%; width: auto; max-height: 220px; display: block; margin: 0 auto 40px; }
  .c-shop-appeal--otameshi .c-shop-appeal__img { width: 287px; } }

.c-shop-appeal__sub { font-size: 20px; font-weight: bold; margin-bottom: 20px; background: no-repeat left center; padding: 2px 0 2px 50px; }

@media screen and (max-width: 767px) { .c-shop-appeal__sub { background-position: center 0; padding: 60px 0 0; margin-bottom: 5px; letter-spacing: -0.5px; font-size: 16px; text-align: center; }
  .c-shop-appeal__sub.u-pl0 { padding-top: 0; } }

.c-shop-appeal--indono_aooni .c-shop-appeal__sub { color: #11284C; background-size: 34px; background-image: url("../img/ec/layout/moon-crescent.svg"); }

.c-shop-appeal--yonayona_ale .c-shop-appeal__sub { background-size: 32px; background-image: url("../img/ec/layout/moon-toukanya.svg"); }

.c-shop-appeal--suiyoubino_neko .c-shop-appeal__sub { font-size: 18px; line-height: 1.4; background-size: 27px; background-image: url("../img/ec/layout/moon-half.svg"); }

.c-shop-appeal--tokyo_black .c-shop-appeal__sub { background-size: 30px auto; background-image: url("../img/ec/layout/moon-full.svg"); }

.c-shop-appeal--craft_saurus_pale_ale .c-shop-appeal__sub { padding-top: 3px; padding-bottom: 3px; color: #11284C; background-size: 33px; background-image: url("../img/ec/layout/moon-crescent02.svg"); }

@media screen and (max-width: 767px) { .c-shop-appeal--craft_saurus_pale_ale .c-shop-appeal__sub { padding-top: 60px; } }

.c-shop-appeal--sunsun .c-shop-appeal__sub { color: #11284C; background-size: 40px; background-image: url("../img/ec/layout/sun.svg"); }

.c-shop-appeal--harenohi .c-shop-appeal__sub { background-size: 38px auto; background-image: url("../img/ec/layout/moon-ariake.svg"); }

@media screen and (max-width: 767px) { .c-shop-appeal--harenohi .c-shop-appeal__sub { background-size: 30px auto; } }

.c-shop-appeal--sorry_nippon_citrus_ale .c-shop-appeal__sub { background-size: 34px; background-image: url("../img/ec/layout/moon-ariake-blue.svg"); }

@media screen and (max-width: 767px) { .c-shop-appeal--sorry_nippon_citrus_ale .c-shop-appeal__sub { background-size: 30px auto; } }

.c-shop-appeal--barrel_48 .c-shop-appeal__sub, .c-shop-appeal--barrel_49 .c-shop-appeal__sub { background-size: 35px; background-image: url("../img/ec/layout/moon-crescent-edge.svg"); }

.c-shop-appeal--summer .c-shop-appeal__sub { background-size: 25px; background-image: url("../img/ec/layout/moon-sun.svg"); }

.c-shop-appeal__title { color: #11284C; clear: none; margin-bottom: 20px; font-size: 40px; font-weight: bold; line-height: 130%; }

.c-shop-appeal__title span { font-size: 30px; }

@media screen and (max-width: 767px) { .c-shop-appeal__title { text-align: center; margin-bottom: 15px; } }

.c-shop-appeal--craft_saurus_pale_ale .c-shop-appeal__title, .c-shop-appeal--sunsun .c-shop-appeal__title { line-height: 1.2; }

.c-shop-appeal--yonayona_ale .c-shop-appeal__title, .c-shop-appeal--harenohi .c-shop-appeal__title, .c-shop-appeal--tokyo_black .c-shop-appeal__title, .c-shop-appeal--suiyoubino_neko .c-shop-appeal__title { color: #000; }

.c-shop-appeal--sorry_nippon_citrus_ale .c-shop-appeal__title, .c-shop-appeal--barrel_48 .c-shop-appeal__title, .c-shop-appeal--barrel_49 .c-shop-appeal__title, .c-shop-appeal--otameshi .c-shop-appeal__title, .c-shop-appeal--gift .c-shop-appeal__title, .c-shop-appeal--yonaparka .c-shop-appeal__title, .c-shop-appeal--yonat .c-shop-appeal__title, .c-shop-appeal--yonapolo .c-shop-appeal__title, .c-shop-appeal--glasscloth .c-shop-appeal__title, .c-shop-appeal--tenugui .c-shop-appeal__title, .c-shop-appeal--sugoroku .c-shop-appeal__title, .c-shop-appeal--shinansho .c-shop-appeal__title, .c-shop-appeal--summer .c-shop-appeal__title, .c-shop-appeal--original_glass01 .c-shop-appeal__title, .c-shop-appeal--original_glass02 .c-shop-appeal__title, .c-shop-appeal--original_glass03 .c-shop-appeal__title { color: #000; line-height: 1.2; }

@media screen and (max-width: 767px) { .c-shop-appeal--tenugui .c-shop-appeal__title, .c-shop-appeal--sugoroku .c-shop-appeal__title, .c-shop-appeal--shinansho .c-shop-appeal__title { font-size: 34px; color: #11284C; }
  .c-shop-appeal--tenugui .c-shop-appeal__sub, .c-shop-appeal--sugoroku .c-shop-appeal__sub, .c-shop-appeal--shinansho .c-shop-appeal__sub { color: #11284C; }
  .c-shop-appeal--otameshi .c-shop-appeal__title, .c-shop-appeal--otameshi .c-shop-appeal__sub { color: #11284C; } }

.c-shop-appeal__catch { max-width: 323px; padding: 9px 0; font-size: 18px; text-align: center; border-radius: 40px; margin-bottom: 20px; display: block; color: #fff; background-color: #1B5978; }

@media screen and (max-width: 767px) { .c-shop-appeal__catch { margin: 0 auto 20px; } }

.c-shop-appeal__txt { font-size: 16px; }

.c-eclist01 { display: flex; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; flex-wrap: wrap; margin-top: 30px; margin-bottom: 50px; justify-content: space-between; }

.c-eclist01--02 { margin-top: 50px; margin-bottom: 30px; }

.c-eclist01--single { justify-content: center; }

.c-eclist01__item { border: 5px solid #000; background-color: #fff; width: 49%; margin-bottom: 10px; min-width: 300px; display: flex; justify-content: space-between; align-items: center; padding: 30px 3% 20px 3%; }

.c-eclist01__front { flex: 1; padding: 0 15px 0 0; box-sizing: border-box; }

@media screen and (max-width: 1048px) { .c-eclist01__front { min-width: 98px; text-align: center; padding: 0; }
  .c-eclist01__front img { max-width: 100%; }
  .c-eclist01__item { width: 100%; } }

.c-eclist01__item--column { flex-direction: column; }

.c-eclist01__item--column .c-eclist01__after { width: 100%; margin-left: 0; }

.c-eclist01__item--column .c-eclist01__name br { display: none; }

.c-eclist01__item--column .c-price-list__item__set__border .spOnly { display: none; }

.c-eclist01__item--column .c-eclist01__price { text-align: right; margin-top: -38px; }

.c-eclist01__item--column [name="commit"] { width: 180px; margin: 10px auto; }

.c-eclist01__name { font-size: 18px; line-height: 1.4; font-weight: bold; letter-spacing: -1.5px; margin-bottom: 2px; }

.c-eclist01__price em { margin-right: 5px; font-size: 24px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-eclist01__price { margin-bottom: 5px; } }

.c-eclist01__after { padding-left: 2px; flex-basis: 233px; }

.c-eclist01__after .c-price-list__select { margin: 5px 0 10px; padding: 4px 0; }

.c-eclist01__after--min { padding-bottom: 18px; flex-basis: 185px; }

.c-eclist01__after--min .c-eclist01__price { margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-eclist01__after { width: 180px; margin-left: 15px; } }

.c-border-box01 { background-color: #fff; }

.c-border-box01 .txt01 { line-height: 2; }

.c-border-box01--mb { margin-bottom: 40px; }

.c-border-box01--indono_aooni { border: 10px solid #543D2A; }

.c-border-box01--yonayona_ale { border: 10px solid #EABF4B; }

.c-border-box01--suiyoubino_neko { border: 10px solid #195387; }

.c-border-box01--tokyo_black { border: 10px solid #EFAE6F; }

.c-border-box01--craft_saurus_pale_ale { border: 10px solid #D0262D; }

.c-border-box01--sunsun { border: 10px solid #004626; }

.c-border-box01--harenohi { border: 15px solid #B21710; outline: 5px solid #fff; outline-offset: -20px; }

@media screen and (max-width: 767px) { .c-border-box01--harenohi { border-width: 10px; outline-offset: -14px; outline: 4px solid #fff; } }

.c-border-box01--summer { border: 10px solid #315CC8; }

.c-border-box01--sorry_nippon_citrus_ale { border: 10px solid #008CB0; }

.c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front .c-border-box01__title { font-size: 36px; line-height: 1.5; }

@media screen and (max-width: 767px) { .c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front .c-border-box01__title { font-size: 6vw; } }

.c-border-box01--barrel_48, .c-border-box01--barrel_49 { border: 10px solid #1B5978; }

.c-border-box01--barrel_48--inline, .c-border-box01--barrel_49--inline { outline: 4px solid #707070; outline-offset: -14px; }

.c-border-box01--otameshi { border: 10px solid #11284C; }

.c-border-box01--otameshi .c-border-box01__front .c-border-box01__title { padding-top: 0; }

@media screen and (max-width: 1048px) { .c-border-box01--otameshi .c-border-box01__front .c-border-box01__title { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-border-box01--otameshi .c-border-box01__front .c-border-box01__title { font-size: 6vw; } }

.c-border-box01--gift { border: 10px solid #F5E0B3; background: url("../img/ec/layout/texture01.png"); background-size: 758px auto; }

.c-border-box01--yonaparka, .c-border-box01--yonat, .c-border-box01--yonapolo, .c-border-box01--glasscloth, .c-border-box01--tenugui { border: 10px solid #11284C; }

.c-border-box01__front { background: no-repeat 0 0; background-size: 100.5% auto; padding-top: 85.5%; position: relative; }

.c-border-box01__front .c-border-box01__title { text-align: center; color: #fff; position: absolute; top: 80px; line-height: 1.4; width: 100%; font-weight: bold; left: 0; font-size: 38px; }

.c-border-box01--indono_aooni .c-border-box01__front { background-image: url("../img/ec/indono_aooni/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--indono_aooni .c-border-box01__front { background-image: url("../img/ec/indono_aooni/back-main_sp.jpg"); } }

.c-border-box01--yonayona_ale .c-border-box01__front { background-image: url("../img/ec/yonayona_ale/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--yonayona_ale .c-border-box01__front { background-image: url("../img/ec/yonayona_ale/back-main_sp.jpg"); } }

.c-border-box01--suiyoubino_neko .c-border-box01__front { background-image: url("../img/ec/suiyoubino_neko/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--suiyoubino_neko .c-border-box01__front { background-image: url("../img/ec/suiyoubino_neko/back-main_sp.jpg"); } }

.c-border-box01--tokyo_black .c-border-box01__front { background-image: url("../img/ec/tokyo_black/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--tokyo_black .c-border-box01__front { background-image: url("../img/ec/tokyo_black/back-main_sp.jpg"); } }

.c-border-box01--craft_saurus_pale_ale .c-border-box01__front { background-image: url("../img/ec/craft_saurus_pale_ale/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--craft_saurus_pale_ale .c-border-box01__front { background-image: url("../img/ec/craft_saurus_pale_ale/back-main_sp.jpg"); } }

.c-border-box01--sunsun .c-border-box01__front { background-image: url("../img/ec/sunsun/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--sunsun .c-border-box01__front { background-image: url("../img/ec/sunsun/back-main_sp.jpg"); } }

.c-border-box01--harenohi .c-border-box01__front { margin: 5px 5px 0; background-image: url("../img/ec/harenohi/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--harenohi .c-border-box01__front { margin: 4px 4px 0; background-image: url("../img/ec/harenohi/back-main_sp.jpg"); } }

.c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front { background-image: url("../img/ec/sorry_nippon_citrus_ale/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--sorry_nippon_citrus_ale .c-border-box01__front { background-image: url("../img/ec/sorry_nippon_citrus_ale/back-main_sp.jpg"); } }

.c-border-box01--barrel_48 .c-border-box01__front { margin: 4px 4px 0; background-image: url("../img/ec/barrel_48/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--barrel_48 .c-border-box01__front { background-image: url("../img/ec/barrel_48/back-main_sp.jpg"); } }

.c-border-box01--barrel_49 .c-border-box01__front { margin: 4px 4px 0; background-image: url("../img/ec/barrel_49/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--barrel_49 .c-border-box01__front { background-image: url("../img/ec/barrel_49/back-main_sp.jpg"); background-position: left bottom -1px; } }

.c-border-box01--otameshi .c-border-box01__front { padding-top: 66%; background-image: url("../img/ec/otameshi/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--otameshi .c-border-box01__front { padding-top: 136%; background-image: url("../img/ec/otameshi/back-main-sp.jpg"); } }

.c-border-box01--summer { background-image: url("../img/ec/layout/back-texter.png"); background-size: 932px auto; background-position: center center; }

.c-border-box01--summer .c-border-box01__front { padding-top: 85%; background-image: url("../img/ec/summer/back-main.jpg"); }

@media screen and (max-width: 767px) { .c-border-box01--summer .c-border-box01__front { padding-top: 136%; background-image: url("../img/ec/summer/back-main_sp.jpg"); } }

@media screen and (max-width: 767px) { .c-border-box01__front { background-size: 100% auto; padding-top: 137%; background-position: center center; }
  .c-border-box01__front .c-border-box01__title { font-size: 6vw; top: 55px; }
  .c-border-box01--suiyoubino_neko .c-border-box01__front .c-border-box01__title { top: 40px; }
  .c-border-box01--craft_saurus_pale_ale .c-border-box01__front .c-border-box01__title { top: 40px; }
  .c-border-box01--sunsun .c-border-box01__front .c-border-box01__title { top: 40px; } }

.c-border-box01__back { padding: 55px 30px 45px; background-repeat: no-repeat; }

@media screen and (max-width: 1048px) { .c-border-box01__back { padding: 55px 20px 45px; } }

@media screen and (max-width: 767px) { .c-border-box01__back { padding-top: 310px; }
  .c-border-box01__back--otameshi { padding-top: 20px; } }

.c-border-box01__back--indono_aooni { color: #fff; background-color: #213361; background-image: url(../img/ec/indono_aooni/back-border-box01_pc.png); background-size: 398px auto; background-position: right 0px top 20px; }

@media screen and (max-width: 767px) { .c-border-box01__back--indono_aooni { background-position: left 10px, right bottom 10px; padding-bottom: 210px; background-size: 320px auto, 227px auto; background-image: url(../img/ec/indono_aooni/back-border-box01_sp.png), url(../img/ec/indono_aooni/back-border-box02_sp.png); } }

.c-border-box01__back--yonayona_ale { color: #fff; background-color: #000; background-image: url(../img/ec/yonayona_ale/back-border-box01_pc.png); background-size: 328px auto; background-position: right 50px top 60px; }

@media screen and (max-width: 767px) { .c-border-box01__back--yonayona_ale { padding-bottom: 210px; padding-top: 280px; background-size: 265px auto, 140px auto; background-position: center top 40px, center bottom 40px; background-image: url(../img/ec/yonayona_ale/back-border-box01_pc.png), url(../img/ec/yonayona_ale/back-border-box02_pc.png); } }

.c-border-box01__back--suiyoubino_neko { background-color: #B4E0F8; background-image: url(../img/ec/suiyoubino_neko/back-border-box03.png), url(../img/ec/suiyoubino_neko/back-border-box01_pc.png), url(../img/ec/suiyoubino_neko/back-border-box02.png); background-size: 187px auto, 316px auto, 32px auto; background-repeat: no-repeat, no-repeat, repeat-x; background-position: right 70px bottom 190px, right 10px bottom 336px, 0 bottom; }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko { background-size: 170px auto, 150px auto, 32px auto; padding-top: 260px; padding-bottom: 210px; background-position: center bottom 0, center 20px, left bottom -50px; } }

.c-border-box01__back--tokyo_black { color: #fff; background-color: #000; background-image: url(../img/ec/tokyo_black/back-border-box01_pc.png); background-size: 955px auto; background-position: right 5px top 30px; }

@media screen and (max-width: 767px) { .c-border-box01__back--tokyo_black { padding-bottom: 200px; padding-top: 310px; background-size: 290px auto, 120px auto, 310px auto; background-position: center top 15px, center bottom 40px, left -35px bottom 110px; background-image: url(../img/ec/tokyo_black/back-border-box01_sp.png), url(../img/ec/tokyo_black/back-border-box02_pc.png), url(../img/ec/tokyo_black/back-border-box03_sp.png); } }

.c-border-box01__back--craft_saurus_pale_ale { color: #fff; background-color: #000; background-image: url(../img/ec/craft_saurus_pale_ale/back-border-box01_pc.png); background-size: 357px auto; background-position: right 30px top 30px; }

@media screen and (max-width: 767px) { .c-border-box01__back--craft_saurus_pale_ale { padding-bottom: 195px; padding-top: 360px; background-size: 220px auto, 100px auto; background-position: center top 20px, center bottom 40px; background-image: url(../img/ec/craft_saurus_pale_ale/back-border-box01_sp.png), url(../img/ec/craft_saurus_pale_ale/back-border-box02_pc.png); } }

.c-border-box01__back--sunsun { background-color: #FFD265; background-image: url(../img/ec/sunsun/back-border-box01_pc.svg); background-size: auto 100%; background-position: right 30px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--sunsun { padding-bottom: 200px; padding-top: 390px; background-size: 270px auto, 120px auto; background-position: center top, center bottom 40px; background-image: url(../img/ec/sunsun/back-border-box01_pc.svg), url(../img/ec/sunsun/back-border-box02_pc.png); } }

.c-border-box01__back--harenohi { background-color: #B21710; color: #fff; background-image: url(../img/ec/harenohi/back-border-box01_pc.png); background-size: 270px auto; background-position: right 50px top 40px; }

@media screen and (max-width: 767px) { .c-border-box01__back--harenohi { padding-bottom: 200px; padding-top: 250px; background-size: 140px auto, 130px auto; background-position: center 40px, center bottom 40px; background-image: url(../img/ec/harenohi/back-border-box01_pc.png), url(../img/ec/harenohi/back-border-box02_pc.png); } }

.c-border-box01__back--sorry_nippon_citrus_ale { background-color: #FFF100; background-image: url(../img/ec/sorry_nippon_citrus_ale/back-border-box01_pc.png), url(../img/ec/sorry_nippon_citrus_ale/back-border-box03_pc.png); background-size: 327px auto, 100% auto; background-position: right 25px top 60px, center bottom; }

@media screen and (max-width: 767px) { .c-border-box01__back--sorry_nippon_citrus_ale { padding-bottom: 240px; padding-top: 380px; background-size: 272px auto, 74px auto, 98% auto; background-position: center 40px, center bottom 40px, center bottom 5px; background-image: url(../img/ec/sorry_nippon_citrus_ale/back-border-box01_pc.png), url(../img/ec/sorry_nippon_citrus_ale/back-border-box02_sp.png), url(../img/ec/sorry_nippon_citrus_ale/back-border-box03_sp.png); } }

.c-border-box01__back--summer { padding-top: 105px; padding-bottom: 50px; background-size: 294px auto, 100% 157px; background-position: right 65px top 120px, bottom left; background-image: url(../img/ec/summer/back-border-box01_pc.svg), -moz-linear-gradient(top, #3d54a7 1%, #3d54a7 99%); background-image: url(../img/ec/summer/back-border-box01_pc.svg), -webkit-linear-gradient(top, #3d54a7 1%, #3d54a7 99%); background-image: url(../img/ec/summer/back-border-box01_pc.svg), linear-gradient(to bottom, #3d54a7 1%, #3d54a7 99%); }

@media screen and (max-width: 767px) { .c-border-box01__back--summer { background-size: 140px auto, 262px auto, 100% 163px; background-position: center bottom 30px, center 16px, bottom left; padding-bottom: 210px; padding-top: 320px; background-image: url(../img/ec/summer/back-border-box02_pc.png), url(../img/ec/summer/back-border-box01_pc.svg), linear-gradient(to bottom, #3d54a7 1%, #3d54a7 99%); } }

.c-border-box01__back--barrel_48, .c-border-box01__back--barrel_49 { background-color: #190602; }

@media screen and (max-width: 767px) { .c-border-box01__back--barrel_48, .c-border-box01__back--barrel_49 { padding: 10px 15px 15px; } }

.c-border-box01__back--otameshi { background-color: #FED639; }

.c-border-box01__back--indono_aooni .c-eclist02__wrapper { background-image: url(../img/ec/indono_aooni/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--indono_aooni .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--yonayona_ale .c-eclist02__wrapper { background-image: url(../img/ec/yonayona_ale/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--yonayona_ale .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--suiyoubino_neko .c-eclist02__wrapper { background-color: #9DCCE5; max-width: 548px; border-radius: 3px; }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko .c-eclist02__wrapper { max-width: 1000px; margin: 0 -20px; } }

.c-border-box01__back--tokyo_black .c-eclist02__wrapper { background-image: url(../img/ec/tokyo_black/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

.c-border-box01__back--craft_saurus_pale_ale .c-eclist02__wrapper { background-image: url(../img/ec/craft_saurus_pale_ale/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

@media screen and (max-width: 767px) { .c-border-box01__back--craft_saurus_pale_ale .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--sunsun .c-eclist02__wrapper { background-image: url(../img/ec/sunsun/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

.c-border-box01__back--harenohi .c-eclist02__wrapper { background-image: url(../img/ec/harenohi/back-border-box02_pc.png); background-size: auto 100%; background-position: right 80px top 0px; }

.c-border-box01__back--sorry_nippon_citrus_ale .c-eclist02__wrapper { background-image: url(../img/ec/sorry_nippon_citrus_ale/back-border-box02_pc.png); background-size: auto 290px; background-position: right 0px center; }

.c-border-box01__back--summer .c-eclist02__wrapper { padding: 6px 0; background-image: url(../img/ec/summer/back-border-box02_pc.png); background-size: auto 100%; background-position: right 60px top 0px; }

@media screen and (max-width: 1048px) { .c-border-box01__back--summer .c-eclist02__wrapper { background-image: none; } }

.c-border-box01__back--summer .c-eclist02__wrapper .c-eclist02 { margin-top: 10px; }

.c-border-box01__paper { position: relative; font-size: 18px; padding: 110px 60px 150px; background: top center url(../img/ec/layout/back-paper.png); background-size: cover; }

@media screen and (max-width: 1048px) { .c-border-box01__paper { padding: 30px 20px 150px; } }

@media screen and (max-width: 767px) { .c-border-box01__paper { padding: 80px 20px 250px; } }

.c-border-box01__paper__title { font-size: 38px; margin-bottom: 40px; font-weight: bold; text-align: center; }

.c-border-box01__paper__title img { display: block; margin: 0 auto 5px; }

@media screen and (max-width: 1048px) { .c-border-box01__paper__title { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-border-box01__paper__title { font-size: 23px; margin-bottom: 30px; }
  .c-border-box01__paper__title img { width: 185px; } }

.c-border-box01__paper__txt { margin-bottom: 30px; font-weight: bold; }

.c-border-box01__paper__chara { position: absolute; bottom: -50px; right: -20px; }

@media screen and (max-width: 767px) { .c-border-box01__paper__chara { width: 260px; right: 50%; transform: translateX(50%); bottom: 20px; } }

.c-border-box02 { background-color: #190602; color: #fff; border: 10px solid #1B5978; border-top: none; padding: 50px 50px 50px; }

@media screen and (max-width: 767px) { .c-border-box02 { padding: 30px 15px 20px; } }

.c-border-box02__title { text-align: center; font-weight: bold; font-size: 38px; margin-bottom: 35px; }

@media screen and (max-width: 1048px) { .c-border-box02__title { font-size: 32px; } }

.c-border-box02__content { display: flex; font-size: 16px; }

@media screen and (max-width: 1048px) { .c-border-box02__content { display: block; } }

.c-border-box02__content__front { margin: 0 10px; width: 35%; }

.c-border-box02__content__front img { max-width: 100%; }

@media screen and (max-width: 1048px) { .c-border-box02__content__front { width: 100%; text-align: center; display: block; margin: 0 0 30px; }
  .c-border-box02__content__front img { width: 155px; margin-right: -20px; } }

.c-border-box02__content__back { flex: 1; }

.c-border-box02__content__txt { margin-bottom: 30px; line-height: 2; }

.c-eclist02-exp { padding: 10px 20px 20px; font-size: 14px; }

.c-eclist02__wrapper { background-repeat: no-repeat; }

.c-border-box01__txt { max-width: 450px; font-size: 16px; padding-top: 10px; padding-right: 10px; min-height: 365px; font-weight: bold; line-height: 2; }

@media screen and (max-width: 767px) { .c-border-box01__txt { min-height: 0; padding: 0; max-width: 1000px; min-height: 0; margin-bottom: 40px; } }

.c-border-box01__back--indono_aooni .c-border-box01__txt { background-color: rgba(33, 51, 97, 0.9); }

.c-border-box01__back--yonayona_ale .c-border-box01__txt { padding-top: 50px; background-color: rgba(0, 0, 0, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--yonayona_ale .c-border-box01__txt { background-color: transparent; } }

.c-border-box01__back--suiyoubino_neko .c-border-box01__txt { padding-top: 20px; max-width: 550px; min-height: 330px; background-color: rgba(180, 224, 248, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko .c-border-box01__txt { min-height: 0; background-color: transparent; } }

.c-border-box01__back--tokyo_black .c-border-box01__txt { background-color: rgba(0, 0, 0, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--tokyo_black .c-border-box01__txt { background-color: transparent; } }

.c-border-box01__back--craft_saurus_pale_ale .c-border-box01__txt { max-width: 478px; background-color: rgba(0, 0, 0, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--craft_saurus_pale_ale .c-border-box01__txt { max-width: 1000px; background-color: transparent; } }

.c-border-box01__back--sunsun .c-border-box01__txt { max-width: 484px; background-color: rgba(255, 210, 101, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--sunsun .c-border-box01__txt { background-color: #ffd265; padding-top: 30px; max-width: 1000px; } }

.c-border-box01__back--harenohi .c-border-box01__txt { max-width: 460px; background-color: rgba(178, 23, 16, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--harenohi .c-border-box01__txt { max-width: 100%; } }

.c-border-box01__back--sorry_nippon_citrus_ale .c-border-box01__txt { max-width: 460px; background-color: rgba(255, 241, 0, 0.9); }

@media screen and (max-width: 767px) { .c-border-box01__back--sorry_nippon_citrus_ale .c-border-box01__txt { max-width: 100%; } }

.c-border-box01__back--summer .c-border-box01__txt { margin-bottom: 20px; }

.c-border-box01__banner { text-align: center; margin-top: 40px; }

@media screen and (max-width: 767px) { .c-border-box01__banner img { width: 100%; } }

.c-border-box01__banner a:hover { opacity: 0.8; }

.c-eclist02 { max-width: 548px; padding: 20px 20px 25px; border-radius: 3px; }

.c-eclist02 > div { display: flex; }

@media screen and (max-width: 767px) { .c-eclist02 { max-width: 1000px; padding: 20px 15px; } }

.c-border-box01__back--indono_aooni .c-eclist02 { background-color: #4E5E79; }

.c-border-box01__back--yonayona_ale .c-eclist02 { color: #333; background-color: #F1E1B0; }

@media screen and (max-width: 767px) { .c-border-box01__back--suiyoubino_neko .c-eclist02 { padding: 20px 15px 0; } }

.c-border-box01__back--tokyo_black .c-eclist02 { color: #333; background-color: #F5D8A7; }

.c-border-box01__back--craft_saurus_pale_ale .c-eclist02 { color: #333; background-color: #D6D0D5; }

.c-border-box01__back--sunsun .c-eclist02 { color: #333; background-color: #FEB127; }

.c-border-box01__back--harenohi .c-eclist02 { color: #333; background-color: #fff; }

.c-border-box01__back--sorry_nippon_citrus_ale .c-eclist02__wrapper { min-height: 190px; padding-top: 20px; }

.c-border-box01__back--sorry_nippon_citrus_ale .c-eclist02 { color: #000; background-color: #fff; padding-top: 30px; }

.c-border-box01__back--summer .c-eclist02 { color: #fff; background-color: #AFCC48; }

.c-border-box02 .c-eclist02 { color: #000; background-color: #D6D0D5; min-height: 190px; }

.c-border-box02 .c-eclist02__cell--dd { font-size: 14px; }

.c-eclist02__cell { margin-bottom: 3px; font-weight: bold; }

.c-eclist02__cell--dt { width: 10em; }

.c-eclist02__cell--dd { flex: 1; }

@media screen and (max-width: 767px) { .c-eclist02__cell--dt { width: 8em; } }

.c-numberbox { padding: 50px 30px 40px; }

.c-numberbox--indono_aooni { border: 6px solid #876E4D; }

.c-numberbox--yonayona_ale { border: 6px solid #F1E1B0; }

.c-numberbox--suiyoubino_neko { border: 6px solid #76B7DA; }

.c-numberbox--tokyo_black { border: 6px solid #F5D8A7; }

.c-numberbox--craft_saurus_pale_ale { border: 6px solid #D3CBD0; }

.c-numberbox--sunsun { border: 6px solid #FEB127; }

.c-numberbox--harenohi { border: 6px solid #fff; }

.c-numberbox--summer { border: 6px solid #76B7DA; }

@media screen and (max-width: 1048px) { .c-numberbox { padding: 40px 15px 30px; } }

.c-numberbox, .c-contentbox { position: relative; }

.c-numberbox--indono_aooni, .c-contentbox--indono_aooni { background-color: #213361; }

.c-numberbox--yonayona_ale, .c-contentbox--yonayona_ale { background-color: #000; }

.c-numberbox--suiyoubino_neko, .c-contentbox--suiyoubino_neko { background-color: #B4E0F8; }

.c-numberbox--tokyo_black, .c-contentbox--tokyo_black { background-color: #000; }

.c-numberbox--craft_saurus_pale_ale, .c-contentbox--craft_saurus_pale_ale { background-color: #000; }

.c-numberbox--sunsun, .c-contentbox--sunsun { background-color: #FFD265; }

.c-numberbox--harenohi, .c-contentbox--harenohi { background-color: #B21710; }

.c-numberbox--sorry_nippon_citrus_ale, .c-contentbox--sorry_nippon_citrus_ale { background-color: #FFF100; }

.c-numberbox--barrel_48, .c-numberbox--barrel_49, .c-contentbox--barrel_48, .c-contentbox--barrel_49 { color: #fff; background-color: #190602; }

.c-numberbox--otameshi, .c-contentbox--otameshi { background-color: #FED639; }

.c-numberbox--border, .c-contentbox--border { border: 5px solid #4E5E79; }

.c-numberbox--yonaparka, .c-numberbox--yonapolo, .c-numberbox--glasscloth, .c-numberbox--tenugui, .c-contentbox--yonaparka, .c-contentbox--yonapolo, .c-contentbox--glasscloth, .c-contentbox--tenugui { background-color: #FFD537; position: relative; }

.c-numberbox--yonat, .c-contentbox--yonat { background-color: #EAEAEA; }

.c-contentbox-side { max-width: 520px; width: 63%; min-height: 450px; padding-right: 10px; margin-bottom: 20px; background-color: rgba(25, 6, 2, 0.9); }

@media screen and (max-width: 767px) { .c-contentbox-side { max-width: 100%; width: 100%; min-height: 0; padding-right: 0; } }

.c-contentbox-side__title { font-size: 38px; font-weight: bold; line-height: 1.3; text-align: center; margin-bottom: 30px; }

.c-contentbox-side__txt { line-height: 2; font-size: 16px; }

.history__lsit { max-width: 760px; margin: 0 auto; }

.history__lsit__item { margin-bottom: 5px; background-color: #fff; border: 4px solid #A2957B; }

.history__lsit__item a:hover { text-decoration: none; }

.history__lsit__item__inner { margin: 4px; color: #000; display: flex; align-items: center; border: 2px solid #A2957B; }

.history__lsit__item__imgbox { margin-right: 35px; }

.history__lsit__item__databox { flex: 1; line-height: 1.5; }

.history__lsit__item__databox__title { font-size: 25px; font-weight: bold; }

@media screen and (max-width: 1048px) { .history__lsit__item__databox__title { font-size: 20px; } }

.c-contentbox .articleLinkColumn2Row { color: #000; }

.c-contentbox .articleLinkColumn2Row figure { width: 38%; }

.c-contentbox .articleLinkColumn2Row .articleLink__img { padding: 25px 0; }

.c-contentbox .articleLinkColumn2Row .articleLink__sub { font-weight: bold; font-size: 12px; }

.c-contentbox .articleLinkColumn2Row .articleLink { align-items: flex-start; padding: 20px 10px; }

.c-contentbox .articleLinkColumn2Row .articleLink__info__title { font-size: 22px; margin-bottom: 5px; }

.c-eclist03__item { margin-bottom: -6px; display: flex; counter-increment: num01; padding: 35px 30px 10px 10px; }

@media screen and (max-width: 767px) { .c-eclist03__item { display: block; padding: 25px 20px; } }

.c-numberbox--indono_aooni .c-eclist03__item { background-color: #E7EBF0; border: 6px solid #4E5E79; }

.c-numberbox--yonayona_ale .c-eclist03__item { background-color: #EABF4B; border: 6px solid #F1E1B0; }

.c-numberbox--suiyoubino_neko .c-eclist03__item { background-color: #fff; border: 6px solid #76B7DA; }

.c-numberbox--tokyo_black .c-eclist03__item { background-color: #fff; border: 6px solid #F5D8A7; }

.c-numberbox--craft_saurus_pale_ale .c-eclist03__item { background-color: #fff; border: 6px solid #D6D0D5; }

.c-numberbox--sunsun .c-eclist03__item { background-color: #fff; border: 6px solid #FEB127; }

.c-numberbox--harenohi .c-eclist03__item { background-color: #fff; border: 6px solid #F5D8A7; }

.c-numberbox--summer .c-eclist03__item { background-color: #fff; border: 6px solid #315CC8; }

.c-eclist03__item__front { width: 190px; text-align: center; margin-right: 15px; }

.c-eclist03__item__front img { display: block; margin: 10px auto 12px; }

.c-eclist03__item__front::before { font-size: 34px; content: counter(num01, decimal-leading-zero); font-weight: bold; border-radius: 50%; width: 73px; height: 73px; line-height: 73px; display: inline-block; text-align: center; }

@media screen and (max-width: 767px) { .c-eclist03__item__front { width: auto; margin-right: 0; }
  .c-eclist03__item__front img { max-width: 148px; } }

.c-eclist03__item__back { flex: 1; }

.c-eclist03__item__title { font-size: 20px; font-weight: bold; margin-bottom: 15px; margin-top: 15px; }

@media screen and (max-width: 767px) { .c-eclist03__item__title { text-align: center; } }

.c-numberbox--indono_aooni .c-eclist03__item__front::before { color: #213361; border: 4px solid #213361; }

.c-numberbox--indono_aooni .c-eclist03__item__title { color: #213361; }

.c-numberbox--yonayona_ale .c-eclist03__item__front::before { color: #000; border: 4px solid #fff; }

.c-numberbox--yonayona_ale .c-eclist03__item__title { color: #000; }

.c-numberbox--suiyoubino_neko .c-eclist03__item__front::before { color: #4E5E79; background-color: #B4E0F8; border: 4px solid #76B7DA; }

.c-numberbox--suiyoubino_neko .c-eclist03__item__title { color: #4E5E79; }

.c-numberbox--tokyo_black .c-eclist03__item__front::before { color: #000; background-color: #EFAE6F; border: 4px solid #000; }

.c-numberbox--craft_saurus_pale_ale .c-eclist03__item__front::before { color: #D0262D; border: 4px solid #D0262D; }

.c-numberbox--craft_saurus_pale_ale .c-eclist03__item__title { color: #D0262D; }

.c-numberbox--sunsun .c-eclist03__item__front::before { color: #004626; background-color: #FEB127; border: 4px solid #004626; }

.c-numberbox--sunsun .c-eclist03__item__title { color: #004626; }

.c-numberbox--harenohi .c-eclist03__item__front::before { color: #B21710; border: 4px solid #B21710; }

.c-numberbox--harenohi .c-eclist03__item__title { color: #B21710; }

.c-numberbox--summer .c-eclist03__item__front::before { color: #fff; background-color: #BBD465; border: 4px solid #315CC8; }

.c-numberbox--summer .c-eclist03__item__title { color: #315CC8; }

@media screen and (max-width: 767px) { .c-numberbox { border-width: 4px; } }

.c-eclist03__item__txt { line-height: 2; font-weight: bold; color: #333; font-size: 16px; }

.c-contentbox { padding: 55px 45px 40px; }

@media screen and (max-width: 1048px) { .c-contentbox { padding: 55px 20px 40px; } }

@media screen and (max-width: 767px) { .c-contentbox { padding: 30px 15px; }
  .c-contentbox .articleLink { margin-bottom: 10px; display: block; overflow: hidden; }
  .c-contentbox .articleLink:last-child { margin-bottom: 30px; }
  .c-contentbox .articleLink__img { float: left; margin-bottom: 20px; padding-top: 15px; background-image: url(../img/common/bg_line_small.svg); margin-right: 10px; }
  .c-contentbox .articleLink__img figcaption { display: block; padding: 2px 8px; margin: 5px 15px 0 0; }
  .c-contentbox .articleLink__info { width: auto; }
  .c-contentbox .articleLink__info__footer { clear: both; }
  .c-contentbox .articleLink--link .articleLink__info { overflow: hidden; }
  .c-contentbox .articleLink--link .articleLink__info .articleLink__info__title { font-size: 16px; margin: 10px 0 10px; }
  .c-contentbox .articleLink--link .articleLink__img { width: 46%; } }

.c-appetizers-list { display: flex; justify-content: space-between; max-width: 685px; flex-wrap: wrap; margin: 0 auto; }

@media screen and (max-width: 767px) { .c-appetizers-list { justify-content: center; flex-wrap: wrap; margin-top: 60px; margin-bottom: 20px; } }

.c-appetizers-list__item { max-width: 48%; margin-bottom: 30px; }

.c-appetizers-list__item img { max-width: 100%; }

@media screen and (max-width: 767px) { .c-appetizers-list__item { width: 250px; text-align: center; max-width: 100%; }
  .c-appetizers-list__item img { width: 203px; } }

.c-appetizers-list__item__name { text-align: center; color: #F8D200; font-size: 20px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-appetizers-list__item__name { margin-top: -20px; } }

.c-contentbox--suiyoubino_neko .c-appetizers-list__item__name { color: #333; }

.c-contentbox--tokyo_black .c-appetizers-list__item__name { color: #fff; }

.c-appetizers-list { margin-top: 30px; }

.c-appetizers-list__item__img { height: 190px; }

.c-appetizers-img { text-align: center; }

.c-appetizers-img img { width: 100%; margin: 40px 0 10px; }

.c-appetizers-img figcaption { font-size: 20px; font-weight: bold; }

.text-list { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media screen and (max-width: 767px) { .text-list { margin-top: 50px; font-weight: bold; } }

.text-list__item { margin-bottom: 30px; padding: 35px; width: 48.9%; position: relative; }

.text-list__item--column03 { width: 32%; }

.text-list__item::before { position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 17px 15px 0 15px; border-color: #fff transparent transparent transparent; }

@media screen and (max-width: 767px) { .text-list__item { width: 100%; margin-bottom: 20px; padding: 15px; }
  .text-list__item::before { bottom: -12px; border-width: 12px 12px 0 12px; }
  .text-list__item:last-child { margin-bottom: 0; } }

.c-contentbox--indono_aooni .text-list__item, .c-contentbox--tokyo_black .text-list__item { background-color: #E7EBF0; }

.c-contentbox--indono_aooni .text-list__item::before, .c-contentbox--tokyo_black .text-list__item::before { border-color: #E7EBF0 transparent transparent transparent; }

.c-contentbox--suiyoubino_neko .text-list__item, .c-contentbox--yonayona_ale .text-list__item, .c-contentbox--craft_saurus_pale_ale .text-list__item, .c-contentbox--sunsun .text-list__item, .c-contentbox--harenohi .text-list__item, .c-contentbox--sorry_nippon_citrus_ale .text-list__item, .c-contentbox--summer .text-list__item { background-color: #fff; }

.c-contentbox--harenohi { border: 7px solid #fff; margin: -2px; }

@media screen and (max-width: 767px) { .c-contentbox--harenohi { border-width: 4px; } }

.c-contentbox--barrel_48 { background-size: 313px auto; background-repeat: no-repeat; background-position: right 0; background-image: url(../img/ec/barrel_48/history/history-back.jpg); }

@media screen and (max-width: 767px) { .c-contentbox--barrel_48 { padding-top: 105%; background-size: 100% auto; background-position: center 0; background-image: url(../img/ec/barrel_48/history/history-back_sp.jpg); } }

.c-contentbox--barrel_49 { background-size: 313px auto; background-repeat: no-repeat; background-position: right 0; background-image: url(../img/ec/barrel_49/history/history-back.jpg); }

@media screen and (max-width: 767px) { .c-contentbox--barrel_49 { padding-top: 105%; background-size: 100% auto; background-position: center 0; background-image: url(../img/ec/barrel_49/history/history-back_sp.jpg); } }

.voice_img01, .voice_img02 { position: absolute; }

.voice_img01 { top: 35px; left: 18px; }

.voice_img02 { top: 40px; right: 35px; }

.c-contentbox--suiyoubino_neko .voice_img01 { top: 25px; }

.c-contentbox--suiyoubino_neko .voice_img02 { top: 25px; }

.c-contentbox--craft_saurus_pale_ale .voice_img01 { top: 10px; }

.c-contentbox--craft_saurus_pale_ale .voice_img02 { top: 20px; }

.c-contentbox--harenohi .voice_img02 { top: 0px; right: 20px; }

@media screen and (max-width: 767px) { .voice_img01 { top: 35px; left: 10px; }
  .voice_img02 { top: 40px; right: 20px; }
  .c-contentbox--indono_aooni .voice_img01 { width: 70px; top: 70px; }
  .c-contentbox--indono_aooni .voice_img02 { width: 45px; top: 80px; }
  .c-contentbox--yonayona_ale .voice_img01 { width: 60px; top: 55px; }
  .c-contentbox--yonayona_ale .voice_img02 { width: 60px; top: 55px; }
  .c-contentbox--craft_saurus_pale_ale .voice_img01 { width: 95px; top: 38px; }
  .c-contentbox--craft_saurus_pale_ale .voice_img02 { top: 45px; width: 80px; }
  .c-contentbox--suiyoubino_neko .voice_img01 { width: 90px; top: 45px; }
  .c-contentbox--suiyoubino_neko .voice_img02 { top: 45px; width: 90px; }
  .c-contentbox--tokyo_black .voice_img01 { width: 70px; top: 50px; }
  .c-contentbox--tokyo_black .voice_img02 { width: 65px; top: 50px; }
  .c-contentbox--sunsun .voice_img01 { width: 85px; top: 35px; }
  .c-contentbox--sunsun .voice_img02 { width: 70px; top: 40px; }
  .c-contentbox--harenohi .voice_img01 { width: 55px; top: 70px; }
  .c-contentbox--harenohi .voice_img02 { width: 75px; top: 50px; right: 10px; } }

.c-commitment { border: 14px solid #EABF4B; margin-bottom: 80px; margin-top: 40px; }

@media screen and (max-width: 767px) { .c-commitment { padding-bottom: 80px; margin-bottom: 60px; } }

.c-commitment-header { background: left top url(../img/ec/commitment/commitment_header.jpg); background-size: cover; padding: 41% 25px 25px 25px; position: relative; }

@media screen and (max-width: 767px) { .c-commitment-header { min-height: 460px; background: left top url(../img/ec/commitment/commitment_header_sp.jpg); background-color: #000; background-size: 100% auto; background-position: right bottom; background-repeat: no-repeat; padding-top: 100%; } }

.c-commitment-header__title { position: absolute; top: 50%; transform: translateY(-50%); left: 25px; background-color: #000; width: 360px; height: 360px; border: 6px solid #F1E1B0; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 32px; text-align: center; line-height: 1.3; }

@media screen and (max-width: 1048px) { .c-commitment-header__title { width: 240px; height: 240px; padding-top: 120px; font-size: 22px; } }

@media screen and (max-width: 767px) { .c-commitment-header__title { padding-top: 15px; left: 50%; transform: translateX(-50%); top: 30px; width: 190px; height: 190px; margin: 0 auto; font-size: 16px; background-position: center 30px; background-size: 27px auto; } }

.c-note-layout { border: 5px dashed #f00; border-radius: 25px; padding: 60px 40px 30px; position: relative; margin-top: 85px; }

@media screen and (max-width: 767px) { .c-note-layout { padding: 40px 20px 30px; margin-top: 70px; } }

.c-note-layout__icon { position: absolute; left: 50%; top: -40px; transform: translateX(-50%); }

@media screen and (max-width: 767px) { .c-note-layout__icon { width: 70px; } }

.c-note-layout__title { font-size: 36px; font-weight: bold; text-align: center; display: block; color: #f00; text-align: center; }

@media screen and (max-width: 767px) { .c-note-layout__title { font-size: 24px; } }

.c-note-layout__list { padding-left: 10px; }

.c-note-layout__list__item { font-size: 22px; font-weight: bold; margin: 20px 0; position: relative; padding-left: 30px; }

.c-note-layout__list__item::before { content: ''; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 8px; background-color: #f00; }

@media screen and (max-width: 767px) { .c-note-layout__list__item { margin: 15px 0; font-size: 18px; padding-left: 25px; }
  .c-note-layout__list__item::before { width: 15px; height: 15px; } }

.side-imgbox { display: flex; align-items: flex-start; margin: 40px; }

@media screen and (max-width: 767px) { .side-imgbox { margin: 20px; display: block; }
  .side-imgbox img { width: 100%; } }

.side-imgbox__txt { margin-left: 40px; font-size: 16px; line-height: 2; flex: 1; }

@media screen and (max-width: 767px) { .side-imgbox__txt { margin: 30px 0 0; } }

.side-imgbox02 { display: flex; align-items: center; }

.side-imgbox02:nth-child(odd) { flex-direction: row-reverse; }

@media screen and (max-width: 767px) { .side-imgbox02 { display: block; } }

.side-imgbox02__img { width: 50%; }

.side-imgbox02__img img { width: 100%; display: block; }

@media screen and (max-width: 767px) { .side-imgbox02__img { width: 100%; margin-top: 80px; margin-bottom: 20px; } }

.side-imgbox02__data { flex: 1; line-height: 2.3; padding: 0 40px 0; }

@media screen and (max-width: 1048px) { .side-imgbox02__data { padding: 0 20px 0; } }

.side-imgbox02__data__title { font-size: 28px; font-weight: bold; color: #11284C; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .side-imgbox02__data__title { margin-bottom: 0; font-size: 25px; } }

.c-eclist04 { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; margin-bottom: 40px; }

.c-eclist04__item { border: 5px solid #000; padding: 30px 40px; margin-bottom: 10px; background-color: #fff; }

@media screen and (max-width: 1048px) { .c-eclist04__item { padding: 30px 20px; } }

@media screen and (max-width: 767px) { .c-eclist04__item { text-align: center; padding: 20px 40px; } }

.c-eclist04__item__title { font-size: 28px; font-weight: bold; line-height: 1.2; margin: 0 0 14px; }

@media screen and (max-width: 1048px) { .c-eclist04__item__title { font-size: 23px; } }

@media screen and (max-width: 767px) { .c-eclist04__item__title { font-size: 18px; margin-bottom: 5px; } }

.c-eclist04__item__price { font-weight: bold; font-size: 24px; }

.c-eclist04__item__price span { font-size: 14px; }

.c-eclist04__item__under { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.c-eclist04__item__under .c-btn01 { width: 218px; }

@media screen and (max-width: 767px) { .c-eclist04__item__under { display: block; }
  .c-eclist04__item__under .c-btn01 { width: 180px; margin: 0 auto; } }

.c-teiki { border: 5px solid #000; padding: 30px 40px; background-color: #fff; display: flex; margin-top: -40px; margin-bottom: 60px; align-items: center; }

@media screen and (max-width: 1048px) { .c-teiki { padding: 30px 20px; } }

@media screen and (max-width: 767px) { .c-teiki { margin-top: -50px; display: block; padding: 20px 20px 25px; text-align: center; } }

.c-teiki__side { margin-left: 20px; flex: 1; }

.c-teiki__side .c-btn01 { margin: 0 auto; width: 152px; }

@media screen and (max-width: 767px) { .c-teiki__side { margin-left: 0; } }

.c-teiki__side__title { font-size: 33px; text-align: center; margin-bottom: 20px; line-height: 1.3; font-weight: bold; font-family: 'Noto Sans Japanese', sans-serif; }

@media screen and (max-width: 1048px) { .c-teiki__side__title { font-size: 20px; } }

@media screen and (max-width: 767px) { .c-teiki__side__title { margin-top: 20px; } }

.c-teiki__side__txt { font-size: 16px; max-width: 600px; margin: 0 auto 20px; }

.storeItem--ec { padding: 40px 40px 10px 40px; }

.c-line { background-color: #195387; color: #fff; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.2; }

.c-line a { margin-left: 50px; color: #fff; text-decoration: underline; }

@media screen and (max-width: 767px) { .c-line { font-size: 14px; }
  .c-line a { margin-left: 0px; display: block; text-align: center; } }

/* =======================================

  限定品

========================================== */
.gift-list__item__data__title { color: #E00D04; font-size: 24px; font-weight: bold; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .gift-list__item__data__title { margin-bottom: 10px; font-size: 20px; } }

.gift-list__item { background-color: #fff; border: 6px solid #F5D8A7; border-bottom: none; display: flex; padding: 35px; justify-content: space-between; align-items: center; }

.gift-list__item:last-child { border-bottom: 6px solid #F5D8A7; }

@media screen and (max-width: 1048px) { .gift-list__item { padding: 20px; } }

@media screen and (max-width: 767px) { .gift-list__item { display: block; font-weight: bold; } }

.gift-list__item__data { margin-right: 5px; flex: 1; }

.gift-list__item__txt { font-size: 16px; margin-bottom: 20px; max-width: 394px; }

@media screen and (max-width: 767px) { .gift-list__item__txt { margin-bottom: 10px; max-width: 100%; } }

.gift-list__item__small { font-size: inherit; margin-bottom: 20px; text-indent: -1em; display: inline-block; padding-left: 1em; }

.gift-list__item__small::before { content: '※'; }

.gift-list__item__img { max-width: 50%; }

@media screen and (max-width: 767px) { .gift-list__item__img { max-width: 100%; text-align: center; } }

.gift-list__item__img img { max-width: 100%; }

.double-linebox { padding: 60px 65px 60px; margin-bottom: 10px; border: 16px solid #819072; outline: 8px solid #AADAF1; outline-offset: -12px; background-color: #fff; }

@media screen and (max-width: 1048px) { .double-linebox { padding: 40px 20px; } }

.double-linebox__title { text-align: center; font-size: 32px; line-height: 1.6; font-weight: bold; }

@media screen and (max-width: 1048px) { .double-linebox__title { font-size: 25px; } }

@media screen and (max-width: 767px) { .double-linebox__title { font-size: 20px; } }

.double-linebox__img img { width: 100%; margin: 30px 0; }

@media screen and (max-width: 767px) { .double-linebox__img img { margin: 20px 0; } }

.double-linebox__txt { line-height: 2; font-size: 16px; }

.side-imgbox03 { display: flex; margin-bottom: 50px; justify-content: space-between; }

.side-imgbox03:nth-child(even) { flex-direction: row-reverse; }

.side-imgbox03:nth-child(even) .side-imgbox03__img { margin-right: 0px; margin-left: 50px; }

@media screen and (max-width: 767px) { .side-imgbox03 { display: block; } }

.side-imgbox03 .side-imgbox03__img.side-imgbox03__reverse { margin: 0 40px 0 0; width: 48.5%; max-width: 383px; }

.side-imgbox03--constant:nth-child(even) { flex-direction: row; }

.side-imgbox03__data__title { font-size: 24px; font-weight: bold; margin-bottom: 30px; line-height: 1.5; }

@media screen and (max-width: 1048px) { .side-imgbox03__data__title { font-size: 20px; } }

@media screen and (max-width: 767px) { .side-imgbox03__data__title { text-align: center; } }

.side-imgbox03__img { margin-right: 50px; max-width: 288px; width: 43%; }

.side-imgbox03__img img { width: auto; }

@media screen and (max-width: 767px) { .side-imgbox03__img--max288 { width: 100%; margin: 0 auto 20px !important; margin-bottom: 20px; } }

.side-imgbox03__img--max288 img { max-width: 100%; }

.side-imgbox03__data { flex: 1; }

.side-imgbox03__img { max-width: 400px; width: 48%; margin-left: 30px; }

@media screen and (max-width: 767px) { .side-imgbox03__img { max-width: 100%; width: 1000%; margin: 0 0 20px; } }

.side-imgbox03.side-imgbox03--03 { font-size: 16px; margin-bottom: 30px; }

.side-imgbox03.side-imgbox03--03 .side-imgbox03__img { width: 40%; max-width: 313px; margin-left: 40px; }

@media screen and (max-width: 767px) { .side-imgbox03.side-imgbox03--03 .side-imgbox03__img { width: 100%; margin: 0 0 15px; max-width: 100%; } }

.c-eclist05 { border: 6px solid #A2957B; }

.c-eclist05__item { border-bottom: 6px solid #A2957B; color: #000; counter-increment: ec05; font-weight: bold; padding: 30px 50px 40px; background-color: #E7EBF0; }

.c-eclist05__item:last-child { border: none; }

@media screen and (max-width: 767px) { .c-eclist05__item { padding: 20px 15px 25px 15px; } }

.c-eclist05__item--moon { background: 90% center no-repeat url(../img/ec/yonat/moon.png); background-size: 121px auto; padding-right: calc(10% + 120px); }

@media screen and (max-width: 767px) { .c-eclist05__item--moon { padding-right: 35px; padding-bottom: 200px; background-position: center bottom 40px; } }

@media screen and (max-width: 767px) { .c-eclist05__item--long { padding-bottom: 115px; } }

.c-eclist05__item__title { font-size: 24px; color: #915D2A; text-indent: -80px; padding-left: 80px; line-height: 1.1; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-eclist05__item__title { padding-left: 0; text-indent: 0; line-height: 1.6; } }

.c-eclist05__item__title::before { padding-right: 30px; vertical-align: middle; font-size: 47px; content: counter(ec05, decimal-leading-zero); }

@media screen and (max-width: 767px) { .c-eclist05__item__title::before { display: block; font-size: 40px; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .c-eclist05__item__title--center::before { text-align: center; padding: 0; } }

.block-img-cemter, .block-img-right { display: block; max-width: 100%; }

.block-img-cemter { margin: 0 auto; }

.block-img-right { margin: 0 0 -30px auto; }

@media screen and (max-width: 1048px) { .c-eclist05__item__title { font-size: 20px; margin-bottom: 10px; } }

.c-eclist05__item__txt { font-size: 16px; }

.c-border-box01--yonat .c-eclist05__item { position: relative; }

.c-border-box01--yonaparka .c-eclist05__item, .c-border-box01--yonat .c-eclist05__item, .c-border-box01--yonapolo .c-eclist05__item, .c-border-box01--glasscloth .c-eclist05__item, .c-border-box01--tenugui .c-eclist05__item { background-color: #000; }

.c-border-box01--yonaparka .c-eclist05__item__title, .c-border-box01--yonat .c-eclist05__item__title, .c-border-box01--yonapolo .c-eclist05__item__title, .c-border-box01--glasscloth .c-eclist05__item__title, .c-border-box01--tenugui .c-eclist05__item__title { color: #F8D200; }

.c-border-box01--yonaparka .c-eclist05__item__title::before, .c-border-box01--yonat .c-eclist05__item__title::before, .c-border-box01--yonapolo .c-eclist05__item__title::before, .c-border-box01--glasscloth .c-eclist05__item__title::before, .c-border-box01--tenugui .c-eclist05__item__title::before { color: #fff; }

.c-border-box01--yonaparka .c-eclist05__item__txt, .c-border-box01--yonat .c-eclist05__item__txt, .c-border-box01--yonapolo .c-eclist05__item__txt, .c-border-box01--glasscloth .c-eclist05__item__txt, .c-border-box01--tenugui .c-eclist05__item__txt { color: #E7EBF0; font-weight: normal; }

.c-border-box01--yonaparka .c-eclist05, .c-border-box01--yonapolo .c-eclist05, .c-border-box01--glasscloth .c-eclist05, .c-border-box01--tenugui .c-eclist05 { border-color: #F1E1B0; }

.c-border-box01--yonaparka .c-eclist05__item, .c-border-box01--yonapolo .c-eclist05__item, .c-border-box01--glasscloth .c-eclist05__item, .c-border-box01--tenugui .c-eclist05__item { border-color: #F1E1B0; }

.c-border-box01--yonat .c-eclist05 { border-color: #4E5E79; }

.c-border-box01--yonat .c-eclist05__item { border-color: #4E5E79; }

@media screen and (max-width: 767px) { .c-sp-size-200 { width: 200px; }
  .c-sp-size-160 { width: 160px; }
  .c-sp-size-70 { width: 70px; } }

.c-eclist05__item__layout-img { position: absolute; bottom: 10px; right: 40px; }

@media screen and (max-width: 1048px) { .c-eclist05__item__layout-img { right: 10px; } }

@media screen and (max-width: 767px) { .c-eclist05__item__layout-img { right: 30px; bottom: 45px; width: 116px; } }

.c-eclist05__item__info { float: left; margin-bottom: 20px; width: 60%; }

@media screen and (max-width: 767px) { .c-eclist05__item__info { width: 100%; } }

.c-eclist05__item__img { float: right; display: block; width: 39%; max-width: 280px; }

@media screen and (max-width: 767px) { .c-eclist05__item__img { float: none; width: 100%; margin-bottom: 10px; } }

.c-eclist05__item__img img { width: 100%; }

.recommended-list { display: flex; max-width: 820px; margin: 0 auto 60px; justify-content: space-between; }

@media screen and (max-width: 767px) { .recommended-list { display: block; margin-bottom: 30px; } }

.recommended-list__item { height: 160px; font-weight: bold; position: relative; display: flex; line-height: 1.3; align-items: center; justify-content: center; border: 3px solid #000; border-radius: 10px; background-color: #fff; font-size: 24px; width: 32.5%; padding: 5px; }

.recommended-list__item::before, .recommended-list__item::after { content: ''; width: 0; height: 0; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); display: block; border-style: solid; border-width: 25px 14px 0 14px; }

.recommended-list__item::after { border-color: #fff transparent transparent transparent; bottom: -22px; }

.recommended-list__item::before { border-color: #000 transparent transparent transparent; }

@media screen and (max-width: 767px) { .recommended-list__item { border-radius: 4px; margin-bottom: 10px; width: 100%; font-size: 14px; height: 40px; }
  .recommended-list__item br { display: none; }
  .recommended-list__item::after, .recommended-list__item::before { display: none; } }

.recommende-circle__inner { background: center center no-repeat url(../img/ec/otameshi/osusume-back02.png); margin: 0 auto; max-width: 787px; padding-top: 800px; position: relative; background-size: contain; }

@media screen and (max-width: 1235px) { .recommende-circle__inner { padding-top: 94%; } }

@media screen and (max-width: 767px) { .recommende-circle__inner { background-size: 507px 570px; height: 570px; background-image: url(../img/ec/otameshi/osusume-back02-sp.png); margin: -10px -20px 0; } }

.recommende-circle__header { text-align: center; font-size: 38px; font-weight: bold; }

@media screen and (max-width: 1048px) { .recommende-circle__header { font-size: 30px; } }

@media screen and (max-width: 767px) { .recommende-circle__header { font-size: 18px; } }

.recommende-circle__txt01 { position: absolute; font-size: 48px; overflow: hidden; font-weight: bold; line-height: 1.4; top: 15%; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 1235px) { .recommende-circle__txt01 { font-size: 3.5vw; } }

@media screen and (max-width: 767px) { .recommende-circle__txt01 { font-size: 27px; top: 120px; line-height: 1.3; white-space: nowrap; } }

.recommende-circle__txt02 { left: 50%; transform: translateX(-50%); bottom: 13%; padding: 5px; background-color: rgba(255, 255, 255, 0.8); position: absolute; white-space: nowrap; }

@media screen and (max-width: 767px) { .recommende-circle__txt02 { text-align: center; bottom: 10%; } }

.c-eclist06 { border: 6px solid #F1E1B0; }

.c-eclist06__item { border-bottom: 6px solid #F1E1B0; background-color: #000; padding: 50px; counter-increment: ec06; }

.c-eclist06__item:last-child { border-bottom: none; }

@media screen and (max-width: 767px) { .c-eclist06__item { padding: 10px; } }

.c-border-box01--yonat .c-eclist06 { border-color: #4E5E79; }

.c-border-box01--yonat .c-eclist06__item { border-color: #4E5E79; }

.c-eclist06__item__title { color: #F8D200; font-size: 35px; display: flex; line-height: 1.4; align-items: center; font-weight: bold; margin-bottom: 25px; }

.c-eclist06__item__title--img { max-width: 580px; }

.c-eclist06__item__title div { flex: 1; position: relative; }

.c-eclist06__item__title::before { width: 96px; margin-right: 40px; height: 96px; line-height: 96px; text-align: center; border-radius: 50%; color: #000; border: 4px solid #F1E1B0; font-size: 40px; background: #F8D200; display: inline-block; content: counter(ec06, decimal-leading-zero); }

@media screen and (max-width: 767px) { .c-eclist06__item__title { display: block; }
  .c-eclist06__item__title::before { margin: 0 auto 20px; width: 80px; font-size: 34px; height: 80px; line-height: 80px; display: block; } }

@media screen and (max-width: 1048px) { .c-eclist06__item__title { font-size: 30px; } }

@media screen and (max-width: 767px) { .c-eclist06__item__title { font-size: 20px; text-align: center; margin-bottom: 15px; } }

.c-eclist06__item__title__img { position: absolute; top: 50%; transform: translateY(-50%); right: -90px; }

@media screen and (max-width: 767px) { .c-eclist06__item__title__img { right: -10px; width: 70px; top: -55px; } }

.c-eclist06__item__txt { color: #fff; line-height: 2; font-size: 16px; margin-bottom: 30px; }

.c-eclist06__item__img { max-width: 100%; margin: 0 auto; display: block; }

.beer-status { background-color: #000; border-top: 6px solid #F1E1B0; border-left: 6px solid #F1E1B0; border-right: 6px solid #F1E1B0; padding: 40px; }

.beer-status:last-child { border-bottom: 6px solid #F1E1B0; }

@media screen and (max-width: 767px) { .beer-status { padding: 25px; } }

.beer-status__title { font-size: 36px; font-weight: bold; text-align: center; }

@media screen and (max-width: 767px) { .beer-status__title { font-size: 28px; line-height: 1.4; letter-spacing: -1px; } }

.beer-status--yonayona_ale .beer-status__title { color: #F8D200; }

.beer-status--indono_aooni .beer-status__title { color: #fff; }

.beer-status--suiyoubino_neko .beer-status__title { color: #B4E0F8; }

.beer-status--craft_saurus_pale_ale .beer-status__title { color: #D0262D; }

.beer-status__img { margin-top: 20px; margin-bottom: 30px; position: relative; }

@media screen and (max-width: 767px) { .beer-status__img { margin-bottom: 15px; } }

.beer-status__img img { width: 100%; }

.beer-status__img__txt { position: absolute; left: 50%; transform: translateX(-50%); top: 15%; color: #fff; font-size: 26px; text-align: center; font-weight: bold; padding-top: 60px; white-space: nowrap; background-position: center top; background-repeat: no-repeat; line-height: 1.5; }

@media screen and (max-width: 767px) { .beer-status__img__txt { font-size: 4.3vw; padding-top: 30px; } }

.beer-status--yonayona_ale .beer-status__img__txt { background-size: 32px; background-image: url("../img/ec/layout/moon-toukanya.svg"); }

@media screen and (max-width: 767px) { .beer-status--yonayona_ale .beer-status__img__txt { background-size: 21px; } }

.beer-status--indono_aooni .beer-status__img__txt { background-size: 38px; background-image: url("../img/ec/layout/moon-crescent.svg"); }

@media screen and (max-width: 767px) { .beer-status--indono_aooni .beer-status__img__txt { background-size: 23px; } }

.beer-status--suiyoubino_neko .beer-status__img__txt { background-size: 24px; top: 10%; background-image: url("../img/ec/layout/moon-half.svg"); }

@media screen and (max-width: 767px) { .beer-status--suiyoubino_neko .beer-status__img__txt { background-size: 14px; } }

.beer-status--craft_saurus_pale_ale .beer-status__img__txt { background-size: 32px; top: 7%; background-image: url("../img/ec/layout/moon-crescent02.svg"); }

@media screen and (max-width: 767px) { .beer-status--craft_saurus_pale_ale .beer-status__img__txt { background-size: 19px; } }

.beer-status__txt { color: #fff; font-size: 16px; margin-bottom: 50px; }

.beer-status__footer-wrapper { display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 767px) { .beer-status__footer-wrapper { flex-direction: column-reverse; flex-wrap: wrap; } }

.c-award { flex: 1; border-radius: 4px; padding: 20px 10px 15px 30px; font-weight: bold; display: flex; font-size: 16px; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-award { padding: 15px; width: 100%; font-size: 14px; } }

.beer-status--yonayona_ale .c-award { background-color: #F1E1B0; }

.beer-status--indono_aooni .c-award { background-color: #4E5E79; color: #fff; }

.beer-status--suiyoubino_neko .c-award { background-color: #9DCCE5; background-image: url("../img/ec/otameshi/intro/intro-medal02.png"); background-size: 60px auto; background-repeat: no-repeat; background-position: right 50px center; color: #333; }

@media screen and (max-width: 767px) { .beer-status--suiyoubino_neko .c-award { background-image: none; } }

.beer-status--craft_saurus_pale_ale .c-award { background-color: #D6D0D5; background-image: url("../img/ec/otameshi/intro/intro-medal03.png"); background-size: 72px auto; background-repeat: no-repeat; background-position: right 50px bottom 25px; color: #333; }

@media screen and (max-width: 767px) { .beer-status--craft_saurus_pale_ale .c-award { background-image: none; } }

@media screen and (max-width: 1048px) { .beer-status--suiyoubino_neko .c-award, .beer-status--craft_saurus_pale_ale .c-award { background-position: right 10px center; } }

.c-award__front__txt { margin-bottom: 5px; }

.c-award__front { width: 123px; margin-right: 15px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-award__front { width: 100%; } }

.c-award__back__item { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }

.c-award__back__item strong { font-size: 16px; color: #F50606; font-weight: bold; }

.c-award__back { flex: 1; min-width: 200px; }

.c-temperature { margin-left: -10px; font-weight: bold; font-size: 21px; line-height: 1.2; width: 200px; height: 200px; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; }

.c-temperature strong { margin-top: 5px; text-align: center; display: block; font-weight: bold; width: 100%; font-size: 48px; }

@media screen and (max-width: 1048px) { .c-temperature { font-size: 18px; width: 150px; height: 150px; } }

@media screen and (max-width: 767px) { .c-temperature { margin: 0 0 10px; width: 160px; height: 160px; } }

.beer-status--yonayona_ale .c-temperature { color: #333; border: 4px solid #000; background-color: #FEE200; }

.beer-status--yonayona_ale .c-temperature strong { color: #11284C; }

.beer-status--indono_aooni .c-temperature { color: #fff; border: 4px solid #543D2A; background-color: #213361; }

.beer-status--indono_aooni .c-temperature strong { color: #fff; }

.beer-status--suiyoubino_neko .c-temperature { color: #333; border: 4px solid #195387; background-color: #B4E0F8; }

.beer-status--suiyoubino_neko .c-temperature strong { color: #11284C; }

.beer-status--craft_saurus_pale_ale .c-temperature { color: #fff; border: 4px solid #D0262D; background-color: #000; }

.beer-status--craft_saurus_pale_ale .c-temperature strong { color: #fff; }

.layoutbox { max-width: 1100px; margin: 0 auto; margin-bottom: 40px; overflow: hidden; background-image: url("../img/ec/gift/texture02.png"); background-size: cover; background-position: top center; }

.layoutbox:last-child { margin-bottom: 0; }

.layoutbox02 { margin-bottom: 0px; padding-top: 50px; }

.layoutbox02:last-child { padding-bottom: 40px; }

.layoutbox__inner { margin: 10px; padding-bottom: 30px; border: 4px solid #11284C; }

@media screen and (max-width: 767px) { .layoutbox__inner { margin: 5px; border-width: 3px; } }

.layoutbox__min { max-width: 642px; padding: 0 10px; margin: 0 auto; }

.layoutbox__min img { max-width: 100%; display: block; margin: 0 auto 20px; }

.layoutbox__middle { max-width: 743px; padding: 0 10px; margin: 0 auto; }

@media screen and (max-width: 767px) { .layoutbox__middle { padding: 0 20px; } }

.c-horizontal-counter { display: flex; justify-content: space-between; margin-bottom: 50px; }

@media screen and (max-width: 767px) { .c-horizontal-counter { display: block; } }

.c-horizontal-counter__item { width: 33.3%; max-width: 218px; counter-increment: gift; }

.c-horizontal-counter__item::before { color: #fff; font-weight: bold; margin: 0 auto 12px; font-size: 47px; display: flex; align-items: center; justify-content: center; border-radius: 50%; content: counter(gift, decimal-leading-zero); background-color: #DC241A; width: 97px; height: 97px; }

@media screen and (max-width: 767px) { .c-horizontal-counter__item::before { width: 80px; height: 80px; font-size: 40px; } }

@media screen and (max-width: 767px) { .c-horizontal-counter__item { width: 100%; max-width: 100%; margin-top: 50px; } }

.c-horizontal-counter__item__img { margin: 0 auto 25px; max-width: 100%; display: block; }

@media screen and (max-width: 767px) { .c-horizontal-counter__item__img { margin-bottom: 10px; width: 180px; } }

.c-horizontal-counter__item__txt { font-size: 16px; }

.layoutbox__title { color: #BF0202; margin-top: 40px; text-align: center; font-size: 38px; line-height: 1.3; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .layoutbox__title { font-size: 20px; letter-spacing: -1px; margin: 30px 0 20px; } }

.layoutbox__title--02 { text-align: left; }

@media screen and (max-width: 767px) { .layoutbox__title--02 { text-align: center; } }

.layoutbox__txt { margin-bottom: 40px; }

@media screen and (max-width: 767px) { .layoutbox__txt { line-height: 2; }
  .layoutbox__txt:last-child { margin-bottom: 0; } }

.layoutbox__list-item { text-indent: -1.2em; padding-left: 1.2em; }

@media screen and (max-width: 767px) { .layoutbox__list-item { text-indent: 0; padding-left: 0; } }

.layoutbox__list-item::before { content: '※'; }

.c-layoutbox__evaluation__sync { padding: 0 30px; }

.c-layoutbox__evaluation { margin-bottom: 20px; color: #11284C; position: relative; padding: 45px 30px 225px; background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; padding-right: 37%; background-image: url("../img/ec/gift/evaluation_back.png"); }

.c-layoutbox__evaluation__pie { position: absolute; right: 5%; top: 95px; width: 35%; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation { padding: 45px 20px 100px; padding-right: 0; }
  .c-layoutbox__evaluation__sync { padding: 0 20px; }
  .c-layoutbox__evaluation__pie { right: 10px; } }

.c-layoutbox__evaluation__title { font-size: 62px; line-height: 1.3; margin-bottom: 30px; }

.c-layoutbox__evaluation__title span { display: block; font-size: 38px; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__title { font-size: 40px; } }

.c-layoutbox__evaluation__txt, .c-layoutbox__evaluation__score__title { font-size: 28px; line-height: 1; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__txt, .c-layoutbox__evaluation__score__title { font-size: 20px; } }

.c-layoutbox__evaluation__score { display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1; align-items: center; max-width: 388px; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__score { max-width: 260px; } }

.c-layoutbox__evaluation__score__number { font-size: 48px; color: #E2010F; font-weight: bold; font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", YuMincho, "ＭＳ 明朝", serif; }

.c-layoutbox__evaluation__score__number span { font-size: 72px; }

@media screen and (max-width: 1048px) { .c-layoutbox__evaluation__score__number { font-size: 40px; }
  .c-layoutbox__evaluation__score__number span { font-size: 60px; }
  .c-layoutbox__evaluation__star { width: 260px; } }

.c-layoutbox-list__item { display: flex; padding: 35px 5.5% 5px; justify-content: space-between; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item { padding: 30px 7% 5px; flex-direction: column-reverse; } }

.c-layoutbox-list__item__title { font-size: 38px; color: #BF0202; line-height: 1.3; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__title { margin-bottom: 20px; } }

.c-layoutbox-list__item__title rt { font-size: 12px; }

.c-layoutbox-list__item__title span { font-size: 19px; display: block; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__title { font-size: 20px; text-align: center; }
  .c-layoutbox-list__item__title span { font-size: 15px; }
  .c-layoutbox-list__item__title rt { font-size: 10px; } }

.c-layoutbox-list__item__txt { font-size: 16px; }

.c-layoutbox-list__item__txt--bold { font-weight: bold; margin: 16px 0 0 0; }

.c-layoutbox-list__item__img img { max-width: 100%; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__img img { width: 100%; margin-bottom: 15px; } }

.c-layoutbox-list__item__data { margin-right: 8%; flex: 1; }

@media screen and (max-width: 767px) { .c-layoutbox-list__item__data { margin-right: 0; } }

.c-customer-list { margin: 50px 40px 0; }

@media screen and (max-width: 1048px) { .c-customer-list { margin: 50px 20px 0; } }

.c-customer-list__item { background-color: #fff; margin: 10px 0; padding: 30px 50px 60px 0; display: flex; }

.c-customer-list__item__front { width: 140px; text-align: center; font-size: 16px; }

.c-customer-list__item__front img { display: block; margin: 0 auto 5px; }

.c-customer-list__item__back { flex: 1; }

.c-customer-list__item__title { color: #BF0202; font-size: 24px; margin-bottom: 10px; }

.beer-list { margin: 40px 50px; }

@media screen and (max-width: 1048px) { .beer-list { margin: 20px 20px; } }

.beer-list__item { display: flex; margin: 55px 0 70px; }

.beer-list__item:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { .beer-list__item { display: block; margin-top: 30px; } }

.beer-list__item__imgbox { text-align: center; width: 33%; margin-right: 30px; }

.beer-list__item__imgbox img { max-width: 100%; }

@media screen and (max-width: 767px) { .beer-list__item__imgbox { text-align: center; width: 100%; margin-bottom: 15px; }
  .beer-list__item__imgbox img { max-width: 150px; } }

.beer-list__data { flex: 1; }

.beer-list__data__title { color: #112345; font-size: 38px; }

@media screen and (max-width: 767px) { .beer-list__data__title { text-align: center; font-size: 32px; } }

.beer-list__data__type { background-color: #fff; padding: 0 5px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .beer-list__data__type { text-align: center; font-size: 15px; padding: 2px 5px; display: flex; justify-content: center; } }

.beer-list__data__type__item:first-child::after { content: ':'; margin: 0 5px; }

@media screen and (max-width: 767px) { .beer-list__data__type__item:last-child { flex: 1; max-width: 11em; text-align: left; } }

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

.beer-list__data__txt { line-height: 2; }

/* =======================================

  goods

========================================== */
.c-roundbox { background-color: #fff; font-size: 24px; line-height: 1.2; font-weight: bold; text-align: center; line-height: 1.7; max-width: 500px; min-height: 230px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; border-radius: 8px; margin: 0 0 0 auto; }

@media all and (-ms-high-contrast: none) { .c-roundbox { height: 230px; } }

@media screen and (max-width: 1048px) { .c-roundbox { position: static; max-width: 1000px; } }

@media screen and (max-width: 767px) { .c-roundbox { min-height: 133px; color: #333; font-size: 16px; line-height: 1.4; } }

.c-img-people { position: absolute; bottom: 0; z-index: 1; left: 10px; width: 44.4%; }

@media screen and (max-width: 1048px) { .c-img-people { position: static; display: block; margin: -30px auto -40px; } }

@media screen and (max-width: 767px) { .c-img-people { width: 295px; margin: 15px auto -30px; } }

.c-yonapolo-img { width: 300px; margin: 0 auto; margin-bottom: 25px; display: block; }

@media screen and (max-width: 767px) { .c-yonapolo-img { width: 205px; } }

.c-img-parker { position: absolute; top: 5px; right: 50px; z-index: 1; }

@media screen and (max-width: 767px) { .c-img-parker { position: static; display: block; margin: -20px auto 30px; } }

.c-contentbox-inner img { max-width: 100%; }

.c-contentbox-inner small { font-size: inherit; display: block; margin-top: 15px; }

@media screen and (max-width: 767px) { .c-contentbox-inner small { margin-top: 10px; } }

.c-contentbox-inner--02 { text-align: center; }

.c-contentbox-inner--02 h2:first-child { color: #000; }

.c-content-imgbox { text-align: center; padding: 40px 10px; background-color: #fff; }

.c-content-imgbox img { max-width: 100%; }

.c-content-imgbox--black { background-color: #000; }

.c-content-imgbox--brown { background-color: #4C3F2F; }

@media screen and (max-width: 767px) { .c-content-imgbox { padding: 25px 10px 10px; } }

@media screen and (max-width: 767px) { .c-content-imgbox__syaki { width: 200px; } }

.c-content-center-title { text-align: center; font-size: 18px; font-weight: bold; }

.c-content-item-center { display: flex; align-items: center; font-size: 16px; font-weight: bold; }

.c-content-item-center img { margin-right: 50px; }

@media screen and (max-width: 767px) { .c-content-item-center img { width: 130px; margin-right: 20px; } }

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

@media screen and (max-width: 767px) { .horizontal-list { display: block; } }

.horizontal-list__item { width: 32.2%; font-size: 18px; text-align: center; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: bold; line-height: 1.4; }

.horizontal-list__item img { max-width: 100%; }

.horizontal-list__item--02 { width: 31%; font-size: 14px; text-align: left; }

@media screen and (max-width: 767px) { .horizontal-list__item--02 { width: 100%; text-align: center; margin-bottom: 30px; } }

.horizontal-list__item__txt { margin-top: 20px; }

@media screen and (max-width: 767px) { .horizontal-list__item__txt { text-align: left; margin-top: 15px; font-size: 16px; } }

.horizontal-list__item__txt02 { text-align: center; font-size: 18px; margin-top: 10px; }

@media screen and (max-width: 767px) { .horizontal-list__item__txt02 { font-size: 16px; } }

.horizontal-list__item__emphasis { color: #8C4303; font-size: 19px; font-weight: bold; text-align: center; margin-top: 30px; }

@media screen and (max-width: 767px) { .horizontal-list__item__emphasis { font-size: 22px; margin-top: 15px; } }

.horizontal-list02 { display: flex; flex-wrap: wrap; margin: 0 -12px; justify-content: center; }

@media screen and (max-width: 767px) { .horizontal-list02 { justify-content: space-between; } }

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

.horizontal-list03__item { width: 32.2%; }

.horizontal-list03__item img { max-width: 100%; }

.c-contentbox__txt01 { font-size: 24px; margin: 60px 0 20px; }

.c-contentbox__txt02 { font-size: 38px; line-height: 1.3; margin-bottom: 40px; }

.c-contentbox__txt03 { font-size: 18px; margin-top: 20px; }

@media screen and (max-width: 1048px) { .c-contentbox__txt01 { font-size: 20px; margin: 40px 0 15px; }
  .c-contentbox__txt02 { font-size: 30px; margin-bottom: 30px; }
  .c-contentbox__txt03 { font-size: 15px; } }

@media screen and (max-width: 767px) { .c-contentbox__txt01 { font-size: 16px; margin: 20px 0 15px; }
  .c-contentbox__txt02 { font-size: 21px; line-height: 1.5em; margin-bottom: 20px; }
  .c-contentbox__txt03 { font-size: 16px; text-align: left; } }

.c-item-data { font-weight: bold; display: flex; line-height: 1.4; font-size: 18px; margin: 35px auto 0; max-width: 720px; padding: 25px 10px 10px 0; background-color: #fff; }

@media screen and (max-width: 767px) { .c-item-data { display: block; margin-top: 0; padding: 20px 20px; font-size: 16px; } }

.c-item-data__imgbox { width: 38.5%; }

@media screen and (max-width: 767px) { .c-item-data__imgbox { width: 100%; text-align: center; }
  .c-item-data__imgbox img { width: 180px; } }

.c-item-info { margin-left: 6%; font-size: 18px; flex: 1; }

@media screen and (max-width: 767px) { .c-item-info { margin-left: 0; font-size: 16px; } }

.c-item-info--w430 { max-width: 450px; margin: 0 auto; font-weight: bold; }

.c-item-info ul { margin-bottom: 20px; }

.c-item-info li::before { font-size: 20px; content: '■'; }

.c-item-info dt::after { margin: 0 2px 0 5px; content: ':'; }

.c-item-info dt, .c-item-info dd { display: inline; }

.c-item-info small { font-size: 16px; }

.c-item-info__dl-inner { display: inline-block; }

.c-item-info__dl-inner:last-child::after { display: none; }

.c-item-info__dl-inner::after { content: '/'; }

.c-contentbox--tenugui02 { background-image: url("../img/ec/tenugui/tenugui-back01.png"); background-size: 100% auto; background-repeat: no-repeat; line-height: 2; border: 5px solid #4e5e79; padding-bottom: 70px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-contentbox--tenugui02 { padding-bottom: 30px; } }

.c-contentbox--tenugui02 p { max-width: 720px; margin: 0 auto; }

.c-contentbox--tenugui02 img { display: block; margin: 0 auto 30px; max-width: 100%; }

.c-img-tenugui { position: absolute; top: 60px; right: 45px; }

@media screen and (max-width: 767px) { .c-img-tenugui { width: 170px; top: 80px; right: 5px; } }

.c-white-box { background-color: #fff; padding: 30px 10px 10px; }

.c-border-txt { font-size: 16px; margin: 15px 0; padding: 25px 30px 50px; border: 2px solid #707070; }

.c-border-txt em { color: #F00; }

@media screen and (max-width: 767px) { .c-border-txt { border: none; padding: 0; font-weight: bold; }
  .c-border-txt em { font-weight: bold; } }

.c-border-txt02 { border: 1px solid #ddd; padding: 15px 20px; margin: 50px 0 10px; }

/* =======================================

  glass

========================================== */
.c-inner-border { border: 4px solid #fff; }

.c-border-box01--yonayona_ale .c-inner-border { border-color: #F1E1B0; background-color: #000; color: #fff; }

.c-border-box01--indono_aooni .c-inner-border { border-color: #876E4D; background-color: #213361; color: #fff; }

.c-border-box01--suiyoubino_neko .c-inner-border { border-color: #76B7DA; background-color: #B4E0F8; }

.c-fullimg img { width: 100%; }

.c-layout-set { min-height: 320px; }

.c-layout-set--original_glass01 { color: #fff; background-position: right 0px center; background-repeat: no-repeat; background-size: 320px auto; background-image: url(../img/ec/yonayona_ale/back-border-box01_pc.png); }

@media screen and (max-width: 767px) { .c-layout-set--original_glass01 { padding-bottom: 260px; background-size: 240px auto; background-position: center bottom; } }

.c-layout-set--suiyoubino_neko { background-color: rgba(180, 224, 248, 0.9); display: inline-block; }

@media screen and (max-width: 767px) { .c-layout-set--suiyoubino_neko { background-color: transparent; } }

.c-contentbox--suiyoubino_neko--bg { color: #333; min-height: 600px; background-position: right 40px bottom; background-repeat: no-repeat; background-size: 320px auto; background-image: url(../img/ec/suiyoubino_neko/back-border-box01_pc.png) !important; }

@media screen and (max-width: 767px) { .c-contentbox--suiyoubino_neko--bg { color: #112345; padding-bottom: 420px; background-size: 262px auto; background-position: center bottom; } }

.c-layout-set__main { margin-bottom: 10px; font-weight: bold; font-size: 38px; line-height: 1.3; }

@media screen and (max-width: 767px) { .c-layout-set__main { font-size: 22px; text-align: center; } }

.c-layout-set__txt { font-size: 20px; line-height: 2.2; }

@media screen and (max-width: 767px) { .c-layout-set__txt { font-size: 16px; font-weight: bold; } }

.c-layout-set__info { max-width: 473px; }

@media screen and (max-width: 767px) { .c-layout-set__info { margin: 0 auto; } }

.c-layoutbox02 { margin: 0 auto; padding: 40px 20px; max-width: 875px; }

.c-layoutbox02 img { max-width: 100%; }

@media screen and (max-width: 767px) { .c-layoutbox02 { text-align: center; padding: 30px 15px 30px; } }

.c-layoutbox02__title01, .c-layoutbox02__title02, .c-layoutbox02__sub { text-align: center; line-height: 1.5; }

.c-layoutbox02__title01 { color: #F8D200; font-size: 30px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-layoutbox02__title01 { font-size: 18px; margin-bottom: 20px; } }

.c-layoutbox02__title01 span { font-size: 42px; }

@media screen and (max-width: 767px) { .c-layoutbox02__title01 span { font-size: 33px; } }

.c-layoutbox02__main { text-align: center; font-size: 38px; line-height: 1.4; margin-bottom: 25px; font-weight: bold; color: #11284C; }

@media screen and (max-width: 767px) { .c-layoutbox02__main { font-size: 28px; margin-bottom: 40px; } }

.c-layoutbox02__title02 { font-size: 38px; margin-bottom: 5px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-layoutbox02__title02 { font-size: 24px; } }

.c-layoutbox02__sub { font-size: 22px; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-layoutbox02__sub { font-size: 16px; } }

.c-layoutbox02__txt { margin-bottom: 35px; }

@media screen and (max-width: 767px) { .c-layoutbox02__txt { line-height: 2; text-align: left; } }

.c-horizontal-center__cell { max-width: 263px; }

.c-horizontal-center__cell--long { max-width: 2000px; }

@media screen and (max-width: 767px) { .c-horizontal-center__cell img { width: 160px; }
  .c-horizontal-center__cell--long img { width: auto; } }

.c-horizontal-center { display: flex; justify-content: space-between; align-items: center; max-width: 550px; margin: 0 auto; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-horizontal-center { justify-content: center; flex-direction: column-reverse; } }

.c-horizontal-center--center { justify-content: center; }

.c-horizontal-center--center .c-horizontal-center__info { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-horizontal-center--center { flex-direction: column; }
  .c-horizontal-center--center .c-horizontal-center__info { margin-top: 0; } }

.c-horizontal-center__info { font-size: 23px; font-weight: bold; margin-right: 20px; }

@media screen and (max-width: 767px) { .c-horizontal-center__info { margin-right: 0; font-size: 20px; margin-top: 40px; } }

.c-horizontal-center__info__item { display: inline-block; margin: 2px 0; }

.c-horizontal-center__info__item:first-child::after { margin-left: 5px; content: ':'; }

.c-center { text-align: center; }

.c-layoutbox02__small01 { font-size: 22px; font-weight: bold; text-indent: -1em; padding-left: 1em; line-height: 1.4; margin: 50px 0 30px; display: block; }

.c-layoutbox02__small01::before { content: '※'; }

.c-layoutbox02__small02 { font-size: 16px; font-weight: bold; display: block; text-indent: -1em; padding-left: 1em; }

.c-layoutbox02__small02::before { content: '・'; }

.point-list__item { font-weight: bold; display: flex; counter-increment: point; margin-bottom: 40px; align-items: flex-start; }

.point-list__item:last-child { margin-bottom: 0; }

.point-list__item img { width: 44%; max-width: 356px; }

@media screen and (max-width: 767px) { .point-list__item { margin-bottom: 30px; }
  .point-list__item img { width: 100%; max-width: 100%; } }

.point-list__item__title { font-size: 38px; line-height: 1.3; margin-bottom: 25px; }

.point-list__item__title span { font-size: 28px; }

.point-list__item__title span::after { font-size: 52px; display: inline-block; min-width: 0.9em; text-align: center; margin-right: 5px; content: counter(point); }

@media screen and (max-width: 1048px) { .point-list__item__title { font-size: 30px; }
  .point-list__item__title span { font-size: 24px; }
  .point-list__item__title span::after { font-size: 40px; } }

@media screen and (max-width: 767px) { .point-list__item__title { font-size: 29px; margin-bottom: 15px; }
  .point-list__item__title span { font-size: 21px; display: block; }
  .point-list__item__title span::after { font-size: 40px; } }

.point-list__item__txt { line-height: 2.2; font-size: 20px; }

@media screen and (max-width: 1048px) { .point-list__item__txt { font-size: 16px; } }

@media screen and (max-width: 767px) { .point-list__item__txt { margin-top: 15px; } }

.point-list__info { margin-right: 9%; }

@media screen and (max-width: 1048px) { .point-list__info { margin-right: 0; } }

.c-eclist07__item__title { width: 100%; font-weight: bold; line-height: 1.3; font-size: 38px; margin-bottom: 10px; }

.c-eclist07__item__title::before { content: counter(eclist07) "."; margin-right: 10px; font-size: 50px; }

.c-eclist07__item { color: #000; counter-increment: eclist07; padding: 5%; font-size: 16px; margin-bottom: 20px; background-color: #fff; }

.c-eclist07__item:last-child { margin-bottom: 0; }

.c-eclist07__item__info { float: left; width: 60%; font-weight: bold; }

@media screen and (max-width: 767px) { .c-eclist07__item__info { float: none; width: 100%; } }

.c-eclist07__item__sub { font-size: 22px; margin-bottom: 20px; }

.c-eclist07__item__txt { line-height: 2; }

.c-eclist07__item__img { float: right; width: 35.5%; }

.c-eclist07__item__img img { width: 100%; }

@media screen and (max-width: 767px) { .c-eclist07__item__img { float: none; width: 100%; }
  .c-eclist07__item__img img { margin-bottom: 15px; } }

@media screen and (max-width: 1048px) { .c-eclist07__item__title { font-size: 30px; }
  .c-eclist07__item__title::before { font-size: 40px; } }

@media screen and (max-width: 767px) { .c-eclist07__item__title { font-size: 24px; }
  .c-eclist07__item__title::before { font-size: 36px; }
  .c-eclist07__item__sub { font-size: 20px; line-height: 1.5; }
  .c-eclist07__item { margin-bottom: 10px; } }

/* =======================================

  料理部

========================================== */
.c-mv-header { background-color: #fff; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-mv-header { margin: 0 0 40px; } }

.c-mv-header__img, .c-mv-header__img02 { width: 100%; margin: 0 auto 0; display: block; }

.c-mv-header__img02 { margin-bottom: 40px; max-width: 780px; }

@media screen and (max-width: 767px) { .c-mv-header__img02 { margin-bottom: 0; } }

.c-mv-header__txt { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 18px; padding: 15px 35px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-mv-header__txt { font-size: 16px; font-weight: 500; padding: 15px; } }

.c-columns-wrapper { padding: 40px 0 60px; position: relative; background-color: #BA0000; }

@media screen and (max-width: 767px) { .c-columns-wrapper { padding: 0px 0 30px; } }

.articleLinkColumn1 { background-color: #fff; }

.articleLinkColumn1 a { display: inline; position: relative; }

.articleLinkColumn1 .articleLink__img__wrapper__back { height: calc(100% + 120px); width: calc(100% + 120px); background-size: cover; filter: blur(50px); position: absolute; top: -60px; left: -60px; }

.articleLinkColumn1 .articleLink__img__wrapper { position: relative; }

.articleLinkColumn1 .articleLink__img__wrapper img { position: relative; width: 77%; display: block; margin: 0 auto; }

.articleLinkColumn1 .articleLink__img figcaption { left: 11.5%; position: absolute; }

.articleLinkColumn1 time { font-size: 20px; font-family: 'Helvetica'; }

@media screen and (max-width: 767px) { .articleLinkColumn1 time { font-size: 13px; } }

.articleLinkColumn1 .articleLink__info__title { font-size: 24px; margin-bottom: 50px; }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__info__title { font-size: 18px; } }

.articleLinkColumn1 .articleLink__info { background-color: #fff; padding: 20px 7% 40px; }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__info { padding-bottom: 20px; } }

.articleLinkColumn1 .articleLink__info__footer figure { display: flex; align-items: center; white-space: nowrap; font-size: 21px; }

.articleLinkColumn1 .articleLink__info__footer figure img { width: 48px; height: 48px; margin-right: 10px; }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__info__footer figure img { width: 30px; height: 30px; } }

.articleLinkColumn1 .articleLink__info__footer dl dd { font-size: 17px; }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__info__footer dl dd { font-size: 12px; } }

.articleLinkColumn1 .articleLink__info__footer dl img { width: 38px; }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__info__footer dl img { width: 25px; } }

.articleLinkColumn1 .articleLink__img__new { background-image: url(../img/columns/recipe/side-new.svg); width: 148px; height: 250px; margin: -10px auto 0; font-weight: bold; line-height: 1.4; color: #112345; text-align: center; padding-top: 4.2%; background-repeat: no-repeat; background-size: 100% auto; position: absolute; z-index: 1; left: 30px; }

@media screen and (max-width: 1048px) { .articleLinkColumn1 .articleLink__img__new { width: 110px; } }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__img__new { width: 63px; left: 5px; } }

.articleLinkColumn1 .articleLink__img__new__01 { font-size: 20px; font-family: impact; }

@media screen and (max-width: 1048px) { .articleLinkColumn1 .articleLink__img__new__01 { font-size: 16px; } }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__img__new__01 { font-size: 10px; } }

.articleLinkColumn1 .articleLink__img__new__02 { font-size: 36px; font-family: "M PLUS 1p"; }

@media screen and (max-width: 1048px) { .articleLinkColumn1 .articleLink__img__new__02 { font-size: 30px; } }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__img__new__02 { font-size: 12px; } }

@media screen and (max-width: 767px) { .articleLinkColumn1 .articleLink__info__footer figcaption { margin-top: 0; } }

.navi-circle { display: flex; margin: 40px 0 50px; justify-content: center; flex-wrap: wrap; }

.navi-circle__item { width: 158px; position: relative; height: 158px; background-size: cover; overflow: hidden; border: 5px solid #fff; border-radius: 50%; margin: 0 18px; }

@media screen and (max-width: 767px) { .navi-circle__item { margin: 10px 0 10px; width: 110px; height: 110px; } }

.navi-circle__item span { position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 11px; line-height: 45px; text-align: center; display: block; width: 100%; background-color: rgba(255, 255, 255, 0.8); }

.navi-circle__item--01 { background-image: url(../img/columns/recipe/navi-circle01.jpg); }

.navi-circle__item--02 { background-image: url(../img/columns/recipe/navi-circle02.jpg); }

.navi-circle__item--03 { background-image: url(../img/columns/recipe/navi-circle03.jpg); }

.pagenav__list { display: flex; max-width: 800px; margin: 50px auto 0; justify-content: center; flex-wrap: wrap; }

.pagenav__list__item.is-none { visibility: hidden; }

.pagenav__list__item a, .pagenav__list__item span { display: block; width: 46px; height: 50px; font-weight: bold; text-align: center; line-height: 50px; margin: 0 10px 15px 10px; }

.pagenav__list__item a { background-color: #000; color: #fff; }

.pagenav__list__item.is-active a { background-color: #fff; color: #000; }

.pagenav__list__item.pagenav__list__item--prev a, .pagenav__list__item.pagenav__list__item--next a { width: 150px; position: relative; }

.pagenav__list__item.pagenav__list__item--prev a::before, .pagenav__list__item.pagenav__list__item--next a::before { width: 0; content: ''; position: absolute; top: 50%; transform: translateY(-50%); display: block; height: 0; border-style: solid; }

.pagenav__list__item.pagenav__list__item--prev a::before { left: -29px; border-width: 33px 29px 33px 0; border-color: transparent #000 transparent transparent; }

.pagenav__list__item.pagenav__list__item--next a::before { right: -29px; border-width: 33px 0 33px 29px; border-color: transparent transparent transparent #000; }

.pagenav__list__item.is-active.pagenav__list__item--prev a::before { border-color: transparent #fff transparent transparent; }

.pagenav__list__item.is-active.pagenav__list__item--next a::before { border-color: transparent transparent transparent #fff; }

@media screen and (max-width: 1048px) { .pagenav__list__item a, .pagenav__list__item span { display: block; width: 35px; height: 35px; line-height: 35px; }
  .pagenav__list__item.pagenav__list__item--prev a, .pagenav__list__item.pagenav__list__item--next a { width: 100px; position: relative; }
  .pagenav__list__item.pagenav__list__item--prev { margin-left: 15px; }
  .pagenav__list__item.pagenav__list__item--prev a::before { left: -20px; border-width: 25px 20px 25px 0; }
  .pagenav__list__item.pagenav__list__item--next { margin-right: 15px; }
  .pagenav__list__item.pagenav__list__item--next a::before { right: -20px; border-width: 25px 0 25px 20px; } }

@media screen and (max-width: 767px) { .pagenav__list { margin-top: 45px; padding-bottom: 25px; }
  .pagenav__list__item a { width: 40px; height: 43px; line-height: 43px; }
  .pagenav__list__item span { width: 20px; }
  .pagenav__list__item.pagenav__list__item--prev a, .pagenav__list__item.pagenav__list__item--next a { width: 25px; text-indent: -9999px; }
  .pagenav__list__item.pagenav__list__item--prev a::before { left: -25px; border-width: 28px 25px 28px 0; }
  .pagenav__list__item.pagenav__list__item--next a::before { right: -25px; border-width: 28px 0 28px 25px; } }

.c-border-red { background-size: 2px 2px; background: repeating-linear-gradient(90deg, #BA0000 0, #BA0000 1px, #e2e7eb 1px, #e2e7eb 2px); }

.c-border-green { background-size: 2px 2px; background: repeating-linear-gradient(90deg, #95B590 0, #95B590 1px, #e2e7eb 1px, #e2e7eb 2px); }

.c-keyword__title { text-align: center; font-size: 26px; font-weight: bold; margin-bottom: -30px; }

.c-keyword-list { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 35px; padding-bottom: 30px; }

.c-keyword-list__item a { color: #fff; background-color: #000; line-height: 30px; display: block; padding: 0 30px; margin: 5px 3px; font-weight: bold; }

.c-list08 { display: flex; flex-wrap: wrap; max-width: 935px; margin: 0 auto; }

@media screen and (max-width: 767px) { .c-list08 { justify-content: space-between; } }

.c-list08__item { font-size: 14px; margin: 0 2% 30px 0; text-align: center; max-width: 220px; width: 23.5%; }

.c-list08__item:nth-child(4n) { margin-right: 0; }

@media screen and (max-width: 767px) { .c-list08__item { width: 48.5%; max-width: 100%; margin-bottom: 35px; margin-right: 0; } }

.c-list08__item img { margin-bottom: 5px; width: 100%; }

/* =======================================

  料理部詳細

========================================== */
.c-contents-cuisine { position: static; }

.c-columns__back-wrapper { overflow: hidden; padding-top: 57%; position: absolute; width: 100%; background-color: #fff; top: 0; left: 0; }

.c-columns__back { background-color: #000; position: absolute; filter: blur(90px); top: -90px; left: -90px; width: calc(100% + 180px); height: calc(100% + 180px); }

.c-detail-header { position: relative; z-index: 1; padding-top: 40px; }

@media screen and (max-width: 767px) { .c-detail-header { padding-top: 0; } }

.c-detail-header__logo { position: absolute; top: 20px; left: -1.7%; }

@media screen and (max-width: 767px) { .c-detail-header__logo { width: 95px; top: 15 px; } }

.c-detail-info { background-color: #fff; padding: 5% 7.5% 3%; }

@media screen and (max-width: 767px) { .c-detail-info { padding: 5% 15px 3%; } }

.c-detail-info__title { font-size: 38px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: bold; line-height: 1.4; margin-bottom: 50px; }

@media screen and (max-width: 767px) { .c-detail-info__title { font-size: 20px; margin-bottom: 25px; } }

.c-detail__info__footer { display: flex; font-size: 16px; font-weight: bold; align-items: flex-end; justify-content: space-between; }

.c-detail__info__footer time { font-size: 18px; }

@media screen and (max-width: 767px) { .c-detail__info__footer time { font-size: 13px; margin-bottom: 5px; } }

.c-detail__info__footer dl { display: flex; align-items: center; }

@media screen and (max-width: 767px) { .c-detail__info__footer dl dd { font-size: 12px; } }

.c-detail__info__footer dl img { width: 36px; margin-right: 10px; }

@media screen and (max-width: 767px) { .c-detail__info__footer dl img { width: 25px; } }

.c-border-title, .block-wrapper h2 { color: #112345; font-size: 36px; border-bottom: 6px solid #FFDA00; font-weight: bold; margin-bottom: 30px; margin-top: 60px; line-height: 150%; }

.block-wrapper { font-size: 18px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; }

.block-wrapper img { margin-bottom: 10px; max-width: 100%; height: auto; }

.block-wrapper p { margin-bottom: 30px; }

.block-wrapper p:last-child { margin-bottom: 5px; }

.block-wrapper em { font-style: italic; }

.block-wrapper strong { font-weight: bold; }

.block-wrapper ul li { margin: 0 0 10px 0; }

.block-wrapper ul li::before { content: ''; display: inline-block; border-radius: 50%; background-color: #000; width: 12px; height: 12px; margin-right: 10px; }

.block-wrapper ul li.blocks-gallery-item::before { display: none; }

.block-wrapper ul li ul { margin: 5px 0 5px 1.2em; }

.block-wrapper ul li ul li::before { border-width: 1px; border-style: solid; border-color: #000; box-sizing: border-box; background-color: #fff; }

.block-wrapper ol { list-style: decimal; list-style-position: inside; }

.block-wrapper dd { margin: 0 0 10px 0; }

.block-wrapper dd::before { content: ''; display: inline-block; border-radius: 50%; background-color: #FFDA00; width: 12px; height: 12px; margin-right: 10px; }

.block-wrapper dt { padding: 13px 30px; margin-bottom: 5px; background-color: #EDEDED; }

.block-wrapper a { color: #00f; text-decoration: underline; }

.block-wrapper h3 { font-weight: bold; font-size: 26px; padding: 7px 0 0 25px; margin-bottom: 30px; margin-top: 60px; border-left: 6px solid #FFDA00; }

.block-wrapper h4 { background-color: #EDEDED; font-size: 22px; font-weight: bold; color: #112345; padding: 10px 25px; margin-bottom: 20px; }

.block-wrapper h5 { font-weight: bold; color: #112345; font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EDEDED; }

.block-wrapper .side-imgbox03 { margin-bottom: 20px; }

.block-wrapper .c-streaks { border: 1px solid #EDEDED; margin-bottom: 25px; }

.block-wrapper .c-streaks li { margin: 0; padding: 13px 25px; }

.block-wrapper .c-streaks li::before { display: inline; background-color: transparent; margin: 0; content: '・'; }

.block-wrapper .c-streaks li:nth-child(odd) { background-color: #EDEDED; }

.block-wrapper .wp-block-image img { margin-bottom: 0; }

.block-wrapper .wp-block-image figcaption { font-size: 16px; text-align: left; }

@media screen and (max-width: 767px) { .block-wrapper .wp-block-image figcaption { font-size: 14px; } }

.block-wrapper .wp-block-image a { color: #0058FF; }

@media screen and (max-width: 767px) { .block-wrapper .has-3-columns { padding: 0 25px; } }

.block-wrapper .block-mokuji { border: 1px solid #ddd; border-radius: 15px; padding: 25px 30px 20px 30px; }

@media screen and (max-width: 767px) { .block-wrapper .block-mokuji { padding: 20px 30px 20px 30px; font-size: 16px; } }

.block-wrapper .block-mokuji dt { font-size: 23px; font-weight: bold; }

.block-wrapper .block-mokuji dd::before { display: none; }

.block-wrapper .block-mokuji ul ul li { padding-left: 25px; }

.block-wrapper .block-mokuji ul ul li::before { display: inline-block; border-radius: 0; border-left: 1px solid #000; border-bottom: 1px solid #000; width: 10px; height: 10px; background-color: transparent; }

.block-wrapper .block-box-border01, .block-wrapper .block-box-border02, .block-wrapper .wp-block-quote { border: 2px solid #DDD; padding: 15px 30px; margin-bottom: 30px; }

.block-wrapper .block-box-border02 { position: relative; }

.block-wrapper .block-box-border02::before { content: ''; position: absolute; width: 100px; left: -2px; top: -2px; bottom: -2px; background-repeat: no-repeat; background-position: top left, bottom left; background-image: url(../img/reading/border02-left-top.png), url(../img/reading/border02-left-bottom.png); }

.block-wrapper .block-box-border02::after { content: ''; position: absolute; width: 100px; right: -2px; top: -2px; bottom: -2px; background-repeat: no-repeat; background-position: top right, bottom right; background-image: url(../img/reading/border02-right-top.png), url(../img/reading/border02-right-bottom.png); }

.block-wrapper .wp-block-quote { position: relative; padding: 25px 75px 20px; }

.block-wrapper .wp-block-quote::before, .block-wrapper .wp-block-quote::after { color: #DDD; line-height: 1; position: absolute; display: block; height: 50px; }

.block-wrapper .wp-block-quote::before { top: 15px; left: 10px; content: '“'; font-size: 115px; }

.block-wrapper .wp-block-quote::after { bottom: 0px; right: 10px; content: '”'; font-size: 115px; }

.block-wrapper .block-box-grey { border-radius: 10px; background-color: #EDEDED; padding: 15px 30px; margin-bottom: 30px; }

.block-wrapper .block-box-illust { position: relative; border-radius: 10px; margin-bottom: 30px; padding: 25px 55px 50px 95px; background-color: #FFF4B4; }

.block-wrapper .block-box-illust::before { content: ''; position: absolute; width: 81px; height: 65px; background-size: contain; display: block; background-image: url(../img/reading/illust01.svg); top: -10px; left: -10px; }

.block-wrapper .block-box-illust::after { content: ''; position: absolute; width: 40px; height: 62px; background-size: contain; display: block; background-image: url(../img/reading/illust02.svg); bottom: -10px; right: -10px; }

.block-wrapper .wp-block-table { font-size: 18px; width: 100%; margin-bottom: 30px; }

.block-wrapper .wp-block-table th, .block-wrapper .wp-block-table td { border: 1px solid #DDD; padding: 10px 30px; box-sizing: border-box; }

.block-wrapper .wp-block-table th { width: 135px; background-color: #EDEDED; }

.block-wrapper .wp-block-button__link { border-radius: 0; font-weight: bold; text-decoration: none; width: 184px; }

.block-wrapper .wp-block-button__link[style$='#fada4a'] { border: 1px solid #000; padding: 8px 10px; }

.block-wrapper .wp-block-button__link[style$='#142343'] { border: 1px solid #000; padding: 3px 10px; color: #fff; }

@media screen and (max-width: 767px) { .block-wrapper { font-size: 15px; }
  .block-wrapper h2 { font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; }
  .block-wrapper h3 { font-size: 18px; line-height: 1.45; padding-top: 0; padding-left: 20px; }
  .block-wrapper h4 { padding: 15px 25px; font-size: 16px; margin-bottom: 25px; }
  .block-wrapper h5 { font-size: 16px; padding-bottom: 12px; }
  .block-wrapper .block-box-border01, .block-wrapper .block-box-border02, .block-wrapper .wp-block-quote { padding: 20px 25px; margin-bottom: 30px; }
  .block-wrapper .wp-block-quote { padding: 30px 50px; }
  .block-wrapper .wp-block-quote::before { font-size: 80px; }
  .block-wrapper .wp-block-quote::after { font-size: 80px; }
  .block-wrapper .block-box-grey { padding: 25px 25px; }
  .block-wrapper .block-box-illust { position: relative; border-radius: 10px; margin-bottom: 30px; padding: 60px 30px 60px; }
  .block-wrapper .wp-block-table th, .block-wrapper .wp-block-table td { width: auto; padding: 6px 10px; margin-bottom: -1px; font-size: 14px; }
  .block-wrapper .wp-block-button { text-align: center; }
  .block-wrapper .side-imgbox03__img { width: 100% !important; } }

.c-day-list { margin: 45px auto; max-width: 400px; }

.c-day-list a { display: flex; width: 100%; text-decoration: none; color: inherit; }

.c-day-list a:hover { opacity: 0.5; }

.c-day-list li { display: flex; font-weight: bold; margin: 10px 0; font-size: 20px; text-align: center; }

.c-day-list li::before { display: none !important; }

.c-day-list div { border: 2px solid #000; width: 50%; padding: 10px 0; }

.c-day-list div:first-child { border-right: 0; }

.c-day-list div:last-child { background-color: #FFDA00; }

.block-dialog { display: flex; justify-content: center; align-items: flex-start; margin: 20px 0 50px; }

.block-dialog figure { text-align: center; line-height: 1; margin-right: 30px; }

.block-dialog figure img { border-radius: 50%; width: 108px; height: auto; }

.block-dialog figure figcaption { display: block; margin: 5px 0 0 0; }

@media screen and (max-width: 767px) { .block-dialog { display: block; font-size: 16px; }
  .block-dialog figure { font-size: 17px; margin-right: 0; } }

.block-dialog__text { border-radius: 10px; border: 2px solid #000; padding: 20px 20px 10px; position: relative; flex: 1; max-width: 450px; }

.block-dialog__text::before, .block-dialog__text::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 17px 18px 17px 0; display: block; }

.block-dialog__text::before { left: -20px; top: 30px; border-color: transparent #000 transparent transparent; }

.block-dialog__text::after { z-index: 1; left: -16.5px; top: 30px; border-color: transparent #fff transparent transparent; }

@media screen and (max-width: 767px) { .block-dialog__text { margin-top: 40px; }
  .block-dialog__text::before { left: 50%; top: -28px; transform: translateX(-50%) rotate(90deg); }
  .block-dialog__text::after { left: 50%; top: -25px; transform: translateX(-50%) rotate(90deg); } }

.lkc-content { height: auto !important; }

.lkc-thumbnail { margin: 0 20px 0 0 !important; }

.lkc-title-text { margin: 0 0 15px 0 !important; }

@media screen and (max-width: 767px) { .lkc-title-text { font-size: 16px !important; line-height: 22px !important; }
  .lkc-thumbnail { float: none !important; margin: 0 0 15px 0 !important; max-width: 100% !important; }
  .lkc-thumbnail-img { width: 100%; height: auto; max-height: auto !important; } }

.c-contents-layout { overflow: hidden; margin: 20px 0; background-color: #fff; padding: 20px 70px 30px 70px; }

@media screen and (max-width: 1048px) { .c-contents-layout { padding: 20px 30px 30px 30px; } }

.c-contents-layout--min { margin: 60px 0 20px; padding: 10px 20px; border: 1px solid #000; max-width: 488px; }

.c-contents-layout .c-contents-layout__info { overflow: hidden; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__info { overflow: visible; } }

.c-contents-layout .c-contents-layout__info__title { font-size: 18px; font-weight: normal; display: block; margin-bottom: 15px; line-height: 1.4; }

.c-contents-layout .c-contents-layout__info__name { font-size: 22px; display: block; font-weight: bold; margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__info__name { padding-top: 45px; } }

.c-contents-layout .c-contents-layout__info__link { font-size: 14px; color: #707070; text-decoration: none; background: no-repeat left center url(../img/common/ico-arrow.svg); background-size: 10px auto; padding-left: 20px; }

.c-contents-layout .c-contents-layout__info__txt { font-size: 18px; margin-bottom: 15px; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__info__txt { clear: both; font-size: 16px; } }

.c-contents-layout .c-contents-layout__title { border-bottom: 1px solid #000; font-size: 20px; font-weight: bold; padding: 5px 0; margin-bottom: 20px; }

.c-contents-layout .c-contents-layout__title--bg-beer { background: no-repeat left center url(../img/columns/drink.svg); background-size: 25px auto; padding-left: 30px; }

.c-contents-layout .c-contents-layout__img { float: left; margin-right: 30px; }

@media screen and (max-width: 767px) { .c-contents-layout .c-contents-layout__img { margin-right: 20px; } }

.c-contents-layout .c-contents-layout__img--circle { border-radius: 50%; margin-bottom: 20px; }

.c-contents-layout__btn { background-color: #112345; color: #fff; text-align: center; font-size: 15px; padding: 7px 22px; display: inline-block; }

@media screen and (max-width: 767px) { .c-contents-layout__btn--center { margin: 0 auto; display: block; width: 225px; } }

.c-contents-time { background: no-repeat left center url(../img/common/ico-time.svg); background-size: 32px auto; padding-left: 50px; font-size: 30px; font-weight: bold; color: #112345; margin-bottom: 60px; }

.c-sns { display: flex; justify-content: center; align-items: flex-start; margin-top: 10px; }

.c-sns iframe { display: block; }

.c-sns--02 { margin: 40px 0 -10px; }

.c-sns--03 { margin: -30px 0 40px; }

@media screen and (max-width: 767px) { .c-sns--03 { display: none; } }

.c-sns__item { position: relative; margin: 0 5px; }

.c-sns__number { position: absolute; left: 50%; bottom: 30px; left: 50%; transform: translateX(-50%); background-color: #fff; width: 100%; text-align: center; border-radius: 4px; padding: 4px 0; border: 1px solid #999; }

.c-sns__number::before, .c-sns__number::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; display: block; position: absolute; left: 50%; transform: translateX(-50%); }

.c-sns__number::before { bottom: -8px; border-color: #999 transparent transparent transparent; }

.c-sns__number::after { bottom: -7px; border-color: #fff transparent transparent transparent; }

.c-sns__item--hart { font-size: 17px; text-align: center; line-height: 1.4; font-weight: bold; letter-spacing: -1px; display: flex; align-items: center; }

.c-sns__item--hart img { display: block; }

.c-sns__item--hart span { margin-right: 10px; font-size: 20px; }

/* =======================================

  お問い合わせ

========================================== */
.c-mv-title { height: 299px; display: flex; align-items: center; background-size: cover; background-position: center center; }

@media screen and (max-width: 767px) { .c-mv-title { height: 110px; text-align: center; margin-bottom: 25px; } }

.c-mv-title--ec { background-image: url("../img/ec/header-ec.jpg"); }

.c-mv-title--inq { background-image: url("../img/ec/header-inquiry.jpg"); }

.c-mv-title--staff { background-image: url("../img/staff/staff-header.jpg"); }

.c-mv-title--beer { background-image: url("../img/beer/beer-header.jpg"); }

.c-mv-title--company { background-image: url("../img/company/company-header.jpg"); }

.c-mv-title__txt { color: #fff; font-size: 36px; font-weight: bold; font-family: "M PLUS 1p"; padding-left: 40px; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-mv-title__txt { font-size: 30px; width: 100%; padding: 0; } }

.c-product-wrapper { padding-top: 50px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-product-wrapper { padding-top: 10px; } }

.c-product-wrapper__title { font-size: 36px; color: #112345; padding: 3px 0; background-color: #FFDA00; font-weight: bold; text-align: center; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-product-wrapper__title { font-size: 34px; padding: 5px 0; } }

.c-product-list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.c-product-list--single { justify-content: center; }

.c-product-list--single .c-product-list__item { width: 100%; max-width: 460px; }

@media screen and (max-width: 767px) { .c-product-list--single .c-product-list__item { max-width: 100%; } }

@media screen and (max-width: 767px) { .c-product-list { display: block; } }

.c-product-list__item { background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4); margin: 12px 0; position: relative; width: 49%; padding: 30px 10px 30px; }

@media screen and (max-width: 767px) { .c-product-list__item { width: 100%; } }

.c-product-list__item__fig { text-align: center; }

.c-product-list__item__title { font-size: 26px; line-height: 1.4; font-weight: bold; margin-bottom: 5px; }

.c-product-list__item__btn { border: 2px solid #000; background-color: #FFE200; padding: 5px 26px; font-weight: bold; }

.c-product-list__item__btn02 { border: 2px solid #000; background-color: #FFE200; padding: 0px 26px; font-weight: bold; }

.c-price-list { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center; }

.c-price-list__item { max-width: 205px; width: 50%; padding: 0 20px; margin-top: 40px; }

@media screen and (max-width: 1048px) { .c-price-list__item { width: 205px; } }

.c-price-list__item:nth-child(even) { border-left: 1px solid #707070; }

@media screen and (max-width: 1048px) { .c-price-list__item:nth-child(even) { border: none; } }

.c-price-list__item--type02:nth-child(even) { font-size: 13px; border-left: none; padding: 0; letter-spacing: -1px; }

@media screen and (max-width: 767px) { .c-price-list__item { width: 100%; max-width: 1000px; border-bottom: 1px solid #707070; padding-bottom: 15px; }
  .c-price-list__item:last-child { padding: 0 20px; border-bottom: none; } }

.c-eclist01__after select { font-size: 17px; }

.c-price-list__select { border: 1px solid #ccc; border-radius: 4px; padding: 3px 0; width: 100%; margin: 10px 0 20px; font-size: 17px; }

.c-price-list__select02 { width: calc(100% - 4em); border: 1px solid #ccc; border-radius: 4px; font-size: 10px; }

.c-price-list__item__num { margin-bottom: 8px; }

.c-price-list__item__num select { border-radius: 4px; }

.c-circle__message { border-radius: 50%; color: #fff; font-weight: bold; text-align: center; width: 65px; height: 65px; position: absolute; right: 20px; top: 20px; display: flex; align-items: center; line-height: 1.2; justify-content: center; }

.c-circle__message--blue { background-color: #2E519D; }

.c-circle__message--blue02 { background-color: #48A8DB; }

.c-circle__message--purple { background-color: #B9359B; }

.c-circle__message--green { background-color: #3FAC43; }

.c-circle__message--orange { background-color: #E37B01; }

.c-price-list__item__small { font-size: 13px; color: #BF0202; margin-top: 10px; display: block; }

@media screen and (max-width: 767px) { .c-price-list__item__small { margin-top: 20px; } }

.c-price-list__item__selectbox { margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-price-list__item__selectbox { margin-top: -10px; margin-bottom: 30px; } }

.c-price-list__item__selectbox select { border-radius: 4px; padding: 2px 0; }

@media screen and (max-width: 767px) { .c-price-list__item__selectbox select { width: 100%; } }

@media screen and (max-width: 767px) { .c-price-list__item__price { text-align: right; margin-top: -1.4em; margin-bottom: 15px; }
  .c-price-list__item [name="commit"] { width: 180px; height: 40px; margin-top: -8px; float: right; }
  .c-price-list__item__small { white-space: nowrap; } }

.c-price-list__sp-item { display: none; }

@media screen and (max-width: 767px) { .c-price-list__sp-item { display: block; margin-bottom: 5px; } }

/* =======================================

  お問い合わせ

========================================== */
.c-inq-wrapper { background-color: #fff; margin: 0 auto; padding: 1px 70px 80px; max-width: 940px; }

@media screen and (max-width: 1048px) { .c-inq-wrapper { margin: 0 20px; padding: 1px 30px 30px; } }

@media screen and (max-width: 767px) { .c-inq-wrapper { padding: 1px 10px 30px; margin: 0 15px; } }

.c-border-title img { vertical-align: middle; transform: translateY(-5px); }

@media screen and (max-width: 767px) { .c-border-title { font-size: 22px; margin-bottom: 0px; }
  .c-border-title--02 { font-size: 30px; border-width: 3px; margin-bottom: 25px; }
  .c-border-title img { transform: translateY(-2px); width: 28px; } }

.c-border-link { border: 6px solid #000; display: block; font-size: 19px; text-align: center; width: 305px; margin: 50px auto 0; padding: 19px 10px; font-weight: bold; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }

.c-border-link img { margin-right: 20px; }

@media screen and (max-width: 767px) { .c-border-link { border-width: 3px; width: 261px; padding: 15px 0px; } }

.c-maker-list { display: flex; justify-content: space-between; flex-wrap: wrap; }

.c-maker-list > div { width: 48%; position: relative; padding-left: 25px; margin: 10px 0 10px; }

@media screen and (max-width: 767px) { .c-maker-list > div { width: 100%; } }

.c-maker-list__item { font-size: 20px; }

.c-maker-list__item--dt { font-weight: bold; letter-spacing: -1px; }

.c-maker-list__item--dt::before { content: ''; width: 14px; position: absolute; left: 0; top: 10px; height: 14px; display: block; border-radius: 50%; background-color: #FFDA00; }

.c-inq-list__item { margin-top: 20px; border-bottom: 1px solid #ddd; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; display: flex; padding-bottom: 15px; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-inq-list__item { padding-bottom: 20px; } }

.c-inq-list__item__cell--dt { font-size: 20px; width: 40%; padding-right: 20px; }

@media screen and (max-width: 767px) { .c-inq-list__item__cell--dt { width: 100%; font-size: 18px; margin-bottom: 5px; } }

.c-inq-list__item__cell--dd { flex: 1; font-size: 18px; }

.c-inq-list__item__cell .mwform-radio-field { display: block; margin-left: 10px; }

.c-required { color: #FF8F00; white-space: nowrap; }

.c-inq-input { padding: 5px; width: 100%; border: 1px solid #707070; }

@media screen and (max-width: 767px) { .c-inq-input { padding-top: 12px; padding-bottom: 12px; } }

.c-inq-input--02 { width: 70px; margin: 0 10px; }

.c-inq-input--03 { width: 90px; margin: 0 10px; }

.c-inq-input--04 { max-width: 335px; }

.c-inq-list__item__thin { font-size: 18px; margin-top: 8px; color: #ddd; white-space: nowrap; line-height: 1; }

.c-inq-select { display: block; width: 100%; max-width: 280px; padding: 7px; margin-top: 10px; }

@media screen and (max-width: 767px) { .c-inq-select { margin-top: 15px; margin-bottom: 15px; padding-top: 11px; padding-bottom: 11px; } }

.c-inq-txt { margin: 5px 0; }

.c-inq-small { display: block; }

.c-inq-small::before { content: '※'; }

.c-inq-label { display: block; margin-bottom: 5px; }

.c-inq-label input { display: none; }

.c-inq-label02 { font-size: 18px; }

.c-inq-label02 input { vertical-align: middle; margin-right: 5px; }

@media screen and (max-width: 767px) { .c-radio-list { margin-top: 25px; } }

.c-radio-mark { border-radius: 50%; border: 1px solid #707070; width: 15px; height: 15px; display: inline-block; position: relative; vertical-align: middle; margin-right: 5px; }

:checked + .c-radio-mark::before { content: ''; width: 9px; height: 9px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #707070; }

.c-inq-text-area { width: 100%; height: 194px; border: 1px solid #707070; }

@media screen and (max-width: 767px) { .c-inq-text-area { margin-top: 10px; } }

.c-privacy { margin-top: 20px; font-weight: 500; margin-bottom: 40px; padding-bottom: 20px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; border-bottom: 1px solid #ddd; }

.c-privacy__head { font-weight: bold; font-size: 26px; margin-bottom: 10px; display: block; }

@media screen and (max-width: 767px) { .c-privacy__head { font-size: 22px; margin-top: 30px; margin-bottom: 15px; } }

.c-privacy__consent { font-size: 20px; margin-bottom: 10px; }

.c-privacybox { overflow: auto; height: 260px; padding: 30px; margin-bottom: 10px; border: 1px solid #707070; }

@media screen and (max-width: 767px) { .c-privacybox { padding: 20px; } }

.c-privacybox__list { font-size: 18px; }

.c-privacybox__list__item--dt { counter-increment: privacy; }

.c-privacybox__list__item--dt::before { content: counter(privacy) "."; margin-right: 12px; }

@media screen and (max-width: 767px) { .c-privacy + .btnYellow, .btnInquiry .c-privacy + input#submit { width: 100%; } }

.c-privacybox__txt { margin-bottom: 30px; }

.c-inq-rest { background-color: #112345; color: #fff; font-weight: bold; font-size: 16px; border: none; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; width: 184px; padding: 7px 0; display: block; margin: 20px auto; }

@media screen and (max-width: 767px) { .c-inq-rest { width: 100%; } }

.footer-nav { display: flex; font-weight: bold; margin: 30px 50px -20px; }

@media screen and (max-width: 767px) { .footer-nav { margin: 30px 15px 20px; } }

.footer-nav a { text-decoration: underline; }

.footer-nav a, .footer-nav span { color: #112345; }

.footer-nav__item { margin-right: 30px; background: no-repeat left center url(../img/common/ico-arrow.svg); padding-left: 20px; }

.footer-nav__item:first-child { background: none; padding-left: 0px; }

/* =======================================

  オンラインショップ

========================================== */
.c-columns__back-wrapper02 { position: relative; overflow: hidden; }

.c-columns__back-wrapper02__img { position: relative; z-index: 1; max-width: 627px; width: 90%; display: block; margin: 0 auto; }

.c-columns__back-wrapper02__img--long { max-width: 940px; }

@media screen and (max-width: 767px) { .c-columns__back-wrapper02__img { max-width: 61%; } }

.c-eclist01--detail { justify-content: center; margin-top: 0px; margin-bottom: 30px; }

.c-eclist01--detail .c-eclist01__item { width: 57.5%; }

/* =======================================

  スタッフ

========================================== */
.c-title-base { margin-top: 80px; font-weight: bold; font-size: 30px; margin-bottom: 20px; }

.c-title-base--02 { margin-top: 180px; }

@media screen and (max-width: 767px) { .c-title-base { margin-top: 30px; font-size: 28px; margin-bottom: 10px; } }

.staff-list { display: flex; flex-wrap: wrap; margin: 40px -10px 30px; }

@media screen and (max-width: 767px) { .staff-list { margin: 10px 0 40px; justify-content: space-between; } }

.staff-list__item { font-size: 25px; font-weight: bold; margin: 10px; width: calc(33% - 20px); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); background-color: #fff; }

@media screen and (max-width: 767px) { .staff-list__item { width: 48.3%; margin: 6px 0; font-size: 16px; } }

.staff-list__item img { width: 70px; margin-right: 20px; border-radius: 50%; }

@media screen and (max-width: 767px) { .staff-list__item img { width: 38px; margin-right: 10px; } }

.staff-list__item a { display: flex; align-items: center; height: 100%; padding: 18px; }

@media screen and (max-width: 767px) { .staff-list__item a { padding: 12px; } }

.c-other-link { margin-top: 60px; }

@media screen and (max-width: 767px) { .c-other-link { padding-top: 20px; } }

.staff-main { display: flex; }

@media screen and (max-width: 767px) { .staff-main { display: block; } }

.staff-main__img { padding-right: 5%; width: 46.8%; }

@media screen and (max-width: 767px) { .staff-main__img { width: 100%; padding-right: 0; margin-bottom: 25px; }
  .staff-main__img img { max-width: 300px; display: block; margin-left: auto; margin-right: auto; } }

.staff-main__img img { width: 100%; }

.staff-main__data__title { font-size: 36px; color: #112345; font-weight: bold; line-height: 1.4; margin-bottom: 10px; min-height: 110px; }

@media screen and (max-width: 767px) { .staff-main__data__title { font-size: 28px; letter-spacing: -1px; min-height: 0px; margin-bottom: 20px; } }

.staff-main__data__subtitle { font-size: 24px; font-weight: bold; margin-top: 30px; margin-bottom: 30px; }

.staff-main__data__list { font-size: 18px; }

.staff-main__data__list dt, .staff-main__data__list dd { padding-left: 20px; line-height: 1.5; }

.staff-main__data__list dt { margin-top: 10px; font-weight: bold; position: relative; }

.staff-main__data__list dt::before { content: ''; display: inline-block; border-radius: 50%; background-color: #FFDA00; width: 12px; height: 12px; left: 0; top: 5px; position: absolute; margin-right: 10px; }

@media screen and (max-width: 767px) { .staff-main__data__list { display: flex; }
  .staff-main__data__list > div { width: 50%; } }

.side-imgbox04 { display: flex; margin-bottom: 30px; }

.side-imgbox04:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { .side-imgbox04 { display: block; } }

.side-imgbox04__data { font-size: 18px; flex: 1; }

@media screen and (max-width: 767px) { .side-imgbox04__data { margin-bottom: 20px; } }

.side-imgbox04__img { margin-left: 15px; max-width: 50%; }

@media screen and (max-width: 767px) { .side-imgbox04__img { max-width: 100%; margin-left: 0; } }

.side-imgbox04__img img { width: 100%; }

.c-underline-link { font-size: 18px; text-decoration: underline; }

.c-link-recruit, .c-link-corporate { display: block; width: 331px; padding: 30px 0; margin: 60px auto 50px; font-size: 22px; font-weight: bold; text-align: center; }

.c-link-recruit img, .c-link-corporate img { vertical-align: middle; margin-left: 12px; margin-top: -5px; }

@media screen and (max-width: 767px) { .c-link-recruit, .c-link-corporate { width: 100%; max-width: 331px; margin-top: 90px; margin-bottom: 80px; } }

.c-link-recruit { background: no-repeat left center url(../img/staff/link-recruit.png); }

.c-link-corporate { background: no-repeat left center url(../img/ec/layout/texture01.png); color: #fff; }

@media screen and (max-width: 767px) { .c-columns-wrapper__inner--staff { padding-top: 20px; } }

.c-company-btns { display: flex; justify-content: center; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-company-btns { margin-top: 50px; margin: 0 15px 30px; } }

.c-company-btns .c-link-corporate, .c-company-btns .c-link-recruit { margin: 60px 20px; }

@media screen and (max-width: 767px) { .c-company-btns .c-link-corporate, .c-company-btns .c-link-recruit { margin: 10px 0; } }

/* =======================================

  ビール一覧

========================================== */
.c-beer-list { display: flex; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-beer-list { justify-content: space-between; } }

.c-beer-list__item { width: 31.3%; margin: 100px 1% 0; position: relative; text-align: center; }

.c-beer-list__item .c-circle__message { right: -3%; top: -5px; }

@media screen and (max-width: 767px) { .c-beer-list__item { width: 49%; margin: 60px 0 0; } }

.c-beer-list__item__title { display: block; font-weight: bold; font-size: 26px; line-height: 1.3; margin: 10px 0; }

.c-beer-list__item__title span { display: block; font-size: 18px; }

@media screen and (max-width: 767px) { .c-beer-list__item__title { font-size: 18px; margin: 12px 0; } }

.c-beer-list__item__btn { display: inline-block; width: 125px; line-height: 30px; border: 2px solid #000; font-weight: bold; font-size: 14px; background-color: #FFE200; }

.c-beer-list__item__img img { max-width: 100%; }

@media screen and (max-width: 767px) { .c-beer-list__item__img { margin: 0 40.5px; } }

.c-beer-list02 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; margin-bottom: 50px; }

.c-beer-list02__item { position: relative; background-color: #fff; width: 49%; padding: 30px 30px 50px; text-align: center; margin-bottom: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 767px) { .c-beer-list02__item { width: 100%; } }

.c-beer-list02__item__badge { position: absolute; top: 30px; right: 30px; }

.c-beer-list02__item__badge .c-circle__message { position: static; margin: 8px auto 0; }

@media screen and (max-width: 767px) { .c-beer-list02__item__badge { right: 20px; }
  .c-beer-list02__item__badge .c-circle__message { margin: 5px auto 0; } }

.c-beer-list02__item__none { border: 1px solid #BF0202; color: #BF0202; padding: 0px 8px; font-size: 14px; font-weight: bold; }

.c-beer-list02__item__img { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-beer-list02__item__img { margin-bottom: 25px; } }

.c-beer-list02__item__time { font-weight: bold; font-size: 18px; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-beer-list02__item__time { font-size: 14px; margin-bottom: 5px; } }

.c-beer-list02__item__title { font-size: 26px; font-weight: bold; line-height: 1.3; display: block; min-height: 85px; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-beer-list02__item__title { font-size: 18px; min-height: 0; margin-bottom: 20px; } }

.c-beer-list02__item__type { background-color: #F0F4FC; padding: 1px 5px; margin-bottom: 15px; text-align: left; }

.c-beer-list02__item__txt { text-align: left; }

.c-beer-title { font-weight: bold; font-size: 25px; text-align: center; color: #112345; position: relative; overflow: hidden; margin-top: 130px; margin-bottom: -50px; }

.c-beer-title::before, .c-beer-title::after { content: ''; width: 50%; position: absolute; height: 1px; display: block; border-bottom: 1px dashed #000; top: 50%; }

.c-beer-title::after { right: 50%; margin-right: -150px; transform: translate(100%, 50%); }

.c-beer-title::before { left: 50%; margin-left: -150px; transform: translate(-100%, -50%); }

@media screen and (max-width: 767px) { .c-beer-title { margin-top: 60px; margin-bottom: -20px; } }

/* =======================================

  あるき方

========================================== */
.c-navi-header { color: #11284C; background-image: url(../img/navi/navi-header-pc.png); background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; font-weight: bold; height: 312px; margin-top: 40px; padding-top: 70px; }

@media screen and (max-width: 767px) { .c-navi-header { background-image: url(../img/navi/navi-header-sp.png); height: 270px; margin: 0 -15px 0; } }

.c-navi-header__title { font-size: 44px; line-height: 1.3; margin-bottom: 20px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-navi-header__title { font-size: 29px; margin-bottom: 5px; } }

.c-navi-header__sub-title { font-size: 20px; line-height: 1.5; }

@media screen and (max-width: 767px) { .c-navi-header__sub-title { font-size: 11px; } }

.c-navi-layout { border: 5px solid #000; margin-top: 40px; background-color: #fff; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; position: relative; }

@media screen and (max-width: 767px) { .c-navi-layout { margin-top: 20px; } }

.c-navi-layout--01 { background-image: url(../img/navi/layout-header/header01-pc.png); }

@media screen and (max-width: 767px) { .c-navi-layout--01 { background-image: url(../img/navi/layout-header/header01-sp.png); } }

.c-navi-layout--02 { background-image: url(../img/navi/layout-header/header02-pc.png); }

@media screen and (max-width: 767px) { .c-navi-layout--02 { background-image: url(../img/navi/layout-header/header02-sp.png); } }

.c-navi-layout--03 { background-image: url(../img/navi/layout-header/header03-pc.png); }

@media screen and (max-width: 767px) { .c-navi-layout--03 { background-image: url(../img/navi/layout-header/header03-sp.png); } }

.c-navi-layout--04 { background-image: url(../img/navi/layout-header/header04-pc.png); margin-bottom: 0; }

@media screen and (max-width: 767px) { .c-navi-layout--04 { background-image: url(../img/navi/layout-header/header04-sp.png); } }

.c-navi-layout__body, .c-navi-layout__bottom { padding: 50px 7% 20px; }

@media screen and (max-width: 767px) { .c-navi-layout__body, .c-navi-layout__bottom { padding: 30px 5% 20px; } }

.c-navi-layout__bottom { background-color: #FED639; }

.c-step { text-align: center; font-size: 22px; position: relative; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-step { font-size: 16px; } }

.c-step::before, .c-step::after { content: ''; width: 70px; display: block; height: 1px; background-color: #000; position: absolute; top: 50%; }

.c-step::before { left: 50%; transform: translate(-130px, -50%); }

@media screen and (max-width: 767px) { .c-step::before { transform: translate(-110px, -50%); } }

.c-step::after { right: 50%; transform: translate(130px, -50%); }

@media screen and (max-width: 767px) { .c-step::after { transform: translate(110px, -50%); } }

.c-nav-title { text-align: center; font-size: 36px; font-weight: bold; line-height: 1.4; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-nav-title { font-size: 18px; margin-bottom: 60px; } }

.c-navi-img01 { max-width: 100%; margin: 0 auto 40px; display: block; }

.c-navi-inner01 { max-width: 585px; margin: 0 auto; }

.c-navi-txt01 { font-size: 16px; margin-bottom: 50px; }

@media screen and (max-width: 767px) { .c-navi-txt01 { margin-bottom: 30px; } }

.c-navi-culm02 { display: flex; justify-content: center; margin: 0 -20px; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-navi-culm02 { margin: 0; } }

.c-navi-title { background-color: #11284C; font-size: 20px; text-align: center; color: #fff; margin-bottom: 20px; padding: 12px 0; font-weight: bold; border-radius: 3px; }

.c-navi-culm02__item { width: calc(50% - 40px); min-width: 320px; margin: 0 20px 20px; }

@media screen and (max-width: 767px) { .c-navi-culm02__item { width: 100%; min-width: 0; margin: 0 0 40px; } }

.c-navi-box01 { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 20px 20px 25px; overflow: hidden; }

.c-navi-box-txt { max-width: 130px; }

@media screen and (max-width: 767px) { .c-navi-box-txt { max-width: 100%; margin-top: 15px; } }

.c-navi-box-title { font-size: 18px; font-weight: bold; margin-bottom: 8px; }

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

@media screen and (max-width: 767px) { .c-navi-box-set { flex-direction: column-reverse; } }

.c-navi-box-img img { width: 100%; max-width: 173px; }

@media screen and (max-width: 767px) { .c-navi-box-img { text-align: center; } }

.c-side-img-list { margin-top: 25px; }

.c-side-img-list__item { margin-top: 20px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 767px) { .c-side-img-list__item { margin-top: 15px; } }

.c-side-img-list__item > a { display: flex; align-items: center; font-size: 18px; font-weight: bold; line-height: 1.4; }

.c-side-img-list__item__txt { padding-left: 30px; }

@media screen and (max-width: 767px) { .c-side-img-list__item__txt { padding-left: 20px; } }

.c-navi-layout__footer { padding: 50px 7% 60px; margin-top: 40px; }

@media screen and (max-width: 767px) { .c-navi-layout__footer { margin-top: 0px; padding: 35px 5% 60px; } }

.c-navi-layout__footer--cream { background-color: #F4EED8; }

.c-navi-layout__footer--yellow { background-color: #FED639; }

.c-footer-dialog { display: flex; justify-content: center; align-items: flex-start; }

.c-footer-dialog figure { text-align: center; line-height: 1; margin-right: 40px; }

.c-footer-dialog figure img { border-radius: 50%; width: 108px; height: auto; }

@media screen and (max-width: 767px) { .c-footer-dialog { display: block; font-size: 16px; }
  .c-footer-dialog figure { font-size: 17px; margin-right: 0; } }

.c-footer-dialog__text { background-color: #fff; border-radius: 10px; padding: 40px; position: relative; flex: 1; font-size: 16px; }

.c-footer-dialog__text::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 12px 18px 12px 0; display: block; z-index: 1; left: -16.5px; top: 30px; border-color: transparent #fff transparent transparent; }

@media screen and (max-width: 767px) { .c-footer-dialog__text { margin-top: 40px; padding: 20px; }
  .c-footer-dialog__text::after { left: 50%; top: -20px; transform: translateX(-50%) rotate(90deg); } }

.c-navi-layout__footer__title { text-align: center; font-weight: bold; font-size: 28px; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-navi-layout__footer__title { font-size: 16px; margin-bottom: 10px; } }

.c-navi-layout__message { position: absolute; top: 50px; right: 15px; }

@media screen and (max-width: 767px) { .c-navi-layout__message { width: 91px; top: -8px; right: -4px; } }

.c-list-recommend { display: flex; flex-wrap: wrap; justify-content: space-between; }

.c-list-recommend__item { padding: 20px 10px 40px; width: 32%; margin-bottom: 20px; text-align: center; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 767px) { .c-list-recommend__item { width: 49%; margin-bottom: 10px; padding: 10px 10px 20px; } }

.c-list-recommend__item img { max-width: 100%; }

.c-list-recommend__item__title { font-size: 20px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-list-recommend__item__title { font-size: 16px; } }

/* =======================================

  ビアワークス

========================================== */
.beerworks-header { background-color: #FFDA00; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 40px 0; }

@media screen and (max-width: 767px) { .beerworks-header { padding: 20px 0; } }

.beerworks-header .beerworks-header__name, .beerworks-header img { margin: 10px 30px; }

@media screen and (max-width: 767px) { .beerworks-header img { width: 200px; } }

.beerworks-header__name { font-size: 30px; font-weight: bold; line-height: 1.3; text-align: center; }

@media screen and (max-width: 767px) { .beerworks-header__name { font-size: 18px; } }

.beerworks-header__name__title { font-size: 70px; line-height: 1.1; margin-top: 20px; }

@media screen and (max-width: 767px) { .beerworks-header__name__title { font-size: 46px; } }

.slideHeader--beerworks a, .slideHeader--beerworks span { border: 20px solid #FFF4B4; transition: all 0.5s; margin: 0; }

.slideHeader--beerworks a.slick-current, .slideHeader--beerworks span.slick-current { border: 20px solid #fff; }

.slide-wrapper { background-color: #FFDA00; overflow: hidden; }

.c-line__title { overflow: hidden; font-size: 36px; font-family: "M PLUS 1p"; margin-top: 80px; font-weight: bold; text-align: center; position: relative; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .c-line__title { font-size: 32px; margin: 30px 20px 0; } }

.c-line__title span { font-size: 20px; display: block; margin-bottom: -15px; }

.c-line__title-line01, .c-line__title-line02 { width: 50%; position: absolute; top: 50%; display: block; height: 7px; border-top: 1px solid #112345; border-bottom: 1px solid #112345; }

.c-line__title-line01::before, .c-line__title-line02::before { content: ''; height: 1px; width: 100%; background-color: #112345; position: absolute; left: 0; top: 50%; top: 50%; transform: translateY(-50%); }

.c-line__title-line01::after, .c-line__title-line02::after { content: ''; display: block; width: 50px; position: absolute; background-size: contain; height: 45px; top: 50%; }

@media screen and (max-width: 767px) { .c-line__title-line01::after, .c-line__title-line02::after { width: 45px; height: 40px; } }

.c-line__title-line01 { left: 50%; margin-left: -180px; transform: translate(-100%, -50%); }

@media screen and (max-width: 767px) { .c-line__title-line01 { margin-left: -155px; } }

.c-line__title-line01::after { right: 0; transform: translate(100%, -50%); background-image: url(../img/columns/beerworks/title-left.jpg); }

.c-line__title-line02 { right: 50%; margin-right: -180px; transform: translate(100%, -50%); }

@media screen and (max-width: 767px) { .c-line__title-line02 { margin-right: -155px; } }

.c-line__title-line02::after { left: 0; transform: translate(-100%, -50%); background-image: url(../img/columns/beerworks/title-right.jpg); }

.c-line__title--wide .c-line__title-line01 { margin-left: -350px; }

.c-line__title--wide .c-line__title-line02 { margin-right: -350px; }

@media screen and (max-width: 767px) { .c-line__title--wide { line-height: 1.4; margin: 50px 0 20px; }
  .c-line__title--wide .c-line__title-line01 { margin-left: -150px; }
  .c-line__title--wide .c-line__title-line02 { margin-right: -150px; } }

.c-slider-title { text-align: center; font-size: 30px; font-family: "M PLUS 1p"; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-slider-title { font-size: 28px; } }

.slide-wrapper02 { padding-bottom: 80px; margin-bottom: 50px; background-image: -moz-linear-gradient(top, #ffda00 0%, #ffda00 100%); /* FF3.6-15 */ background-image: -webkit-linear-gradient(top, #ffda00 0%, #ffda00 100%); /* Chrome10-25,Safari5.1-6 */ background-image: linear-gradient(to bottom, #ffda00 0%, #ffda00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background-size: 100% 270px; background-repeat: no-repeat; background-position: 0 bottom; }

.slide-wrapper02--pb { padding-bottom: 50px; }

.storeItem__slider--slim .slick-prev, .storeItem__slider--slim .slideHeader .slick-next, .slideHeader .storeItem__slider--slim .slick-next, .storeItem__slider--slim .storeItem__slider .slick-next, .storeItem__slider .storeItem__slider--slim .slick-next, .storeItem__slider--slim .storeItem__link .slick-next, .storeItem__link .storeItem__slider--slim .slick-next, .storeItem__slider--fat .slick-prev, .storeItem__slider--fat .slideHeader .slick-next, .slideHeader .storeItem__slider--fat .slick-next, .storeItem__slider--fat .storeItem__slider .slick-next, .storeItem__slider .storeItem__slider--fat .slick-next, .storeItem__slider--fat .storeItem__link .slick-next, .storeItem__link .storeItem__slider--fat .slick-next { left: 100px; }

@media screen and (max-width: 767px) { .storeItem__slider--slim .slick-prev, .storeItem__slider--slim .slideHeader .slick-next, .slideHeader .storeItem__slider--slim .slick-next, .storeItem__slider--slim .storeItem__slider .slick-next, .storeItem__slider .storeItem__slider--slim .slick-next, .storeItem__slider--slim .storeItem__link .slick-next, .storeItem__link .storeItem__slider--slim .slick-next, .storeItem__slider--fat .slick-prev, .storeItem__slider--fat .slideHeader .slick-next, .slideHeader .storeItem__slider--fat .slick-next, .storeItem__slider--fat .storeItem__slider .slick-next, .storeItem__slider .storeItem__slider--fat .slick-next, .storeItem__slider--fat .storeItem__link .slick-next, .storeItem__link .storeItem__slider--fat .slick-next { left: 20px; } }

.storeItem__slider--slim .slick-next, .storeItem__slider--fat .slick-next { right: 100px; }

@media screen and (max-width: 767px) { .storeItem__slider--slim .slick-next, .storeItem__slider--fat .slick-next { right: 20px; } }

.storeItem__slider--slim .slick-track { padding-bottom: 10px; position: relative; }

.storeItem__slider--slim a, .storeItem__slider--slim div.box { display: block; }

.storeItem__slider--slim a.slick-slide, .storeItem__slider--slim div.box { width: 195px; margin: 0 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 767px) { .storeItem__slider--slim a.slick-slide, .storeItem__slider--slim div.box { padding: 20px 15px 20px 15px; } }

.storeItem__slider--slim a.slick-slide img, .storeItem__slider--slim div.box img { max-width: 118px; margin: 0 auto; }

.storeItem__slider--fat .slick-track { padding-bottom: 10px; }

.storeItem__slider--fat a { display: block; }

.storeItem__slider--fat a.slick-slide { width: 300px; margin: 0 10px; padding: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }

.storeItem__slider--fat a.slick-slide img { max-width: 300px; margin: 0 auto; }

.storeItem__slider--fat a.slick-slide span { padding: 20px 20px 30px; }

.storeItem__slider--fat a.slick-slide small { line-height: 1.5; margin-top: 10px; display: block; text-align: left; }

.storeItem__slider--fat a.slick-slide .articleLink__info__footer img { width: 31px; }

.storeItem__slider--fat .articleLink__info { padding: 10px; text-align: left; }

.storeItem__slider--fat .articleLink__img figcaption { position: absolute; padding: 2px 10px; }

.storeItem__slider--min { display: flex; justify-content: center; }

.slide-wrapper__small { font-size: 14px; display: block; margin: 50px 20px -50px 20px; text-align: center; }

@media screen and (max-width: 767px) { .btnYellow--slide { margin-top: 80px; } }

.c-shop-list { margin: 0 -2px; display: flex; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-shop-list { margin-top: 15px; } }

.c-shop-list__item { width: calc(25% - 4px); text-align: center; font-size: 20px; margin: 2px; font-weight: bold; }

.c-shop-list__item a { display: block; padding: 10px 5px; background-color: #FFF4B4; }

@media screen and (max-width: 767px) { .c-shop-list__item { width: calc(50% - 4px); font-size: 16px; } }

.c-shop-data { overflow: hidden; }

.c-shop-data__table { float: left; width: 55%; }

@media screen and (max-width: 767px) { .c-shop-data__table { float: none; width: 100%; margin-top: 10px; margin-bottom: 50px; } }

.c-shop-data__table tr { border-bottom: 1px solid #EDEDED; }

.c-shop-data__table tr:last-child { border-bottom: none; }

.c-shop-data__visual { float: right; width: 40%; }

@media screen and (max-width: 767px) { .c-shop-data__visual { float: none; width: 100%; } }

.c-shop-data__table__cell { font-size: 20px; padding: 10px 0; }

@media screen and (max-width: 767px) { .c-shop-data__table__cell { font-size: 16px; } }

.c-shop-data__table__cell a { text-decoration: underline; color: #0058FF; }

.c-shop-data__table__cell--th { white-space: nowrap; font-weight: bold; padding-right: 40px; }

@media screen and (max-width: 767px) { .c-shop-data__table__cell--th { padding-right: 25px; } }

.c-shop-data__table__cell--td { word-break: break-all; }

.c-shop-data__visual img { width: 100%; margin-bottom: 20px; }

.c-shop-data__visual iframe { width: 100%; height: 312px; display: block; }

.c-recruit { border: 1px solid #EDEDED; padding: 40px 40px 50px; overflow: hidden; }

@media screen and (max-width: 767px) { .c-recruit { padding: 30px 18px 50px; } }

.c-recruit__title { font-size: 36px; font-weight: bold; text-align: center; line-height: 1.4; display: block; color: #112345; position: relative; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-recruit__title { font-size: 24px; } }

.c-recruit__title::before, .c-recruit__title::after { position: absolute; top: 0; content: ''; width: 80px; height: 88px; background-size: cover; display: block; }

@media screen and (max-width: 767px) { .c-recruit__title::before, .c-recruit__title::after { width: 45px; top: 50%; transform: translateY(-50%); height: 49px; } }

.c-recruit__title::before { left: 50%; margin-left: -320px; background-image: url(../img/columns/beerworks/line-left-pc.svg); }

.c-recruit__title::after { right: 50%; margin-right: -320px; background-image: url(../img/columns/beerworks/line-right-pc.svg); }

@media screen and (max-width: 767px) { .c-recruit__title::before { left: 50%; margin-left: -160px; background-image: url(../img/columns/beerworks/line-left-sp.svg); }
  .c-recruit__title::after { right: 50%; margin-right: -160px; background-image: url(../img/columns/beerworks/line-right-sp.svg); } }

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

.c-recruit__img div { width: 49%; }

.c-recruit__img div img { width: 100%; height: auto; }

.c-recruit__img div .btnYellow, .c-recruit__img div .btnInquiry input#submit, .btnInquiry .c-recruit__img div input#submit { margin-top: 20px; width: 100%; }

@media screen and (max-width: 767px) { .c-recruit__img div .btnYellow, .c-recruit__img div .btnInquiry input#submit, .btnInquiry .c-recruit__img div input#submit { margin-top: 10px; } }

@media screen and (max-width: 767px) { .c-recruit__img { display: block; }
  .c-recruit__img div { width: 100%; margin-bottom: 30px; } }

.c-recruit__txt { font-size: 20px; margin-top: 30px; line-height: 1.5; margin-bottom: 50px; }

@media screen and (max-width: 767px) { .c-recruit__txt { font-size: 16px; margin-top: 10px; } }

.c-hp-banner { border: 3px solid #000; line-height: 1.4; margin-top: 60px; margin-bottom: 100px; }

.c-hp-banner a { padding: 35px 0; display: block; text-align: center; border: 8px solid #FFDA00; outline: 1px solid #000; outline-offset: -8px; font-size: 40px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-hp-banner a { font-size: 34px; } }

.c-hp-banner a span { font-size: 33px; }

@media screen and (max-width: 767px) { .c-hp-banner a span { font-size: 18px; } }

.c-hp-banner a:hover { text-decoration: none; }

/* =======================================

  会社情報

========================================== */
.c-company-layout { background-color: #fff; }

.c-company-layout--01 { padding-bottom: 130px; }

@media screen and (max-width: 767px) { .c-company-layout--01 { padding-bottom: 80px; } }

.c-company-layout--02 { padding-bottom: 130px; }

@media screen and (max-width: 767px) { .c-company-layout--02 { padding-bottom: 80px; } }

.c-company-layout--03 { padding-bottom: 80px; }

@media screen and (max-width: 767px) { .c-company-layout--03 { padding-bottom: 80px; } }

.c-company-header { position: relative; background-size: 100% auto; padding-top: 60.2%; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .c-company-header { padding-top: 80%; } }

.c-company-header--01 { background-image: url(../img/company/layout-header/header01-pc.png); }

@media screen and (max-width: 767px) { .c-company-header--01 { background-image: url(../img/company/layout-header/header01-sp.png); } }

.c-company-header--01 .c-company-header__inner { padding-top: 85px; }

@media screen and (max-width: 767px) { .c-company-header--01 .c-company-header__inner { padding-top: 20px; } }

.c-company-header--02 { background-image: url(../img/company/layout-header/header02-pc.png); }

@media screen and (max-width: 767px) { .c-company-header--02 { background-image: url(../img/company/layout-header/header02-sp.png); } }

.c-company-header--02 .c-company-header__inner { padding-top: 170px; }

@media screen and (max-width: 767px) { .c-company-header--02 .c-company-header__inner { padding-top: 50px; } }

.c-company-header--03 { background-image: url(../img/company/layout-header/header03-pc.png); }

@media screen and (max-width: 767px) { .c-company-header--03 { background-image: url(../img/company/layout-header/header03-sp.png); } }

.c-company-header--03 .c-company-header__inner { padding-top: 85px; }

@media screen and (max-width: 767px) { .c-company-header--03 .c-company-header__inner { padding-top: 20px; } }

.c-company-header__inner { position: absolute; width: 100%; top: 0; text-align: center; color: #fff; left: 0; height: 100%; }

.c-company-header__subtitle { font-weight: bold; font-size: 20px; }

@media screen and (max-width: 767px) { .c-company-header__subtitle { font-size: 16px; } }

.c-company-header__title { font-size: 36px; position: relative; font-weight: bold; line-height: 1.2; margin-bottom: 80px; }

@media screen and (max-width: 767px) { .c-company-header__title { font-size: 26px; margin-bottom: 50px; } }

.c-company-header__title::before { content: ''; width: 100px; height: 5px; display: block; position: absolute; bottom: -22px; left: 50%; background-color: #fff; transform: translateX(-50%); }

@media screen and (max-width: 767px) { .c-company-header__title::before { width: 74px; height: 4px; } }

.c-company-header__message { color: #FFDA00; font-size: 30px; font-weight: bold; }

@media screen and (max-width: 767px) { .c-company-header__message { font-size: 18px; line-height: 1.6; } }

.c-company-txt { font-size: 20px; font-weight: bold; line-height: 2; text-align: center; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-company-txt { font-size: 18px; } }

.company-data { padding: 0 20px; max-width: 763px; margin: 0 auto; }

.company-data > div { display: flex; border-top: 1px solid #E5E5E5; }

.company-data > div:last-child { border-bottom: 1px solid #E5E5E5; }

@media screen and (max-width: 767px) { .company-data > div { display: block; font-size: 18px; } }

.company-data__item { font-size: 20px; line-height: 1.4; padding: 20px 0 0px; }

.company-data__item--dt { font-weight: bold; width: 150px; }

.company-data__item--dd { flex: 1; }

@media screen and (max-width: 767px) { .company-data__item--dt { padding-top: 15px; }
  .company-data__item--dd { padding: 0; } }

.company-data__txt { margin: 10px 0; }

.c-company-box { border: 1px solid #112345; padding: 10px; width: calc(100% - 30px); max-width: 700px; margin: 120px auto 0; position: relative; }

@media screen and (max-width: 767px) { .c-company-box { margin-top: 70px; } }

.c-company-box::before, .c-company-box::after { background-size: 36px; position: absolute; background-repeat: no-repeat; left: 0; height: 40px; width: 100%; }

.c-company-box::before { content: ''; background-image: url(../img/company/company-box-left-top.png), url(../img/company/company-box-right-top.png); background-position: left top, right -0.8px top; top: 0; }

.c-company-box::after { content: ''; background-image: url(../img/company/company-box-left-bottom.png), url(../img/company/company-box-right-bottom.png); background-position: left bottom, right -0.8px bottom; bottom: 0; }

.c-company-box__inner { padding: 0 20px; background-color: #F0F4FC; border: 3px solid #112345; }

@media screen and (max-width: 767px) { .c-company-box__inner { padding: 0 15px; } }

.c-company-box__item__title01 { position: relative; text-align: right; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-company-box__item__title01 { margin-bottom: 75px; } }

.c-company-box__item__title01 img { border-radius: 50%; max-width: 100%; }

.c-company-box__item__title01 span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #112345; width: 200px; height: 200px; display: block; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #FFDA00; font-weight: bold; font-size: 35px; }

@media screen and (max-width: 767px) { .c-company-box__item__title01 span { width: 103px; height: 103px; font-size: 17px; left: 50%; transform: translateX(-50%); top: auto; bottom: -50px; } }

.c-company-box__item__title01--reverse { text-align: left; }

.c-company-box__item__title01--reverse span { right: 25px; left: auto; }

.c-company-box__item { max-width: 595px; padding-top: 50px; margin: 0 auto; }

@media screen and (max-width: 767px) { .c-company-box__item { padding-top: 40px; } }

.c-company-box__item__title02 { text-align: center; font-size: 30px; font-weight: bold; color: #112345; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .c-company-box__item__title02 { font-size: 20px; } }

.c-company-box__item__txt { font-size: 20px; line-height: 1.5; padding-bottom: 60px; border-bottom: 1px solid #112345; }

@media screen and (max-width: 767px) { .c-company-box__item__txt { line-height: 1.8; font-size: 16px; padding-bottom: 40px; } }

/* =======================================

  オンラインストア パスワード保護部分

========================================== */
.store .post-password-form { max-width: 960px; margin: 50px auto; }

@media screen and (max-width: 767px) { .store .post-password-form { margin: 20px; } }

/* =======================================

  よなよなエール Movie追加

========================================== */
.boxYonaMovie { background-color: #000; padding: 60px 30px 0 30px; color: #fff; text-align: center; }

@media screen and (max-width: 767px) { .boxYonaMovie { padding: 30px 20px 0 20px; } }

.boxYonaMovie__title { font-size: 40px; font-weight: bold; line-height: 130%; margin: 0 0 40px 0; }

@media screen and (max-width: 767px) { .boxYonaMovie__title { font-size: 30px; margin: 0 0 20px 0; } }

.boxYonaMovie__text { font-size: 16px; line-height: 200%; font-weight: bold; margin: 0 0 30px 0; }

@media screen and (max-width: 767px) { .boxYonaMovie__text { text-align: left; } }

.boxYonaMovie__movie { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }

.boxYonaMovie__movie iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* =======================================

  バレルフカミダス注意事項

========================================== */
.barrel-caution { font-size: 40px !important; }

@media screen and (max-width: 767px) { .barrel-caution { font-size: 30px !important; } }

.barrel-caution img { display: inline-block; margin: 0 5px; vertical-align: middle; }

@media screen and (max-width: 767px) { .barrel-caution img { width: auto; height: 25px; } }