@charset "UTF-8";

/* sass */
.badscript { font-family: 'Bad Script', cursive; }

.mplus { font-family: 'M PLUS Rounded 1c', sans-serif; -webkit-transform: rotate(0.002deg); transform: rotate(0.002deg); }

.area-pagettl { background-color: #DCD8D2; padding-top: 50px; }

.area-pagettl .l-content { justify-content: center; }

.area-pagettl .l-content .pagettl { flex-grow: 1; flex-shrink: 0; order: 1; position: relative; z-index: 1; }

.area-pagettl .l-content .pagettl .hdg { font-size: 3.6rem; text-shadow: 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2; }

.area-pagettl .l-content .pagettl .hdg-sub { font-size: 1.2rem; margin-top: 18px; text-shadow: 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2; }

.area-pagettl .l-content .picts1 { order: 2; }

.area-pagettl .l-content .picts1 .pict-pagettl-1 { position: absolute; right: 2.08%; top: 138px; }

.area-pagettl .l-content .picts1 .pict-pagettl-2 { position: absolute; right: 8.08%; top: 48px; }

.area-pagettl .l-content .picts1 .pict-pagettl-3 { display: none; }

.area-pagettl .l-content .picts2 { order: 0; }

.area-pagettl .l-content .picts2 .pict-pagettl-4 { display: none; }

.area-pagettl .l-content .picts2 .pict-pagettl-5 { left: 9.29%; position: absolute; top: 34px; }

.area-pagettl .l-content .picts2 .pict-pagettl-6 { left: 6.26%; position: absolute; top: 159px; }

.area-featured { background-color: #DCD8D2; }

.area-featured .box-mv { padding-bottom: 18px; }

.area-featured .box-mv .box-carousel { margin-left: 0; margin-right: 0; padding-top: 0; }

.area-featured .box-pickup { background-color: #DCD8D2; margin: 20px -16px 0; padding: 0 16px 40px; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link { background-color: #000; color: #fff; display: block; position: relative; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link::after { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; bottom: 0; content: ''; display: block; left: 17px; height: 30px; margin: auto 0; position: absolute; top: 0; width: 30px; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link img { opacity: .7; transition: opacity .2s ease; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link .pickup-link-txt { display: block; font-size: 2.4rem; left: 60px; margin: auto 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 850px) { .area-featured .box-pickup .pickup-list .pickup-item .pickup-link .pickup-link-txt { font-size: 2rem; } }

@media all and (max-width: 767px) { .area-featured .box-pickup .pickup-list .pickup-item .pickup-link:active img { opacity: 1; } }

.area-featured .box-pickup .pickup-list .pickup-item + .pickup-item { margin-top: 5px; }

@media all and (max-width: 767px) { .area-news .box-news { border-color: #ddd; border-style: solid; border-width: 1px 0; margin: 30PX -16px 0; }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl { color: #333; display: block; font-size: 1.6rem; font-weight: normal; padding: 16px 30px; position: relative; text-align: center; }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl::before, .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl::after { background-color: #E60012; bottom: 0; content: ''; display: block; margin: auto; height: 11px; position: absolute; right: 20px; top: 0; transition: .2s ease; width: 1px; }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl.accordionActive::before { height: 0; }
  .area-news .box-news .news-tgl { display: none; padding: 0 16px 20px; }
  .area-news .box-news .news-tgl.accordionActive { display: block; }
  .area-news .box-news .news-tgl .news-notice .hdg-wrap { display: none; } }

.area-campaign .box-areattl .hdg-wrap { margin-top: 30px; position: relative; }

.area-campaign .box-areattl .hdg-wrap .hdg img { margin-top: 17px; }

.area-campaign .box-areattl .hdg-wrap .pict { left: 17px; position: absolute; top: -47px; width: 65px; }

.area-campaign .campaign-list .carousel-item { padding: 0 10px; }

.area-campaign .campaign-list .carousel-item .campaign-link { background-color: #EDE8E1; color: #333; display: block; }

.area-campaign .campaign-list .carousel-item .campaign-link .thum img { width: 100%; }

.area-campaign .campaign-list .carousel-item .campaign-link .cnt { padding: 10px 20px 20px; }

.area-campaign .campaign-list .carousel-item .campaign-link .cnt .ttl .sub { font-size: 1.2rem; }

.area-campaign .campaign-list .carousel-item .campaign-link .cnt .deadline { font-size: 1.2rem; margin-top: 20px; }

.area-brandnew { margin-top: 60px; }

.area-brandnew .box-areattl { background: url(../image/bg-areattl-brandnew.jpg) no-repeat center center transparent; background-size: cover; padding: 40px 0; }

.area-brandnew .box-areattl .hdg { color: #fff; font-size: 2.6rem; font-weight: normal; }

.area-brandnew .box-brandnew .brandnew-list { margin-bottom: 20px; }

.area-brandnew .box-brandnew .brandnew-list .brandnew-item { margin-top: 40px; }

.area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link { color: #333; }

.area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link .summary .ttl { font-size: 2.2rem; margin-top: 20px; }

.area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link .summary .ttl.icn-blank::after { background: url(/shared/images/icn-blank.svg) no-repeat center center transparent; background-size: 10px 10px; content: ''; display: inline-block; height: 10px; margin-left: 8px; margin-right: 8px; vertical-align: middle; width: 10px; }

.area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link .summary .cnt { font-size: 1.4rem; margin-top: 5px; }

.area-brandnew .box-brandnew-news { border-bottom: 1px solid #ddd; padding-bottom: 77px; position: relative; }

.area-brandnew .box-brandnew-news .brandnew-news-list { border-top: 1px solid #ddd; margin: 0 -16px; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item { border-bottom: 1px solid #ddd; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link { align-content: flex-start; align-items: flex-start; color: #333; display: flex; flex-flow: row nowrap; justify-content: flex-start; padding: 10px; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .thum { flex-grow: 0; flex-shrink: 0; width: 120px; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary { padding-left: 20px; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary .date { font-size: 1rem; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary .ttl { font-size: 1.2rem; margin-top: 5px; }

.area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary .cnt { font-size: 1rem; margin-top: 15px; }

.area-brandnew .box-brandnew-news .pict { bottom: 23px; position: absolute; right: -4px; width: 41px; }

.area-recommend { margin-top: 60px; }

.area-recommend .box-areattl { background: url(../image/bg-areattl-recommend.jpg) no-repeat 50% 40% transparent; background-size: cover; padding: 40px 0; }

.area-recommend .box-areattl .hdg { color: #fff; font-size: 2.6rem; font-weight: normal; }

.area-recommend .box-recommend { padding-top: 14px; }

.area-recommend .box-recommend .recommend-list .recommend-item { margin-top: 16px; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link { background-color: #000; color: #fff; display: block; position: relative; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link > img { opacity: .5; transition: opacity .2s ease; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt { bottom: 19.736%; font-size: 2.2rem; margin: 0 auto; left: 0; position: absolute; right: 0; top: auto; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt > img.pict-recommend-1 { padding-bottom: 15px; width: 70.5px; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt > img.pict-recommend-2 { padding-bottom: 20px; width: 92px; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt > img.pict-recommend-3 { width: 70px; }

.area-recommend .box-recommend .recommend-list .recommend-item .recommend-link::after { border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; bottom: 0; content: ''; display: block; height: 12px; margin: auto 0; position: absolute; right: 22px; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 12px; }

@media all and (max-width: 767px) { .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link:active > img { opacity: .65; }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link:active .recommend-link-txt { text-shadow: 0 0 3px #000; } }

.area-kids.has-bottom-space { padding-bottom: 40px; }

.area-kids .box-kids { margin-top: 33px; }

.area-kids .box-kids .kids-link { border: 2px solid #54CBA6; border-radius: 85px 0 85px 0; display: block; padding: 20px; transition: background-color .2s ease; }

@media all and (max-width: 767px) { .area-kids .box-kids .kids-link:active { background-color: rgba(139, 217, 191, 0.2); } }

.area-kids .box-kids .kids-link .kids-thum { text-align: center; }

.area-kids .box-kids .kids-link .kids-thum img { max-width: 65%; }

.area-kids .box-kids .kids-link .kids-txt .kids-txt-inner .ttl { color: #0AA071; font-size: 2.4rem; margin-top: 15px; padding-left: 40px; position: relative; }

.area-kids .box-kids .kids-link .kids-txt .kids-txt-inner .ttl::before { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; left: 0; height: 30px; margin: 0; position: absolute; top: .75em; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; }

.area-kids .box-kids .kids-link .kids-txt .kids-txt-inner .cnt { color: #333; font-size: 1.4rem; line-height: 2; margin-top: 5px; }

.area-official-sns .l-content .hdg-wrap .hdg .badscript { font-size: 1.3rem; font-weight: normal; }

.area-official-sns .l-content .box-sns-contents .sns-list { align-content: flex-start; align-items: center; display: flex; flex-flow: row wrap; justify-content: center; margin: 15px 0 45px; }

.area-official-sns .l-content .box-sns-contents .sns-list .sns-item { margin: 0 11.5px; width: 40px; }

.area-official-sns .l-content .box-sns-contents .sns-list .sns-item img { width: 40px; }

@media all and (min-width: 768px) { .area-pagettl { background-color: #DCD8D2; min-height: 210px; padding-top: 45px; }
  .area-pagettl .l-content { justify-content: space-between; padding: 0 100px; position: static; }
  .area-pagettl .l-content .pagettl { flex-grow: 0; flex-shrink: 0; order: 1; padding: 0 3%; position: static; }
  .area-pagettl .l-content .pagettl .hdg-sub { line-height: 1.8; margin-top: 20px; }
  .area-pagettl .l-content .picts1 { align-items: flex-end; align-self: flex-end; display: flex; flex-flow: row nowrap; flex-shrink: 1; justify-content: space-between; order: 0; position: relative; width: 29%; }
  .area-pagettl .l-content .picts1 .pict-pagettl-1 { bottom: 10px; position: relative; right: auto; top: auto; }
  .area-pagettl .l-content .picts1 .pict-pagettl-2 { bottom: 0; position: relative; right: auto; top: auto; }
  .area-pagettl .l-content .picts1 .pict-pagettl-3 { bottom: 30px; display: block; position: relative; }
  .area-pagettl .l-content .picts2 { align-items: flex-end; align-self: flex-end; display: flex; flex-flow: row nowrap; flex-shrink: 1; justify-content: space-between; order: 2; position: relative; width: 29%; }
  .area-pagettl .l-content .picts2 .pict-pagettl-4 { bottom: 35px; display: block; position: relative; }
  .area-pagettl .l-content .picts2 .pict-pagettl-5 { left: auto; position: relative; top: auto; }
  .area-pagettl .l-content .picts2 .pict-pagettl-6 { bottom: 35px; left: auto; position: relative; top: auto; }
  .area-featured .box-mv .mv-link { display: block; transition: opacity .2s ease; }
  .area-featured .box-mv .mv-link:hover { opacity: .7; }
  .area-featured .box-pickup { margin-left: 0; margin-right: 0; padding: 0 15px 50px; }
  .area-featured .box-pickup .pickup-list { display: flex; flex-flow: row nowrap; justify-content: space-between; }
  .area-featured .box-pickup .pickup-list .pickup-item { padding: 0 5px; width: calc((100% - 1px) / 3); }
  .area-featured .box-pickup .pickup-list .pickup-item .pickup-link::after { left: 20px; }
  .area-featured .box-pickup .pickup-list .pickup-item .pickup-link .pickup-link-txt { left: 70px; }
  .area-featured .box-pickup .pickup-list .pickup-item .pickup-link:hover img { opacity: 1; }
  .area-featured .box-pickup .pickup-list .pickup-item + .pickup-item { margin-top: 0; }
  .area-news .box-news .wrap-btn-news-tgl { display: none; }
  .area-news .box-news .news-tgl { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0 50px; }
  .area-news .box-news .news-tgl .news-notice, .area-news .box-news .news-tgl .news-prefhq { flex-shrink: 0; padding: 0 25px; width: 50%; }
  .area-news .box-news .news-tgl .news-notice .hdg-wrap.lv5 .hdg, .area-news .box-news .news-tgl .news-prefhq .hdg-wrap.lv5 .hdg { font-size: 2rem; }
  .area-news .box-news .news-tgl .news-notice .tab-btn-list, .area-news .box-news .news-tgl .news-prefhq .tab-btn-list { align-items: stretch; flex-wrap: nowrap; justify-content: center; margin-left: 0; margin-right: 0; }
  .area-news .box-news .news-tgl .news-notice .tab-btn-list .tab-btn-item, .area-news .box-news .news-tgl .news-prefhq .tab-btn-list .tab-btn-item { flex-shrink: 1; margin: 0 10px; min-width: auto; width: 50%; }
  .area-news .box-news .news-tgl .news-notice .btn-box .btn.more, .area-news .box-news .news-tgl .news-prefhq .btn-box .btn.more { border-width: 0 0 1px; min-width: auto; padding: 5px; }
  .area-news .box-news .news-tgl .news-notice .btn-box .btn.more .btn-txt, .area-news .box-news .news-tgl .news-prefhq .btn-box .btn.more .btn-txt { font-size: 1.1rem; font-weight: bold; padding: 0 12px; }
  .area-campaign .box-areattl .hdg-wrap { margin-top: 50px; }
  .area-campaign .box-areattl .hdg-wrap .hdg { font-size: 2.2rem; }
  .area-campaign .box-areattl .hdg-wrap .hdg img { margin-top: 17px; }
  .area-campaign .box-areattl .hdg-wrap .pict { left: 7px; top: 0; -webkit-transform: translateY(-90%); transform: translateY(-90%); width: 125px; }
  .area-campaign .campaign-list .carousel-item { padding: 0 5px; }
  .area-campaign .campaign-list .carousel-item .campaign-link { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: flex-start; transition: opacity .2s ease; }
  .area-campaign .campaign-list .carousel-item .campaign-link:hover { opacity: .5; }
  .area-campaign .campaign-list .carousel-item .campaign-link .thum { flex-grow: 0; flex-shrink: 0; width: 50%; }
  .area-campaign .campaign-list .carousel-item .campaign-link .cnt { flex-grow: 0; flex-shrink: 0; padding: 10px 20px 20px; width: 50%; }
  .area-brandnew { margin-top: 60px; }
  .area-brandnew .box-areattl { background: url(../image/bg-areattl-brandnew-pc.jpg) no-repeat center center transparent; background-size: cover; padding: 105px 0 115px; margin: 0 auto; }
  .area-brandnew .box-areattl .hdg { font-size: 4rem; }
  .area-brandnew .box-brandnew { margin-top: 70px; }
  .area-brandnew .box-brandnew .brandnew-list { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0 -5px 35px; }
  .area-brandnew .box-brandnew .brandnew-list .brandnew-item { flex-shrink: 1; margin-top: 0; padding: 0 5px; width: calc((100% - 1px) / 3); }
  .area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link { display: block; transition: opacity .2s ease; }
  .area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link:hover { opacity: .5; }
  .area-brandnew .box-brandnew .brandnew-list .brandnew-item .brandnew-link .summary .cnt { padding: 0 20px; }
  .area-brandnew .box-brandnew-news { margin-top: 80px; padding-bottom: 90px; }
  .area-brandnew .box-brandnew-news .hdg { font-size: 1.8rem; }
  .area-brandnew .box-brandnew-news .brandnew-news-list { align-content: flex-start; align-items: flex-start; border-top: none; display: flex; flex-flow: row nowrap; justify-content: flex-start; padding: 0 12px; margin: 30px 0 0; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item { border-bottom: none; flex-shrink: 1; margin-bottom: 20px; padding: 0 38px; width: 25%; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link { display: block; padding: 0; transition: opacity .2s ease; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link:hover { opacity: .5; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .thum { width: auto; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary { margin-top: 20px; padding-left: 0; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary .date { font-size: 1.2rem; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary .ttl { font-size: 1.4rem; margin-top: 5px; }
  .area-brandnew .box-brandnew-news .brandnew-news-list .brandnew-news-item .brandnew-news-link .summary .cnt { font-size: 1.2rem; margin-top: 15px; }
  .area-brandnew .box-brandnew-news .pict { bottom: 40px; right: -25px; width: 73.8px; }
  .area-placeorigindisclosure { margin-top: 40px; }
  .area-placeorigindisclosure .btn-box .btn { font-size: 1.8rem; justify-content: center; padding-top: 23px; padding-bottom: 23px; }
  .area-recommend { margin-top: 70px; }
  .area-recommend .box-areattl { background: url(../image/bg-areattl-recommend-pc.jpg) no-repeat 50% 40% transparent; background-size: cover; margin: 0 auto; padding: 105px 0 115px; }
  .area-recommend .box-areattl .hdg { font-size: 4rem; }
  .area-recommend .box-recommend { margin-top: 70px; padding-top: 0; }
  .area-recommend .box-recommend .recommend-list { align-content: flex-start; align-items: flex-start; border-top: none; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin: 0 -5px; }
  .area-recommend .box-recommend .recommend-list .recommend-item { flex-shrink: 1; margin-top: 0; padding: 0 5px; width: calc((100% - 1px) / 3); }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt { bottom: 10%; font-size: 2.6rem; }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt > img.pict-recommend-1 { padding-bottom: 15px; width: 18.077%; }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt > img.pict-recommend-2 { padding-bottom: 20px; width: 23.589%; }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link .recommend-link-txt > img.pict-recommend-3 { width: 17.948%; }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link:hover > img { opacity: .8; }
  .area-recommend .box-recommend .recommend-list .recommend-item .recommend-link:hover .recommend-link-txt { text-shadow: 0 0 3px #000; }
  .area-kids .box-kids { margin-top: 54px; }
  .area-kids .box-kids .kids-link { align-content: flex-start; align-items: stretch; border-radius: 150px 0 150px 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; padding: 0; }
  .area-kids .box-kids .kids-link:hover { background-color: rgba(139, 217, 191, 0.2); }
  .area-kids .box-kids .kids-link .kids-thum { border-radius: 0 0 150px 0; order: 1; overflow: hidden; padding: 0 25px; position: relative; width: 50%; }
  .area-kids .box-kids .kids-link .kids-thum img { bottom: -40px; max-width: 350px; position: absolute; left: 8.731%; }
  .area-kids .box-kids .kids-link .kids-txt { display: flex; justify-content: flex-end; order: 0; padding: 85px 25px 55px; width: 50%; }
  .area-kids .box-kids .kids-link .kids-txt .kids-txt-inner { max-width: 410px; }
  .area-kids .box-kids .kids-link .kids-txt .kids-txt-inner .ttl { font-size: 3.2rem; }
  .area-kids .box-kids .kids-link .kids-txt .kids-txt-inner .cnt { font-size: 1.6rem; line-height: 2; margin-top: 20px; }
  .area-official-sns .l-content .box-sns-contents .sns-list { margin: 20px 0 50px; }
  .area-official-sns .l-content .box-sns-contents .sns-list .sns-item .sns-link { transition: opacity .2s ease; }
  .area-official-sns .l-content .box-sns-contents .sns-list .sns-item .sns-link:hover { opacity: .5; } }