@charset "UTF-8";
/*
Theme Name: ママのイチオシ
*/
/* ----------------------------- リセット */
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, 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; vertical-align: baseline; background: transparent; font-size: 100%; }

body { line-height: 1; }

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

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

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; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

/* ----------------------------- 全体 */
html { font-size: 62.5%; }

body { font-size: 16px; font-size: 1.6rem; line-height: 180%; color: #3F3C3E; background: #fff; position: relative; min-width: 1100px; -webkit-text-size-adjust: 100%; font-family: "Noto Sans JP", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; overflow: hidden; height: 100vh; }
body.is-loaded { overflow: visible; height: auto; }

a:link, a:visited { color: #3F3C3E; text-decoration: underline; }
a:hover, a:active { color: #3F3C3E; text-decoration: none; }
a, a img { -webkit-transition: 0.3s ease all; transition: 0.3s ease all; }
a:hover { opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }

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

@media screen and (min-width: 768px) { .sp-only { display: none !important; } }
@media screen and (max-width: 767px) { .pc-only { display: none !important; } }
/* ----------------------------- パーツ */
.c-wrap { max-width: 1030px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
.c-wrap__1100 { max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

/* ----------------------------- ヘッダー・フッター */
#container { position: relative; }

/* ----------------------------- ママのイチオシ */
.p-mama__load { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 999; }
.p-mama__load:before { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-inex: 1; -webkit-transition: 3s ease all 1s; transition: 3s ease all 1s; opacity: 1; }
.p-mama__load p { text-align: left; color: #fff; position: absolute; z-index: 2; font-size: 47px; font-size: 4.7rem; line-height: 1.7; font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; opacity: 0; -webkit-transition: 2s ease all; transition: 2s ease all; }
.p-mama__load p span { position: relative; }
.p-mama__load p span:before { content: ""; display: inline-block; width: 84px; border-top: 1px solid #fff; vertical-align: middle; margin-right: 12px; }
.p-mama__load.is-load-step1 p.s1 { opacity: 1; }
.p-mama__load.is-load-step2 p.s1 { opacity: 0; }
.p-mama__load.is-load-step2 p.s2 { opacity: 1; -webkit-transition: 2s ease all 2s; transition: 2s ease all 2s; }
.p-mama__load.is-load-step3 { pointer-events: none; }
.p-mama__load.is-load-step3 p.s1 { opacity: 0; }
.p-mama__load.is-load-step3 p.s2 { opacity: 0; }
.p-mama__load.is-load-step3:before { opacity: 0; }
.p-mama__kv { background: url(../img/kv_bg1.jpg) no-repeat center; background-size: cover; color: #fff; position: relative; padding-top: 80px; padding-bottom: 70px; text-align: center; z-index: 1; }
.p-mama__kv .logo { position: absolute; left: 28px; top: 28px; }
.p-mama__kv .title { position: relative; margin-bottom: -3px; filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.6)); }
.p-mama__kv .txt1 { filter: drop-shadow(10px 10px 10px #000); }
.p-mama__kv .img1 { position: absolute; bottom: -35px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; z-index: 2; filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.3)); }
.p-mama__lead { background: #f8c284 url(../img/lead_bg1.jpg) repeat-y center top; background-size: contain; position: relative; padding-bottom: 209px; }
.p-mama__lead:after { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 1600px); background: linear-gradient(to bottom, rgba(247, 193, 132, 0) 0%, #f7c184 50%, #fef5ea 100%); z-index: 1; }
.p-mama__lead .block1 { text-align: center; }
.p-mama__lead .block2 { position: relative; z-index: 2; margin-top: -92px; }
.p-mama__lead .block2 .slick-list { padding-bottom: 20px; }
.p-mama__lead .block2 li { margin-right: 33px; }
.p-mama__lead .block2 li img { filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.3)); }
.p-mama__about { background: url(../img/about_bg2.png) no-repeat center top; margin-top: -74px; padding-top: 8.85417vw; color: #fff; position: relative; z-index: 2; }
.p-mama__about:before, .p-mama__about:after { display: block; content: ""; position: absolute; left: 0; width: 100%; }
.p-mama__about:before { bottom: 0; height: calc(100% - 74px); background: #000; z-index: -2; }
.p-mama__about:after { top: 20px; height: 137px; z-index: -1; background: url(../img/about_bg1.png) no-repeat center top; }
.p-mama__about .box1 { display: flex; justify-content: center; }
.p-mama__about .box1 .img1 { margin-right: 2.91667vw; width: 43.75vw; }
.p-mama__about .box1 .txt1 { padding-top: 8.85417vw; }
.p-mama__about .box1 .txt1 .title { font-size: 3.48958vw; line-height: 1.5; margin-bottom: 1.19792vw; font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
@media screen and (max-width: 767px) { .p-mama__about .box1 .txt1 .title { font-size: 17.86667vw; } }
.p-mama__about .box1 .txt1 p { font-size: 1.77083vw; font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1.6; font-weight: 700; }
@media screen and (max-width: 767px) { .p-mama__about .box1 .txt1 p { font-size: 9.06667vw; } }
.p-mama__about .img2 { width: 100%; position: absolute; left: 0; bottom: 0; pointer-events: none; }
.p-mama__selected { padding-top: 30px; padding-bottom: 50px; background: #000; }
.p-mama__selected .title { text-align: center; padding-top: 180px; padding-bottom: 25px; background: url(../img/selected_icon2.png) no-repeat center bottom, url(../img/selected_icon1.png) no-repeat center top; }
.p-mama__selected .title span { color: #ff0; font-size: 55px; font-size: 5.5rem; line-height: 1.4; display: inline-block; font-weight: 700; border: 13px double #ff0; border-radius: 18px; padding: 25px 46px; font-family: "Zen Maru Gothic", "Noto Sans JP", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }
.p-mama__selected .slider { background: url(../img/selected_icon3.png) no-repeat center; }
.p-mama__selected .slider li { text-align: center; }
.p-mama__selected .slider li.slick-current a { pointer-events: auto; }
.p-mama__selected .slider li a { display: block; text-align: center; padding-top: 70px; padding-bottom: 190px; text-decoration: none; pointer-events: none; }
.p-mama__selected .slider li p { color: #ffff00; font-weight: 700; font-size: 38px; font-size: 3.8rem; line-height: 1.5; margin-top: 15px; font-family: "Zen Maru Gothic", "Noto Sans JP", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }
.p-mama__selected .slider li img { width: auto; }
.p-mama__selected .note { display: flex; justify-content: center; margin-top: 15px; }
.p-mama__selected .note p { background: #ff0; color: #000; font-size: 51px; font-size: 5.1rem; border-radius: 13px; padding: 10px 28px; line-height: 1.5; font-weight: 700; box-shadow: 0 0 12px #fff100; font-family: "Zen Maru Gothic", "Noto Sans JP", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }
.p-mama__selected .icon1 { text-align: center; }
.p-mama__product { background: #000; color: #fff; padding-bottom: 106px; }
.p-mama__product .title { text-align: center; background: url(../img/selected_bg1.png) no-repeat center; font-size: 55px; font-size: 5.5rem; line-height: 1.5; color: #ffff00; font-weight: 700; margin-bottom: 40px; font-family: "Zen Maru Gothic", "Noto Sans JP", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }
.p-mama__product .block1 { display: flex; justify-content: center; align-items: center; }
.p-mama__product .img1 { margin-right: 45px; }
.p-mama__product .box1 { width: 700px; }
.p-mama__product .box1 .h { text-align: center; color: #ffff00; font-size: 55px; font-size: 5.5rem; font-weight: 700; line-height: 1.8; margin-bottom: 10px; font-family: "Zen Maru Gothic", "Noto Sans JP", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }
.p-mama__product .box1 p { font-size: 30px; font-size: 3rem; line-height: 1.75; }
.p-mama__product .box1 .btn { margin-top: 75px; }
.p-mama__product .box1 .btn a { display: block; color: #000; font-size: 30px; font-size: 3rem; background: #ffff00; border-radius: 13px; padding: 12px 0; line-height: 1.5; text-align: center; text-decoration: none; box-shadow: 0 0 10px rgba(255, 255, 0, 0.75); }

.remodal { padding: 0; background: #000; }
.remodal-close { background: url(../img/icon_close.svg) no-repeat center; width: 35px; height: 35px; left: auto; right: 0; z-index: 1; }
.remodal-close:before { display: none; }

/* ----------------------------- タブレット */
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { body { min-width: initial; font-size: 14px; font-size: 1.4rem; }
  .p-mama__load { -webkit-box-sizing: border-box; box-sizing: border-box; }
  .p-mama__load p { font-size: 20px; font-size: 2rem; line-height: 2; }
  .p-mama__load p span:before { width: 37px; margin-right: 5px; }
  .p-mama__kv { padding-top: 70px; padding-bottom: 108px; }
  .p-mama__kv .logo { width: 32px; left: 22px; top: 22px; }
  .p-mama__kv .title { width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
  .p-mama__kv .img1 { bottom: -21px; }
  .p-mama__kv .img1 img { width: 218px; }
  .p-mama__lead { padding-top: 80px; padding-bottom: 40px; background-image: url(../img/lead_bg1_sp.jpg); background-size: 150% auto; }
  .p-mama__lead:after { height: 280px; }
  .p-mama__lead .block2 { margin-top: -35px; }
  .p-mama__lead .block2 li { width: 243px; margin-right: 15px; }
  .p-mama__about { background-position: center top; background-size: contain; padding-top: 45px; margin-top: -3.85vw; }
  .p-mama__about:before { height: calc(100% - 3.7vw); }
  .p-mama__about:after { background-size: contain; z-index: 2; top: 6px; }
  .p-mama__about .box1 { flex-direction: column; }
  .p-mama__about .box1 .img1 { order: 2; margin-right: 0; text-align: center; width: auto; }
  .p-mama__about .box1 .img1 img { width: 234px; }
  .p-mama__about .box1 .txt1 { order: 1; text-align: center; padding-top: 0; margin-bottom: 36px; }
  .p-mama__about .box1 .txt1 .title { font-size: 30px; font-size: 3rem; margin-bottom: 10px; }
  .p-mama__about .box1 .txt1 p { font-size: 15px; font-size: 1.5rem; }
  .p-mama__selected { padding-top: 40px; padding-bottom: 28px; }
  .p-mama__selected .title { padding-top: 55px; padding-bottom: 0; background: url(../img/selected_icon1.png) no-repeat center top; background-size: 202px auto; }
  .p-mama__selected .title span { font-size: 21px; font-size: 2.1rem; padding: 10px 24px; }
  .p-mama__selected .slider { background-size: contain; }
  .p-mama__selected .slider li img { width: 203px; }
  .p-mama__selected .slider li a { padding-top: 50px; padding-bottom: 100px; }
  .p-mama__selected .slider li p { font-size: 15px; font-size: 1.5rem; }
  .p-mama__selected .note { margin-top: 0; margin-bottom: 10px; }
  .p-mama__selected .note p { font-size: 20px; font-size: 2rem; padding: 10px 15px; }
  .p-mama__product { padding-bottom: 28px; }
  .p-mama__product .title { font-size: 13px; font-size: 1.3rem; background-size: auto 17px; margin-bottom: 10px; }
  .p-mama__product .img1 { width: 36.32%; margin-right: 3.4%; }
  .p-mama__product .box1 { width: 50.66%; }
  .p-mama__product .box1 .h { font-size: 15px; font-size: 1.5rem; }
  .p-mama__product .box1 p { font-size: 8px; font-size: 0.8rem; }
  .p-mama__product .box1 .btn { margin-top: 15px; }
  .p-mama__product .box1 .btn a { font-size: 8px; font-size: 0.8rem; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; } }
@media screen and (min-width: 768px) { .l-footer { /* width: 1600px; */ padding-top: 60px; padding-bottom: 40px; margin: 0 auto; background: #fff; }
  .l-footer .footer-h5 { text-align: center; font-size: 25px; margin-bottom: 57px; }
  .l-footer .ul-a { display: flex; }
  .l-footer .ul-a li { padding: 0 17px; }
  .l-footer .footer-wrap { display: flex; justify-content: center; margin-bottom: 27px; }
  .l-footer .line-ss { display: none; }
  .l-footer .footer-wrap-sp { display: none; }
  .l-footer .footer-wrap .sns { padding-left: 33px; }
  .l-footer .footer-wrap .sns H4 { font-size: 25px; color: #727171; text-align: center; padding: 0px 0 20px 0; }
  .l-footer .menu, .l-footer .menu .footer-ul { display: flex; justify-content: center; }
  .l-footer .footer-sanko { text-align: center; margin-bottom: 34px; display: block; }
  .l-footer .menu .footer-ul li { padding: 0 22px; }
  .l-footer .menu .footer-ul li a { text-decoration: none; cursor: pointer; }
  .l-footer .menu p { padding-right: 80px; }
  .l-footer .footer-h5 br { display: none; }
  .Karuta .Karuta-wrap .shaking-a { transform-origin: center bottom; animation: yurayura 6s linear infinite; width: 32%; /* top: 34px; */ }
  .l-footer .left-box { width: 30%; box-sizing: border-box; max-width: 56.6rem; display: flex; align-items: center; justify-content: space-between; /* padding: 2.09% 2.09% 2.09% 2.09%; */ padding: 1.09% 1.09% 1.09% 1.09%; margin: 0% 2.0% 0% 0%; border-radius: 2.0rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); }
  .l-footer .left-box.is-insta { width: 20%; } }
@media screen and (min-width: 768px) and (min-width: 916px) and (max-width: 1200px) { .l-footer .left-box { width: 45%; } }
@media screen and (min-width: 768px) and (max-width: 1570px) { .l-footer .left-box { width: 35%; }
  .l-footer .left-box p { font-size: 160.5% !important; } }
@media screen and (min-width: 768px) { .l-footer .left-box .line { width: 20.49%; }
  .l-footer .left-box .insta { width: 31.49%; }
  .l-footer .left-box .qr { width: 20.49%; }
  .l-footer .left-box p { text-align: left; font-weight: bold; font-size: 162.5%; line-height: 1.46; margin: 0 0.5rem; } }
@media screen and (max-width: 767px) { .l-footer { padding: 20px 12px; background: #fff; }
  .l-footer .footer-wrap { display: none; }
  .l-footer .footer-h5 { text-align: center; font-size: 15px; line-height: 20px; padding: 18px 0px 12px; }
  .l-footer .footer-wrap-sp { display: block; }
  .l-footer .footer-wrap-sp ul { display: flex; justify-content: center; }
  .l-footer .footer-wrap-sp ul li { max-width: 50px; padding: 0 12px; }
  .l-footer .menu { flex-direction: column-reverse; display: flex; }
  .l-footer .menu .footer-ul { display: flex; justify-content: center; margin-bottom: 10px; }
  .l-footer .menu .footer-ul li { /* padding: 0 7px; */ padding-right: 1.2rem; }
  .l-footer .menu .footer-ul li:last-child { padding-right: 0; }
  .l-footer .menu .footer-ul li a { text-decoration: none; cursor: pointer; font-size: 12px; }
  .l-footer .footer-sanko { width: 100%; text-align: center; margin: 20px auto; display: inline-block; }
  .l-footer .footer-sanko img { width: 88.98%; max-width: 319px; }
  .l-footer .Copyright { font-size: 0.85rem; text-align: center; margin-bottom: 10px; } }