@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400|Work+Sans:400,500&display=swap');

/* Base Setting
==========================================================*/

html { font-size: 62.5%; height: 100%;}
body { font-size: 1.6rem; line-height: 1.9; font-family: 'Work Sans', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif; font-weight: 400; margin:0; padding: 0; color: #00B594; -webkit-text-size-adjust: 100%; letter-spacing: .07rem; height: 100%; background: #FFFBF7;}
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
  body { letter-spacing: 0.02em; line-height: 1.7;}
}



a       { text-decoration: none; color: #00B594; outline: none; -webkit-transition: all .3s; transition: all .3s;}
a:hover { text-decoration: none;}
a.underline { text-decoration: underline;}
img { -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; vertical-align: middle;}
:focus { outline: 0; }
::-moz-selection { background: #cdf05d; color: #222;}
::selection { background: #cdf05d; color: #222;}

/* fonts */
.fn-WSM { font-family: 'Work Sans', sans-serif; font-weight: 500; font-style: normal;}
.fn-Noto { font-family: 'Noto Serif JP', serif; font-weight: 400; font-style: normal;}

/* color */
.c_white { color: #fff;}
.c_red { color: #FF4637;}
.c_blue { color: #00AFFF;}
.bg_white { background: #fff;}
.bg_green { background: #00B594;}

/* 2行目字下げ */
.indent li { margin-left: 1.5rem; text-indent: -1.5rem;}

/* リンク削除 */
a.disabled { pointer-events: none !important;}
#menu ul li:nth-child(6) a { pointer-events: none; color: #CBF0E9; }
.footer_left_nav ul li:nth-child(5) a { pointer-events: none; color: #00956C; }

/* object fit */
.obf { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; height: 100%; width: 100%; }

/* slider */
.slide ul{ display: none; }
.slide ul.slick-initialized { display: block; }

/* hack
========================================================== */

.sp-hide { display: block;}
.sp-hide-inline { display: inline;}
.sp-show { display:none;}
.sp-show-inline { display:none;}
.sp-show-450, .sp-show-560, .sp-show-620 { display:none;}
.sp-hide-450, .sp-hide-560, .sp-hide-620 { display:inline;}


/* ------------------------------------ */



@media screen and (max-width: 768px) {

.sp-hide-inline, .sp-hide { display: none !important;}
.sp-show { display:block;}
.sp-show-inline { display:inline;}
.sp-br-none br, br.sp-br-none {display: none;}

.sp-no-flex { display: block;}

    @media screen and (max-width: 620px) {
      .sp-show-620 { display:inline;}
      .sp-hide-620 { display:none;}
    }

    @media screen and (max-width: 560px) {
      .sp-show-560 { display:inline;}
      .sp-hide-560 { display:none;}
    }

    @media screen and (max-width: 450px) {
      .sp-show-450 { display:inline;}
      .sp-hide-450 { display:none;}
    }

body { font-size: 1.4rem; line-height: 1.75; letter-spacing: 0rem;}
img { max-width: 100%; height: auto;}

}



/* main-layout
==========================================================*/

#wrapper { width: 100%; overflow-x: hidden;}
.wrap { width: 100%; margin: 0 auto;}
/*.wrapInner { padding: 120px 0 130px; }  */
.wrap1400 { width: 92%; margin: 0 auto; max-width: 1400px;}
.wrap1200 { width: 92%; margin: 0 auto; max-width: 1200px;}
.wrap1050 { width: 92%; margin: 0 auto; max-width: 1050px;}
.wrap1000 { width: 92%; margin: 0 auto; max-width: 1000px;}
.wrap900 { width: 92%; margin: 0 auto; max-width: 900px;}
.wrap700 { width: 92%; margin: 0 auto; max-width: 700px;}

.col {}
  .col-l { float: left;}
  .col-r { float: right;}

@media screen and (max-width: 768px) {
 .Container { margin-top: 50px;}
}

/* header
==========================================================*/

#headerContainer { position: relative; background: #fff; width: 100%; line-height: 80px; height: 80px; z-index: 9999999; margin: 0 auto;}
  #headerContainer .headerInner { padding: 0 0 0 50px; box-sizing: border-box;}
  #headerContainer .headerInner .headnavwrapper { max-width: 1000px; width: -moz-calc(100% - 430px); width: -webkit-calc(100% - 430px); width: calc(100% - 430px);}
   #headerContainer .logo { width: 31%; max-width: 430px; margin-top: -5px;}
   #headerContainer #menu { width: 65%; max-width: 540px;}
   #menu ul li { position: relative;}
   #menu ul li.current::before { content: ''; width: 8px; height: 10px; background-image: url(../images/common/icon_current.png); background-repeat: no-repeat; background-size: contain; vertical-align: middle; position: absolute; left: 0; top: 15px; right: 0; margin: auto;}
   #menu ul li a { padding: 0 10px; box-sizing: border-box; display: block;}

 #headerContainer .headerInner .head_right_wrapper { max-width: 395px;}

  .head_right_wrapper .btn_ig { width: 75px;}

  .btn_head_wholesale { width: 120px;}
    .btn_head_wholesale a { display: block; background: #00AFFF; position: relative;}
    .btn_head_wholesale.current a::before { content: ""; position: absolute; border: solid 5px transparent; border-top: solid 8px #00AFFF; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);z-index: 99999;}

  .btn_head_onlineshop { width: 200px;}
   .btn_head_onlineshop ul li a { display: block;}
   .btn_head_onlineshop ul li.btn_head_login { width: 54%;}
   .btn_head_onlineshop ul li.btn_head_login img { display: inline-block; margin-right: 5px; vertical-align: text-bottom;}
   .btn_head_onlineshop ul li.btn_head_cart { width: 46%;}
   .btn_head_onlineshop ul li.btn_head_cart a { max-width: 60px; height: 30px; line-height: 30px; background: #00AFFF; border-radius: 30px; margin: 25px auto 0; }
   .btn_head_onlineshop ul li.btn_head_cart a img { vertical-align: text-bottom;}

  /* fixed */
  #headerContainer.fixed { position: fixed; top: 0; left: 0; right: 0; margin: auto; height: 70px; line-height: 70px;}
  #headerContainer.fixed #menu ul li.current::before { top: 10px;}
  #headerContainer.fixed .btn_head_onlineshop ul li.btn_head_cart a { margin-top: 20px;}

  .slide-down {
    animation-name: slideDown;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transform-origin: 50% 50% 0;
    animation-duration: .6s;
    top: 0;
  }
  @keyframes slideDown {
    0% {
      top: -85px;
    }
    100% {
      top: 0;
    }
  }


@media screen and (max-width: 1260px) {
 #headerContainer .headerInner { padding: 0 0 0 20px;}
 #headerContainer .headerInner .headnavwrapper { width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: calc(100% - 400px);}
 #headerContainer #menu { max-width: 480px;}
 #headerContainer #menu ul li a { padding: 0 5px; font-size: 1.4rem;}
 .head_right_wrapper .btn_ig { width: 50px;}
 .head_right_wrapper .btn_ig img { width: 20px;}
 .btn_head_onlineshop { width: 160px;}
}
@media screen and (max-width: 1060px) {
 #headerContainer .headerInner .headnavwrapper { width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: calc(100% - 320px);}
 .btn_head_onlineshop { width: 120px;}
  .btn_head_onlineshop ul li.btn_head_login span { display: none;}
  .btn_head_onlineshop ul li.btn_head_login,
  .btn_head_onlineshop ul li.btn_head_cart { width: 50%;}
  .btn_head_onlineshop ul li.btn_head_login img { margin-right: 0;}
  .btn_head_onlineshop ul li.btn_head_cart a { max-width: 100%; height: auto; line-height: 80px; border-radius: 0; margin: 0; }

 #headerContainer.fixed .btn_head_onlineshop ul li.btn_head_cart a { margin-top: 0; line-height: 70px;}
}
@media screen and (min-width: 961px) {

 #headerContainer #menu { display: block !important; }

}
@media screen and (max-width: 960px) {
 #headerContainer .sp-show { display:block;}
 #headerContainer .sp-hide { display:none;}

  #headerContainer { position: fixed; top:0; left: 0; line-height: 50px; height: 50px;}
  #headerContainer .headerInner .headnavwrapper { width: 190px;}
  #headerContainer .logo { width: 190px; margin-top: -4px; }
  /* fixed */
  #headerContainer.fixed { height: 50px; line-height: 50px; animation: none;}
  #headerContainer.fixed .btn_head_onlineshop ul li.btn_head_cart a { line-height: 50px;}
  #headerContainer.fixed #menu ul li.current::before { top: 0; }

  .navInner { display: block !important; z-index: 9999; position: fixed; right: 205px; top: 0; width: 15px; padding: 15px; line-height: 20px;}

  #headerContainer #menu { display: none; position: fixed; top: 50px; left: 0;background: #fff; width: 100%; height: 100vh; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9999 !important; color: #fff; max-width: 100%;-ms-overflow-style: none; scrollbar-width: none;}
  #headerContainer #menu::-webkit-scrollbar { display:none;}
    #menu ul { display: block; margin: 0 auto 20vh;}
    #headerContainer #menu ul li a { padding: 0 5%; font-size: 1.7rem; text-align: center; width: 100%; box-sizing: border-box;}
    #menu ul li a img { margin-right: .5em;}
    #menu ul li.current::before { top: 0;}

  .btn_head_wholesale { width: 100px; font-size: 1.4rem;}
  .btn_head_onlineshop { width: 100px; }
  .btn_head_onlineshop ul li.btn_head_cart a { line-height: 50px;}

  .menu-trigger { width: 15px; height: 10px; line-height: inherit; cursor: pointer; position: relative; display: inline-block; transition: all .4s; box-sizing: border-box; }
    .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 2px; background-color: #00B594 !important;}
    .menu-trigger span:nth-of-type(1) { top: 0; }
    .menu-trigger span:nth-of-type(2) { bottom: 0; }
    .menu-trigger:not(.active):hover span:nth-of-type(1) { top: 1px; }
    .menu-trigger:not(.active):hover span:nth-of-type(2) { bottom: 1px; }
    .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg); }
    .menu-trigger.active span:nth-of-type(2) { -webkit-transform: translateY(-4px) rotate(45deg); transform: translateY(-4px) rotate(45deg); }
}

@media screen and (min-width: 561px) {
  #menu ul li:nth-child(7) { display: none;}
}
@media screen and (max-width: 560px) {
 .btn_head_wholesale { display: none;}
  .navInner { right: 105px;}
}
@media screen and (max-width: 400px) {
 #headerContainer .logo { width: 160px;}
 .btn_head_onlineshop { width: 86px; }
 .navInner { right: 88px;}
}


/* footer
==========================================================*/

#footerContainer { width: 100%; padding: 45px 0 50px; box-sizing: border-box; margin-top: 100px;}
.footerInner a { color: #fff;}
.pagetop { right: 0; bottom: 0;}

.footer_left { width: 70%; max-width: 640px;}
  .footer_left .footer_left_logowrap { margin-bottom: 20px;}
  .footer_left .footer_left_logowrap .footer_left_logo { max-width: 278px; width: 43%;}
  .footer_left .footer_left_logowrap .footer_left_ig { font-size: 2rem; margin-top: 25px;}
  .footer_left .footer_left_logowrap .footer_left_ig img { vertical-align: text-bottom; margin-right: 1em;}
  .footer_left .footer_left_nav { max-width: 550px; width: 86%; margin-left: auto; font-size: 1.8rem;}
  .footer_left .footer_left_nav a.disabled { color: #00956C;}
  .footer_left .footer_left_bottom { margin-top: 50px; margin-left: auto; width: 98%;}
  .footer_left .footer_left_bottom .footer_left_uji { width: 53%; max-width: 337px;}
  .footer_left .footer_left_bottom .footer_left_copy { margin-top: 17px;}

.footer_right { width: 24%; border-left: 1px solid #fff; padding-top: 30px;}
  .footer_right .footer_right_nav { margin-left: 60px;}
  .footer_right .footer_right_nav ul li { margin-bottom: 9px;}
  .footer_right .footer_right_nav ul li.icon_link::before { content: ''; width: 12px; height: 12px; background-image: url(../images/common/icon_link.svg); background-repeat: no-repeat; background-size: contain; vertical-align: middle; position: absolute; left: -20px; top: 0; bottom: 0; margin: auto;}
  .footer_right .footer_right_nav ul li.icon_shopping::before { content: ''; width: 16px; height: 13px; background-image: url(../images/common/icon_shopping.svg); background-repeat: no-repeat; background-size: contain; vertical-align: middle; position: absolute; left: -23px; top: 0; bottom: 0; margin: auto;}

@media screen and (max-width: 900px) {
  .footer_left .footer_left_logowrap .footer_left_ig { font-size: 1.6rem;}
  .footer_left .footer_left_logowrap .footer_left_ig img { width: 20px;}
  .footer_left .footer_left_nav  { font-size: 1.4rem;}
  .footer_left .footer_left_bottom .footer_left_copy { font-size: 1.4rem;}
  .footer_right .footer_right_nav { font-size: 1.3rem; margin-left: 50px;}
}
@media screen and (max-width: 768px) {
  #footerContainer { padding: 45px 0 30px; margin-top: 4%;}
  #footerContainer .wrap1000 { width: 75%; margin: 0 0 0 auto;}
  .footer_left { max-width: 100%; width: 100%;}
    .footer_left .footer_left_logowrap .footer_left_ig { font-size: 2rem; margin-top: 0; margin-left: -40px;}
    .footer_left .footer_left_logowrap .footer_left_ig img { margin-right: 15px; width: 25px;}
    .footer_left .footer_left_nav { max-width: 100%; width: 100%; margin-left: auto; font-size: 1.8rem;}
    .footer_left .footer_left_nav a { display: block; padding: 5px 0;}
    .footer_left .footer_left_bottom { display: none;}
  .footer_right { width: 100%; border-top: 1px solid #fff; border-left: none; padding-top: 25px; margin: 30px 0;}
    .footer_right .footer_right_nav { margin-left: 0; font-size: 1.8rem; }
    .footer_right .footer_right_nav ul li { margin-bottom: 0;}
    .footer_right .footer_right_nav ul li a { display: block; padding: 5px 0;}
  .sp-footer { width: 85%;}
    .sp-footer .sp-footer_uji { margin: 35px 0 35px -75px;}
}
@media screen and (max-width: 430px) {
  .sp-footer .sp-footer_uji { margin: 35px 0 35px -17vw;}
}



/* INDEX
==========================================================*/

/* loader */
.loader { align-items: center; background: #FFFBF7; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 99999; }
/* .loader::after { content: ''; height: 60px;  width: 50%; max-width: 360px; background: url(../images/common/logo.svg) center center no-repeat; background-size: contain;} */

/* mainvisual */
#ind_mainvisual { width: 100%; height: 770px; overflow: hidden; position: relative;}
#ind_mainvisual::after { content: ""; height: 5px; width: 100%; background: #B8EAE1; bottom: 0; left: 0; position: absolute;}
 #ind_mainvisual #main_slideshow { height: 770px;}
 #ind_mainvisual .ind_main_txt { width: 80%; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; letter-spacing: 0.25rem; justify-content: center; align-items: center;}
 .vegas-timer { bottom: 0; width: 100%; left: 0; right: 0; height: 5px;}
 .vegas-timer-progress { background: #00B594; }
 .vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  animation: kenburns ease-out;
 }

 @-webkit-keyframes kenburns {
  0% {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  100% {
   -webkit-transform: scale(1);
   transform: scale(1);
  }
 }

 @keyframes kenburns {
  0% {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  100% {
   -webkit-transform: scale(1);
   transform: scale(1);
  }
 }


@media screen and (max-width: 1000px) {
 #ind_mainvisual { height: 70vw;}
 #ind_mainvisual #main_slideshow { height: 70vw;}
}
@media screen and (max-width: 768px) {
 #ind_mainvisual { height: 80vw; margin-top: 50px;}
 #ind_mainvisual #main_slideshow { height: 80vw;}
}


#info2020_ind_mainvisual { width: 100%;}
	#info2020_ind_mainvisual::after { content: ""; height: 5px; width: 100%; background: #B8EAE1; bottom: -5px; left: 0; position: absolute; z-index: 99;}
	@media screen and (max-width: 768px) {
	#info2020_ind_mainvisual { margin-top: 50px;}
}



/* 共通
==========================================================*/
.ind_sec { margin-bottom: 130px;}
.kasou_sec { margin-bottom: 100px;}

.mainttl { font-size: 2rem; margin-bottom: 40px;}
 .mainttl p { font-size: 4.5rem; margin-top: 5px;}

.leadttl { font-size: 3rem; margin-bottom: 20px; letter-spacing: .3rem;}

.btn a { display: block; line-height: 50px; height: 50px; width: 200px; }

@media screen and (max-width: 1000px) {
 .mainttl { font-size: 1.8rem;}
 .mainttl p { font-size: 4rem; margin-top: 5px;}

 .leadttl { font-size: 2.6rem; letter-spacing: .2rem;}
}
@media screen and (max-width: 768px) {
 .ind_sec { margin-bottom: 15%; }
 .mainttl { font-size: 1.2rem; margin-bottom: 15px;}
 .mainttl p { font-size: 2.3rem; margin-top: 3px;}
 .leadttl { font-size: 1.8rem; letter-spacing: .05rem; margin-bottom: 15px; }
 .kasou_sec { margin-bottom: 12%;}
 .btn a { width: 170px; font-size: 1.5rem;}
 #ind_Howto .mainttl,
 #ind_Lineup .mainttl,
 #ind_Scene .mainttl { margin-left: 4%;}
}

/* ind_About */
#ind_About {}
.bg_ind_About::after { content:""; position: absolute; top: 0; left: -200px; background: #fff; height: 100%; width: 200px; z-index: -1;}
.ind_AboutInner { padding-top: 90px; }

.ind_About_miniimg { top: -150px; right: -120px; z-index: 2; width: 240px; }

.ind_About_mov { margin: -10px auto 45px -120px; width: calc(100% + 240px); width: -webkit-calc(100% + 240px); width: -moz-calc(100% + 240px); overflow: hidden;}
  .ind_About_mov video { width: 101%; vertical-align: bottom;}

.ind_About_txt p { max-width: 950px; width: 95%;}

#ind_About .btn a { margin-left: auto; margin-top: 20px;}

@media screen and (max-width: 1220px) {
 .ind_About_mov { margin: -10px auto 45px ; width: 103%;}
}
@media screen and (max-width: 900px) {
 .ind_About_miniimg { width: 200px; right: -20px;}
 .ind_About_mov { margin: -10px auto 45px 0; width: calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px);}
}
@media screen and (max-width: 768px) {
 #ind_About .wrap1000 { width: 84%; margin-left: 4%; padding: 0 4% 0; box-sizing: border-box;}
 .bg_ind_About::after { content: none; }
 .ind_AboutInner { padding: 60px 0 0; }
 #ind_About .mainttl { margin-bottom: 150px; width: 66%;}
 .ind_About_miniimg { width: 42%; height: 260px; right: -12%; top: 0;}
 .ind_About_txt p { width: 100%; }
 .sp_mov_img { margin-bottom: 30px; width: 82vw;}
 #ind_About .btn { margin-right: -5%;}
}
@media screen and (max-width: 590px) {
 .ind_AboutInner { padding: 30px 0 0; }
 .ind_About_miniimg { width: 50%; height: 240px;}
}
@media screen and (max-width: 410px) {
 #ind_About .mainttl { margin-bottom: 90px;}
 .ind_About_miniimg { width: 47%; height: 180px; right: -10%;}
 #ind_About .mainttl p { font-size: 6vw;}
 .sp_mov_img { margin-bottom: 20px;}
}

/* ind_Howto */
#ind_Howto {}
.ind_Howto_left { width: 41%;}
.ind_Howto_right { width: 59%;}
.ind_Howto_txt { padding: 50px; box-sizing: border-box;}
.ind_Howto_box:nth-child(even) .ind_Howto_right { order: 1;}

#ind_Howto .btn { left: 0; bottom: 0;}

@media screen and (max-width: 1000px) {
 .ind_Howto_box:nth-child(even) .ind_Howto_left { width: 59%;}
 .ind_Howto_box:nth-child(even) .ind_Howto_right { width: 41%;}
 .ind_Howto_txt { padding: 50px 30px;}
 .ind_Howto_txt p { margin-bottom: 40px;}
}
@media screen and (max-width: 768px) {
 .ind_Howto_box { padding-top: 4%;}
 .ind_Howto_left,
 .ind_Howto_right,
 .ind_Howto_box:nth-child(even) .ind_Howto_left,
 .ind_Howto_box:nth-child(even) .ind_Howto_right { width: 92%; margin: 0 auto;}
 .ind_Howto_box:nth-child(even) .ind_Howto_right { margin: 6% auto;}
 .ind_Howto_txt { padding: 0; margin-top: 6%;}
 .ind_Howto_txt p { margin-bottom: 0; }
 #ind_Howto .btn { position: static; margin-top: 8%; margin-left: auto; width: 170px; margin-right: -4%;}
}

/* ind_Lineup ・ Howto_filter_Lineup も影響 */
#ind_Lineup {}
  #ind_Lineup .wrap { width: -webkit-calc(1000px + (100% - 1000px)/2); width: -moz-calc(1000px + (100% - 1000px)/2); width: calc(1000px + (100% - 1000px)/2); margin: 0 0 0 auto;}

.ind_LineupInner { padding-bottom: 100px; margin-left: -100px;}
  .ind_LineupInner ul li { width: 300px; padding: 0 25px; box-sizing: border-box;}
  .ind_LineupInner ul li div { bottom: 30px; left: 0; right: 0; margin: auto; width: 96%;}
  .ind_LineupInner ul li div p span { font-size: 1.8rem;}
  .ind_LineupInner ul li div p.price { margin-top: 8px; font-size: 1.8rem;}

#ind_Lineup .slick-list { padding-left: 75px; box-sizing: border-box;}
#ind_Lineup .btn { bottom: 0;}


@media screen and (max-width: 1120px) {
 #ind_Lineup .wrap { width: 96%;}
 .ind_LineupInner ul li { padding: 0 15px;}
 .ind_LineupInner { margin-left: -20px;}
 #ind_Lineup .slick-list { padding-left: 5px;}
}
@media screen and (max-width: 960px) {
 .ind_LineupInner ul li { padding: 0 10px;}
 .ind_LineupInner ul li div p span { font-size: 1.6rem; }
 .ind_LineupInner { margin-left: -15px;}
}
@media screen and (max-width: 768px) {
 .ind_LineupInner { margin-left: 0; }
 .ind_LineupInner ul li { padding: 0 6px;}
 #ind_Lineup .slick-list { padding-left: 6px; }
 .ind_LineupInner ul li div { bottom: 25px;}
 .ind_LineupInner ul li div p { font-size: 1rem; }
 .ind_LineupInner ul li div p.price,
 .ind_LineupInner ul li div p span { font-size: 1.3rem; }
}
@media screen and (max-width: 450px) {
 .ind_LineupInner { padding-bottom: 80px; }
 .ind_LineupInner ul li div { bottom: 15px; }
 .ind_LineupInner ul li div p { font-size: 2.4vw; }
 .ind_LineupInner ul li div p span { font-size: 1.1rem; }
}

/* ind_Scene */
#ind_Scene {}
  #ind_Scene .wrap { width: -webkit-calc(1000px + (100% - 1000px)/2); width: -moz-calc(1000px + (100% - 1000px)/2); width: calc(1000px + (100% - 1000px)/2); margin: 0 0 0 auto;}

/* .ind_SceneInner { margin-left: -50px;} */
#ind_Scene_slide ul li { padding-right: 50px;}
#ind_Scene .btn a { margin-left: auto;}

@media screen and (max-width: 1120px) {
 #ind_Scene .wrap { width: 96%;}
 .ind_SceneInner { margin-left: 0;}
 #ind_Scene_slide ul li { padding-right: 2%;}
}
@media screen and (max-width: 768px) {
 #ind_Scene { margin-bottom: 50px;}
 #ind_Scene .wrap1000 { background: #fff; padding-top: 20px; position: relative;}
 #ind_Scene .wrap1000:after  { content:""; position: absolute; top: 0; right: -100%; background: #fff; height: 100%; width: 100%; z-index: -1;}
 .ind_SceneInner { background: #fff;}
 #ind_Scene .Scene_template ul li a { display: block; padding: 12px 12px;}
}


/* index・Scene_list 共通 */
.Scene_template ul li a { display: block; padding: 50px 50px 25px; background: #fff; box-sizing: border-box;}
.Scene_template ul li a .Scene_list_img { overflow: hidden; background: #000;}
.Scene_template ul li a .Scene_list_img img { -webkit-transition: all .5s ease;
transition: all .8s ease;}
.Scene_template ul li a p { font-size: 1.8rem; margin-top: 25px; width: 90%;}
.Scene_template ul li a .Scene_list_num { font-size: 3.6rem; margin-top: -10px;}
.Scene_template ul li a .Scene_list_num span { font-size: 0.6em; vertical-align: top; margin-right: 5px;}
@media screen and (min-width: 769px) {
 .Scene_template ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .7;}
}
@media screen and (max-width: 1120px) {
 .Scene_template ul li a { display: block; padding: 4% 4% 3%;}
}
@media screen and (max-width: 768px) {
 .Scene_template ul li a p { font-size: 1.2rem; margin-top: 10px;}
 .Scene_template ul li a .Scene_list_num { font-size: 2.1rem; margin-top: -15px;}
}


/* ind_Recipe */
#ind_Recipe { margin-top: -50px;}
#ind_Recipe .btn { bottom: -120px; right: 0;}
@media screen and (max-width: 768px) {
#ind_Recipe { margin-top: 0; margin-bottom: 13%;}
}
@media screen and (max-width: 680px) {
 #ind_Recipe .Recipe_template { padding: 4% 0 60px;}
 #ind_Recipe .btn { bottom: -60px; right: -4%;}
}


/* 下層共通
==========================================================*/

/* ビジュアル有 */
.kasou_visual { width: 100%; height: auto;}

/* ビジュアル無 */
.kasou_visual_non { padding-top: 70px;}
.kasou_visual_non_ttl { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); margin: 0 auto;}
@media screen and (max-width: 1200px) {
 .kasou_visual_non_ttl  { width: 92%;}
}
@media screen and (max-width: 768px) {
 .kasou_visual_non { padding-top: 8%;}
}


/* AboutPage
==========================================================*/

/* About_style */
#About_style {}
.About_styleInner { width: 90%; margin-left: auto;}
.About_style_contents { padding: 60px 0 80px; box-sizing: border-box;}
.About_style_contents:before { content:""; position: absolute; top: 0; left: -100px; background: #fff; height: 100%; width: 100px; z-index: -1; }

.About_style_list { margin-top: 100px;}
  .About_style_list ul li:not(:last-child) { margin-bottom: 45px;}
  .About_style_list ul li .About_style_num { width: 95px; font-size: 3.2rem;}
  .About_style_list ul li .About_style_num:after { content: ''; display: block; background: #9DE3D8; height: 1px; width: 50px; position: relative; left: 30px; top: -10px;}
  .About_style_list ul li .About_style_txt { width: -moz-calc(100% - 95px); width: -webkit-calc(100% - 95px); width: calc(100% - 95px); font-size: 1.4rem;}
  .About_style_list ul li .About_style_txt .About_style_h3ttl { margin-bottom: 15px; font-size: 2.1rem;}
  .About_style_list ul li .About_style_txt .About_style_h3ttl p { margin-bottom: 12px; font-size: 3.2rem;}

.About_style_img { width: -webkit-calc(100% - 900px); width: -moz-calc(100% - 900px); width: calc(100% - 900px);}
  .About_style_img ul { height: 100%;flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;}
  .About_style_img ul li {height: 33.3333%; max-height: 550px; }

.sp_About_style_img01,
.sp_About_style_img02 { display: none;}

@media screen and (max-width: 1350px) {
 .About_styleInner { width: -webkit-calc(90% + 100px); width: -moz-calc(90% + 100px); width: calc(90% + 100px); margin: 0 0 0 auto;}
 .About_style_contents:before { content: none;}
}
@media screen and (max-width: 1300px) {
 .About_styleInner { width: 96%;}
 .About_style_contents { width: 75%; max-width: 100%;}
 .About_style_img { width: 25%;}
}
@media screen and (max-width: 1080px) {
 .About_styleInner { display: block;}
 .About_style_contents { width: 100%;}
 .About_style_contents .wrap700 { max-width: 100%;}
 .About_style_img { display: none;}
 .sp_About_style_img01 { display: block; position: absolute; top: 0; right: 0; width: 30%; height: 280px;}
 .About_style_contents .mainttl { margin-bottom: 100px;}
 .About_style_contents .leadttl { width: 68%;}
 .sp_About_style_img02 { display: block; margin-top: 100px; margin-right: -5%; width: 95%; margin-left: auto;}
}
@media screen and (max-width: 768px) {
 .About_styleInner { width: 92%; margin: 0 auto;}
 .sp_About_style_img01 { width: 42%; height: 50vw; max-height: 260px;}
 .About_style_contents .mainttl { width: 55%; margin-bottom: 150px;}
 .About_style_contents .leadttl { width: 100%;}
 .sp_About_style_img02 { margin-top: 12%; margin-right: -3.5%; width: 96%; margin-left: auto;}
 .About_style_list { margin-top: 12%;}
 .About_style_list ul li:not(:last-child) { margin-bottom: 25px;}
}
@media screen and (max-width: 590px) {
 .About_style_contents { padding: 30px 0 60px;}
 .sp_About_style_img01 { width: 44%; max-height: 220px; height: 230px;}
}
@media screen and (max-width: 520px) {
 .About_style_contents .mainttl { margin-bottom: 120px;}
}
@media screen and (max-width: 460px) {
 .sp_About_style_img01 { width: 45%; height: 170px; }
 .About_style_contents .mainttl { margin-bottom: 75px; }
}

/* About_tea */
#About_tea { width: -webkit-calc(90% + 100px); width: -moz-calc(90% + 100px); width: calc(90% + 100px); margin: 0 0 0 auto;}
#About_tea .About_teaInner {}
#About_tea .About_tea_nonbox { width: -webkit-calc(100% - 900px); width: -moz-calc(100% - 900px); width: calc(100% - 900px);}

.About_tea_mainimg_wrap {}
 .About_tea_mainimg_wrap .About_tea_mainimg {}
 .About_tea_mainimg_wrap .About_tea_mainimg p { font-size: 4.5rem; bottom: 0; right: 65px; height: 50%;}
 .About_tea_mainimg_wrap .About_tea_subimg01 { height: 265px; top: 0; bottom: 0; right: -26.5vw; margin: auto;}
 .About_tea_mainimg_wrap .About_tea_subimg02 { height: 384px; bottom: -160px; right: -24.5vw; z-index: 2;}

.About_tea_contents_wrap.wrap900 { margin: 0 0 0 auto;}
 .About_tea_contents_wrap .About_tea_contents { padding: 60px 0 50px; box-sizing: border-box;}
 .About_tea_contents_wrap .About_tea_contents:before { content:""; position: absolute; top: 0; right: -400px; background: #fff; height: 100%; width: 400px; z-index: -1; }
 .About_tea_contents_wrap .About_tea_contents .About_tea_logo01 { margin-top: 55px;}
 .About_tea_contents_wrap .About_tea_contents .About_tea_logo02 { bottom: 50px; right: -350px;}

 @media screen and (max-width: 1500px) {
  .About_tea_contents_wrap .About_tea_contents:before { right: auto; width: 87vw; left: 0;}
  .About_tea_contents_wrap .About_tea_contents .About_tea_logo02 { transform: translateX(-5vw);}
 }
 @media screen and (max-width: 1400px) {
  .About_tea_contents_wrap .About_tea_contents .About_tea_logo02 { transform: translateX(-11vw);}
 }
 @media screen and (max-width: 1300px) {
  #About_tea { width: 96%; display: block; margin-left: auto;}
  #About_tea .About_teaInner { width: 100%; max-width: 100%;}
  .About_tea_mainimg_wrap { max-width: 900px; width: 85%;}
  .About_tea_contents_wrap.wrap900 { margin: 0 0 0 50px; max-width: 100%;}
  .About_tea_contents_wrap .About_tea_contents:before { content: none;}
  .About_tea_contents_wrap .wrap700 { margin: 0 5%;}
  .About_tea_contents_wrap .About_tea_contents .About_tea_logo02 { transform: none; right: 4%; width: 100px;}
  .About_tea_img { max-width: 850px; width: 85%;}
 }
 @media screen and (max-width: 1100px) {
  .About_tea_mainimg_wrap .About_tea_subimg01 { height: 30%; right: -18vw; width: 25%;}
  .About_tea_mainimg_wrap .About_tea_subimg02 { bottom: auto; top:  35vw; right: -15vw; width: 36%; }
 }
 @media screen and (max-width: 1070px) {
  .About_tea_contents_wrap .About_tea_contents .About_tea_logo01 { padding-right: 50px;}
 }
 @media screen and (max-width: 1000px) {
  .About_tea_mainimg_wrap .About_tea_mainimg p { font-size: 4vw;}
  .About_tea_contents_wrap.wrap900 { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px);}
  .About_tea_contents_wrap .wrap700 { margin: 0 auto; width: 90%;}
  .About_tea_contents_wrap .About_tea_contents .About_tea_logo01 { padding-right: 20%;}
 }
 @media screen and (max-width: 768px) {
  #About_tea { width: 100%;}
  .About_tea_mainimg_wrap { width: 96%; }
  .About_tea_mainimg_wrap .About_tea_mainimg p { right: auto; left: 10%; font-size: 4.5vw;}
  .About_tea_contents_wrap.wrap900 { width: 96%; margin: 0 0 0 auto;}
  .About_tea_contents_wrap .About_tea_contents { padding: 3% 0;}
  .About_tea_contents_wrap .About_tea_contents .About_tea_logo01 { width: 75%; margin: 8% auto 20px; padding-right: 0; text-align: center;}
  .About_tea_img { width: 100%;}
 }


/* HowtoPage
==========================================================*/

/* Howto_base */
#Howto_base {}
.Howto_base_cnt01 { padding: 60px 0 80px;}

.Howto_base_cnt02 { width: -webkit-calc(100% - ((100% - 1000px) / 2)); width: -moz-calc(100% - ((100% - 1000px) / 2)); width: calc(100% - ((100% - 1000px) / 2)); margin-left: auto;}
 .Howto_base_cnt02 .Howto_base_cnt02_img { width: 350px;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt { padding: 65px 120px 60px 75px; box-sizing: border-box; width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px);}
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtInner { width: 70%; font-size: 1.4rem;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtInner p:first-child { font-size: 2.1rem; margin-bottom: 20px;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtmark { width: 140px; margin-top: -25px;}

@media screen and (max-width: 1400px) {
 .Howto_base_cnt02 .Howto_base_cnt02_txt { padding: 65px 5%; }
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtmark { width: 25%;}
}
@media screen and (max-width: 1100px) {
 .Howto_base_cnt02 { width: 100%;}
}
@media screen and (max-width: 1000px) {
 .Howto_base_cnt02 { position: relative;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt { display: block; padding: 60px 5%;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtInner { width: 100%;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtmark { position: absolute; bottom: 10px; left: 10px; width: 100px;}
}
@media screen and (max-width: 768px) {
 .how_to_lead { margin-top: -10px;}
 .Howto_base_cnt01 { padding: 10% 0 0%; }
 .Howto_base_cnt02 .Howto_base_cnt02_txt { width: 100%; padding: 5% 4% 6%;}
 .Howto_base_cnt02 .Howto_base_cnt02_txt .Howto_base_cnt02_txtInner p:first-child { font-size: 1.8rem; margin-bottom: 20px;}
 .Howto_base_cnt02 .Howto_base_cnt02_img { width: 100%; margin-bottom: 5%;}
}


/* Howto_detail */
#Howto_detail {}

#tab { font-size: 0;}
 #tab li { display: inline-block; width: 300px; padding: 18px 0; cursor: pointer; color: #fff; background: #00B594;text-align: center; display: inline-block; -webkit-transition:all .3s; transition:all .3s; font-size: 1.8rem;}
 #tab li.select,
 #tab li.select a { color: #00B594; background: #fff;}
 @media screen and (min-width: 769px) {
  #tab li:hover { -webkit-opacity: 0.6; opacity: 0.6;}
 }
 .disnon { display: none;}

.Howto_detail_main { padding: 75px 0 120px;}
.Howto_detail_h2ttl { font-size: 3.8rem; margin-bottom: 50px; width: -webkit-calc(100% - 345px); width: -moz-calc(100% - 345px); width: calc(100% - 345px); margin-left: auto;}
.Howto_detail_contents ul li:not(:last-child) { margin-bottom: 100px;}
 .Howto_detail_contents ul li .Howto_detail_contents_img { width: 200px;}
 .Howto_detail_contents ul li .Howto_detail_contents_img .Howto_detail_contents_picto { bottom: 0; left: -100px; height: 85%;}
 .Howto_detail_contents_txtbox { width: -webkit-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); margin-top: 20px;}

.Howto_detail_contents ul li:not(:last-child) { position: relative;}
.Howto_detail_contents ul li:not(:last-child)::before { position: absolute; content: ""; bottom: -58px; left: 95px; width: 9px; height: 18px; background-image: url(../images/common/icon_arrow.png); background-repeat: no-repeat; background-size: contain; vertical-align: middle; }

.Howto_detail_subimg { order: 1; margin-left: auto;}
 .Howto_detail_sub .Howto_detail_contents ul li:not(:last-child) { margin-bottom: 55px;}
 .Howto_detail_sub .Howto_detail_contents ul li:not(:last-child)::before { bottom: -10px;}
 .Howto_detail_subtxt { width: 68%; padding: 70px 50px 150px; box-sizing: border-box;}
 .Howto_detail_subtxt .Howto_detail_subtxtInner { width: 100%; max-width: 700px; margin-left: auto;}
 .Howto_detail_sub_lead {margin-bottom: 75px;}
 .Howto_detail_sub_lead p:first-child { font-size: 3rem; margin-bottom: 20px;}
 .Howto_detail_subimg { width: 32%; max-width: 450px;}


@media screen and (max-width: 1380px) {
 .Howto_detail_contents ul li .Howto_detail_contents_img .Howto_detail_contents_picto { bottom: 0; left: auto; right: -100px; height: 60%;}
}
@media screen and (max-width: 1060px) {
 .Howto_detail_sub { display: block;}
 .Howto_detail_subtxt { width: 100%; margin: -30px auto 0; padding: 70px 0 150px;}
 .Howto_detail_subtxt .Howto_detail_subtxtInner { max-width: 100%; width: 92%; margin: 0 auto;}
 .Howto_detail_subimg { width: 50%; max-width: 100%; }
}
@media screen and (max-width: 768px) {
 #tab li {  width: 50%; padding: 10px 0; font-size: 1.5rem;}

 .Howto_detail_main { padding: 10% 0;}
 .Howto_detail_h2ttl { font-size: 2.1rem; width: 100%; margin: 0 auto 10px; text-align: center;}
 .Howto_detail_contents ul li .Howto_detail_contents_img { width: 100%; text-align: center; margin: 0 auto;}

 .Howto_detail_contents ul li .Howto_detail_contents_img .Howto_detail_contents_picto { bottom: -190px; left: -10px; right: 0; width: 50px;}
  .Howto_detail_contents_txtbox { width: 98%; margin-left: auto;}
  .Howto_detail_contents ul li:not(:last-child),
  .Howto_detail_sub .Howto_detail_contents ul li:not(:last-child) { margin-bottom: 80px; }
  .Howto_detail_contents ul li:not(:last-child)::before { bottom: -45px; left: 0; width: 9px; right: 0; margin: auto;}
  .Howto_detail_sub .Howto_detail_contents ul li:not(:last-child)::before { bottom: -50px; }
  .Howto_detail_subimg { width: 67%;}

 .Howto_detail_subtxt { padding: 8% 0 12%;}
  .Howto_detail_sub_lead { margin-bottom: 8%; }
  .Howto_detail_sub_lead p:first-child { font-size: 1.8rem; margin-bottom: 10px;}
}


/* About_style・Howto_detail共通 */
.template_list {}
 .template_list .template_list_num { width: 95px; font-size: 3.2rem;}
 .template_list .template_list_num:after { content: ''; display: block; background: #9DE3D8; height: 1px; width: 50px; position: relative; left: 30px; top: -10px;}
 .template_list .template_list_txt { width: -moz-calc(100% - 95px); width: -webkit-calc(100% - 95px); width: calc(100% - 95px); font-size: 1.4rem;}
 .template_list .template_list_txt .template_list_h3ttl { margin-bottom: 15px; font-size: 2.1rem;}
 .template_list .template_list_txt .template_list_h3ttl p { margin-bottom: 12px; font-size: 3.2rem;}

@media screen and (max-width: 768px) {
 .template_list .template_list_num { width: 50px; font-size: 2rem;}
 .template_list .template_list_num:after { width: 25px; left: 17px; top: -4px;}
 .template_list .template_list_txt { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); font-size: 1.2rem;}
 .template_list .template_list_txt .template_list_h3ttl { font-size: 1.8rem;}
 .template_list .template_list_txt .template_list_h3ttl p { font-size: 2.1rem; margin-bottom: 6px;}
}

/* Howto_filter */
#Howto_filter {}
.Howto_filter_img { width: 33%; max-width: 450px;}
.Howto_filter_txt { width: 68%;}
.Howto_filter_txt:after { content:""; position: absolute; top: 0; right: -100%; background: #fff; height: 100%; width: 100%; z-index: -1;}
.Howto_filter_txt .Howto_filter_txtInner { width: 86%; max-width: 750px;  margin: 0 auto;}

.Howto_filter_txt_sec { padding: 30px 0 100px;}
.Howto_filter_txt_sec:first-child { border-bottom: 1px solid #C6EEE8; margin-bottom: 10px;}
 .Howto_filter_txt_sec .Howto_filter_h4ttl { font-size: 4.5rem; margin-bottom: 25px;}
 .Howto_filter_txt_sec .Howto_filter_h4ttl p { font-size: 2.4rem; margin-top: 10px;}
.Howto_filter_reason { margin-top: 65px;}
 .Howto_filter_reason .Howto_filter_reason_ttl { font-size: 2.1rem; padding-bottom: 20px; border-bottom: 1px solid #C6EEE8; margin-bottom: 40px;}
 .Howto_filter_reason .Howto_filter_reason_img { margin-left: -30px; }
 .Howto_filter_reason .Howto_filter_reason_txt { width: 43%; max-width: 323px; margin-top: 100px; font-size: 1.4rem;}
.Howto_filter_envimg { margin-top: 50px;}

@media screen and (max-width: 1080px) {
 .Howto_filter_txt .Howto_filter_txtInner { width: 92%; max-width: 100%; margin: 0 0 0 auto; }
}
@media screen and (max-width: 1000px) {
 .Howto_filter_txt_sec .Howto_filter_h4ttl p { font-size: 2rem;}
 .Howto_filter_txt_sec .Howto_filter_h4ttl { font-size: 4rem;}
}
@media screen and (max-width: 860px) {
 /* #Howto_filter .wrap1400 { width: 100%; max-width: 100%; } */
 #Howto_filter .Howto_filterInner { display: block;}
 .Howto_filter_img { width: 50%; max-width: 100%; margin-bottom: 4%;}
 .Howto_filter_txt { width: 100%; }
 .Howto_filter_txt .Howto_filter_txtInner { margin: 0 auto;}
 .Howto_filter_txt_sec { padding: 30px 0 4%; }
 .Howto_filter_txt_sec:first-child { padding: 30px 0 60px; }
 .Howto_filter_reason .Howto_filter_reason_img { margin-left: 0; width: 55%; }
}
@media screen and (max-width: 768px) {
 .Howto_filter_img { width: 65%;}
 .Howto_filter_txt_sec { padding: 5% 0; }
 .Howto_filter_txt_sec .Howto_filter_h4ttl { font-size: 2.3rem; margin-bottom: 15px;}
 .Howto_filter_txt_sec .Howto_filter_h4ttl p { font-size: 1.8rem;}
 .Howto_filter_reason { margin-top: 12%; }
 .Howto_filter_reason .Howto_filter_reason_ttl { font-size: 1.8rem; padding-bottom: 15px; margin-bottom: 30px;}
 .Howto_filter_reason .Howto_filter_reason_img { width: 75%; margin: 0 6% 0 auto; max-width: 350px; }
 .Howto_filter_reason .Howto_filter_reason_txt { width: 100%; max-width: 100%; margin-top: 8%;}
 .Howto_filter_txt_sec:first-child { padding: 5% 0 8%; }
 .Howto_filter_envimg { margin-top: 10%; }
}


/* Howto_filter_Lineup */
#Howto_filter_Lineup { padding-top: 70px; position: relative;}
 #Howto_filter_Lineup:after { content:""; width: 100vw; height: 1px; background: #C6EEE8; position: absolute; top: 0; left: 0;}
 #Howto_filter_Lineup_slide { width: calc(50vw + 150px);}
  #Howto_filter_Lineup_slide.ind_LineupInner { margin-left: 0; overflow: hidden;}
  #Howto_filter_Lineup_slide.ind_LineupInner ul { margin-left: -25px;}
  /* #Howto_filter_Lineup_slide li { max-width: 300px;} */
 #Howto_filter_Lineup .btn a { position: absolute; right: 0; bottom: 0;}

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 960px) {
 #Howto_filter_Lineup { padding-top: 60px; margin-top: 50px;}
 #Howto_filter_Lineup_slide.ind_LineupInner ul { margin-left: -10px; }
}
@media screen and (max-width: 860px) {
 #Howto_filter_Lineup_slide { width: 109%;}
}
@media screen and (max-width: 768px) {
 #Howto_filter_Lineup { padding-top: 7%; margin-top: 5%;}
 #Howto_filter_Lineup .btn a { position: absolute; right: -4%; bottom: 0; }
 #Howto_filter_Lineup_slide.ind_LineupInner ul { margin-left: -6px; }
}

/* LineupPage
==========================================================*/
#LineupPage {}

.Lineup_templateInner { padding-top: 100px;}
.Lineup_template ul:after { content:""; display: block; width: 31%; max-width: 300px;}
.Lineup_template ul li { width: 31%; max-width: 300px; margin-bottom: 100px;}
 .Lineup_template ul li div { bottom: 30px; left: 0; right: 0; margin: auto; width: 96%; position: absolute;}
 .Lineup_template ul li div p span { font-size: 1.8rem;}
 .Lineup_template ul li div p.price { margin-top: 8px; font-size: 1.8rem;}

.Lineup_hover ul li a { overflow: hidden; background: #000; display: block; position: relative;}
.Lineup_hover ul li img { -webkit-transition: all .5s ease; transition: all .8s ease;}
@media screen and (min-width: 769px) {
 .Lineup_hover ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .7;}
}

@media screen and (max-width: 860px) {
 .Lineup_template ul li { margin-bottom: 50px;}
 .Lineup_template ul li div p { font-size: .8em;}
 .Lineup_template ul li div p span { font-size: 1.3em; line-height: 1.4; display: inline-block;}
}
@media screen and (max-width: 768px) {
 .Lineup_templateInner { padding-top: 8%;}
#OnlinePage .Lineup_templateInner { padding-top: 4%;}
 .Lineup_template ul:after { width: 48%; max-width: 100%;}
 .Lineup_template ul li { width: 48%; max-width: 100; margin-bottom: 4%;}

}
@media screen and (max-width: 520px) {
 .Lineup_template ul li div { bottom: 15px;}
 .Lineup_template ul li div p { font-size: 2.5vw;}
 .Lineup_template ul li div p span { font-size: 3vw;}
 .Lineup_template ul li div p.price { margin-top: 5px; font-size: 1.5rem; }
}


.Lineup_template #Sorttab  { background: #FFFBF7;}
.Lineup_template #Sorttab ul li { margin-bottom: 0;}


#SortList { width: 100%; max-width: 1050px; margin: 0 auto;}
#SortList li { float: left;  width:33.13%; max-width: none; box-sizing: border-box; padding: 0 25px 100px; margin: 0; /* height: 600px; */ }
@media screen and (max-width: 1220px) {
/* #SortList { width: 840px; margin: 0 auto;}
 #SortList li { margin-right: 30px; height: 540px; width: 260px;}*/
 #SortList li {  padding: 0 15px 100px; }
}
@media screen and (max-width: 1060px) {
 .Lineup_template #Sorttab ul li { width: 30%; max-width: 100%;}
/* #SortList { width: 730px;}
 #SortList li { margin-right: 20px; height: 450px; width: 230px;}*/
 #SortList { padding-bottom: 20px; }
 #SortList li { padding: 0 10px 100px; }
}
@media screen and (max-width: 880px) {
/* #SortList { width: 650px;}
 #SortList li { margin-right: 10px; height: 420px; width: 210px;}*/
 #SortList { padding-bottom: 40px; }
 #SortList li {padding: 0 10px 50px; }
}
@media screen and (max-width: 768px) {
 .Lineup_template #Sorttab ul li { width: 33.33%; padding: 10px 0; font-size: 1.5rem;}
/* #SortList { width: 100%;}
 #SortList li { margin-right: 20px; height: 70vw; width: 48%;}*/
 #SortList li { width: 49.8%; padding: 0 2% 4%;}
}
@media screen and (max-width: 700px) {
/* #SortList li { margin-right: 10px; height: 68vw; width: 48%;}*/
 #SortList { padding-bottom: 10px; }
 #SortList li { padding: 0 1% 2%; }
}


/* 詳細ページ */
#OnlinePage {}
.Online_detailInner { margin-bottom: 65px;}
.Online_left { width: 50%;}
  .Online_left_Nekopost { margin-top: 70px;}
  .Online_left_Nekopost_ttl { padding-bottom: 15px; border-bottom: 1px solid #C6EEE8; margin-bottom: 20px;}

.Online_right { width: 50%;}
 .Online_right .Online_rightInner { max-width: 400px; margin: 0 auto 0; padding-top: 20px;}
 .Online_right .Online_ttl { margin: 15px 0 20px; font-size: 2.5rem; letter-spacing: 0.2rem;}
 .Online_right .Online_price .Online_price_num { margin-bottom: 30px; font-size: 4.2rem; margin-right: 5px;}
 .Online_right .Online_price .Online_price_tax { font-size: 1.4rem;}
 .Online_right .Online_price .Online_price_tax:after { position: absolute; top: 15px; left: 10px; content: "yen"; font-size: 2.2rem;}

 .Online_right .Online_select { margin-bottom: 25px;}
 .Online_right .Online_select .Online_select_ttl { font-size: 1.8rem; width: 130px;margin-top: 16px;}
 .Online_right .Online_select .Online_select_wrap { width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px); width: calc(100% - 130px); background: #fff;}
 .Online_right .Online_select select { width:100%; height: 50px; padding: 14px; border: 1px solid #C6EEE8; background-color: #fff; border-radius: 0; vertical-align: middle;
   display: inline-block;cursor: pointer; color: #00bea4; background: #fff; background: url(../images/common/selectbtn.png) right no-repeat; background-size: 50px; box-sizing: border-box;}


 .Online_right .buynum { width: 20%;}
 .Online_right .buynum select { height: 50px; padding: 5px;width: 100%; border: 1px solid #C6EEE8; background-color: #fff;border-radius: 0;vertical-align: middle;display: inline-block;cursor: pointer; color: #00bea4;}
 .Online_right .Online_cartbtn { width: 75%; margin-left: 4%;}
 .Online_right .Online_cartbtn button { max-width: 220px; font-size: 1.7rem; display: block; width: 100%; height: 50px; line-height: 50px; font-size: 17px; cursor: pointer;
   border-radius: 0px; border: none; font-family: 'Work Sans', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif; font-weight: 400;}
 .Online_right .Online_detailtxt { margin: 45px 0 30px; font-size: 1.4rem;}
 .Online_right .Online_detailul { padding: 20px 0 15px; border-top: 1px solid #C6EEE8;}
 .Online_right .Online_detailul li { margin-bottom: 6px;}
 .Online_right .Online_detaildl { padding: 20px 0 15px; border-top: 1px solid #C6EEE8; }
   .Online_right .Online_detaildl dt { width: 75px; line-height: 1.8;}
   .Online_right .Online_detaildl dd { width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px);width: calc(100% - 85px); margin-bottom: 6px; line-height: 1.8;}
 .Online_right .Online_spoon { margin-bottom: 35px; border-top: 1px solid #C6EEE8; padding-top: 25px;}
   .Online_right .Online_spoon .Online_spoon_img { margin-right: 10px;}
   .Online_right .Online_spoon .Online_spoon_txt { align-items: center; margin-top: 20px;}
 .Online_right .Online_note { padding-top: 20px; border-top: 1px solid #C6EEE8; font-size: 1.4rem;}

 .Online_right .Online_giftpack { padding: 45px 0 20px; font-size: 1.4rem;}
   .Online_right .Online_giftpack .Online_giftpack_img { width: 37.5%;}
   .Online_right .Online_giftpack .Online_giftpack_txt { width: 55%; margin-top: -5px;}
   .Online_right .Online_giftpack .Online_giftpack_txt p.Online_giftpack_ttl { font-size: 2.1rem; border-bottom: 1px solid #C6EEE8; margin-bottom: 10px;}
 /* POPUP */
 .popup_wrap { width: 90vw; max-width: 1200px; margin: 0 auto; box-sizing: border-box; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9901 !important; position: relative;}
 .popup_wrap {-ms-overflow-style: none; scrollbar-width: none;}
 .popup_wrap::-webkit-scrollbar { display:none; }
   .popup_GiftPackagingInner { margin: 0 auto; padding: 50px 50px; box-sizing: border-box;}
  .popup_GiftPackaging_img { max-width: 580px; width: 51%;}
  .popup_GiftPackaging_txt { max-width: 475px; width: 44%; padding-top: 10px;}
  .popup_GiftPackaging_txt > p:first-child { font-size: 2.8rem; margin-bottom: 25px;}
  .popup_GiftPackaging_txt .txt_example { color: #304048; font-size: 1.6rem; margin-top: 25px;}
  .popup_GiftPackaging_txt .txt_example .txt_example_img { border: 1px solid rgba(47, 63, 71, 0.6); padding: 25px 50px 40px; box-sizing: border-box; margin-top: 10px; border-radius: 3px;}

@media screen and (max-width: 1200px) {
  .popup_GiftPackaging_txt .txt_example .txt_example_img { padding: 5% 5% 6% ;}
}
@media screen and (max-width: 1100px) {
  .Online_right { width: 47%;}
 .popup_GiftPackaging_txt p { font-size: 1.4rem;}
 .popup_GiftPackaging_txt > p:first-child { font-size: 2.1rem; margin-bottom: 25px;}
}
@media screen and (max-width: 900px) {
 .Online_right { width: 45%;}
 .Online_right .Online_rightInner { max-width: 100%;}
 .Online_right .Online_select { display: block;}
.Online_right .Online_select .Online_select_ttl { width: 100%; margin-bottom: 10px;}
 .Online_right .Online_select .Online_select_wrap { width: 100%;}
}
@media screen and (max-width: 768px) {
#OnlinePage.kasou_visual_non { padding-top: 4%;}
.Online_detailInner { margin-bottom: 10%;}
.Online_left { width: 100%;}
  .Online_left_Nekopost { width: 92%; margin: 60px auto 60px;}
  .Online_left_Nekopost_ttl { padding-bottom: 15px; border-bottom: 1px solid #C6EEE8; margin-bottom: 20px;}
.Online_right { width: 92%; margin: 0 auto;}
 .Online_right .Online_ttl { margin:10px 0 15px; font-size: 2.2rem;}
 .Online_right .Online_detailtxt { margin: 30px 0 25px; }
 .Online_right .Online_detaildl dt { width: 60px;}
 .Online_right .Online_detaildl dd { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px);width: calc(100% - 60px); margin-bottom: 6px;}
 .Online_right .Online_giftpack .Online_giftpack_img { width: 35%;}
 .Online_right .Online_giftpack .Online_giftpack_txt { width: 60%; margin-top: -5px;}
 .Online_right .Online_giftpack .Online_giftpack_txt p.Online_giftpack_ttl { font-size: 1.8rem;}
 /* POPUP */
  .popup_wrap { margin-bottom: 20vh;}
 .popup_wrap .flex { display: block;}
 .popup_GiftPackagingInner { padding: 5%;}
.Online_right .Online_giftpack { padding: 35px 0 0; font-size: 1.3rem;}
 .popup_GiftPackaging_img { max-width: 100%; width: 100%;}
 .popup_GiftPackaging_txt { max-width: 100%; width: 100%; padding-top: 25px; margin-bottom: 10vh;}
 .popup_GiftPackaging_txt p { font-size: 1.3rem;}
 .popup_GiftPackaging_txt > p:first-child { font-size: 1.9rem; margin-bottom: 15px;}
}


/* ScenePage
==========================================================*/

/* 一覧ページ */
.Scene_list_lead { margin-top: -20px;}
.Scene_movie video  { width: 101%; vertical-align: bottom;}
.Scene_list { margin-top: 65px;}
.Scene_list ul li:not(:last-child) { margin-bottom: 50px;}
@media screen and (max-width: 768px) {
 .Scene_list_lead { margin-top: 0;}
 .Scene_list { margin-top: 8%;}
 .Scene_list ul li:not(:last-child) { margin-bottom: 0;}
}

/* 詳細ページ */
.scene_detailInner { padding: 60px 0 100px; box-sizing: border-box;}
.scene_detailInner .ttl_num { display: inline-block; margin-left: 35px;}
.scene_detailInner .ttl_num span { font-size: 0.6em; vertical-align: top; margin-right: 5px;}
.scene_detail_box { margin-top: 50px;}
 .scene_detail_box .scene_detail_h3ttl { margin-bottom: 25px; font-size: 2.6rem;}
 .scene_detail_img { margin-top: 40px;}
 .scene_detail_box .scene_detail_2img .detail_2img_big { max-width: 590px; width: 59%;}
 .scene_detail_box .scene_detail_2img .detail_2img_small { max-width: 400px; width: 40%;}
@media screen and (max-width: 768px) {
 .scene_detailInner { padding: 8% 0 4%;}
 .scene_detailInner .mainttl { margin-bottom: 10px;}
 .scene_detailInner .mainttl p { position: relative; display: inline-block;}
 .scene_detailInner .leadttl { margin-bottom: 5px; }
  .scene_detailInner .ttl_num { margin-left: 15px;}
 .scene_detail_box { margin-top: 8%;}
 .scene_detail_box .scene_detail_h3ttl { margin-bottom: 15px; font-size: 1.6rem;}
 .scene_detail_img { margin-top: 15px;}
 .scene_detail_box .scene_detail_2img .detail_2img_big { max-width: 100%; width: 100%;}
 .scene_detail_box .scene_detail_2img .detail_2img_small { max-width: 100%; width: 100%;}
 .scene_detail_img.sp-height55 { height: 55vw;}
}
@media screen and (max-width: 420px) {
 .scene_detailInner .ttl_num { position: absolute; top: -22px; right: -18px;}
}

/* RecipeListPage
==========================================================*/

/* index・RecipeListPage共通 */
.Recipe_template { padding: 100px 0 120px; box-sizing: border-box;}
.Recipe_template ul li { width: 23.5%;}
.Recipe_template ul li a .Recipe_list_img { overflow: hidden; background: #000;}
.Recipe_template ul li a .Recipe_list_img img { -webkit-transition: all .5s ease; transition: all .8s ease;}
.Recipe_template ul li p { font-size: 1.8rem; margin-top: 16px;}
@media screen and (min-width: 769px) {
 .Recipe_template ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .7;}
}
@media screen and (max-width: 960px) {
 .Recipe_template ul li p { font-size: 1.4rem;}
}
@media screen and (max-width: 680px) {
 .Recipe_template { padding: 4% 0;}
 .Recipe_template ul li { width: 48%; margin-bottom: 5%;}
 .Recipe_template ul li p { font-size: 1.3rem; margin-top: 12px;}
}
@media screen and (max-width: 420px) {
 .Recipe_template ul li { margin-bottom: 8%;}
 .Recipe_template ul li p { font-size: 1.2rem; margin-top: 10px;}
}

/* 一覧ページ */
.Recipe_list_lead  { margin-top: -20px;}
.Recipe_list { margin-top: 75px;}
@media screen and (max-width: 768px) {
 .Recipe_list_lead { margin-top: 0;}
 .Recipe_list { margin-top: 8%;}
}

/* 詳細ページ */
.recipe_layout_ttl { margin-left: 400px;}

.Recipe_Contents { margin-top: 60px;}
.Recipe_Contents_main { width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px); order: 1; padding: 45px 0 70px; box-sizing: border-box;}
 .Recipe_Contents_main .Recipe_Contents_h2ttl { font-size: 3.2rem; margin-bottom: 45px;}
 .Recipe_Contents_main .Recipe_Contents_img { margin-bottom: 40px;}
.Recipe_Contents_sub { width: 290px;}
 .Recipe_Contents_sub .Recipe_sub_box { padding: 55px 35px 35px; box-sizing: border-box; margin-bottom: 10px;}
 .Recipe_Contents_sub .Recipe_sub_box .Recipe_sub_h3ttl { margin-bottom: 25px; font-size: 2rem;}
 .Recipe_Contents_sub .Recipe_sub_box li:not(:last-child) { border-bottom: 1px solid #C6EEE8;}
 #Recipe_material.Recipe_sub_box li {  font-size: 1.8rem; padding: 5px 0;}
 #Recipe_howto.Recipe_sub_box li { padding: 15px 0;}
@media screen and (max-width: 1340px) {
 .recipe_layout_ttl { margin-left: 32%;}
}
@media screen and (max-width: 1120px) {
 .recipe_layout_ttl { margin-left: -webkit-calc(300px + 2%); margin-left: -moz-calc(300px + 2%); margin-left: calc(300px + 2%);}
}
@media screen and (max-width: 1000px) {
 .recipe_layout_ttl { width: 92%; margin: 0 auto;}
 .Recipe_Contents_main { width: 65%;}
 .Recipe_Contents_sub { width: calc(100% - 10px - 65%);}
 .Recipe_Contents_sub .Recipe_sub_box { padding: 55px 20px 35px; box-sizing: border-box; margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
 .Recipe_Contents { margin-top: 8%;}
 .Recipe_Contents_main { width: 100%; padding: 8% 0 6%;}
  .Recipe_Contents_main .Recipe_Contents_h2ttl { font-size: 2.6rem; margin-bottom: 20px;}
  .Recipe_Contents_main .Recipe_Contents_img { margin-bottom: 30px;}
 .Recipe_Contents_sub { width: 100%; margin-top: 10px;}
  .Recipe_Contents_sub .Recipe_sub_box { padding: 6% 4% 4%;}
  .Recipe_Contents_sub .Recipe_sub_box .Recipe_sub_h3ttl { margin-bottom: 10px;}
  #Recipe_material.Recipe_sub_box li {  font-size: 1.4rem}
  .Recipe_Contents_sub .Recipe_sub_box .Recipe_sub_h3ttl { font-size: 1.8rem; }
}
@media screen and (max-width: 460px) {
.Recipe_Contents_main .Recipe_Contents_h2ttl { font-size: 1.8rem;}
.Recipe_Contents_sub .Recipe_sub_box { padding: 8% 4% 4%;}
}

/* ContactPage
==========================================================*/

.contact_layout_wrap { margin-left: 190px; width: -webkit-calc(100% - 190px); width: -moz-calc(100% - 190px); width: calc(100% - 190px); max-width: 620px;}
.contact_lead { font-size: 1.4rem; margin-top: -20px;}
.contact_cntBox  { margin-top: 70px; max-width: 810px;}

/* bodyを引き継がせる（SP:16px以上必須） */
input, textarea, select {
font-size: 1.8rem; line-height: 1.75; font-family: 'Work Sans', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif; font-weight: 400; color: #333; letter-spacing: .07rem;}

table.inqtable { width: 100%;}
  table.inqtable th { padding: 0 0 15px; width: 190px; vertical-align: middle; line-height: 1.4; letter-spacing: .05rem;}
  table.inqtable td { padding: 0 0 15px; box-sizing: border-box;}
  table.inqtable td input, table.inqtable td textarea { border: none; -webkit-appearance: none; border-radius: 7px; padding: 22px 35px; width: 100%; background: #fff; box-sizing: border-box;}
  table.inqtable td .half { width: 49.3%;}
  table.inqtable td .half#postcode { min-width: 155px; width: 25%;}
  table.inqtable th.va-top { vertical-align: top; padding-top: 25px;}

/* focus時 */
input, textarea { outline: none; -webkit-transition: all .3s; transition: all .3s; }
input:focus, textarea:focus { box-shadow: 0 0 3px #e2f7f5; }

:placeholder-shown { color: #BABBBB;}
 ::-webkit-input-placeholder { color: #BABBBB;}
 :-moz-placeholder { color: #BABBBB;}
 ::-moz-placeholder { color: #BABBBB;}
 :-ms-input-placeholder { color: #BABBBB;}
 ::-ms-input-placeholder { color: #BABBBB;}

/* スマホオート入力の背景色削除 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset;}

/* ie用 */
@media all and (-ms-high-contrast: none){ .selectyaji { display: none; } }
input::-ms-clear, input::-ms-reveal { visibility: hidden; } /* 右に出てくるアイコン削除 */

/* プライバシー */
.douiwrap p { margin-top: 30px;}
.douiwrap p a { display: inline-block; border-bottom: 1px solid #FF4637; padding-bottom: 3px;}

/* エラーボックス */
.error_box { width: 100%; text-align: left; background: #FFF; border: 1px solid #FF4637; color:#FF4637; display: none; margin: 30px auto; padding: 20px 30px; box-sizing: border-box; }

/* 送信ボタン */
.submitwrap input[type=submit],
.submitwrap input[type=button] { font-size: 2rem; width:100%; max-width: 620px; height: 96px; margin: 50px auto 0; cursor: pointer; color: #fff; background: #FF4637; -webkit-transition:all .3s; transition:all .3s; border: none;
 display: block; line-height: 96px; text-align: center; letter-spacing: .2rem; box-shadow: none; font-weight: 500; border-radius: 7px;}
@media screen and (min-width: 769px) {
 .submitwrap input[type=submit]:hover,
 .submitwrap input[type=button]:hover { -webkit-opacity: 0.8; opacity: 0.8;}
}

/* OK・errorページ */
.Contact_sended { text-align: center;}
.Contact_sended_ttl { font-size: 3.4rem; margin-bottom: 35px;}
.Contact_sended_body p { font-size: 1.4rem; margin-bottom: 20px;}


@media (max-width: 820px) {
 .contact_layout_lead.contact_layout_wrap { margin-left: 0; width: 100%; max-width: 100%; }
}
@media (max-width: 768px) {
 #ContactPage .wrap1000 { width: 86%;}
 .contact_lead { margin-top: 0;}
 .contact_cntBox  { margin-top: 12%;}
 input, textarea, select { font-size: 1.6rem; }
 table.inqtable th { display: block; width: 100%; padding-bottom: 10px; word-break:break-all; white-space:normal; }
 table.inqtable td { display: block; width: 100%; word-break:break-all; padding-bottom: 10%;}
 table.inqtable td input, table.inqtable td textarea { padding: 10px 20px; border-radius: 5px;}
 table.inqtable td .half { width: 100%; min-width: 100%;}
 table.inqtable td .half:first-child { padding-bottom: 10px;}
 table.inqtable th.va-top { vertical-align: middle; line-height: 1.75; padding-top: 0;}
 table.inqtable th.pb50 { padding-bottom: 10px !important;}
 table.inqtable td.pb50 { padding-bottom: 10% !important;}
 .contact_layout_wrap { margin-left: 0; width: 100%; max-width: 100%; }

 .submitwrap input[type=submit],
 .submitwrap input[type=button] { font-size: 1.4rem; max-width: 100%; height: 50px; margin: 0 auto 5%; line-height: 50px; letter-spacing: 0.1rem;}
 .error_box { margin:  0 0 10%; padding: 5%;}
 .douiwrap { margin-bottom: 60px;}

 .Contact_sended { margin-bottom: 60px;}
 .Contact_sended_ttl { font-size: 2.1rem; margin-top: 10px; margin-bottom: 30px;}
 .Contact_sended_body p { font-size: 1.3rem;}

}
@media (max-width: 380px) {
 #ContactPage .mainttl p { font-size: 6.3vw;}
}

/* 確認ページ */
.contact_kakunin table.inqtable th.va-top { vertical-align: top; padding-top: 5px;}
.kakuninPage_btn { width: 48%;}
.submitwrap input[type=button]{ background: #ccc;}

@media (max-width: 768px) {
 .contact_kakunin { margin-top: 35px;}
 .contact_kakunin  table.inqtable th { padding-bottom: 5px;}
 .contact_kakunin  table.inqtable td { padding-bottom: 20px;}
 .kakuninPage_btn_wrap { margin: 10px 0 60px;}
}
@media (max-width: 520px) {
 .kakuninPage_btn_wrap { display: block;}
 .kakuninPage_btn { width: 100%;}
}

/* PrivacyPage プライバシーポリシー
==========================================================*/

.Privacy_list_lead { margin-top: -20px;}

.Privacy_content { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); margin: 80px auto -50px; padding: 75px 0; box-sizing: border-box;}
.privacytab th { display: block; font-size: 2.1rem; padding-bottom: 20px; line-height: 1.4;}
 .privacytab td { display: block; padding-bottom: 50px; text-align: justify; text-justify: inter-ideograph;}
 .privacytabin { margin-top: 30px;}
 .privacytabin th, .privacytabin td { display: table-cell; padding-bottom: 15px;}
 .privacytabin th:first-child { padding-right: 30px;line-height: 1.4;}

@media screen and (max-width: 1200px) {
 .Privacy_content { width: 92%; padding: 50px 0;}
}
@media screen and (max-width: 1100px) {
 .privacytabin th { font-size: 1.8rem;}
}
@media screen and (max-width: 768px) {
 .Privacy_list_lead { margin-top: 0;}
 .Privacy_content { margin: 8% auto 0; padding: 8% 0;}
  .privacytab th { font-size: 1.8rem; padding-bottom: 10px;}
  .privacytab td { font-size: 1.4rem; padding-bottom: 30px;}
  .privacytabin { margin-top: 20px; line-height: 1.5; margin-bottom: 15px;}
  .privacytabin th { display: block; padding-bottom: 10px; padding-right: 10px; word-break:break-all; }
  .privacytabin td { display: block; padding-bottom: 20px; word-break:break-all;}
  .privacytabin tr:last-child td { padding-bottom: 0;}
}

/* GuidePage お買い物について
==========================================================*/
#GuidePage{}
.Guide_h2ttl { font-size: 3.2rem; margin-top: 22px;}
.Guide_h3tttl { font-size: 2.1rem; margin-bottom: 30px;}

.Guide_content { border-top: 1px solid #C6EEE8;}

#shopguide {}
.Guide_box { padding: 40px 0; border-bottom: 1px solid #C6EEE8;}
 .Guide_box p:not(:last-child),
 .Guide_box li:not(:last-child) { margin-bottom: 30px;}

#ASCT { padding-top: 140px;}
 .ASCT_dl dt { width: 250px; padding: 20px 0; border-bottom: 1px solid #C6EEE8;}
 .ASCT_dl dd { padding: 20px 0; width: -webkit-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); border-bottom: 1px solid #C6EEE8; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

@media screen and (max-width: 1000px) {
 .Guide_h2ttl { font-size: 2.6rem; margin-top: 16px;}
 .Guide_h3tttl { font-size: 1.8rem; margin-bottom: 25px;}
}

@media screen and (max-width: 768px) {
 #GuidePage .wrap1000 { width: 86%; }
 .Guide_h2ttl { font-size: 2rem; margin-top: 10px;}
 .Guide_h3tttl { font-size: 1.7rem; margin-bottom: 15px;}
 .Guide_content { margin-top: 20px;}

 .Guide_box { padding: 30px 0; border-bottom: 1px solid #C6EEE8;}
  .Guide_box p:not(:last-child),
  .Guide_box li:not(:last-child) { margin-bottom: 20px;}
#ASCT { padding-top: 15%; margin-bottom: 10%;}
  .ASCT_dl dt { width: 160px;}
  .ASCT_dl dd { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px);}
}
@media screen and (max-width: 560px) {
 #ASCT { padding-top: 20%; font-size: 1.2rem;}
 .ASCT_dl dt { width: 90px; padding: 14px 0;}
 .ASCT_dl dd { width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); padding: 14px 0;}
}

}


/* WholesalePage
==========================================================*/

/* Wholesale */
#Wholesale {}
.Wholesale_cnt01 { padding: 60px 0 80px;}
.Wholesale_cnt02 { margin-bottom: 60px;}
  .Wholesale_cnt02_img { width: 44%; max-width: 400px;}
  .Wholesale_cnt02_txt { width: 52%; max-width: 520px; padding-top: 70px;}
  .Wholesale_cnt02_txt .Wholesale_cnt02_txt_lead { margin-bottom: 35px; font-size: 1.4rem;}
  .lead_taiken { font-size: 2.1rem; margin-bottom: 15px;}
  .Wholesale_cnt02_txt .Wholesale_cnt02_txt_add p { margin-top: 20px;}
.Wholesale_cnt03 {}
  .Wholesale_cnt03_ttl { width: 40%; max-width: 400px;}
  .Wholesale_cnt03_txt { width: 52%; max-width: 520px;}
  .Wholesale_cnt03_txt p { margin: 15px 0 25px;}


@media screen and (max-width: 768px) {
.Wholesale_lead { margin-top: -10px;}
.Wholesale_cnt01 { padding: 10% 0 8%; }
.Wholesale_cnt02 { width: 92%; margin: 10% auto 10%;}
  .Wholesale_cnt02_img { width: 100%; max-width: 100%;}
  .Wholesale_cnt02_txt { width: 100%; max-width: 100%; padding-top: 5%;}
  .lead_taiken { font-size: 1.8rem; margin-bottom: 15px;}
  .Wholesale_cnt02_txt .Wholesale_cnt02_txt_lead { font-size: 1.2rem;}
  .Wholesale_cnt02_txt .Wholesale_cnt02_txt_add p { font-size: 1.3rem;}
.Wholesale_cnt03 { width: 92%; margin: 0 auto;}
  .Wholesale_cnt03_ttl { width: 100%; max-width: 100%; font-size: 1.3rem;}
  .Wholesale_cnt03_txt { width: 100%; max-width: 100%; margin-top: 5%; font-size: 1.3rem;}
  .Wholesale_cnt03_txt a { font-size: 1.3rem;}
  .Wholesale_cnt03_txt p { margin: 10px 0 25px;}
}







/* fadein アニメーション */
.fade.delighter {
  transition: all 1s ease-out;
  transform: none;
  opacity: 0;
}
.fade.delighter.started {
  transform: none;
  opacity: 1;
}
.fadeup.delighter {
  transition: all 0.5s ease-out;
  transform: translateY(80px);
  opacity: 0;
}
.fadeup.delighter.started {
  transform: none;
  opacity: 1;
}
@media screen and (min-width: 769px) {
.fadeup.delighter.scene_detail_2img div:last-child {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .2s;
}
.fadeup.delighter.started.scene_detail_2img div:last-child {
 transform: none;
 opacity: 1;
}
.fadeup.delighter.ind_Howto_txt {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .2s;
}
.fadeup.delighter.started.ind_Howto_txt {
 transform: none;
 opacity: 1;
}
}

.fadeup.delighter.sp_About_style_img02 li:last-child {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .2s;
}
.fadeup.delighter.started.sp_About_style_img02 li:last-child {
 transform: none;
 opacity: 1;
}
.fadeup.delighter.Recipe_template li:nth-child(1) {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .1s;
}
.fadeup.delighter.Recipe_template li:nth-child(2) {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .2s;
}
.fadeup.delighter.Recipe_template li:nth-child(3) {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .3s;
}
.fadeup.delighter.Recipe_template li:nth-child(4) {
 transition: all 0.5s ease-out;
 transform: translateY(80px);
 opacity: 0;
 transition-delay: .4s;
}
.fadeup.delighter.started.Recipe_template li:nth-child(1),
.fadeup.delighter.started.Recipe_template li:nth-child(2),
.fadeup.delighter.started.Recipe_template li:nth-child(3),
.fadeup.delighter.started.Recipe_template li:nth-child(4) {
 transform: none;
 opacity: 1;
}