@charset "UTF-8";
.wrap .articlelistblock .module-articlelist-item .entrycategory, .wrap .recommendblock-recommend .entrycategory, .contentfooter-recommend .module-recommend-item .entrycategory, .column04 .layoutarticle01 a figcaption .entrycategory { position: absolute; top: -.9vw; font-size: .6vw; padding: .8vw .5vw; margin: .1vw 0 .5vw; }

.wrap .articlelistblock .module-articlelist-item h3, .wrap .recommendblock-recommend h3, .aboutlist-item h3, .colum2 .aboutlist-item h3, .contentfooter-recommend .module-recommend-item h3, .column04 .layoutarticle01 a h3 { font-size: .9vw; line-height: 1.2vw; padding: 0 .4vw .5vw; font-weight: inherit; }

.wrap .recommendblock-recommend figcaption, .aboutlist-item figcaption, .colum2 .aboutlist-item figcaption, .contentfooter-recommend .module-recommend-item figcaption { height: 2.1vw; position: absolute; bottom: 0; width: 100%; padding: 1vw 0 0.6vw; background: rgba(255, 255, 255, 0.8); }

.entrycategory, .column04 .layoutarticle01 a figcaption .entrycategory { background-image: linear-gradient(-45deg, #e5e0d6 25%, #f2f0eb 25%, #f2f0eb 50%, #e5e0d6 50%, #e5e0d6 75%, #f2f0eb 75%, #f2f0eb); background-size: 4px 4px; color: #333333; border-radius: 0 4px 4px 0; }

.layoutarticle01-item a, .layoutarticle01-item .flexwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.layoutarticle01-item a figure, .layoutarticle01-item .flexwrap figure { width: 40%; }

.layoutarticle01-item a figcaption, .layoutarticle01-item .flexwrap figcaption { width: 60%; }

.layoutarticle01-item a h3, .layoutarticle01-item .flexwrap h3 { font-size: .9vw; line-height: 1.2vw; padding-bottom: 0; }

.layoutarticle01-item a figcaption div, .layoutarticle01-item .flexwrap figcaption div { position: absolute; top: -2px; right: 10px; }

.layoutarticle01-item a figcaption .entrycategory, .layoutarticle01-item a figcaption .entrydate, .layoutarticle01-item .flexwrap figcaption .entrycategory, .layoutarticle01-item .flexwrap figcaption .entrydate { font-size: .6vw; color: #ADADAD; }

.layoutarticle01-item a figcaption .entrycategory, .layoutarticle01-item .flexwrap figcaption .entrycategory { padding: 0; margin: 0; background-image: none; }

@media screen and (max-width: 767px) { .entrycategory.articlecategory, .rightcolum-block-item .entrycategory, .column04 .layoutarticle01 a figcaption .entrycategory { position: absolute; top: 8px; right: 4px; color: #ADADAD; background-image: none; padding: 1.8vw 1.5vw !important; white-space: nowrap; } }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

.wrap body { line-height: 1; }

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

ul { list-style: none; }

figure, figcaption { line-height: 0; }

blockquote, q { quotes: none; }

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

.wrap .btn-search { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; width: 40px; height: 40px; }

@media screen and (min-width: 768px) { .wrap .btn-search { width: 3vw; height: 3vw; }
  .wrap .btn-search span { font-size: 2.75vw; } }

@media screen and (max-width: 767px) { .wrap .search button { color: #333; font-size: 8.5vw; padding-left: 1vw; line-height: 40px; width: 16vw; height: 10vw; } }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #000; text-decoration: none; display: inline-block; }

a:hover { opacity: .8; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

@font-face { font-family: "fontawesome"; src: url("../fonts/fontawesome-webfont") format("truetype"), url("../fonts/fontawesome-webfont") format("opentype"); }

@font-face { font-family: "Ionicons"; src: url("../fonts/ionicon") format("truetype"), url("../fonts/ionicon") format("opentype"); }

.iroiro_nuts .mainvisual { background: url(../img/events/bg-categorytitle.png); background-size: contain; background-repeat: no-repeat; background-position-x: 100%; }

.iroiro_nuts .mainvisual .date { display: none; }

.header { position: fixed; height: 100vh; width: 13.7%; width: 13.7vw; background: #fff; padding: 0 .5vw; z-index: 1; }

.header-logo { width: 11.7vw; margin-bottom: .5vw; }

@media screen and (max-width: 767px) { .header-logo { width: 56.7vw; padding-top: .5vw; margin-left: 9vw; margin-bottom: 1.3vw; }
  .header-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } }

.header-logo-img { width: 9.9vw; padding-top: 1.4vw; padding-left: 1.3vw; }

@media screen and (max-width: 767px) { .header-logo-img { width: 28.2vw; padding-top: 0; padding-left: 0; } }

.header-logo-text { width: 10.5vw; margin-top: -.7vw; margin-left: .95vw; }

@media screen and (max-width: 767px) { .header-logo-text { width: 32.7vw; padding-top: 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 3vw; } }

.header .gnav { font-size: 1.2vw; padding: 0 1.1vw; }

@media screen and (min-width: 768px) { .header .gnav { display: block !important; margin-top: -.25vw; margin-bottom: 1.5vw; } }

@media screen and (max-width: 767px) { .header .gnav { font-size: 1.8vw; } }

.header .gnav .menu-list-item { font-size: 1.38vw; line-height: 1.75vw; margin-bottom: 1.4vw; }

@media screen and (min-width: 768px) { .header .gnav .menu-list-item:nth-last-child(1) { margin-bottom: 1vw; } }

@media screen and (max-width: 767px) { .header .gnav .menu-list-item { line-height: 1.5vw; margin-bottom: 1.6vw; } }

.header .gnav .menu-list-item a { display: block; }

.header .gnav .menu-list-item a::after { content: ""; display: block; width: 100%; height: .6vw; background: url(../img/common/header/gnav-border.png); background-size: auto auto; background-repeat: no-repeat; background-size: contain; }

.header .gnav .menu-list-item span { display: block; font-size: 0.85vw; padding: 0 .2vw 0 .5vw; line-height: 1.4vw; }

@media screen and (max-width: 767px) { .header .gnav .menu-list-item span { font-size: 3.1vw; padding: .5vw 2vw; } }

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

.header .pconlinebanner { max-width: 60vw; margin: 5vw auto; }

.header .searcharea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 2.8vw; }

@media screen and (min-width: 768px) { .header .searcharea { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0 1.1vw; margin-bottom: 0; } }

.header .searcharea input[type="search"] { width: 9vw; font-family: "Yu Mincho", "YuMincho", serif; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-bottom: 4px; border-right: 1px solid #a7a7aa; border-radius: 0; box-shadow: none; }

@media screen and (min-width: 768px) { .header .searcharea input[type="search"] { font-size: 1vw; height: 2.5vw; } }

.header .searcharea .icon-search { font-family: Ionicons; color: #999; }

@media screen and (max-width: 767px) { .header .searcharea { display: none; width: 96vw; padding: 2vw; margin-bottom: 0; }
  .header .searcharea input[type="search"] { width: 84vw; height: 9.5vw; font-size: 3.5vw; padding: 2vw 1vw; border: 1px solid #ccc; vertical-align: baseline; }
  .header .searcharea .icon-search { font-size: 5vw !important; padding: 1vw 2vw; border-radius: 4px; } }

@media screen and (max-width: 767px) { .header { height: auto; width: 100vw; padding: 0; } }

.mainmenu-title { font-size: 12px; top: 22px; position: absolute; right: 0px; }

.mainmenu .togglemenu { width: 30px; text-align: center; position: absolute; top: 4.5vw; right: 5%; font-size: 8.5vw; color: #333333; height: 30px; color: #333333; }

.mainmenu .togglesearch { position: absolute; right: 18%; top: 4vw; font-size: 8.5vw; color: #333333; transition: .3s; }

.mainmenu .togglesearch.active { filter: brightness(300%); }

.togglemenu { position: relative; height: 42.75px; width: 58.5px; cursor: pointer; }

.togglemenu span { padding: 9px; white-space: nowrap; visibility: visible; opacity: 1; transition: .3s; transform: rotateY(0deg); }

.togglemenu span.hidden { width: 0; visibility: hidden; opacity: 0; transform: rotateY(90deg); }

.togglemenu span:before, .togglemenu:after, .togglemenu:before { content: ''; background: #333333; width: 6px; height: 6px; border-radius: 50%; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transition: 0.8s cubic-bezier(0.53, 0, 0.15, 1.3); }

.togglemenu:before { top: -80%; }

.togglemenu span:before { top: -20%; }

.togglemenu:after { top: 40%; }

.togglemenu.active:before { transform: rotate(-225deg); border-radius: 0; top: -2px; width: 32px; height: 4.5px; }

.togglemenu.active:after { border-radius: 0; transform: rotate(225deg); top: -2px; width: 32px; height: 4.5px; }

.togglemenu.active span:before { width: 0; visibility: hidden; opacity: 0; transform: rotateY(90deg); }

html { overflow-x: hidden; }

.wrap, footer { font-size: 10px; font-size: 3.125vw; font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); font-weight: 500; }

#entryForm, .acms-box-medium { font-size: 16px; font-family: Meiryo, sans-serif; font-weight: normal; }

input::-webkit-input-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

input:-moz-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

input::-moz-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

input:-ms-input-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

textarea::-webkit-input-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

textarea:-moz-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

textarea::-moz-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

textarea:-ms-input-placeholder { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

.wrap select { font-family: "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","メイリオ", meiryo, serif; src: local("Yu Mincho Demibold"); transform: rotate(0.03deg); }

.wrap img, .footer img { width: 100%; height: auto; }

.titlestyle01 { font-size: 1.4vw; text-align: center; margin-bottom: .7vw; }

.titlestyle01.top { margin-bottom: 1vw; }

@media screen and (max-width: 767px) { .titlestyle01 { font-size: 4.4vw; }
  .titlestyle01-menu { font-size: 3.4vw; width: 100%; }
  .titlestyle01-menu-gnav { margin-top: 5vw; margin-bottom: 0; } }

.titlestyle01[class*="ico-title-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; }

.titlestyle01.ico-title-newarticle::before { content: ""; width: 3vw; height: 2.5vw; vertical-align: middle; margin-right: .5vw; display: inline-block; background: url(../img/common/ico-newarticle.png); background-size: contain; background-repeat: no-repeat; background-position-y: center; }

@media screen and (max-width: 767px) { .titlestyle01.ico-title-newarticle::before { width: 8vw; height: 7.5vw; margin-right: 1vw; } }

.titlestyle01.ico-title-recommend::before { content: ""; width: 3vw; height: 2.5vw; vertical-align: middle; margin-right: .5vw; display: inline-block; background: url(../img/common/ico-recommend.png); background-size: contain; background-repeat: no-repeat; background-position-y: center; }

@media screen and (max-width: 767px) { .titlestyle01.ico-title-recommend::before { width: 8vw; height: 4.5vw; margin-right: 1vw; } }

.titlestyle01.ico-title-ranking::before { content: ""; display: block; width: 3vw; height: 2.5vw; margin-right: .5vw; display: inline-block; background: url(../img/common/ico-ranking.png); background-size: contain; background-repeat: no-repeat; background-position-y: center; }

@media screen and (max-width: 767px) { .titlestyle01.ico-title-ranking::before { width: 8vw; height: 4.5vw; margin-right: 1vw; } }

.titlestyle01.titleabout { width: 30vw; background: url(../img/common/img-nuts.png); padding: .5vw 0; background-size: 22vw; background-repeat: no-repeat; margin-right: auto; margin-left: auto; background-position-x: center; background-position-y: 0vw; }

@media screen and (max-width: 767px) { .titlestyle01.titleabout { width: 71vw; height: 13vw; line-height: 17vw; background-size: contain; background-position-y: 20px; margin-top: -4.25vw; } }

.titlestyle01-rightmenu { font-size: 1.4vw; margin-top: 1vw; margin-bottom: .7vw; }

@media screen and (max-width: 767px) { .titlestyle01-rightmenu { font-size: 4.2vw; margin-bottom: 2vw; } }

.topicpath { font-size: 0.78125vw; color: #333333; padding-left: .5vw; }

@media screen and (max-width: 767px) { .topicpath { font-size: 1.875vw; padding-left: 2vw; } }

@media screen and (max-width: 767px) { .topicpath-current { display: none !important; } }

.topicpath-list { display: flex; align-items: center; flex-wrap: wrap; }

.topicpath-item { display: flex; align-items: center; }

@media screen and (max-width: 767px) { .topicpath-item-child:nth-last-child(2)::after { content: ""; } }

.topicpath-item .ion { font-size: 1.5625vw; }

@media screen and (max-width: 767px) { .topicpath-item .ion { font-size: 3.125vw; } }

.topicpath-item::after { display: inline-block; content: "\f3d1"; font-family: Ionicons; padding: .5vw; }

@media screen and (max-width: 767px) { .topicpath-item::after { padding: .75vw; } }

.topicpath-item.home span::after { font-size: 1.75vw; display: inline-block; content: "\f447"; font-family: Ionicons; padding: .5vw; }

.topicpath-item:nth-last-child(1)::after { content: none; }

.header { z-index: 10; }

@media screen and (min-width: 1024px) { .pcnone { display: none !important; } }

@media screen and (min-width: 768px) { .tabletnone { display: none !important; } }

.pbnone { padding-bottom: 0 !important; }

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

.lifestyle .mainvisualwrap, .about .mainvisualwrap { padding-left: 0; padding-right: 0; }

.mainvisualwrap { padding-left: 10px; padding-right: 10px; }

.mainvisualwrap .mainvisual { position: relative; height: 15.5vw; }

@media screen and (max-width: 767px) { .mainvisualwrap .mainvisual { height: 25.5vw; } }

.mainvisualwrap .mainvisual-title { font-size: 1.6vw; position: absolute; left: 1.8vw; top: calc(50% - 8px); }

@media screen and (max-width: 767px) { .mainvisualwrap .mainvisual-title { font-size: 4.5vw; line-height: 6vw; top: calc(50% - 14px); } }

.mainvisualwrap.-about .date { display: none; }

.mainvisualwrap.-about .mainvisual { height: 10.5vw; }

@media screen and (max-width: 767px) { .mainvisualwrap.-about .mainvisual { height: auto; } }

.mainvisualwrap.-about .mainvisual-title { padding-bottom: 0; width: 45vw; }

@media screen and (max-width: 767px) { .mainvisualwrap.-about .mainvisual-title { padding-bottom: 4vw; width: 65vw; } }

.mainvisualwrap.-about .about-title { position: absolute; right: 1.5vw; top: 1vw; font-size: 0; display: flex; flex-direction: column; align-items: center; }

@media screen and (max-width: 767px) { .mainvisualwrap.-about .about-title { top: calc(50% - 7.5vw); } }

.mainvisualwrap.-about .about-title img { vertical-align: bottom; }

.mainvisualwrap.-about .about-title .balloon { position: absolute; left: -17vw; width: 11vw; font-size: 1vw; background: url(../img/bg-about-balloon.png) no-repeat 50% 50%; background-size: 100% 100%; padding: 2vw 3vw; text-align: center; white-space: nowrap; transform: rotate(-6deg); }

.mainvisualwrap.-about .about-title .balloon .inner { transform: rotate(-5deg); margin-left: -0.5vw; }

.mainvisualwrap.-about .about-title .balloon { left: -19vw; width: 15vw; padding: 2.5vw 2vw 2.5vw; }

.mainvisualwrap.-about .about-title .cut { width: 5.5vw; height: 5.5vw; display: flex; justify-content: center; align-items: flex-start; margin-top: 0.5vw; margin-bottom: 0.5vw; margin-left: 1vw; }

.mainvisualwrap.-about .about-title .title { height: 2vw; transform: rotate(-7deg); }

.mainvisualwrap.-about .about-title .title img { width: auto; height: 100%; }

@media screen and (max-width: 767px) { .mainvisualwrap.-about .about-title .balloon { font-size: 2vw; left: -38vw; width: 40vw; padding: 4vw 0 4vw; }
  .mainvisualwrap.-about .about-title .cut { width: 10vw; height: 10vw; }
  .mainvisualwrap.-about .about-title .title { height: 3vw; } }

.maintext { font-size: 1vw; padding: 1vw; line-height: 1.6vw; }

@media screen and (max-width: 767px) { .maintext { font-size: 3vw; line-height: 5.6vw; padding: 2vw; } }

.listpage .mainvisual { background: url(../img/img-aboutmain.png); background-size: cover; }

@media screen and (max-width: 767px) { .listpage .mainvisual { background: url(../img/img-aboutmain-sp.png); background-size: cover; background-repeat: no-repeat; } }

.detail .articledetail { position: relative; background: #fff; padding: 7vw 1vw 12vw 1vw; }

@media screen and (max-width: 767px) { .detail .articledetail { padding: 16vw 2vw 33vw; } }

.detail .colum2content { position: relative; padding-top: 0; background: #fff; }

@media screen and (max-width: 767px) { .detail .colum2content { padding-bottom: 0; } }

.detail .mainvisual { border: 1px solid #ccc; height: auto; }

@media screen and (max-width: 767px) { .detail .mainvisual { height: auto; } }

.detail .mainvisual-title { position: static; padding: 4.2vw 1vw 4vw 1.6vw; line-height: 2.5vw; }

@media screen and (max-width: 767px) { .detail .mainvisual-title { padding: 10vw 0 4vw 1.6vw; line-height: 6.4vw; } }

.detail .mainvisual .entrycategory { position: absolute; font-size: 1vw; top: 1vw; padding: .5vw; }

@media screen and (max-width: 767px) { .detail .mainvisual .entrycategory { font-size: 2.4vw; padding: 1vw; } }

.detail .mainvisual .date { font-size: 1.3vw; position: absolute; right: 2vw; top: 1.7vw; }

@media screen and (max-width: 767px) { .detail .mainvisual .date { font-size: 2.4vw; top: 2vw; } }

.searchresult .mainvisualwrap { padding: 0; }

.searchresult .mainvisualwrap .mainvisual { border: 1px solid #ccc; height: auto; }

.searchresult .mainvisualwrap .mainvisual-title { position: static; padding: 6vw 0 6vw 1.6vw; line-height: 3vw; }

@media screen and (max-width: 767px) { .searchresult .mainvisualwrap .mainvisual-title { line-height: 6vw; } }

.wrap { display: -webkit-box; display: -ms-flexbox; display: flex; /* recommendblock */ }

.wrap .maincontent { width: 85.3%; width: 85.3vw; background: #f2f0ea; margin-left: 14.7vw; }

@media screen and (max-width: 767px) { .wrap .maincontent { width: 100%; width: 100vw; margin-left: 0; margin-top: 17.2vw; overflow: hidden; } }

@media screen and (min-width: 768px) { .wrap .maincontent-topchild { padding: 0 5.4vw 0 7.4vw; } }

.wrap .maincontent-topchild > section { padding-bottom: 5.75vw; }

@media screen and (max-width: 767px) { .wrap .maincontent-topchild > section { padding-bottom: 8.25vw; }
  .wrap .maincontent-topchild > section .aboutlist { margin-bottom: -3.6vw; } }

.wrap .maincontent-topchild > section .contentsbanner { padding-bottom: 0; }

@media screen and (max-width: 767px) { .wrap .maincontent-topchild .sectionmg-sp { margin-bottom: 0 !important; } }

.wrap .maincontent.notfound { min-height: 35vw; }

.wrap .maincontent.detail { background: #fff; }

.wrap .instawidget-top { position: relative; display: flex; justify-content: center; padding-left: 1vw; padding-top: 50px; background: #fff; padding-bottom: 0vw; padding-right: 1vw; }

@media screen and (max-width: 767px) { .wrap .instawidget-top { padding-left: 1vw; padding-bottom: 1vw; } }

.wrap .instawidget-top::before { content: ""; width: 100px; height: 32px; display: block; position: absolute; top: 10px; left: calc(50% - 50px); background: url(../img/img-instagram.png); background-size: contain; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .wrap .instawidget-top::before { top: 18px; left: 1vw; } }

.wrap .instawidget-top-logo-linkarea { display: flex; width: 100px; height: 25px; position: absolute; top: 16px; font-size: 14px; left: calc(50% - 50px); z-index: 1; }

@media screen and (max-width: 767px) { .wrap .instawidget-top-logo-linkarea { top: 21px; left: 1vw; } }

.wrap .instawidget-top-linkarea { display: flex; width: 100px; height: 50px; position: absolute; top: 16px; font-size: 14px; left: calc(50% + 70px); z-index: 1; }

@media screen and (max-width: 767px) { .wrap .instawidget-top-linkarea { top: 22px; left: 120px; } }

.wrap .articlelistblock { display: grid; display: -ms-grid; -ms-grid-rows: 15.8vw 15.8vw 3.5vw; grid-template-rows: 15.8vw 15.8vw 3.5vw; -ms-grid-columns: 40vw 16.65vw 15.55vw; grid-template-columns: 40vw 16.65vw 15.55vw; -ms-grid-template-columns: 1fr 1fr 1fr; }

@media screen and (max-width: 767px) { .wrap .articlelistblock { display: block; margin: 0 1.8vw; } }

.wrap .articlelistblock .module-articlelist-item { width: 15.55vw; margin-bottom: .5vw; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item { width: 100%; height: auto; margin-bottom: 1.6vw; }
  .wrap .articlelistblock .module-articlelist-item .module-articlelist-item:nth-last-child(1) { margin-bottom: 0; } }

.wrap .articlelistblock .module-articlelist-item a { display: block; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item a { display: flex; align-items: center; } }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item .entrycategory { font-size: 2.4vw; line-height: 2.4vw; padding: 1.8vw 1.5vw; } }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item h3 { font-size: 3.4vw; line-height: 4.8vw; padding: 1.4vw 1.2vw; font-weight: inherit; } }

.wrap .articlelistblock .module-articlelist-item { position: relative; background: #fff; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item figure { width: 42.5vw; } }

.wrap .articlelistblock .module-articlelist-item figcaption { position: relative; padding: 1vw 0 0.6vw; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item figcaption { position: static; max-width: 49vw; margin-left: 3.9vw; } }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item figcaption .entrycategory { position: absolute; top: 4px; right: 4px; color: #ADADAD; background-image: none; } }

@media screen and (min-width: 768px) { .wrap .articlelistblock .module-articlelist-item:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; width: 38vw; font-size: 1.1vw; line-height: 2vw; }
  .wrap .articlelistblock .module-articlelist-item:nth-child(1) figcaption { padding: 2.6vw .6vw; }
  .wrap .articlelistblock .module-articlelist-item:nth-child(1) figcaption .entrycategory { font-size: .9vw; padding: 1.3vw .5vw; top: -1.25vw; left: 0; }
  .wrap .articlelistblock .module-articlelist-item:nth-child(1) h3 { font-size: 1.1vw; } }

.wrap .articlelistblock .module-articlelist-item:nth-child(2) { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; }

.wrap .articlelistblock .module-articlelist-item:nth-child(3) { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; }

.wrap .articlelistblock .module-articlelist-item:nth-child(4) { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item:nth-child(4) { display: none; } }

.wrap .articlelistblock .module-articlelist-item:nth-child(5) { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item:nth-child(5) { display: none; } }

.wrap .articlelistblock .module-articlelist-item:nth-child(6) { -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / 4; width: 100%; font-size: 1vw; line-height: 1vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.wrap .articlelistblock .module-articlelist-item:nth-child(6).more { box-shadow: 0.1px 0.9px 2px #ccc; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item:nth-child(6).more { margin-bottom: 0; } }

.wrap .articlelistblock .module-articlelist-item:nth-child(6).more a { width: 100%; padding: 13px 0; text-align: center; }

@media screen and (max-width: 767px) { .wrap .articlelistblock .module-articlelist-item:nth-child(6).more a { justify-content: center; padding: 6vw 0px; font-size: 4.2vw; } }

.wrap .top .recommendblock-recommend { margin-bottom: 0; }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend:nth-child(1) { width: 100vw; height: auto; margin-bottom: 1.6vw; } }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend:nth-child(2) { margin-left: 1.8vw; } }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend:nth-child(3) { margin-right: 1.8vw; } }

.wrap .recommendblock-recommend { width: 23vw; height: 17.25vw; margin-bottom: 1vw; position: relative; }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend { width: 47.25vw; height: auto; } }

.wrap .recommendblock-recommend a { display: block; }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend figcaption { height: auto; position: relative; } }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend .entrycategory { font-size: 2.4vw; line-height: 2.4vw; padding: 1.8vw 1.5vw; top: -2.9vw; } }

@media screen and (max-width: 767px) { .wrap .recommendblock-recommend h3 { font-size: 3.4vw; line-height: 4.8vw; padding: 1.4vw 1.2vw; font-weight: inherit; padding-top: 4vw; } }

@media screen and (max-width: 767px) { .wrap .recommendblock { height: auto; width: 100vw; } }

.articlelist { width: 81.7%; width: 81.7vw; padding: 0 1.8vw 2.6vw; }

.articlelist-item { position: relative; background: #fff; margin-bottom: 2.8vw; }

@media screen and (max-width: 767px) { .articlelist-item { margin-bottom: 1.6vw; } }

.articlelist-item::before { content: ""; display: inline-block; width: 3.4vw; height: 3.3vw; background-image: url(../img/common/img-more.png); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 6px; right: 10px; }

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

.articlelist-item.last { font-size: 1.1vw; text-align: center; margin-top: 2vw; }

.articlelist-item.last a { display: block; padding: 1.3vw 0; }

@media screen and (max-width: 767px) { .articlelist-item.last a { font-size: 3.125vw; padding: 3vw 0; } }

.articlelist-item.last::before { content: none; }

.articlelist-item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .articlelist-item-link .entrycategory { position: absolute; top: 6px; } }

.articlelist-item-contentfooter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .articlelist { width: 96.2%; width: 96.2vw; padding: 0; margin: 0 1.8vw 5.6vw; } }

.aboutlist { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .aboutlist { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.aboutlist-item { position: relative; width: 17vw; background: #fff; margin-bottom: 1.3vw; }

@media screen and (min-width: 768px) { .aboutlist-item { margin-right: 1.5vw; }
  .aboutlist-item:nth-child(4n) { margin-right: 0; } }

@media screen and (max-width: 767px) { .aboutlist-item { width: 47.25vw; margin-bottom: 1.6vw; } }

.aboutlist-item a { display: block; }

.aboutlist-item figcaption { padding: 0.9vw 0 .2vw; }

@media screen and (max-width: 767px) { .aboutlist-item figcaption { height: auto; padding: 2.9vw 1vw 2.2vw; width: calc(100% - 2vw); } }

@media screen and (max-width: 767px) { .aboutlist-item h3 { font-size: 3.5vw; } }

@media screen and (max-width: 767px) { .aboutlist { width: auto; margin: 0 1.8vw; } }

.aboutlist2 { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 0 1.8vw; }

.aboutlist2-item { width: 19vw; margin-bottom: 3vw; }

.aboutlist2-item > a { display: block; width: 100%; }

.aboutlist2 img { vertical-align: bottom; }

.aboutlist2 .about-title { display: flex; flex-direction: column; align-items: center; }

.aboutlist2 .balloon { font-size: 1vw; background-size: 100% 100%; width: 100%; min-height: 3.2em; padding: 2.5vw 0 3vw; text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; }

.aboutlist2 .cut { width: 8vw; height: 8vw; display: flex; justify-content: center; align-items: center; margin-top: 0.5vw; margin-bottom: 1vw; text-align: center; max-width: 148px; max-height: 148px; }

.aboutlist2 .title-en { font-size: 0; height: 2vw; margin-bottom: 0.5vw; }

.aboutlist2 .title-en img { width: auto; height: 100%; }

.aboutlist2 .title-ja { font-size: 1vw; }

@media screen and (max-width: 767px) { .aboutlist2 { padding: 0 5vw; }
  .aboutlist2-item { width: 40vw; }
  .aboutlist2 .cut { width: 16vw; height: 16vw; margin-bottom: 2vw; }
  .aboutlist2 .balloon { font-size: 2.5vw; padding: 5vw 2vw; }
  .aboutlist2 .title-en { height: 4vw; margin-bottom: 1vw; }
  .aboutlist2 .title-ja { font-size: 2.5vw; } }

.top-about .lead { font-size: 1vw; text-align: center; margin-bottom: 2vw; }

.top-about .aboutlist2-item:nth-child(n+7) { display: none; }

.top-about .read-more { text-align: right; }

.top-about .read-more a { font-size: 1.5vw; padding: 3.5vw 9vw 3.5vw 6vw; background: url(../img/bg-read-more.png) no-repeat 100% 50%; background-size: 100% auto; }

@media screen and (max-width: 767px) { .top-about .lead { font-size: 3vw; }
  .top-about .read-more a { font-size: 4vw; padding: 5vw 20vw 5vw 15vw; } }

@media screen and (min-width: 1024px) { .elements { /* @include mq */ } }

@media screen and (min-width: 1024px) and (max-width: 1023px) { .elements { /* @include mq in @include mq(large, max, true) */ } }

.thankspage-content { font-size: 14px; padding: 2vw 4vw 4vw; }

@media screen and (max-width: 1023px) { .thankspage-content { padding: 2vw 10vw 4vw; } }

.mailmag-meritarea { font-size: 14px; line-height: 23px; padding: 2vw 0 5vw; margin: 0 2vw; }

@media screen and (max-width: 767px) { .mailmag-meritarea { padding-left: 2vw; padding-right: 2vw; } }

.recipe-title { font-size: 1.5vw; border-bottom: 3px solid #000; padding-left: 10px; margin: 3vw 0 2.5vw !important; background: none; text-align: center; color: #000; border-left: none !important; }

@media screen and (max-width: 767px) { .recipe-title { margin-bottom: 6.5vw !important; } }

.recipe-table { border-top: 1px dotted #969696 !important; background: #fff; }

.recipe-table thead { display: none; }

.recipe-table tbody tr { border-bottom: 1px dotted #969696 !important; }

@media screen and (max-width: 767px) { .recipe-table tbody tr { border-bottom: none !important; }
  .recipe-table tbody tr:last-child td { border-bottom: 1px dotted #969696 !important; } }

.recipe-table tbody tr td { padding: 10px !important; border-bottom: none !important; }

@media screen and (max-width: 767px) { .recipe-table tbody tr td { display: table-cell; border-bottom: 1px dotted #969696 !important; } }

.recipe-table tbody tr td:nth-child(odd) { width: 60% !important; text-align: left; }

@media screen and (max-width: 767px) { .recipe-table tbody tr td:nth-child(odd) { padding-right: 0; } }

.recipe-table tbody tr td:nth-child(even) { width: 40% !important; text-align: right; }

@media screen and (max-width: 767px) { .recipe-table tbody tr td:nth-child(even) { padding-left: 0; } }

.formstyle { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }

.formstyle .formErrorArrow { display: none; }

.formlayoutwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.formlayoutwrap .formErrorArrow { display: none !important; }

#overlay { height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.4); display: block; position: absolute; top: 0; left: 0; position: relative; }

@media screen and (max-width: 767px) { .menu-list-content { width: 100%; margin-right: 1.8vw; margin-left: 1.8vw; }
  .menu-list .menu-list-item { border-bottom: .8vw solid #c0beb3; position: relative; background: #fff; font-size: 5vw !important; margin-bottom: 4.2vw; line-height: inherit !important; }
  .menu-list .menu-list-item a { display: block; height: 13vw; padding-left: 3.8vw; padding-top: 3vw; padding-bottom: 1vw; }
  .menu-list .menu-list-item a::after { content: none !important; }
  .menu-list .menu-list-item a span { display: block; font-size: 3vw; padding: .5vw 2vw; margin-top: 0.2vw; line-height: 1.4vw; }
  .menu-list ul li.menu-list-item:nth-child(1)::after { content: ""; background: url(../img/common/header/img-spmenu01.png); background-repeat: repeat; background-size: contain; background-repeat: no-repeat; width: 19vw; height: 14vw; display: inline-block; position: absolute; right: 4%; top: 11%; }
  .menu-list ul li.menu-list-item:nth-child(2)::after { content: ""; background: url(../img/common/header/img-spmenu02.png); background-repeat: repeat; background-size: contain; background-repeat: no-repeat; width: 12vw; height: 14vw; display: inline-block; position: absolute; right: 4%; top: 11%; }
  .menu-list ul li.menu-list-item:nth-child(3)::after { content: ""; background: url(../img/common/header/img-spmenu03.png); background-repeat: repeat; background-size: contain; background-repeat: no-repeat; width: 27vw; height: 14vw; display: inline-block; position: absolute; right: 4%; top: 11%; } }

.entrycommon { padding: 1.2vw; }

.entrycommon .acms-grid, .entrycommon .acms-grid-r { margin-left: 0; margin-right: 0; }

.copyright { font-size: .7vw; text-align: center; line-height: 1.6vw; color: #333333; }

.copyright-sp { width: 43vw; margin: 0 auto; text-align: center; padding: 3vw 0; line-height: 4vw; font-size: 2.4vw; }

.copyright-sp span { display: block; }

.copyright span { display: block; }

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

.wrap .contact { background: #fff; }

.wrap .contact-content { padding: 0 12vw; min-height: 40vh; }

@media screen and (max-width: 767px) { .wrap .contact-content { padding: 0; } }

.wrap .contact .policyarea { border: 1px solid #ccc; height: 220px; overflow-y: scroll; font-size: 14px; padding: 20px; margin-left: 10px; margin-right: 10px; }

@media screen and (max-width: 767px) { .wrap .contact .policyarea { font-size: 3vw; margin: 0 20px; } }

.wrap .contact .policyarea h1 { font-size: 1.1vw; border-bottom: 3px solid #000; padding-left: 10px; margin: 3vw 0 1.5vw; }

@media screen and (max-width: 767px) { .wrap .contact .policyarea h1 { font-size: 3.2vw; } }

.wrap .contact .policyarea h2 { font-size: 1.1vw; border-left: 5px solid #000; padding-left: 10px; text-align: left; margin: 3vw 0 1.5vw; }

@media screen and (max-width: 767px) { .wrap .contact .policyarea h2 { font-size: 3.2vw; } }

.wrap .contact .policyarea h3 { font-size: 1.1vw; padding: 3px 10px; background: #f9f6ed; margin: 3vw 0 1.5vw; }

@media screen and (max-width: 767px) { .wrap .contact .policyarea h3 { font-size: 3.2vw; } }

.wrap .contact .policyarea h4 { font-size: 1.1vw; margin: 3vw 0 1.5vw; }

.wrap .contact .policyarea h4::before { content: "●"; font-size: 24px; margin-right: 6px; }

@media screen and (max-width: 767px) { .wrap .contact .policyarea h4 { font-size: 4.5vw; } }

.wrap .contact .policyarea ul { list-style: disc; padding-left: 4vw; }

.wrap .contact .policyarea ol { list-style: decimal; margin-top: 20px; padding-left: 4vw; }

.wrap .contact .mainvisual { background: #f9f6ed; }

.wrap .contact ol { list-style: none; }

.wrap .contact ol li ion-icon:after { font-size: 2vw; display: inline-block; content: "\f3d6"; font-family: Ionicons; padding: .5vw; }

.wrap .contact .form-step { display: flex; justify-content: space-around; align-items: center; font-size: 1.2vw; padding: 2vw 0 3vw; }

@media screen and (max-width: 767px) { .wrap .contact .form-step { font-size: 12px; } }

.wrap .contact .form-step-item { border-radius: 50%; width: 8vw; height: 8vw; line-height: 8vw; text-align: center; background: #f9f6ed; }

@media screen and (max-width: 767px) { .wrap .contact .form-step-item { width: 15vw; height: 15vw; line-height: 15vw; } }

.wrap .contact .form-step .form-step-item-current { background: #ccc; }

.wrap .contact h2 { text-align: center; border-bottom: 1px solid #999; font-size: 16px; margin-top: 4vw; }

@media screen and (max-width: 767px) { .wrap .contact h2 { margin-top: 2vw; margin-right: 2rem; margin-left: 2rem; } }

.wrap .contact .contactbeforewrap { font-size: 14px; display: flex; justify-content: space-around; flex-wrap: wrap; padding: 2vw 0 5vw; }

@media screen and (max-width: 767px) { .wrap .contact .contactbeforewrap { padding: 4vw 15px 5vw; } }

.wrap .contact .contactbeforewrap a { color: inherit; }

.wrap .contact .contactbeforewrap a:hover { text-decoration: none; }

.wrap .contact .contactbeforewrap-item:nth-child(1):after { content: ""; display: inline-block; background: url(../img/img_faq.png); background-size: contain; width: 50px; height: 30px; position: absolute; left: 30px; top: 30px; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .wrap .contact .contactbeforewrap-item:nth-child(1):after { left: 70px; top: 17px; } }

.wrap .contact .contactbeforewrap-item:nth-child(2):after { content: ""; display: inline-block; background: url(../img/img_guide.png); background-size: contain; width: 50px; height: 30px; position: absolute; left: 40px; top: 26px; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .wrap .contact .contactbeforewrap-item:nth-child(2):after { left: 80px; top: 12px; } }

.wrap .contact .contactbeforewrap-item { position: relative; background: #f9f6ed; width: 23vw; height: 6vw; line-height: 6vw; text-align: center; border-bottom: 3px solid #999; }

@media screen and (max-width: 767px) { .wrap .contact .contactbeforewrap-item { width: 100%; margin-bottom: 20px; height: 12vw; line-height: 12vw; padding-left: 0; } }

.wrap .contact .contactbeforewrap-item::before { content: ""; position: absolute; bottom: -6px; right: -6px; width: 0; height: 0; display: inline-block; border: 10px solid transparent; border-top: 10px solid #ccc; transform: deg(90); transform: rotate(-45deg); }

.wrap .contact .contactbeforewrap-item a { padding-left: 40px; display: block; }

.wrap .contact .acms-form textarea { border: none; border-radius: 0; }

.wrap .contact .acms-form input[type="email"], .wrap .contact .acms-form input[type="number"], .wrap .contact .acms-form input[type="password"], .wrap .contact .acms-form input[type="search"], .wrap .contact .acms-form input[type="tel"], .wrap .contact .acms-form input[type="text"] { border: none; border-radius: 0; padding-top: 14px; padding-bottom: 11px; }

.wrap .contact .select-item { position: relative; }

.wrap .contact .select-item::after { content: ""; display: inline-block; position: absolute; top: 11px; right: 11px; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #000; border-bottom: 0; }

.wrap .contact .select-item.select01 { display: inline-block; }

.wrap .contact .select-item.select01 .select01-style { width: 100%; }

.wrap .contact .form-select { font-size: 12px; -moz-appearance: none; -webkit-appearance: button; display: inline-block; padding: 7px 30px 7px 10px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; background-color: #f7f7f7; background: url(../images/marker/arrow_black03.png?v=20180424135242) 100%, #fff; background-repeat: no-repeat; text-decoration: none; text-align: center; font-size: 14px; line-height: 1.3; vertical-align: middle; transition: border-color .2s; text-align: left; }

.entrycategory { padding: .2vw .5vw; }

.entrycategory.articlecategory { display: inline-block; font-size: 1.1vw; }

@media screen and (min-width: 768px) { .entrycategory.articlecategory { padding: .4vw 1vw; position: absolute; top: calc(50% - 1.4vw); } }

@media screen and (max-width: 767px) { .entrycategory.articlecategory { font-size: 2.4vw; } }

.entrytext { margin-left: 1vw; max-width: 29vw; }

.entrytext .articlelist-date { font-size: 1vw; margin-bottom: .5vw; }

@media screen and (max-width: 767px) { .entrytext .articlelist-date { font-size: 2.4vw; } }

.entrytext dd { font-size: 1.3vw; line-height: 1.8vw; }

@media screen and (max-width: 767px) { .entrytext dd { font-size: 3.4vw; line-height: 4.8vw; } }

@media screen and (max-width: 767px) { .entrytext { max-width: 49vw; margin-left: 3.9vw; } }

.entrycategorywrap { width: 13vw; }

@media screen and (min-width: 768px) { .entrycategorywrap { display: -webkit-box; display: -ms-flexbox; display: flex; } }

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

.entryimg { width: 17vw; line-height: 0; }

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

.snsblock { font-family: Ionicons; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.snsblock.setheader { margin-bottom: .3vw; -ms-flex-pack: distribute; justify-content: space-around; }

@media screen and (max-width: 767px) { .snsblock.setheader { width: 90vw; margin-right: auto; margin-left: auto; margin-bottom: 5vw; -ms-flex-pack: distribute; justify-content: space-around; } }

.snsblock.setmain { width: 15vw; position: absolute; top: 1vw; right: 2vw; z-index: 9; }

@media screen and (max-width: 767px) { .snsblock.setmain { width: 35vw; } }

.snsblock.setmain .ion { background: #ebe6d9; margin: 0 1vw; }

@media screen and (max-width: 767px) { .snsblock.setmain .ion { width: 6.5vw; height: 6.5vw; line-height: 6.5vw !important; font-size: 3.75vw; } }

.snsblock.setmain .ion a { color: #333333; }

.snsblock.setcontent { padding-top: 8vw; padding-right: 5.5vw; }

@media screen and (max-width: 767px) { .snsblock.setcontent { padding: 25vw 0 5vw !important; } }

@media screen and (max-width: 767px) { .snsblock.setcontent, .snsblock.setsp { width: 95vw; padding: 2vw 0; } }

.snsblock.setcontent .ion, .snsblock.setsp .ion { background: #ebe6d9; margin: 0 1vw; }

@media screen and (max-width: 767px) { .snsblock.setcontent .ion, .snsblock.setsp .ion { width: 6.5vw; height: 6.5vw; line-height: 6.5vw !important; font-size: 3.75vw; margin: 0 2vw; } }

.snsblock.setcontent .ion a, .snsblock.setsp .ion a { color: #333333; font-size: 1.4em; }

@media screen and (min-width: 768px) { .snsblock.setcontent .ion a, .snsblock.setsp .ion a { font-size: .6em; } }

.snsblock.setsp { position: absolute; top: 2vw; right: 2vw; bottom: auto; }

@media screen and (min-width: 768px) { .snsblock.setsp { display: none; } }

.snsblock .ion { border-radius: 50%; background: #ccc; text-align: center; }

@media screen and (min-width: 768px) { .snsblock .ion a { display: block; width: 2.5vw; height: 2.5vw; line-height: 2.5vw !important; font-size: 1.75vw; color: #fff; } }

@media screen and (max-width: 767px) { .snsblock .ion { width: 10.5vw; height: 10.5vw; line-height: 10.5vw !important; font-size: 5.75vw; }
  .snsblock .ion a { color: #fff; } }

.snsblock .ion.lineicon img, .snsblock .ion.twittericon img { width: 1.7vw; height: auto; margin-top: .5vw; }

@media screen and (max-width: 767px) { .snsblock .ion.lineicon img, .snsblock .ion.twittericon img { width: 4.7vw; } }

.snsblock .ion.lineicon { margin-right: 0; }

.contentsbanner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 4.5vw 0; border-top: 1px solid #c2bdb9; }

@media screen and (max-width: 767px) { .contentsbanner { padding: 8.25vw 1.8vw 0; justify-content: space-between; margin-bottom: 8.25vw; width: auto; } }

.contentsbanner-item:nth-child(4n) { margin-right: 0; }

.contentsbanner-item { width: 17vw; margin-right: 1.5vw; }

.contentsbanner-item:nth-last-child(1) { margin-right: 0; }

@media screen and (max-width: 767px) { .contentsbanner-item { width: 47.25vw; margin-bottom: 1.6vw; }
  .contentsbanner-item:nth-child(2n) { margin-right: 0; } }

.contentsbanner-item a { display: block; line-height: 0; }

.specialcontent .entrycategory { border: 1px solid #ccc; background: #fff; }

@media screen and (max-width: 767px) { .specialcontent .entrycategory { padding: 1.4vw 2.8vw; } }

.specialcontent .entrycategory:hover { text-decoration: none; }

.colum2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 85.3%; width: 85.3vw; margin-left: 14.7vw; }

@media screen and (max-width: 767px) { .colum2 { width: 100%; width: 100vw; margin-left: 0; margin-top: 19vw; } }

.colum2content { background: #f2f0ea; padding-top: 2.2vw; padding-bottom: 1px; min-height: 60vw; }

@media screen and (max-width: 767px) { .colum2content { background: #f9f6ed; padding-top: 3.5vw; padding-bottom: 10vw; min-height: 74vw; } }

.colum2 .articledetail { position: relative; background: #fff; padding: 7vw 1vw 2vw 1vw; }

@media screen and (max-width: 767px) { .colum2 .articledetail { padding: 16vw 2vw 2vw; } }

.colum2 .articledetail a { color: inherit; }

.colum2 .articledetail a:hover { text-decoration: none; }

.colum2 .articledetail .taglist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .colum2 .articledetail .taglist { padding: 0; } }

.colum2 .articledetail .taglist .entrycategory { border: 1px solid #ccc; background: none; }

@media screen and (max-width: 767px) { .colum2 .articledetail .taglist .entrycategory { padding: 1vw 1.5vw; } }

.colum2 .maincontent { margin-left: 0; width: 64.7%; width: 64.7vw; background: none; }

@media screen and (max-width: 767px) { .colum2 .maincontent { width: 100%; width: 100vw; margin-left: 0; margin-top: 0; } }

.colum2 .aboutlist { width: 61.1%; width: 61.1vw; }

@media screen and (min-width: 768px) { .colum2 .aboutlist { padding: 0 1.8vw; } }

.colum2 .aboutlist-item { width: 18.7vw; background: #fff; margin-right: 2.5vw; }

@media screen and (min-width: 768px) { .colum2 .aboutlist-item:nth-child(3n) { margin-right: 0; } }

@media screen and (max-width: 767px) { .colum2 .aboutlist-item { width: 47.25vw; margin-bottom: 1.6vw; margin-right: 0; } }

.colum2 .aboutlist-item figcaption { position: static; padding: 0.7vw 0 .5vw; height: 2.7vw; }

@media screen and (max-width: 767px) { .colum2 .aboutlist-item figcaption { width: calc(100% - 2vw); padding: 2vw 1vw 1vw; height: 10.3vw; } }

.colum2 .aboutlist-item h3 { line-height: 1.4vw; padding: 0 .6vw; }

@media screen and (max-width: 767px) { .colum2 .aboutlist-item h3 { font-size: 3.5vw; line-height: 5.2vw; } }

@media screen and (max-width: 767px) { .colum2 .aboutlist { width: auto; margin: 0 1.6vw; } }

.colum2 .articlelist { width: 61.1%; width: 61.1vw; }

@media screen and (max-width: 767px) { .colum2 .articlelist { width: 96.2%; width: 96.2vw; } }

.colum2.about { background: #f2f0ea; }

.colum2.about .topicpath, .colum2.about .mainvisualwrap { background: #FFF; }

.colum2.about .rightcolum { padding-bottom: 2vw; }

.colum2.about .about-footer { width: 100%; padding: 0 1.8vw; }

.trendkeyword .entrycategory { background: none; text-decoration: underline; padding-left: 0 !important; padding-right: 0 !important; font-size: 0.85vw; }

.trendkeyword .entrycategory ::before { content: "# "; }

@media screen and (max-width: 767px) { .trendkeyword .entrycategory { font-size: 3.4vw; padding: 0; } }

.mailbanner-content { width: 40vw; margin: 0 auto; }

@media screen and (max-width: 767px) { .mailbanner-content { width: 70vw; margin-top: 2vw; } }

.articledetail .taglist.taglist-footer .entrycategory { border: 1px solid #ccc; background: none; }

.articledetail .blogarea { font-size: 1.2vw; line-height: 2.8vw; padding: 0 4vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea { font-size: 4vw; line-height: 6.4vw; padding: 0; margin-left: 0; margin-right: 0; } }

.articledetail .blogarea a { text-decoration: underline; }

.articledetail .blogarea a:hover { text-decoration: none; }

.articledetail .blogarea .caption { color: #666; margin: 0; font-size: 1vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea .caption { font-size: 3.5vw; } }

.articledetail .blogarea h1 { font-size: 1.5vw; border-bottom: 3px solid #000; padding-left: 10px; margin: 3vw 0 1.5vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea h1 { font-size: 4.5vw; } }

.articledetail .blogarea h2 { font-size: 1.75vw; border-left: 5px solid #000; padding-left: 10px; margin: 3vw 0 1.5vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea h2 { font-size: 4.5vw; } }

.articledetail .blogarea h3 { font-size: 1.75vw; padding: 3px 10px; background: #f9f6ed; margin: 5vw 0 1.5vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea h3 { font-size: 4.5vw; margin: 8vw 0 4.5vw; } }

.articledetail .blogarea h4 { font-size: 1.4vw; margin: 3vw 0 1.5vw; }

.articledetail .blogarea h4::before { content: "●"; margin-right: 6px; }

@media screen and (max-width: 767px) { .articledetail .blogarea h4 { font-size: 4.5vw; } }

.articledetail .blogarea ul { list-style: disc; padding-left: 3vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea ul { padding: 0 4vw 0 7vw; } }

.articledetail .blogarea ol { padding-left: 3vw; }

@media screen and (max-width: 767px) { .articledetail .blogarea ol { padding: 0 4vw 0 7vw; } }

.taglist { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.09375vw; padding: 1.5vw 1vw 1.5vw 4.5vw; }

@media screen and (max-width: 767px) { .taglist { font-size: 3vw; padding: 5.5vw 1vw; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.taglist li { margin-right: 1vw; margin-bottom: 2vw; }

.taglist.bodycategory { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; padding-left: 1.8vw; }

@media screen and (max-width: 767px) { .taglist.bodycategory { padding-left: 1.6vw; padding-top: 1vw; padding-right: 1.6vw; } }

.taglist.bodycategory li { margin-bottom: 1vw; }

@media screen and (max-width: 767px) { .taglist.bodycategory li { margin-bottom: 1.5vw; } }

.taglist .entrycategory { padding: .4vw .8vw; border-radius: 4px; }

@media screen and (max-width: 767px) { .taglist .entrycategory { padding: 1vw 1.5vw; } }

.taglist.trendkeyword { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-right: -1vw; }

.taglist.trendkeyword.trendkeyword-header li { margin-right: 1vw; }

@media screen and (max-width: 767px) { .taglist.trendkeyword.trendkeyword-header li { padding: 0 1vw; } }

.taglist.trendkeyword .entry-tag-item { margin-right: 2vw; margin-bottom: 0; }

@media screen and (max-width: 767px) { .taglist.trendkeyword .entry-tag-item { margin-right: 3vw; margin-bottom: .4vw; } }

@media screen and (max-width: 767px) { .trendkeyword-sp.trendkeyword-header { padding-top: 3vw; margin-bottom: 0; } }

@media screen and (max-width: 767px) { .sectionmg-sp { padding-bottom: 0 !important; margin-bottom: 8.25vw !important; } }

.module-recommend { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.module-recommend-item { position: relative; width: 17.5%; width: 17.5vw; margin-bottom: 1.6vw; background: #fff; }

.module-recommend-item:nth-last-child(1) { margin-bottom: 0; }

.module-recommend-text { font-size: 1vw; line-height: 2vw; padding: 0 .4vw .5vw; }

.rightcolum-block-item .entrycategory { display: inline-block; font-size: 1vw; padding: .8vw .5vw; margin: .1vw 0 .5vw; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

.articledetail .blogarea .instawidget { list-style: none; margin: 0; padding: 0; }

p.prbox { border-bottom: 2px dashed lightgray; }

.contentfooter { position: relative; background: #f2f0ea; padding-top: 2.2vw; padding-bottom: 1vw; }

@media screen and (max-width: 767px) { .contentfooter { background: #f9f6ed; padding-top: 3.5vw; margin-bottom: 0; } }

.contentfooter > div { padding-bottom: 3.75vw; }

.contentfooter-recommend { width: 61.1%; width: 61.1vw; margin: 0 1.8vw; }

.contentfooter-recommend .module-recommend-item { width: 19.5%; width: 19.5vw; height: 14.65vw; }

.contentfooter-recommend .module-recommend-item a { position: relative; }

@media screen and (max-width: 767px) { .contentfooter-recommend .module-recommend-item h3 { font-size: 3.4vw; line-height: 4.8vw; padding: 1.4vw 1.2vw; font-weight: inherit; } }

@media screen and (max-width: 767px) { .contentfooter-recommend .module-recommend-item .entrycategory { font-size: 2.4vw; line-height: 2.4vw; padding: 1.8vw 1.5vw; } }

.mailbanner-content a { line-height: 0; }

@media screen and (max-width: 767px) { .mailbanner-content { width: 96.4vw; line-height: 1; margin: 0 auto 5vw; } }

.rightcolum { width: 17.3%; width: 17.3vw; background: #f9f6ed; padding: 1.4vw 2.1vw 0 1.1vw; }

@media screen and (max-width: 767px) { .rightcolum { width: 100%; width: 100vw; padding: 0; margin-top: -2vw; } }

@media screen and (min-width: 768px) { .rightcolum .titlestyle01 { font-size: 1.2vw; } }

.rightcolum .pickup-sp { margin-bottom: 4.1vw; background: #fff; }

@media screen and (max-width: 767px) { .rightcolum-block .pickup-sp { height: auto; width: 96.4vw; background: #fff; }
  .rightcolum-block .pickup-sp a { width: 100%; }
  .rightcolum-block .pickup-sp h3 { padding-left: .8vw; font-size: 4.375vw; width: 92vw; line-height: 6vw; padding-bottom: 2vw; margin-left: 2vw; margin-right: 2vw; font-weight: inherit; }
  .rightcolum .recommend-sp { margin: 0 auto; } }

.rightcolum-block { width: 18.7vw; margin-right: 1.8vw; }

@media screen and (max-width: 767px) { .rightcolum-block-item { width: 46.5vw; } }

.rightcolum-block-item .entrycategory { border-radius: 0 4px 4px 0; }

.rightcolum-block-item h3 { font-size: 1.1vw; line-height: 2vw; padding: 0 .4vw .5vw; font-weight: inherit; }

@media screen and (max-width: 767px) { .rightcolum-block-item h3 { font-size: 3.4vw; line-height: 4.8vw; padding: 1.4vw 1.2vw; } }

@media screen and (max-width: 767px) { .rightcolum-block { height: auto; width: 96.4vw; padding: 0 0 5vw; margin-right: 1.8vw; margin-left: 1.8vw; } }

.rightcolum .acms-list-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.rightcolum .acms-list-inline li { margin-bottom: 10px; padding-right: 10px; }

.rightcolum .acms-list-inline li span { display: block; font-size: 12px; }

/* mainblock */
.layoutarticle01 { margin-bottom: 4.1vw; }

.layoutarticle01-item { position: relative; background: #fff; margin-bottom: 1.6vw; }

.layoutarticle01-item:nth-last-child(1) { margin-bottom: 0; }

@media screen and (max-width: 767px) { .layoutarticle01-item { width: 100% !important; } }

.layoutarticle01-item a, .layoutarticle01-item .flexwrap { width: 100%; }

.layoutarticle01-item a figure, .layoutarticle01-item .flexwrap figure { position: relative; }

@media screen and (max-width: 767px) { .layoutarticle01-item a figure, .layoutarticle01-item .flexwrap figure { width: 42.5vw; } }

.layoutarticle01-item a figure .number-pv, .layoutarticle01-item .flexwrap figure .number-pv { background: rgba(185, 184, 184, 0.85); border-radius: 20px; font-size: .6vw; padding: .2vw .4vw; position: absolute; right: 2px; bottom: 3px; color: #fff; z-index: 9; }

@media screen and (max-width: 767px) { .layoutarticle01-item a figure .number-pv, .layoutarticle01-item .flexwrap figure .number-pv { font-size: 2.4vw; padding: .5vw .9vw; } }

@media screen and (max-width: 767px) { .layoutarticle01-item a figcaption, .layoutarticle01-item .flexwrap figcaption { max-width: 49vw; margin-left: 3.9vw; } }

@media screen and (max-width: 767px) { .layoutarticle01-item a figcaption div, .layoutarticle01-item .flexwrap figcaption div { position: static; } }

@media screen and (max-width: 767px) { .layoutarticle01-item a figcaption .entrycategory, .layoutarticle01-item .flexwrap figcaption .entrycategory { font-size: 2.4vw; } }

@media screen and (max-width: 767px) { .layoutarticle01-item a h3, .layoutarticle01-item .flexwrap h3 { font-size: 3.4vw; line-height: 4.8vw; padding: 0; } }

@media screen and (min-width: 768px) { .column04 .layoutarticle01 { display: flex; justify-content: space-between; margin-bottom: 4.1vw; } }

@media screen and (max-width: 767px) { .column04 .layoutarticle01 { margin: 0 1.8vw; } }

@media screen and (min-width: 768px) { .column04 .layoutarticle01-item { width: 17vw; height: 12.74vw; margin-bottom: 1vw; position: relative; } }

.column04 .layoutarticle01:nth-last-child(1) { margin-bottom: 0; }

@media screen and (min-width: 768px) { .column04 .layoutarticle01 a { display: block; position: relative; } }

.column04 .layoutarticle01 a figure { position: relative; width: 100%; }

@media screen and (max-width: 767px) { .column04 .layoutarticle01 a figure { width: 42.5vw; } }

.column04 .layoutarticle01 a figure .number-pv { background: rgba(185, 184, 184, 0.85); border-radius: 20px; font-size: .6vw; padding: .2vw .4vw; position: absolute; right: 2px; bottom: 3px; color: #fff; }

@media screen and (max-width: 767px) { .column04 .layoutarticle01 a figure .number-pv { font-size: 2.4vw; padding: .5vw .9vw; } }

@media screen and (min-width: 768px) { .column04 .layoutarticle01 a figcaption { height: 2.1vw; position: absolute; bottom: 0; width: 100%; padding: 1vw 0 0.6vw; background: rgba(255, 255, 255, 0.85); } }

@media screen and (max-width: 767px) { .column04 .layoutarticle01 a figcaption { max-width: 49vw; margin-left: 3.9vw; } }

.column04 .layoutarticle01 a figcaption div { position: static; }

.column04 .layoutarticle01 a figcaption .entrycategory, .column04 .layoutarticle01 a figcaption .entrydate { font-size: .6vw; }

@media screen and (max-width: 767px) { .column04 .layoutarticle01 a figcaption .entrycategory, .column04 .layoutarticle01 a figcaption .entrydate { font-size: 2.4vw; color: #ADADAD; } }

@media screen and (max-width: 767px) { .column04 .layoutarticle01 a h3 { font-size: 3.4vw; line-height: 4.8vw; padding: 0; } }

@media screen and (min-width: 768px) { .column04.related .layoutarticle01 { width: 61.1vw; margin: 0 auto; justify-content: flex-start; }
  .column04.related .layoutarticle01-item { width: 14.25vw; height: 10.5vw; margin-right: 1.35vw; }
  .column04.related .layoutarticle01-item:nth-last-child(1) { margin-right: 0; } }

.header .searcharea .icon-search, .button { display: inline-block; text-align: center; font-size: 1.8vw; }

.btnsubmit { background: #999; color: #fff; width: 300px; height: 40px; line-height: 40px; font-size: 14px; }

.btnsubmit a { color: #fff !important; display: block; }

.btnback { background: #fff; border: 1px solid #999 !important; color: #000; width: 300px; height: 40px; font-size: 14px; }

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

.resetform { border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 24px; justify-content: center; }

.onlineshop-banner { margin-bottom: 0 !important; }

.onlineshop-banner a { display: inline !important; }

.onlineshop-banner a img { width: 100%; }

@media screen and (max-width: 767px) { .onlineshop-banner a img { width: auto; } }

@media screen and (min-width: 768px) { .acms-col-sm-6 .onlineshop-banner img { width: 100%; }
  .acms-col-sm-4 .onlineshop-banner img { width: auto; }
  .onlineshop-banner { width: 50%; margin-left: 0; } }

/************************************************** allergy */
.allergy-information { padding: 0 1vw; }

@media screen and (max-width: 767px) { .allergy-information { padding: 0 3vw; } }

.allergy-information h4.title { margin: 5vw -1vw 1vw; }

@media screen and (max-width: 767px) { .allergy-information h4.title { margin: 5vw -3vw 0; } }

.allergy-information h5.sub-title { font-size: 1.2vw; margin: 0 0 0.5vw; }

.allergy-information h5.sub-title::before { content: ""; margin-right: 0; }

@media screen and (max-width: 767px) { .allergy-information h5.sub-title { margin: 2vw 0; font-size: 3.5vw; } }

.allergy-information ul.allergy-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; padding: 0; margin: 0 -0.5vw 0.5vw; }

@media screen and (max-width: 767px) { .allergy-information ul.allergy-list { margin: 0 -1.5vw 0; } }

.allergy-information ul.allergy-list > .item { width: 9.09%; padding: 0 .5vw 0; margin: 0 0 1vw; box-sizing: border-box; text-align: center; }

@media screen and (max-width: 767px) { .allergy-information ul.allergy-list > .item { width: 16.66%; padding: 0 1.5vw; } }

.allergy-information ul.allergy-list > .item .icon { width: 100%; height: 0; padding-bottom: 100%; display: block; background-color: #c8c8cb; border-radius: 33.5%; background-repeat: no-repeat; background-position: center; background-size: 66% 66%; }

.allergy-information ul.allergy-list > .item .icon.color2 { background-color: #f5d021; }

.allergy-information ul.allergy-list > .item .icon.color1 { background-color: #b4ebfa; }

.allergy-information ul.allergy-list > .item .name { display: block; font-size: 0.8vw; white-space: nowrap; }

@media screen and (max-width: 767px) { .allergy-information ul.allergy-list > .item .name { font-size: 3vw; } }

.allergy-information ul.allergy-list > .item.e77ab7a2aac55b15196ea3eec1059705 .name { margin: 0 -1vw; }

@media screen and (max-width: 767px) { .allergy-information ul.allergy-list > .item.e77ab7a2aac55b15196ea3eec1059705 .name { margin: 0 -3vw; font-size: 2.5vw; } }

.allergy-information ul.legend { list-style: none; padding: 0; font-size: 1vw; margin: 0 0 1vw; }

@media screen and (max-width: 767px) { .allergy-information ul.legend { font-size: 3vw; } }

.allergy-information ul.legend li { text-indent: -3.5em; padding-left: 3.5em; }

.allergy-information ul.legend i { background: #c8c8cb; width: 3em; height: 1.5em; vertical-align: middle; display: inline-block; margin-right: 0.5em; border-radius: 16.75%; }

.allergy-information ul.legend i.color2 { background: #f5d021; }

.allergy-information ul.legend i.color1 { background: #b4ebfa; }

.allergy-information p.notice { font-size: 1vw; margin: 0; }

@media screen and (max-width: 767px) { .allergy-information p.notice { font-size: 3vw; } }

.pager { position: relative; display: flex; align-items: center; width: 20vw; margin: 0 auto; font-size: 2vw; justify-content: center; padding-bottom: 3.5vw; }

@media screen and (min-width: 768px) { .pager { padding-bottom: 3vw; } }

@media screen and (max-width: 767px) { .pager { font-size: 3vw; padding-bottom: 4.5vw; margin-bottom: 0; } }

.pager div { font-size: 2vw; }

.pager li { padding: 0 2vw; }

.pager2 { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 2.6vw; }

.pager2 > li { display: none; margin: 0 10px; }

.pager2 > li span, .pager2 > li a { display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; font-size: 1.5vw; background: #E2E0D2; border-radius: 50%; transition: all 0.2s; }

@media screen and (max-width: 767px) { .pager2 > li span, .pager2 > li a { font-size: 4vw; } }

.pager2 > li span:hover, .pager2 > li a:hover { color: #E2E0D2; background: #4D331E; }

.pager2 > li.cur { display: block; }

.pager2 > li.cur span, .pager2 > li.cur a { color: #E2E0D2; background: #4D331E; }

.pager2 > li.previous, .pager2 > li.next { display: block; }

.pager2 > li.previous a, .pager2 > li.next a { border: 1px solid #D0CFCF; background: transparent; }

.pager2 > li.previous a::before, .pager2 > li.next a::before { display: inline-block; font-family: Ionicons; }

.pager2 > li.previous a:hover, .pager2 > li.next a:hover { color: #000; }

.pager2 > li.previous a::before { content: "\f3d2"; }

.pager2 > li.next a::before { content: "\f3d3"; }

.pager2 > li.visible { display: block; }

.ico-before { width: 3vw; height: 3vw; line-height: 3vw; text-align: center; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 767px) { .ico-before { width: 4.5vw; height: 4.5vw; line-height: 4.5vw; } }

.ico-before::before { font-size: 2vw; display: inline-block; content: "\f3d2"; font-family: Ionicons; }

@media screen and (max-width: 767px) { .ico-before::before { font-size: 3.5vw; } }

.ico-next { width: 3vw; height: 3vw; line-height: 3vw; text-align: center; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: 0; top: 0; }

@media screen and (max-width: 767px) { .ico-next { width: 4.5vw; height: 4.5vw; line-height: 4.5vw; } }

.ico-next::before { font-size: 2vw; display: inline-block; content: "\f3d3"; font-family: Ionicons; }

@media screen and (max-width: 767px) { .ico-next::before { font-size: 3.5vw; } }

@media screen and (min-width: 768px) { .h-func figure { overflow: hidden; }
  .h-func figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
  .h-func a:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.module-section.nutsslider { margin-bottom: 3.7vw; }

@media screen and (max-width: 767px) { .module-section.nutsslider { margin-bottom: 8.25vw; } }

@media screen and (max-width: 767px) { .module-section.nutsslider .slick-slider { padding-bottom: 0; } }

.module-section.nutsslider .main-slider-image { position: relative; }

.module-section.nutsslider .main-slider-image .main-slider-link { display: block; height: 100%; }

.module-section.nutsslider .main-slider-image .main-slider-text-wrap { display: flex; height: 100%; align-items: flex-end; font-size: .8vw; }

.module-section.nutsslider .main-slider-image .main-slider-text-inner { display: block; width: calc(100% - 40px); padding: 0 20px; text-align: left; height: auto; background: rgba(255, 255, 255, 0.8); }

@media screen and (max-width: 767px) { .module-section.nutsslider .main-slider-image .main-slider-text-inner { width: calc(100% - 20px); padding: 0 10px; } }

.module-section.nutsslider .main-slider-image .main-slider-text-inner .main-slider-main-copy { font-size: 1vw; padding: 16px 0; color: #333; }

@media screen and (max-width: 767px) { .module-section.nutsslider .main-slider-image .main-slider-text-inner .main-slider-main-copy { font-size: 3vw; padding: 8px 0; } }

.module-section.nutsslider .acms-container { min-width: 49vw; padding-left: 0; padding-right: 0; }

.main-slider-text-control { width: 100%; transition: .4s; }

@media screen and (min-width: 768px) { .main-slider-image { transition: 1s; }
  .slick-slide:not(.slick-center) .main-slider-image { opacity: 0.3 !important; }
  .slick-slide:not(.slick-center) .main-slider-text-control { opacity: 0 !important; } }

#autoplay-btn { display: none; }

.footer { width: 85.3vw; margin-left: 14.7vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background: #e3deda; padding-bottom: 1vw; }

@media screen and (max-width: 767px) { .footer { width: 100vw; margin-left: 0; } }

@media screen and (max-width: 767px) { .footer-logo { width: 33vw; margin: 3vw auto 5vw; } }

.footer-colum { width: 68vw; margin: 1.7vw auto 0; }

.footer-colum-textlink { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer-colum-textlink { width: 78vw; margin: 0 auto 2vw; font-size: 1vw; }

@media screen and (min-width: 768px) { .footer-colum-textlink { margin-left: -5vw; } }

@media screen and (max-width: 767px) { .footer-colum-textlink { width: 92vw; font-size: 2.6vw; } }

.footer-colum-textlink li { border-right: 1px solid #000; padding-right: 2.8vw; }

@media screen and (min-width: 768px) { .footer-colum-textlink li:nth-last-child(1), .footer-colum-textlink li:nth-child(8) { border-right: none; } }

@media screen and (min-width: 768px) { .footer-colum-textlink li { width: 10.2vw; text-align: center; margin-bottom: 12px; padding: 0 .3vw; } }

@media screen and (max-width: 767px) { .footer-colum-textlink li { width: 30vw; padding-right: 0; margin-bottom: 6.4vw; text-align: center; }
  .footer-colum-textlink li:nth-child(3n), .footer-colum-textlink li:nth-last-child(1) { border-right: none; } }

.footer-colum-imglink { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer-colum-imglink li { width: 15.5vw; margin-right: 2vw; }

.footer-colum-imglink li:nth-last-child(1) { margin-right: 0; }

@media screen and (max-width: 767px) { .footer-colum-imglink li { width: 40.5vw; margin-bottom: 7.6vw; margin-right: 4vw; }
  .footer-colum-imglink li:nth-child(2n) { margin-right: 0; } }

@media screen and (max-width: 767px) { .footer-colum-imglink { width: 85vw; margin: 0 auto; } }

@media screen and (max-width: 767px) { .footer-colum { width: 98.4vw; margin: 0 auto; } }

.footer #pagetop { position: fixed; right: -16px; bottom: 0; cursor: pointer; z-index: 1; }

.footer #pagetop a { display: block; width: 8vw; height: 10vw; background: url(../img/common/img-pagetop.png); background-size: contain; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .footer #pagetop { bottom: 30vw; right: 10px; }
  .footer #pagetop a { width: 62.5px; height: 93px; } }

.acms-admin-module-edit { font-size: 14px; font-family: "Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W6,Meiryo,メイリオ,ＭＳ Ｐゴシック,MS PGothic,Verdana,sans-serif"; }

.cms-icon-search::before { font-size: 1.5vw; }

.contact .acms-form input.search-form-input { border-right: 1px solid #a7a7aa; border-radius: 0; }

.acms-icon-search::before { font-size: 18px; }

.entryFormWrapper, .sorthandle, .editTextInsert, .acms-admin-revison-admin { font-size: 12px; }

.acms-admin-btn-admin, .formEntryActionUnit .btn { font-size: 12px; }

.acms-form select { font-size: 12px; }

.acms-admin-module-edit-wrapper .acms-admin-module-edit a { color: #fff !important; text-decoration: none; }

.searchwraphandle { display: flex; align-items: center; padding-bottom: 1vw; }

.acms-icon-attention.formErrorContent { margin-top: 5px; }

.acms-icon-attention.formErrorContent::before { content: ""; font-family: acms-fonts; margin-right: 10px; }

.entryFormColumn .entryFormColumnHead .removethis { height: auto; width: auto; }

.recipe-group { border-top: 1px solid #999; }

.recipe-group th { font-size: 16px; }

.recipe-group td.item-handle { text-align: center; width: 10%; }

.recipe-group td.item-handle .acms-admin-icon-sort { font-size: 16px; }

@media screen and (max-width: 767px) { .blogarea .column-image-left, .blogarea .column-image-right, .blogarea .column-image-auto { padding-left: 0 !important; padding-right: 0 !important; }
  .acms-entry p, .blogarea .entry-container { margin-left: 0; margin-right: 0; } }

.acms-admin-extend-field { font-size: 14px; }

.blogarea .ui-widget { font-family: inherit; }

.blogarea .ui-state-default { background: none; border: none; color: inherit; font-weight: 700; }

.blogarea .ui-corner-all { border-radius: 0; }

.blogarea .ui-accordion .ui-accordion-header { padding: 0 0 0 20px; }

@media screen and (max-width: 767px) { .blogarea .ui-accordion .ui-accordion-header { padding-bottom: 5px; } }

.blogarea .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: .1em; }

.blogarea .ui-helper-reset { line-height: inherit; }

.blogarea .ui-widget-content { border: none; }

.blogarea .ui-accordion .ui-accordion-content { padding: 0 0 0 13px; }