@charset "UTF-8";
/* ---------------------------------------
main.scss : Include SCSS to be included.
----------------------------------------*/
/**************************************
_base.scss
***************************************/
/* --------------------------
FONT FAMILY
---------------------------*/
/* --------------------------
COLOURS
---------------------------*/
/* ---------------------------------------------------------
スタイルリセット - CSS RESET
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6, td, th, p, ul, li, dt, dd { font-size: 1em; }

ul li { list-style: none; }

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

a:focus, button:focus { outline: 0; }

button { background: none; border: 0; }

div { font-size: 15px; }

body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

img { vertical-align: bottom; }

.baseImg { max-width: 100%; }

.pc { display: block; }

.sp { display: none; }

/* ---------------------------------------------------------
変数 - VARIABLES
----------------------------------------------------------*/
/*Break point
-----------------------*/
/* ---------------------------------------------------------
MIXIN
----------------------------------------------------------*/
/*メディアクエリ
-----------------------*/
/* --------------------------
CLEAR FIX
---------------------------*/
/* --------------------------
FONT SIZE
---------------------------*/
/* --------------------------
TRANSITION
---------------------------*/
/* --------------------------
RENDER TEXT(FOR HI-RES)
---------------------------*/
/*=== CUSTOM ===*/
/* ---------------------------------------------------------
 ADDS DISPLAY FLEX
----------------------------------------------------------*/
/* ---------------------------------------------------------
FOR SHINE BUTTON EFFECT
----------------------------------------------------------*/
/* ---------------------------------------------------------
FOR SHAKE EFFECT
----------------------------------------------------------*/
/* ---------------------------------------------------------
初期設定 - INITIAL SETTING
----------------------------------------------------------*/
html { min-width: 1200px; color: #000; background-color: #fff; }

html, body { position: relative; font: 16px/1.2 Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; color: #000; }

img { width: 100%; height: auto; vertical-align: middle; }

table { width: 100%; border-collapse: collapse; }

.clearfix::before, .clearfix::after { content: ''; background-image: none; display: table; }

.clearfix::after { clear: both; }

/* --------------
From Bifidus
---------------*/
.sp { display: none; }

.pc { display: block; }

.spInline { display: none; }

.pcInline { display: inline; }

/* --------------
End of From Bifidus
---------------*/
/******************************
    BASE SP
*******************************/
@media screen and (max-width: 767px) { html { min-width: 320px; }
  /* -------------- From Bifidus (SP) ---------------*/
  .spInline { display: inline; }
  .pcInline { display: none; }
  .sp { display: block; }
  .pc { display: none; }
  /* -------------- End of From Bifidus ---------------*/ }

/******************************
    BASE PC
*******************************/
@media screen and (min-width: 768px) { html { width: 100%; min-width: 1000px; } }

/**************************************
_common.scss
***************************************/
/* --------------------------
PARTIALS
---------------------------*/
.main__container { /* ------------ MAIN CONTENT --------------*/ }

.main__container .main__content .section__template { margin: 0 auto; width: 100%; /* ------------ ITEM CONTAINER --------------*/ }

/* ------------
TEXT FIELDS
--------------*/
.text__field { position: relative; z-index: 2; /* -------------- DIALOG BOXES ---------------*/ /* -------------- DIALOG ARROWS ---------------*/ }

.text__field .text__message { font: 800 26px "Noto Sans JP", sans-serif; color: #144199; }

.text__field .text__message.set--2 { font: 800 26px/1 "Noto Sans JP", sans-serif; }

.text__field .text__message.set--3 { font: 900 34px/1.3 "Noto Sans JP", sans-serif; }

.text__field .text__message.set--4 { font: 800 27px "Noto Sans JP", sans-serif; color: #fff; }

.text__field .text__message.set--5, .text__field .text__message.set--6 { font: 800 33px/1.3 "Noto Sans JP", sans-serif; color: #f8f400; }

.text__field .text__message.set--6 { text-shadow: -4px -2px 0 #144199, 4px -1px 0 #144199, -1px 4px 0 #144199, -4px 1px 0 #144199; }

.text__field .text__message.set--7 { font: 900 15px Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.text__field .text__message.set--8 { font: 41px/1.3 "M PLUS Rounded 1c", sans-serif; }

.text__field .text__message.set--9 { position: relative; top: -7px; font: 16px/2 "M PLUS Rounded 1c", sans-serif; }

.text__field .text__message.set--10 { font: 35px "M PLUS Rounded 1c", sans-serif; }

.text__field.dialog .text__content .text__paragraph { position: relative; font: 27px/0.5 "M PLUS Rounded 1c", sans-serif; color: #144199; /* -------------- CUSTOM HIGHLIGHTS ---------------*/ /* -------------- FONT HIGHLIGHTS ---------------*/ }

.text__field.dialog .text__content .text__paragraph.new--line { margin-top: 15px; }

.text__field.dialog .text__content .text__paragraph:after { content: attr(data-content); position: absolute; margin: auto; z-index: -2; color: #000; top: 50%; left: 0; right: 0; width: 83%; height: 30%; background-color: yellow; }

.text__field.dialog .text__content .text__paragraph.set--hi--2:after { width: 60%; height: 100%; }

.text__field.dialog .text__content .text__paragraph.set--hi--3:after { width: 80%; height: 100%; }

.text__field.dialog .text__content .text__paragraph.set--hi--4:after { width: 63%; height: 50%; }

.text__field.dialog .text__content .text__paragraph.set--hi--5:after { width: 63%; height: 50%; }

.text__field.dialog .text__content .text__paragraph.no--highlight:after { display: none; }

.text__field.dialog .text__content .text__paragraph.set--normal { letter-spacing: -0.05em; }

.text__field.dialog .text__content .text__paragraph.set--2 { font: 27px/0.5 "M PLUS Rounded 1c", sans-serif; }

.text__field.dialog .text__content .text__paragraph.set--3 { font: 22px/1.2 "M PLUS Rounded 1c", sans-serif; }

.text__field.dialog .text__content .text__paragraph.set--4 { font: 43px/1 "M PLUS Rounded 1c", sans-serif; letter-spacing: -0.01em; }

.text__field.dialog .text__content .text__number { position: relative; top: 2px; left: 0; color: #144199; font: 32px "M PLUS Rounded 1c", sans-serif; }

.text__field.pointer { position: relative; }

.text__field.pointer .arrow__down { margin: 0 auto; position: absolute; z-index: 2; width: 0; height: 0; left: 0; right: 0; bottom: -30px; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #144199; }

.text__field.pointer .arrow__down:before { content: ''; display: block; position: relative; left: -30px; top: -38px; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #fffcdb; }

/* ------------
BUTTONS
--------------*/
.button__container { margin: 0 auto; width: 100%; max-width: 373px; }

.button__container .button { width: 100%; max-width: 373px; background: center/cover no-repeat url("./../img/top/top-img-16-min.png"); text-align: center; border-radius: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border: 1px solid transparent; position: relative; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; overflow: hidden; }

.button__container .button:focus { outline: 0; }

.button__container .button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 60px; height: 100%; left: 0; top: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: translateX(-100px) skewX(-15deg); -ms-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg); }

.button__container .button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 30px; height: 100%; left: 30px; top: 0; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: translateX(-100px) skewX(-15deg); -ms-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg); }

.button__container .button:hover { cursor: pointer; }

.button__container .button:hover:before { -webkit-transform: translateX(1000px) skewX(-15deg); -ms-transform: translateX(1000px) skewX(-15deg); transform: translateX(1000px) skewX(-15deg); opacity: 0.6; -webkit-transition: 2.7s; -o-transition: 2.7s; transition: 2.7s; }

.button__container .button:hover:after { -webkit-transform: translateX(1000px) skewX(-15deg); -ms-transform: translateX(1000px) skewX(-15deg); transform: translateX(1000px) skewX(-15deg); opacity: 1; -webkit-transition: 2.7s; -o-transition: 2.7s; transition: 2.7s; }

.button__container .button.set--2 { background: rgba(20, 123, 255, 0.7); -webkit-box-shadow: 1px 2px 5px 0px #232323; box-shadow: 1px 2px 5px 0px #232323; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; }

.button__container .button.set--2:hover { background: #fff; border: 1px solid #144199; }

.button__container .button.set--2:hover .button__text { -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; color: #144199; }

.button__container .button .button__text { font: 41px "M PLUS Rounded 1c", sans-serif; color: #fff; }

.button__container .button .button__text.set--2 { font: 41px "Noto Sans JP", sans-serif; }

.button__container .button__2 { width: 100%; max-width: 373px; background: center/cover no-repeat url("./../img/top/top-img-16-min.png"); text-align: center; border-radius: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; cursor: pointer; border: 1px solid transparent; }

.button__container .button__2.set--2 { background: rgba(20, 123, 255, 0.7); -webkit-box-shadow: 1px 2px 5px 0px #232323; box-shadow: 1px 2px 5px 0px #232323; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; }

.button__container .button__2.set--2:hover { background: #fff; border: 1px solid #144199; }

.button__container .button__2.set--2:hover .button__text { -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; color: #144199; }

.button__container .button__2 .button__text { font: 41px "M PLUS Rounded 1c", sans-serif; color: #fff; }

.button__container .button__2 .button__text.set--2 { font: 41px "Noto Sans JP", sans-serif; }

/* ------------
IMAGE FIELD
--------------*/
.image__field { position: relative; }

.image__field .image__caption { margin: 0 auto; max-width: 315px; padding: 0 0 0 15px; height: 64px; position: absolute; z-index: 3; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.image__field .image__caption .image__text { font: 900 35px "Noto Sans JP", sans-serif; color: #fff; }

.image__field .image__caption:before, .image__field .image__caption:after { position: absolute; z-index: -1; top: 1px; left: 0; display: block; content: ''; width: 317px; height: 64px; background: #144199; }

.image__field .image__caption:after { top: 1px; left: auto; right: -152px; height: 0; width: 50px; border: 65px solid transparent; border-left: 50px solid #144199; border-bottom: 0px solid #144199; background: 0; }

.image__field .image__caption__2 { margin-top: 10px; font: 16px "M PLUS Rounded 1c", sans-serif; color: #144199; }

/* --------------------------
COMMON CUSTOM ADJUSTMENTS
---------------------------*/
/* --------------
MARGINS
---------------*/
.mt--20 { margin-top: 20px; }

.mt--30 { margin-top: 30px; }

.mt--35 { margin-top: 35px; }

.mt--39 { margin-top: 39px; }

.mt--40 { margin-top: 40px; }

.mt--60 { margin-top: 60px; }

.mt--80 { margin-top: 80px; }

.mt--100 { margin-top: 100px; }

/* ------------
WIDTH
--------------*/
.full--width { width: 100%; }

/* --------------
TEXT ALIGNMENTS
---------------*/
.txt--c { text-align: center; }

.txt--l { text-align: left; }

.txt--r { text-align: right; }

.txt--j { text-align: justify; }

/* --------------
FLEX BOX MODEL
---------------*/
.flex__field, .inflex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* --------
FLEX OPTIONS
---------*/ }

.flex__field.--sa, .inflex.--sa { -ms-flex-pack: distribute; justify-content: space-around; }

.flex__field.--fs, .inflex.--fs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex__field.--fe, .inflex.--fe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex__field.--fc, .inflex.--fc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex__field.--vc, .inflex.--vc { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex__field.--cboth, .inflex.--cboth { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767px) { .main__container .main__content .inner__container { width: calc(100% - 39px); }
  /* -------------- TEXT FIELDS(SP) ---------------*/
  .text__field { /* -------------- DIALOG BOXES(SP) ---------------*/ }
  .text__field .text__message { font: 800 13px "Noto Sans JP", sans-serif; }
  .text__field .text__message.set--2 { font: 800 13px/1 "Noto Sans JP", sans-serif; }
  .text__field .text__message.set--3 { font: 900 17px/1.3 "Noto Sans JP", sans-serif; }
  .text__field .text__message.set--4 { font: 800 12px "Noto Sans JP", sans-serif; }
  .text__field .text__message.set--5 { font: 800 15px/1.3 "Noto Sans JP", sans-serif; color: #f8f400; }
  .text__field .text__message.set--8 { font: 17px/1.2 "M PLUS Rounded 1c", sans-serif; }
  .text__field .text__message.set--9 { margin-top: 20px; font: 12px/2 "M PLUS Rounded 1c", sans-serif; }
  .text__field .text__message.set--10 { font: 15px "M PLUS Rounded 1c", sans-serif; }
  .text__field.dialog .text__content .text__paragraph { display: block; font: 11px/1 "M PLUS Rounded 1c", sans-serif; /* -------------- CUSTOM HIGHLIGHTS ---------------*/ /* -------------- FONT HIGHLIGHTS (SP) ---------------*/ }
  .text__field.dialog .text__content .text__paragraph.new--line { margin-top: 2px; }
  .text__field.dialog .text__content .text__paragraph:after { content: attr(data-content); position: absolute; margin: auto; z-index: -2; color: #000; top: 50%; left: 0; right: 0; width: 90%; height: 30%; background-color: yellow; }
  .text__field.dialog .text__content .text__paragraph.set--hi--2:after { width: 70%; height: 50%; }
  .text__field.dialog .text__content .text__paragraph.set--hi--3:after { width: 80%; height: 50%; }
  .text__field.dialog .text__content .text__paragraph.set--hi--4:after { width: 60%; height: 50%; }
  .text__field.dialog .text__content .text__paragraph.set--hi--5:after { width: 65%; height: 50%; }
  .text__field.dialog .text__content .text__paragraph.new--line { margin-top: 15px; }
  .text__field.dialog .text__content .text__paragraph.set--2 { font: 11px/1 "M PLUS Rounded 1c", sans-serif; }
  .text__field.dialog .text__content .text__paragraph.set--3 { font: 8px/1.5 "M PLUS Rounded 1c", sans-serif; }
  .text__field.dialog .text__content .text__paragraph.set--4 { font: 14px/1.2 "M PLUS Rounded 1c", sans-serif; letter-spacing: -0.01em; }
  .text__field.dialog .text__content .text__paragraph.new--line { margin-top: 2px; }
  .text__field.dialog .text__content .text__number { font: 13px "M PLUS Rounded 1c", sans-serif; }
  .text__field.pointer .arrow__down { border-top: 10px solid #144199; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; }
  .text__field.pointer .arrow__down:before { content: ''; position: relative; left: -10px; top: -13px; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fffcdb; }
  /* -------------- IMAGE CONTAINER(SP) ---------------*/
  .image__field .image__caption { max-width: 140px; padding: 0 0 0 5px; max-height: 30px; }
  .image__field .image__caption .image__text { font: 900 15px "Noto Sans JP", sans-serif; }
  .image__field .image__caption:before, .image__field .image__caption:after { max-width: 143px; height: 29px; background: #144199; }
  .image__field .image__caption:after { width: 50px; height: 0; right: -107px; border: 30px solid transparent; border-left: 24px solid #144199; border-bottom: 0px solid #144199; background: 0; }
  .image__field .image__caption__2 { font: 12px "M PLUS Rounded 1c", sans-serif; }
  /* -------------- BUTTON CONTAINER(SP) ---------------*/
  .button__container .button { max-width: 174px; }
  .button__container .button .button__text { font: 20px "M PLUS Rounded 1c", sans-serif; }
  .button__container .button .button__text.set--2 { font: 20px "Noto Sans JP", sans-serif; }
  .button__container .button__2 { max-width: 174px; }
  .button__container .button__2 .button__text { font: 20px "M PLUS Rounded 1c", sans-serif; }
  .button__container .button__2 .button__text.set--2 { font: 20px "Noto Sans JP", sans-serif; }
  /* -------------- MARGINS(SP) ---------------*/
  .mt--30 { margin-top: 15px; }
  .mt--50 { margin-top: 50px; }
  .mt--60 { margin-top: 20px; }
  .mt--80 { margin-top: 40px; } }

/**************************************
_top.scss
***************************************/
/******************************
    FRONT/LANDING PAGE
******************************/
.top .main .main__container .main__content { width: 100%; /* -------------- KV LANDING PAGE ---------------*/ /* -------------- SECTION 01 ---------------*/ /* -------------- SECTION 02 ---------------*/ /* -------------- SECTION 03 ---------------*/ /* -------------- SECTION 04 ---------------*/ }

.top .main .main__container .main__content .kv__block { height: 70px; width: 100%; }

.top .main .main__container .main__content .section__kv .kv__image { width: 100%; height: auto; }

.top .main .main__container .main__content .section__kv .kv__image.pc { display: block; }

.top .main .main__container .main__content .section__kv .kv__image.sp { display: none; }

.top .main .main__container .main__content .section__01 { padding: 30px 0 47px 0; width: 100%; z-index: 4; background: center/cover no-repeat url("./../img/top/top-img-06-min.png"); /* -------------- PURPLE BUTTON ---------------*/ }

.top .main .main__container .main__content .section__01 .special__button { position: relative; z-index: 4; cursor: pointer; -webkit-animation: translateZ(0); animation: translateZ(0); -moz-animation: translateZ(0); /* Fx 5+ */ -o-animation: translateZ(0); /* Opera 12+ */ -webkit-transform: translateZ(0); /* Safari 4+ */ animation: shake 3.3s infinite; -webkit-animation: shake 3.3s infinite; /* Safari 4+ */ -moz-animation: shake 3.3s infinite; /* Fx 5+ */ -o-animation: shake 3.3s infinite; /* Opera 12+ */ }

@keyframes shake { 10%, 90% { transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0); }
  20%, 80% { transform: translate3d(0, 3px, 0);
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0); }
  30%, 50%, 70% { transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0); }
  40%, 60% { transform: translate3d(0, 4px, 0);
    -webkit-transform: translate3d(0, 4px, 0);
    -moz-transform: translate3d(0, 4px, 0);
    -o-transform: translate3d(0, 4px, 0);
    -ms-transform: translate3d(0, 4px, 0); } }

@-webkit-keyframes shake { 10%, 90% { transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0); }
  20%, 80% { transform: translate3d(0, 3px, 0);
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0); }
  30%, 50%, 70% { transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0); }
  40%, 60% { transform: translate3d(0, 4px, 0);
    -webkit-transform: translate3d(0, 4px, 0);
    -moz-transform: translate3d(0, 4px, 0);
    -o-transform: translate3d(0, 4px, 0);
    -ms-transform: translate3d(0, 4px, 0); } }

@-moz-keyframes shake { 10%, 90% { transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0); }
  20%, 80% { transform: translate3d(0, 3px, 0);
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0); }
  30%, 50%, 70% { transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0); }
  40%, 60% { transform: translate3d(0, 4px, 0);
    -webkit-transform: translate3d(0, 4px, 0);
    -moz-transform: translate3d(0, 4px, 0);
    -o-transform: translate3d(0, 4px, 0);
    -ms-transform: translate3d(0, 4px, 0); } }

@-o-keyframes shake { 10%, 90% { transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0); }
  20%, 80% { transform: translate3d(0, 3px, 0);
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0); }
  30%, 50%, 70% { transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0); }
  40%, 60% { transform: translate3d(0, 4px, 0);
    -webkit-transform: translate3d(0, 4px, 0);
    -moz-transform: translate3d(0, 4px, 0);
    -o-transform: translate3d(0, 4px, 0);
    -ms-transform: translate3d(0, 4px, 0); } }

@keyframes shake { 10%, 90% { transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0); }
  20%, 80% { transform: translate3d(0, 3px, 0);
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0); }
  30%, 50%, 70% { transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
    -o-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0); }
  40%, 60% { transform: translate3d(0, 4px, 0);
    -webkit-transform: translate3d(0, 4px, 0);
    -moz-transform: translate3d(0, 4px, 0);
    -o-transform: translate3d(0, 4px, 0);
    -ms-transform: translate3d(0, 4px, 0); } }

.top .main .main__container .main__content .section__01 .special__button .special__button__image { margin-left: 307px; max-width: 147px; position: absolute; top: -102px; left: 50%; right: 0; }

.top .main .main__container .main__content .section__01 .inner__container { margin: 0 auto; max-width: 768px; }

.top .main .main__container .main__content .section__01 .inner__container .text__field { margin-top: 13px; padding: 10px 0; text-align: center; border-radius: 12px; border: 5px solid #144199; background: #fffcdb; }

.top .main .main__container .main__content .section__01 .inner__container .text__field:first-child { margin-top: 0px; }

.top .main .main__container .main__content .section__01 .inner__container .image__field { margin-top: 13px; border: 5px solid #144199; }

.top .main .main__container .main__content .section__01 .inner__container .image__field .image__thumb { max-width: 758px; }

.top .main .main__container .main__content .section__02 { width: 100%; padding: 30px 0 47px 0; background: center/cover no-repeat url("./../img/top/top-img-08-min.png"); }

.top .main .main__container .main__content .section__02 .inner__header { margin: 0 auto; max-width: 768px; }

.top .main .main__container .main__content .section__02 .inner__header.flex__field { -ms-flex-pack: center; -ms-flex-align: center; }

.top .main .main__container .main__content .section__02 .inner__header.flex__field .text__field { width: 100%; max-width: 465px; text-align: center; }

.top .main .main__container .main__content .section__02 .inner__header .title__arrow { max-width: 106px; max-height: 16px; }

.top .main .main__container .main__content .section__02 .inner__container { margin: 0 auto; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 768px; }

.top .main .main__container .main__content .section__02 .inner__container .text__field { margin-top: 13px; padding: 10px 0; text-align: center; border-radius: 12px; border: 5px solid #144199; background: #fffcdb; }

.top .main .main__container .main__content .section__02 .inner__container .text__field:first-child { margin-top: 0px; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc, .top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc .swiper-button-next, .top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc .swiper-button-prev, .top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp .swiper-button-next, .top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp .swiper-button-prev { position: absolute; top: 0; left: 0; height: 100%; width: 50%; outline: 0; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc .swiper-button-prev, .top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp .swiper-button-prev { left: auto; right: 0; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc { margin: 13px auto 0; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc .swiper-slide .image__thumb { height: 531px; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc .swiper-slide .image__thumb.same--height { height: 531px; }

.top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp { display: none; }

.top .main .main__container .main__content .section__03 { padding: 55px 0 47px 0; width: 100%; position: relative; z-index: 3; background: center bottom/cover no-repeat url("./../img/top/top-img-15-min.png"); }

.top .main .main__container .main__content .section__03:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; top: 15%; background: center bottom/771px 279px no-repeat url("./../img/top/top-img-19-min.png"); }

.top .main .main__container .main__content .section__03 .inner__header { margin: 0 auto; position: relative; z-index: 3; }

.top .main .main__container .main__content .section__03 .inner__header.flex__field .text__field { margin: 0 auto; padding: 4px 75px; background: #144199; border-radius: 20px; }

.top .main .main__container .main__content .section__03 .inner__container { margin: 0 auto; padding: 24px 30px 46px 30px; max-width: 768px; height: auto; position: relative; top: -27px; z-index: 2; border: 5px solid #144199; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; background: center/cover no-repeat url("./../img/top/top-img-14-min.png"); }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group { margin-top: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle { margin: 0 30px 0 0; -ms-flex-preferred-size: 340px; flex-basis: 340px; height: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: center; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle .text__field.dialog { margin: 0 auto; position: absolute; z-index: 2; right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle .text__field.dialog .text__content.first-dialog { padding-bottom: 20px; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle:after { content: ''; margin: 0 auto; width: calc(100% - -62px); height: 346px; position: absolute; left: 0; right: 0; background: center/contain no-repeat url("./../img/top/top-img-11-min.png"); }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2 { margin: 24px 0 0 10px; -ms-flex-preferred-size: 279px; flex-basis: 279px; height: 279px; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2:after { left: auto; right: 0; content: ''; width: calc(100% - -52px); height: 286px; background: center/contain no-repeat url("./../img/top/top-img-12-min.png"); }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2 .text__field.dialog .text__content { position: relative; top: -17px; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2 .text__field.dialog .text__content.second-dialog { padding-top: 20px; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__image__container { margin-top: 10px; max-width: 312px; max-height: 312px; border: 5px solid #144199; border-radius: 15px; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__image__container.set--2 { max-width: 398px; max-height: 312px; }

.top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__image__container .dialog__thumb { border-radius: 15px; }

.top .main .main__container .main__content .section__03 .inner__container .image__field .image__text { margin: 0 auto; max-width: 436px; }

.top .main .main__container .main__content .section__04 { padding-bottom: 64px; width: 100%; position: relative; z-index: 2; background: center bottom/754px 354px no-repeat url("./../img/top/top-img-20-min.png"); }

.top .main .main__container .main__content .section__04 .inner__header { margin: 0 auto; max-width: 768px; position: relative; }

.top .main .main__container .main__content .section__04 .inner__header:before, .top .main .main__container .main__content .section__04 .inner__header:after { content: ''; width: 100%; max-width: 768px; height: 7px; position: absolute; top: 0; display: block; background-image: url("./../img/common/border-line-min.png"); }

.top .main .main__container .main__content .section__04 .inner__header:after { top: auto; bottom: -10px; }

.top .main .main__container .main__content .section__04 .inner__header .text__field { padding: 21px 0 12px; }

.top .main .main__container .main__content .section__04 .inner__container { margin: 35px auto; max-width: 768px; position: relative; z-index: 1; }

.top .main .main__container .main__content .section__04 .inner__container .image__field { max-width: 326px; }

.top .main .main__container .main__content .section__04 .inner__container .text__field { padding-left: 28px; }

.top .main .main__container .main__content .section__04 .media__container { display: none; }

@media screen and (max-width: 767px) { .top .main .main__container .main__content { /* -------------- KV ---------------*/ /* -------------- SECTION 01 ---------------*/ /* -------------- SECTION 02 ---------------*/ /* -------------- SECTION 03 ---------------*/ /* -------------- SECTION 04 ---------------*/ }
  .top .main .main__container .main__content .kv__block { height: 48px; width: 100%; }
  .top .main .main__container .main__content .section__kv .kv__image.sp { display: block; }
  .top .main .main__container .main__content .section__kv .kv__image.pc { display: none; }
  .top .main .main__container .main__content .section__01 { padding: 8px 0 13px 0; }
  .top .main .main__container .main__content .section__01 .special__button .special__button__image { margin-left: 29%; max-width: 56px; top: -45px; }
  .top .main .main__container .main__content .section__01 .inner__container { max-width: 400px; }
  .top .main .main__container .main__content .section__01 .inner__container .text__field, .top .main .main__container .main__content .section__01 .inner__container .image__field { margin-top: 4px; border: 2px solid #144199; }
  .top .main .main__container .main__content .section__02 { padding: 15px 0 23px 0; }
  .top .main .main__container .main__content .section__02 .inner__header.flex__field .text__field { max-width: 212px; }
  .top .main .main__container .main__content .section__02 .inner__header .title__arrow { max-width: 36px; max-height: 16px; }
  .top .main .main__container .main__content .section__02 .inner__container { max-width: 400px; width: calc(100% - 41px); }
  .top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc, .top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp { margin-top: 10px; }
  .top .main .main__container .main__content .section__02 .inner__container .manga__slider__pc { display: none; }
  .top .main .main__container .main__content .section__02 .inner__container .manga__slider__sp { display: block; }
  .top .main .main__container .main__content .section__03 { padding: 30px 0 0 0; }
  .top .main .main__container .main__content .section__03 .inner__header { top: -12px; width: calc(100% - 36px); }
  .top .main .main__container .main__content .section__03 .inner__header.flex__field .text__field { padding: 4px 25px; text-align: center; }
  .top .main .main__container .main__content .section__03 .inner__container { padding: 11px 0 24px; width: calc(100% - 36px); max-width: 400px; border: 2px solid #144199; }
  .top .main .main__container .main__content .section__03 .inner__container .text__field { margin-top: 4px; }
  .top .main .main__container .main__content .section__03 .inner__container .image__field .image__text { max-width: 190px; height: 39px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group { margin-top: 10px; max-width: 758px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group:nth-child(2) { margin-top: 0; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle { margin-right: 0; -ms-flex-preferred-size: 126px; flex-basis: 126px; height: 142px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle .text__field.dialog .text__content.first-dialog { padding: 0; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle:after { left: -22px; height: 142px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2 { margin-left: 4px; margin-bottom: 12px; -ms-flex-preferred-size: 96px; flex-basis: 96px; max-height: 96px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2:after { width: calc(100% - -17px); height: 100px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2 .text__field.dialog .text__content { position: relative; top: -13px; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__circle.set--2 .text__field.dialog .text__content.second-dialog { top: 0; padding: 0; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__image__container { margin-left: 7px; max-width: 116px; max-height: 116px; border: 2px solid #144199; }
  .top .main .main__container .main__content .section__03 .inner__container .dialog__group .dialog__image__container.set--2 { max-width: 159px; }
  .top .main .main__container .main__content .section__04 { padding-bottom: 22px; }
  .top .main .main__container .main__content .section__04 .inner__header { max-width: 287px; }
  .top .main .main__container .main__content .section__04 .inner__header:before, .top .main .main__container .main__content .section__04 .inner__header:after { top: 6px; height: 4px; }
  .top .main .main__container .main__content .section__04 .inner__header:after { top: auto; bottom: -4px; }
  .top .main .main__container .main__content .section__04 .inner__container { margin: 35px auto 0; width: calc(100% - 36px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .top .main .main__container .main__content .section__04 .inner__container .image__field { max-width: 287px; }
  .top .main .main__container .main__content .section__04 .inner__container .text__field { padding-left: 0; }
  .top .main .main__container .main__content .section__04 .media__container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 174px; }
  .top .main .main__container .main__content .section__04 .media__container .line__container, .top .main .main__container .main__content .section__04 .media__container .twitter__container, .top .main .main__container .main__content .section__04 .media__container .facebook__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 31px; height: 31px; } }

/**************************************
_header.scss
***************************************/
/* #header
------------------------------------------------------------*/
/* #header
------------------------------------------------------------*/
#header { z-index: 1000; display: block; position: fixed; top: 0; height: 70px; width: 100%; background: #fff; }

#logo_bihidasu { position: absolute; left: 20px; top: 9px; }

.mainNavi { width: 1000px; margin: 0 auto; position: relative; }

.navList { position: absolute; top: 19px; left: 115px; letter-spacing: -0.4em; }

.navList li { position: relative; display: inline-block; letter-spacing: normal; font: bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", sans-serif; }

.navList li + li::before { position: absolute; top: 50%; left: 0; content: ""; display: inline-block; width: 1px; height: 13px; margin-top: -6px; background: #2855b4; }

.navList li a { display: block; color: #144199; padding: 0 8px; line-height: 38px; height: 35px; font-size: 14px; font-weight: bold; }

.navList li.current::after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 4px; background: #28beef; }

.navList li:nth-child(1).current::after { width: 26px; }

.navList li:nth-child(2).current::after { width: 109.19px; }

.navList li:nth-child(3).current::after { width: 54.59px; }

.navList li:nth-child(5).current::after { width: 26px; }

.navList li a:hover { color: #4470c6; }

#logo_morinaga { position: absolute; top: 13px; right: 20px; }

.headSns { position: absolute; top: 25px; right: 94px; }

.headSns li { display: inline-block; vertical-align: top; margin-left: 5px; }

.headSns #fb { width: 65px; overflow: hidden; zoom: 1; }

.naviChildArea { position: fixed; top: 70px; left: 0; width: 100%; background: rgba(148, 196, 241, 0.9); }

.naviChild { width: 1000px; margin: 0 auto; padding: 22px -0px 25px; }

.naviLinkList { overflow: hidden; width: 1029px; margin-right: -29px; margin-top: -22px; letter-spacing: -0.4em; text-align: center; }

.naviLinkList li { display: inline-block; width: 314px; margin: 22px 29px 0 0; letter-spacing: normal; }

.naviLinkList a { display: block; position: relative; }

.naviLinkList .new > a::before { position: absolute; top: 5px; left: 8px; content: url("./../img/common/icn_naviLinkProducts_new.png"); }

.naviLinkList a:hover { opacity: 0.6; }

.naviLinkList img { width: 100%; vertical-align: top; }

.naviLinkList p { position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px 30px 11px 14px; background: rgba(255, 255, 255, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: -1.0px; text-align: left; }

.naviLinkList p::before, .naviLinkList p::after { position: absolute; top: 50%; right: 12px; content: ''; display: inline-block; width: 11px; height: 3px; background: #557ad5; border-radius: 6px; }

.naviLinkList p::before { margin-top: -3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.naviLinkList p::after { margin-top: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.naviLinkList.naviLinkListCm p { height: 4.3em; letter-spacing: -1.0px; text-align: center; }

.naviLinkList.naviLinkListRecipe p { letter-spacing: 1px; text-align: center; }

.naviLinkList.naviLinkListFun p { /*    display: table-cell;*/ height: 4.3em; vertical-align: middle; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.naviLinkList02 { letter-spacing: -.40em; margin-top: -6px; margin-right: -6px; text-align: center; }

.naviLinkList02 li { display: inline-block; vertical-align: top; letter-spacing: normal; width: 323px; margin-top: 6px; margin-right: 6px; }

.naviLinkList02 li a { display: table; table-layout: fixed; }

.naviLinkList02 li a:hover { opacity: .6; }

.naviLinkList02 li p, .naviLinkList02 li figure { display: table-cell; }

.naviLinkList02 li p { width: 107px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 18px; vertical-align: middle; background: #fff; font-size: 14px; -ms-text-align-last: auto; text-align: left; }

.naviLinkList02 li p span { position: relative; display: inline-block; padding-left: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.naviLinkList02 li p span::before, .naviLinkList02 li p span::after { position: absolute; top: 50%; margin-top: -3px; left: 0; content: ' '; display: inline-block; width: 11px; height: 3px; background: #557ad5; border-radius: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.naviLinkList02 li p span::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 3px; }

.naviLinkList02 li figure { width: 216px; }

.naviLinkMore { margin: 8px 0 -9px; text-align: right; }

.naviLinkMore a { display: inline-block; position: relative; padding-right: 25px; font-weight: bold; font-size: 16px; color: #fff; }

.naviLinkMore a::before, .naviLinkMore a::after { position: absolute; top: 50%; right: 5px; content: ''; display: inline-block; width: 11px; height: 3px; background: #fff; border-radius: 6px; }

.naviLinkMore a::before { margin-top: -3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.naviLinkMore a::after { margin-top: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.naviLinkMore a:hover { opacity: 0.6; }

.naviLinkProducts { overflow: hidden; width: 1000px; }

.naviProductsCol { height: 92px; display: block; }

.naviProductsCol .mr4 { margin-right: 4px; }

.naviProductsCol .naviProductsTit { float: left; width: 105px; margin-right: 4px; }

.naviProductsCol .naviProductsTit a { display: block; height: 86px; padding: 10px 0 0 6px; letter-spacing: 1px; line-height: 1.4; font-weight: bold; font-size: 10px; color: #fff; border-bottom: 4px solid #4b71af; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.naviProductsCol .naviProductsTit a::before { content: ''; display: block; width: 27px; height: 16px; margin-bottom: 8px; background: url("./../img/common/icn_naviProductsTit.png"); }

.naviProductsCol .naviProductsTit a:hover { opacity: 0.6; }

.naviProductsCol ul { float: left; overflow: hidden; }

.naviProductsCol li { float: left; width: 105px; height: 86px; margin-right: 4px; }

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

.naviProductsCol a { position: relative; display: block; height: 86px; border-bottom: 4px solid #5880c1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.naviProductsCol .new a::before { background: url("./../img/common/icn_naviLinkProducts_new.png") no-repeat; background-size: contain; width: 34px; height: 34px; content: ''; display: inline-block; position: absolute; top: 3px; left: 4px; }

.naviProductsCol .naviProductsTit.isNomu a { background: #e60013; border-bottom-color: #e60013; }

.naviProductsCol .naviProductsTit.isBentsu a { background: #fc62a6; border-bottom-color: #ed2682; }

.naviProductsCol .naviProductsTit.isPlain a { background: #5880c1; border-bottom-color: #4b71af; }

.naviProductsCol .naviProductsTit.isSuger a { background: #58add4; border-bottom-color: #3182a7; }

.naviProductsCol .naviProductsTit.isCreamy a { background: #e0cd3c; border-bottom-color: #b5a11e; }

.naviProductsCol .naviProductsTit.isFruit a { background: #eb85c1; border-bottom-color: #d658a2; }

.naviProductsCol .naviProductsTit.isPower a { background: #5880c1; border-bottom-color: #4b71af; }

.naviProductsCol .naviProductsTit.isSupplement a { background: #7cb561; border-bottom-color: #5f874c; }

.naviProductsCol .naviProductsTit.isSymbio a { background: #21aadc; border-bottom-color: #078ebf; font-size: 8px; }

.naviProductsCol ul.isNomu a { border-bottom-color: #e60013; }

.naviProductsCol ul.isBentsu a { border-bottom-color: #d658a2; }

.naviProductsCol ul.isPlain a { border-bottom-color: #5880c1; }

.naviProductsCol ul.isSuger a { border-bottom-color: #58add4; }

.naviProductsCol ul.isCreamy a { border-bottom-color: #e0cd3c; }

.naviProductsCol ul.isFruit a { border-bottom-color: #eb85c1; }

.naviProductsCol ul.isPower a { border-bottom-color: #5880c1; }

.naviProductsCol ul.isSupplement a { border-bottom-color: #7cbc60; }

.naviProductsCol ul.isSymbio a { border-bottom-color: #21aadc; }

.naviProductsCol li a span { position: absolute; top: 0; left: 0; width: 100%; height: 82px; background: #2855b4; text-align: center; line-height: 1.4; font-size: 11px; color: #fff; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; }

.naviProductsCol li a:hover span { opacity: 0.85; }

.naviLinkListPower li:nth-child { width: 315px; margin-right: 27px; }

/******************************
    header sp
*******************************/
@media screen and (max-width: 767px) { .sp { display: block; }
  .pc { display: none; }
  #header { height: 48px; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15); }
  #logo_bihidasu { position: absolute; left: 50%; top: 50%; margin-top: 4px; margin-left: -30px; }
  #logo_bihidasu img { width: 60px; }
  .spMenu { position: absolute; top: 6px; right: 20px; width: 35px; }
  .spMenu a { position: relative; height: 11px; padding-top: 24px; display: block; text-align: center; font-weight: bold; font-size: 9px; color: #557ad5; }
  .spMenu .icnTrigger span, .spMenu .icnTrigger::before, .spMenu .icnTrigger::after { display: inline-block; position: absolute; left: 50%; width: 24px; height: 3px; margin-left: -12px; border-radius: 5px; background: #557ad5; }
  .spMenu .icnTrigger span { top: 11px; }
  .spMenu .icnTrigger::before { content: ''; top: 4px; }
  .spMenu .icnTrigger::after { content: ''; top: 18px; }
  .spMenu a.active .icnTrigger span { display: none; }
  .spMenu a.active .icnTrigger::before { top: 11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .spMenu a.active .icnTrigger::after { top: 11px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .spMenu a:not(.active) .isOpen { display: none; }
  .spMenu a.active .isClose { display: none; }
  .mainNavi { width: 100%; position: relative; }
  .navList { display: none; position: absolute; top: 48px; left: 0; width: 100%; background: rgba(148, 196, 241, 0.95); letter-spacing: normal; }
  .navList li { display: block; border-bottom: 1px solid #fff; }
  .navList li + li::before { display: none; }
  .navList li.current::after { display: none; }
  .navList li a { position: relative; color: #fff; padding: 0 50px 0 25px; line-height: 65px; height: 60px; font-weight: bold; /*    font-size: 14px;*/ }
  .navList li a::before, .navList li a::after, .navList li.current a::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 8px; background: #fff; border-radius: 5px; }
  .navList li a::after, .navList li.current a::after { top: 27px; right: 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .navList li a::before { bottom: 27px; right: 25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .navList li a:hover { /*    opacity: 0.6;*/ }
  #logo_morinaga { position: absolute; top: 10px; right: auto; left: 15px; }
  #logo_morinaga img { width: 45px; } }

/**************************************
_footer.scss
***************************************/
/* #footer
------------------------------------------------------------*/
#footer { border-top: 4px solid #144199; background: #f5f5f5; }

.footerInner { padding: 25px 0 22px; margin: 0 auto; position: relative; width: 1000px; }

.footerNav { overflow: hidden; }

.footerNav li { float: left; }

.footerNav li + li { padding-left: 12px; margin-left: 12px; border-left: 1px solid #aeb4c1; }

.footerNav li a { font: 13px/1.5 "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", sans-serif; color: #333; letter-spacing: 1px; }

.footerNav li a:hover { opacity: 0.6; }

#copyright { position: absolute; top: 25px; right: 140px; font: 10px/1.5 "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", sans-serif; letter-spacing: 0.5px; color: #333; }

#logo_footer { position: absolute; top: 20px; right: 0; }

/******************************
    footer sp
*******************************/
@media screen and (max-width: 767px) { #footer { border-top-width: 5px; }
  .footerInner { width: 100%; padding: 14px 0 20px; text-align: center; }
  .footerNav { display: inline-block; margin-bottom: 10px; }
  .footerNav li { float: left; }
  .footerNav li + li { padding-left: 6px; margin-left: 6px; }
  .footerNav li a { font-size: 11px; }
  #copyright { position: static; top: auto; right: auto; margin-bottom: 22px; font-size: 7px; }
  #logo_footer { position: static; top: auto; right: auto; text-align: center; }
  #logo_footer img { margin: 0 auto; width: 90px; } }

/*# sourceMappingURL=main.css.map */