@charset "UTF-8";
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}
audio:not([controls]) { display: none; height: 0; }[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,html a{ -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
html,body{overflow-x: hidden;}
body{font-size: 1.05rem;color: #181818;position: relative;height: 100%;font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;letter-spacing: .01rem;background: #F6F6F6;}
.font-koburinaW3{font-family:"FP-KoburinaGoStdN-W3";font-weight: normal;}
.font-koburinaW6{font-family:"FP-KoburinaGoStdN-W6";font-weight: normal;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {line-height: 1.3;}
img{vertical-align: top;}
.dib{display: inline-block;}
.scrNo{overflow-y: hidden;}
.f-r{float: right;}
.db{display: block;}
.pr{position: relative;}
.ovh{overflow: hidden;}
.ab{position: absolute;}
.pr{position: relative;}
.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"],.row2.no-gutters > [class^="col-"],.row2.no-gutters > [class*=" col-"]{padding-right: 0;padding-left: 0;}
.pt-01{padding-top: .1rem;}.pt-02{padding-top: .2rem;}.pt-03{padding-top: .3rem;}.pt-04{padding-top: .4rem;}.pt-05{padding-top: .5rem;}.pt-06{padding-top: .6rem;}.pt-07{padding-top: .7rem;}.pt-08{padding-top: .8rem;}.pt-09{padding-top: .9rem;}.pt-1{padding-top: 1rem;}.pt-15{padding-top: 1.5rem;}.pt-2{padding-top: 2rem;}.pt-3{padding-top: 3rem;}.pt-4{padding-top: 4rem;}.pt-5{padding-top: 5rem;}.pt-6{padding-top: 6rem;}
.p-3{padding: 1rem;}
.p-4{padding: 1.5rem;}
.p-405{padding: 2rem;}
.pb-01{padding-bottom: .1rem;}.pb-02{padding-bottom: .2rem;}.pb-03{padding-bottom: .3rem;}.pb-04{padding-bottom: .4rem;}.pb-05{padding-bottom: .5rem;}.pb-06{padding-bottom: .6rem;}.pb-07{padding-bottom: .7rem;}.pb-08{padding-bottom: .8rem;}.pb-09{padding-bottom: .9rem;}.pb-1{padding-bottom: 1rem;}.pb-15{padding-bottom: 1.5rem;}.pb-2{padding-bottom: 2rem;}.pb-3{padding-bottom: 3rem;}.pb-4{padding-bottom: 4rem;}.pb-5{padding-bottom: 5rem;}.pb-6{padding-bottom: 6rem;}.pb-7{padding-bottom: 7rem;}.pb-8{padding-bottom: 8rem;}.pb-9{padding-bottom: 9rem;}.pb-10{padding-bottom: 10rem;}.pb-11{padding-bottom: 11rem;}
.mt-0{margin-top: 0;}.mt-01{margin-top: .1rem;}.mt-02{margin-top: .2rem;}.mt-03{margin-top: .3rem;}.mt-04{margin-top: .4rem;}.mt-05{margin-top: .5rem;}.mt-06{margin-top: .6rem;}.mt-07{margin-top: .7rem;}.mt-08{margin-top: .8rem;}.mt-09{margin-top: .9rem;}.mt-1{margin-top: 1rem;}.mt-2{margin-top: 2rem;}.mt-3{margin-top: 3rem;}.mt-4{margin-top: 4rem;}.mt-5{margin-top: 5rem;}.mt-6{margin-top: 6rem;}.mt-7{margin-top: 7rem;}.mt-8{margin-top: 8rem;}.mt-13{margin-top: 1.3rem;}.mt-15{margin-top: 1.5rem;}
.mb-0{margin-bottom: 0;}.mb-01{margin-bottom: .1rem;}.mb-02{margin-bottom: .2rem;}.mb-03{margin-bottom: .3rem;}.mb-04{margin-bottom: .4rem;}.mb-05{margin-bottom: .5rem;}.mb-06{margin-bottom: .6rem;}.mb-07{margin-bottom: .7rem;}.mb-08{margin-bottom: .8rem;}.mb-09{margin-bottom: .9rem;}.mb-1{margin-bottom: 1rem;}.mb-13{margin-bottom: 1.3rem;}.mb-15{margin-bottom: 1.5rem;}.mb-16{margin-bottom: 1.6rem;}.mb-2{margin-bottom: 2rem;}.mb-3{margin-bottom: 3rem;}.mb-4{margin-bottom: 4rem;}.mb-5{margin-bottom: 5rem;}.mb-6{margin-bottom: 6rem;}.mb-7{margin-bottom: 7rem;}.mb-8{margin-bottom: 8rem;}.mb--1{margin-bottom: -1rem;}
.spBrDb br{display: none;}
.spBrDn br{display: block;}
hr{margin-bottom: 0;}
.btda{border-top:1px dashed #ccc;margin-top: 1.2rem;padding-top: 1rem;}
.btsd{border-top:1px solid #333;margin-top: 1.2rem;padding-top: 1.3rem;}
.btdb{border-top:4px double #888;margin-top: 1.15rem;padding-top: 1rem;}
.btdash{border-top: .1rem dashed #ccc;}
.bbdash{border-bottom: .1rem dashed #ccc;}
.soldOut{opacity: .4;}
.img-responsive{width: 100%;}
.di{display: inline;}
.dtb{display: table;}
.dtb-cell{display: table-cell;}
.vm{vertical-align: middle;}
.bg-wht{background: #fff;}
.vh{visibility: hidden;}
.animated{visibility: visible !important;}
/* ==========================================================================
Typography
========================================================================== */
h1 {font-size: 1rem; margin: .8rem 0; color: #353535;letter-spacing: 2px;}
h2 { font-size: 1.3rem;margin: .8rem 0;letter-spacing: 0; }
h3 { font-size: 1.4rem; margin: 1rem 0;letter-spacing: 2px;}
  h3 strong{font-size: 1.4rem;}
h4 { font-size: 1.3rem; margin: .8rem 0; }
h5 { font-size: 1.2rem; margin: .8rem 0; }
h1,h2,h3,h4,h5,h6,.txt-nick small{color: #332E2C;}
small.small,.small,.small small{color: #222;font-size: .8em;letter-spacing: 0;}
em{font-style: normal;}address{display: inline;margin: 0;}
.fwb{font-weight: bold;}
abbr[title] { border-bottom: 1px dotted; }
blockquote {margin: 0;padding: 0;border:none;}
dfn { font-style: italic; }
p {word-spacing: 1px;font-size: 1.1rem;line-height: 1.6;color: #333;}
p,pre { margin-bottom: 1rem;vertical-align: top; }
code,kbd,pre,samp { font-family: monospace,serif;font-size: 1rem; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }q:before,q:after { content: ''; content: none; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5rem; }
sub { bottom: -0.25rem; }
small,h2 small{color: #333;}
b, strong{font-weight: normal;}
.tac{text-align: center;}
.t-r{text-align: right;}
.t-l{text-align: left;}
.sub-txt{font-size: 1.2rem;}
.text-center p{text-align: center;}
hr.dashed{margin-bottom: 2rem;margin-top: 2.2rem;border:none;border-top:dashed 1px #333;height:1px;}
a,a.small small,small{ color: #393A34;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;word-wrap: break-word}
a:active,a:hover,a:focus { outline: 0; }
a:hover{text-decoration: underline;}
a:focus{color: #000;text-decoration: underline;}
.btn:hover{color: #fff;}
.tdu{text-decoration: underline;}
small.small a:hover,a.small:hover small{ color: #ccc; text-decoration: none; cursor: pointer; }
.indent{text-indent: -9999px;white-space: nowrap;overflow: hidden;text-align: left;}
.fsi{font-style: italic;}
.bodyTxt-wht h1,.bodyTxt-wht h4,.bodyTxt-wht p,.bodyTxt-wht .small,.txt-wht{color: #fff;}
.txt-lg{font-size: 1.6rem;}
  .txt-lg .small{font-size: .6rem;letter-spacing: 0;}
.txt−lead{font-size: 1.1rem;}
.tl-sm{font-size: 1.38rem;}
.tl-sm.font-koburinaW3{letter-spacing: -.1rem;}
.tl-md{font-size: 1.8rem;}
  .tl-md small.small {font-size: .6rem;}
.tl-lg{font-size: 3.3rem;}
.tl-xlg{font-size: 3.7rem;}
.tl-xxlg{font-size: 4.4rem;}
.txt-kome{position: relative;padding-left: 1.2rem;line-height: 1.3;}
  .txt-kome::before{position: absolute;top:0;left:0;content:"※"}
.txt-lead{font-size: 1.3rem;}
.txt-black{color: #333 !important;}
.txt-gray{color: #777 !important;}
.txt-red{color: red;}
.txt-blue{color: #4DC1EA;}
.txt-yellow{color: #F0FF1F;}
.txt-green{color: #7E9E37;}
.txt-yellowGreen{color: #9DC92D;}
.txtBg-yellowGreen{background-color: #DEF2AE;}
p::selection {background: #fff;}
.ls-0{letter-spacing: 0;}
.ls-005{letter-spacing: .05rem;}
.ls-01{letter-spacing: .1rem;}
.ls-02{letter-spacing: .2rem;}
.lh-11{line-height: 1.1;}
.lh-12{line-height: 1.2;}

.pr-pl-1{padding-right: 1rem;padding-left: 1rem;}
.pr-pl-2{padding-right: 2rem;padding-left: 2rem;}


/* ==========================================================================
Lists
========================================================================== */ 
dl,menu,ol,ul { margin: 0;padding: 0;list-style: none; }
menu{ padding: 0 0 0 40px; }
nav ul,nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
rembedded content
========================================================================== */
img { border: 0;-ms-interpolation-mode: bicubic;}
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Forms
========================================================================== */
form { margin: 0; }
button,input,select,textarea { font-size: 100%;margin: 0;vertical-align: baseline;vertical-align: middle; }
button,input { line-height: normal; }
button{border: none;cursor: pointer;}
input,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button;cursor: pointer;overflow: visible;}
button[disabled],input[disabled] { cursor: default; }
button {border: none;outline: none;cursor: pointer;}
input[type="basketCheck"],input[type="radio"] { box-sizing: border-box;padding: 0;height: 13px;width: 13px; }
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto;vertical-align: top; }
/* ==========================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
Global Styles
========================================================================== */
.center-block.text-center img{display: inline-block;}
.w100{width: 100%;}
/*LIST*/
.liDisc {padding-left: 1.5rem;}
  .liDisc li{list-style-type: disc;}
.liSlash li{display: inline;}
  .liSlash li::before{content: "/";margin-left: .05rem;margin-right: .4rem;color: #666;font-size: 0.7rem;vertical-align: middle;}
    .liSlash li:first-child::before,.liSlash ul li::before{content: "";margin-left: 0;margin-right: 0}
.liSlash.small{font-size: .85em;letter-spacing: 0;line-height: 1.3;}
.liCheck{padding-left: 1.3rem;}
  .liCheck li{position: relative;}
    .liCheck li::before{font-family:FontAwesome;content: "\f046";position: absolute;top:0;left:-1.3rem;}

/*btn*/
.btn{font-size: 1rem;line-height: 1.3;padding: .6rem 1rem .55rem;border-radius: .2rem;position: relative;-webkit-box-shadow: .1rem .1rem .7rem rgba(0, 0, 0, 0.15);box-shadow: .1rem .1rem .7rem rgba(0, 0, 0, 0.15);}
.btn-sm
  .btn .sup{display: block;font-size: .7rem;}
  .btn.btn-tel:hover{cursor: default;}
.btn-default {border: 2px solid #fff;border-radius: .25rem;background: rgba(255,255,255,.85);color: #333;
  -webkit-transition:color .1s ease-in, background .1s ease-in;
  -moz-transition:color .1s ease-in, background .1s ease-in;
  -ms-transition:color .1s ease-in, background .1s ease-in;
  transition:color .1s ease-in, background .1s ease-in;}
  .btn-default:hover{background: rgba(255,255,255,1);}
.btn-sm{font-size: .85rem;}
.btn-md{font-size: 1.2rem;}
.btn-lg{font-size: 1.4rem;padding-top: .9rem;padding-bottom: .85rem;}
.btn-xlg{font-size: 2.5rem;padding: 1rem 0 .95rem;}
.btn-solid{border: .2rem solid #82a239;}
.btn-solid-blk{border: .2rem solid #333;}
.btn-solid-grn{border: .2rem solid #82a239;}
  .btn-solid-grn:hover{border-color:#000;}

.btn-dbSolid{border: .35rem double #444;}
.btn-dbSolidWht{border: .35rem double #fff;}

.btn-buyNext{background: #df1614;color: #fff;}
  .btn-buyNext:hover{background: #cc0e0c;}
.btn-circle{-webkit-border-radius: 50%;border-radius: 50%;text-align: center;}
.btn > input[type="text"]{border: 0;outline:0;background: none;line-height: 1.4;}
.btn-wht{background: #fff;}
  .btn-wht:hover,.btn-green:hover{background: #EAEE40;color: #000;}
.btn-whtOp5{color: #fff;font-weight: bold;background: rgba(255,255,255,.3);}
.btn-whtOp5.btn-solid{border-color: #fff;}
.btn-green{color: #fff;font-weight: bold;background: #9DC92D;}
.btn-yellow{background:#EAEE40;}
  .btn-yellow:hover{background: #dbde45;color: #000;}

/*bf-icon*/
.bf-icon::before,.af-icon::after,.list-screening li::after,.btn-gotoWish.af-icon.fa-chevron-right::before{font-family: 'fontAwesome';}
.bf-icon::before{margin-right: .3rem;}
.bf-icon.bf-list{padding-left: 1rem;position: relative;}
  .bf-icon.bf-list::before{position: absolute;left: 0;top: 0;}
.af-icon::after{margin-left: .5rem;}
.af-icon.fa-chevron-down:before,.af-icon.fa-chevron-right:before,.af-icon.fa-external-link:before,.af-icon.fa-heart:before{content: "";}
.af-icon.fa-chevron-down:after {content: "\f078";}
.af-icon.fa-chevron-right:after {content: "\f054";}
.af-icon.fa-external-link:after {content: "\f08e";}
.af-icon.fa-heart:after {content: "\f004";}


/* Preloader */
.preloader {display: none;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;text-align: center;}
  .box-load {display: table-cell;vertical-align: middle}
  .wrap-load {z-index: 100;display: inline-block;width: 20rem;padding-top: 6.8rem;height: 18rem;background: rgba(234, 248, 214,.95);border: .15rem solid #9DC92D;border-radius: .5em;}
    .box-load img {width: 1rem;}
.simLoad .preloader{display: table;}

/* ==========================================================================
headerNav
========================================================================== */
#header {height: 2.95rem;position: fixed; top: 0; left: 0;width: 100%; z-index: 10; padding-top: .65rem;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
  #header h1 {float: left;font-size: 1.4rem;margin:0;-webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s;}
  #header h1 a,.cd-nav a{color: #473f3f;}
    #header h1 a {display: block; background: url("../img/global/logo-en-wht.png") no-repeat left top;width: 17rem;-webkit-background-size: contain;background-size: contain;}

.fixed #header {background:rgba(174, 214, 100,.95);}
  .fixed #header h1 {font-size: 1.1rem;margin-top: .25rem;}
    .fixed #header h1 a {display: block; background: url("../img/global/logo-en-blk.png") no-repeat left top;width: 12rem;-webkit-background-size: contain;background-size: contain;}
  .fixed #header .cd-nav{display: block;height: 4vh;}


.cd-nav {display: none;height: 0;text-align: right; padding-bottom: .5rem;margin-right: 0;}
  .cd-nav a {display: block;letter-spacing: 0;}
  .cd-nav a.btn {padding:0 .8rem}
    .cd-nav a:hover,.cd-nav .active a,.nav>li>a:focus, .nav>li>a:hover {color: #000;background:#EAEE40;}
  .cd-nav li {padding-right: .33rem;padding-left: .33rem;border-right: 1px solid #473f3f; letter-spacing: normal;}
    .cd-nav li:first-child {border-left: 1px solid #473f3f;}
  .cd-nav em {font-style: normal; font-size:1.2rem;  font-weight: 300;}
  .cd-nav h4 {margin: 0; font-weight: 300;}

.navbar-nav>li>a{font-size: 1.2rem;line-height: 1;padding: .25rem .5rem .2rem;font-family:"FP-KoburinaGoStdN-W6";}
.cd-vertical-nav .font-koburinaW6{color: #828282;}



  /* --------------------------------
  cd-navModal
  -------------------------------- */
  .cd-nav-trigger {height: 2.63rem;width: 2.63rem;display: none; position:absolute;top:-.65rem;right: -.25rem;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;z-index: 22;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;opacity: 0;}

    .cd-nav-trigger .cd-icon,.cd-nav-trigger .cd-icon::before,.cd-nav-trigger .cd-icon::after {position: absolute;background-color: #fff;border-radius: 2px;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;}

    .fixed .cd-nav-trigger .cd-icon,.fixed .cd-nav-trigger .cd-icon::before,.fixed .cd-nav-trigger .cd-icon::after {background-color: #333;}

      .cd-nav-trigger:hover .cd-icon,  .cd-nav-trigger:hover .cd-icon::before,  .cd-nav-trigger:hover .cd-icon::after {background-color: #839e21;}

    .cd-nav-trigger .cd-icon {
      display: inline-block;width:1.5rem;height: 3px;left: 50%;top: 50%;bottom: auto;right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
      -moz-transition: -moz-transform 0.3s, background-color 0.3s;
      -ms-transition: -ms-transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      }

      .cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon::after {

        content: '';top: 0;right: 0;width: 100%;height: 100%;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        -ms-transition: -ms-transform 0.3s;
        transition: transform 0.3s;}
      .cd-nav-trigger .cd-icon::before {
        -webkit-transform: translateY(-.5rem);
        -moz-transform: translateY(-.5rem);
        -ms-transform: translateY(-.5rem);
        transform: translateY(-.5rem);}
      .cd-nav-trigger .cd-icon::after {
        -webkit-transform: translateY(.5rem);
        -moz-transform: translateY(.5rem);
        -ms-transform: translateY(.5rem);
        transform: translateY(.5rem);}

    .cd-nav-trigger.nav-open .cd-icon {
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
      -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
      transform: translateY(-50%) translateX(-50%) rotate(90deg);}
      .cd-nav-trigger.nav-open .cd-icon::after {
        -webkit-transform: translateX(-5px) translateY(2px) rotate(45deg) scaleX(0.5);
        -moz-transform: translateX(-5px) translateY(2px) rotate(45deg) scaleX(0.5);
        -ms-transform: translateX(-5px) translateY(2px) rotate(45deg) scaleX(0.5);
        transform: translateX(-5px) translateY(2px) rotate(45deg) scaleX(0.5);}
      .cd-nav-trigger.nav-open .cd-icon::before {
        -webkit-transform: translateX(-5px) translateY(-2px) rotate(-45deg) scaleX(0.5);
        -moz-transform: translateX(-5px) translateY(-2px) rotate(-45deg) scaleX(0.5);
        -ms-transform: translateX(-5px) translateY(-2px) rotate(-45deg) scaleX(0.5);
        transform: translateX(-5px) translateY(-2px) rotate(-45deg) scaleX(0.5);}
  .cd-nav-trigger.nav-open{color: #000;}
    .cd-nav-trigger.nav-open:hover{background: #fff;}
    .cd-primary-nav {visibility: hidden;text-align: center;opacity: 0;
      -webkit-transition: opacity 0s 0.4s;
      -moz-transition: opacity 0s 0.4s;
      -ms-transition: opacity 0s 0.4s;
      transition: opacity 0s 0.4s;}
  .cd-primary-nav{position: fixed;top:50%;left:50%;width: 22%;min-width: 27rem;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
    .cd-primary-nav ul {opacity: 0.1;position: relative;vertical-align: middle;
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px);
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      -ms-transition: -ms-transform 0.4s;
      transition: transform 0.4s;}
      .cd-primary-nav ul small {font-size: 1rem;color: #666;}
    .cd-primary-nav .subNavList {display: inline-block;color: #000;padding: .15rem 1rem .2rem;border-radius: 4px;font-size: 1.5rem;letter-spacing: 0;font-weight: 400;
      -webkit-transition: background 0.2s;
      -moz-transition: background 0.2s;
      -ms-transition: background 0.2s;
      transition: background 0.2s;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;}
      .cd-primary-nav a:hover {background-color: #303e40;color: #fff;}
    .cd-primary-nav .cd-label {position: relative;margin-top: 0;margin-bottom:2rem;color: #51696b;text-transform: uppercase;font-weight: 700;font-size: 1.2rem;letter-spacing: 1px;}
      .cd-primary-nav .cd-label::after {content: '';position: absolute;left: 50%;right: auto;bottom: -16px;height: 1px;width: 40px;background-color: currentColor;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);}

    .cd-primary-nav.nav-open {visibility: visible;opacity: 1;
      -webkit-transition: opacity 0s;
      -moz-transition: opacity 0s;
      -ms-transition: opacity 0s;
      transition: opacity 0s;}
      .cd-primary-nav.nav-open ul {opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);}

        .cd-primary-nav.nav-open ul h2{font-size: .8rem;}
    .cd-btn:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);}


    .cd-navList li{margin-bottom: .5rem;}
     .cd-navList li.btda{padding-top: 2rem;}

    .md-overlay{background: rgba(0, 0, 0, 0.6);z-index: 3;position: fixed;width: 100%;padding-right: 2rem;padding-left: 2rem;height: 100%;visibility: hidden;top: 0;left: 0;opacity: 0;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}
    .nav-open.md-overlay{opacity: 1;visibility: visible;background: rgb(255, 255, 255);}
  .cd-overlay {position: fixed;height: 100%;width: 100%;top: 0;left: 0;cursor: pointer;background-color: rgba(255, 255, 255, .8);visibility: hidden;opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;-moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;transition: opacity 0.4s 0s, visibility 0s 0.4s;}
    .cd-overlay.is-visible {z-index: 1;opacity: 1;visibility: visible;-webkit-transition: opacity 0.4s 0s, visibility 0s 0s;-moz-transition: opacity 0.4s 0s, visibility 0s 0s;transition: opacity 0.4s 0s, visibility 0s 0s;}


/* ==========================================================================
content
========================================================================== */
.box-info{background: rgba(255,255,255,.4);padding-top: 1rem;padding-bottom: 1rem;border-top: .1rem dashed #9DC92D;border-bottom: .1rem dashed #9DC92D;}

.content{display: block;z-index: 1;background: #F6F6F6;position: relative;}





/*box-mv*/
.box-mv{height: 80vh;min-height: 40rem;}

  .box-gotoSaitou{background: #000;line-height: 1;padding: 1.5rem;right: 2.75rem;bottom: 1.75rem;z-index: 3;}
    .box-gotoSaitou:hover{background:#d70c18;color: #fff;}
  #img-gotoHiroshima{left: 23%;bottom: 15.5vh;width: 8rem;z-index: 3;}
  #gif-mv{left: 35%;}
  #btn-book img{border: 1px solid #ccc;}
  .videoBtn:hover{border-color: #bbb;}


  #box-mvSlide1{background: url(../img/home/mv1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
  #box-mvSlide2{background: url(../img/home/mv2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
  #box-mvSlide3{background: url(../img/home/mv3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
  #box-mvSlide4{background: url(../img/home/mv4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
  #box-mvSlide5{background: url(../img/home/mv5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}

.tl-ukiha{z-index: 1;width: 4.8em;top:21vh;color: #fff;font-size: 8rem;line-height: 1.2;font-weight: normal;margin-top: 0;margin-bottom: 0;text-shadow: 1.2rem 1.2rem 3rem rgba(0,0,0,0.25), .2rem -.2rem .6rem rgba(0,0,0,0.22);}
  .tl-ukiha span{font-size: .23em;left: -.6em;letter-spacing: 0;line-height: 1.5;}
    .tl-ukiha span span{font-size: 1em;left: .05em;}
.box-heroTl{background: rgba(157, 201, 45,.7);padding-top: 4rem;padding-bottom: 6rem;}
  .box-heroTl h2{z-index: 100;text-align: center;color: #fff;font-size: 3rem;line-height: 1.2;}

/* XS only */
@media(max-width:736px){
  .box-mv{min-height: 34rem;}
  .box-gotoSaitou{right: 2rem;bottom: 1.75rem;}
.tl-ukiha{font-size: 2.5rem;width: 100%;letter-spacing: 0;text-align: center;top: 33vh;}
  .tl-ukiha span{font-size: .3em;left: 0;}
.box-heroTl h2{font-size: 1.8rem;line-height: 1.5;margin-bottom: 0;}
}
/* SP SM common */
@media(max-width:950px){
  #box-mvSlide1{background: url(../img/home/mv1.jpg) 50% center / cover no-repeat;}
  #box-mvSlide2{background: url(../img/home/mv2.jpg) 100% center / cover no-repeat;}
  #box-mvSlide3{background: url(../img/home/mv3.jpg) 75% center / cover no-repeat;}
  #box-mvSlide4{background: url(../img/home/mv4.jpg) 50% center / cover no-repeat;}
  #box-mvSlide5{background: url(../img/home/mv5.jpg) 92% center / cover no-repeat;}
}

/* iPad portrait */
@media(min-width:750px) and (max-width:950px) and (orientation:portrait){
  .box-mv{height: 60vh;}
}
/*col-xlg*/
@media(min-width:1400px){
.box-mv{height: 70vh;min-height:48rem;}
.tl-ukiha{font-size: 6.5rem;}
}
@media(min-width:1800px){
  .box-mv{height: 80vh;}
  .tl-ukiha{font-size: 8rem;}
}










/*box-idea*/
#box-idea{background: #F0F2F2;z-index: 1;}
  #box-idea .oval-quotes {background:#71CEEE}
  #box-idea .liCheck{padding: 2rem 3rem 1rem 5rem;}
    #box-idea .liCheck li{margin-bottom: .5rem;font-style: italic;letter-spacing: .1rem;}
      #box-idea .liCheck .bf-icon::before{color: #9DC92D;}

 .box-fb{height: 30rem;border-bottom: 1px solid #DAE2E2;}
 .txt-boss,#name-boss{font-size: .95em;}
  #img-boss{margin-top: 1.32rem;}






 .list-tel .sp-tel{font-size: 4.6rem;line-height: 1;margin-bottom: .2rem;}
 .sp-tel.fa-volume-control-phone:before{top: -.1rem;position: relative;margin-right: .1rem;}
.box-checkList h4{position: absolute;font-size: 1.36rem;width: 88%;left: 6%;top: -2.4rem;line-height: 1;padding: 1rem;background: #F0F2F2;}

/*sec-flow*/
.cd-vertical-nav{visibility: hidden;position: fixed;top:5rem;display: block;width: 11rem;padding-left: 1.2rem;border-left: .3rem double #ccc;}
  .cd-vertical-nav h4::after {content:"=======";padding-left: .5rem;}
  .cd-vertical-nav ul {padding-left: .6rem;}
    .cd-vertical-nav ul li {margin-bottom: .7rem;line-height: 1.2;font-size:1.2rem;}
      .cd-vertical-nav ul li a{color: #79A018;}
      .cd-vertical-nav ul li small{color: #666;}
.cd-vertical-nav.navHide{display: none;}
#trigger-navHide{background: #F6F6F6;z-index: 11;}
#sec-flow h1 .small{font-size: .5em;color: #9DC92D}
  .tl-point{border-radius: .2rem;background: #9DC92D;padding: .6rem .8rem .45rem 1rem;left: -.5rem;top: -.2rem;}
  .list-flow h2{margin-bottom: 2rem;}
    .list-flow h2 small{font-size: .45em;color: #555;}
  .box-detail {padding:3rem 2rem 0;border: .1rem dashed #ccc;}
  .box-everInfo{position: relative;padding-top:1.5rem;border-top: .2rem double #aaa;margin-bottom: .4rem;}
    .box-everInfo::before{content:"evergarden info";position: absolute;top: -.76rem;left: 0;font-style: italic;font-size: .8rem;background: #F6F6F6;padding-left: .1rem;padding-right: 1rem;}
    .no-gutters-slide3.box-everInfo::before{padding-left: 1.1rem;padding-right: 1rem;}


/*sec-simulate*/
#sec-simulate{z-index: 11;padding-bottom: 5rem;}
  .box-simForm{padding: 2rem 5rem 3rem;}
    .box-simForm h4{position: absolute;font-size: 1.4rem;width: 88%;left: 6%;top: -2.4rem;line-height: 1;padding: 1rem;background: #F6F6F6;}
    #sec-simulate .col-sm-1 i{line-height: 13rem;}
.box-fixedAmount{padding: 1rem;border: 1px dashed #9DC92D;}
  #sec-simulate .cd-form-list{padding-left: 8%;}
  .box-bdrGreen{border: .2rem double #9DC92D;}
  .date-area{padding-right: .5rem;padding-left: .5rem;}
    .date-area li{padding-right: .5rem;padding-left: .5rem;}
.box-simu{background: #fff;padding: 1.1rem 1.5rem 1.5rem;border: 1px solid #ccc;}

#sec-simulate .tl-xlg{font-size: 3rem;}









#sec-about{background: #B9DD77;z-index: 11;}
#sec-access{background: #DEE879;z-index: 11;}
.box-access{padding: 5rem 5rem 0;}
  .box-access .btn{height: 8.2rem;line-height:4;}



/* ==========================================================================
Footer
========================================================================== */



/* Footer */
footer {padding: 10px 0;position: relative;background: #fff;}
.copyright{text-align: center;font-size: .9rem;letter-spacing: 0;margin: 0;color:#397A5F}
  .copyright small{color: #333;}

  /*pagetop*/
  #pagetop{position:fixed;right:2%;bottom:1rem;z-index:500;display: none;}
    #pagetop a{position:relative;display: block;text-decoration:none;font-size:4rem;opacity:0.8;cursor: pointer;}
      #pagetop a:hover{opacity:1;cursor: pointer;}
    #pagetop a i.icon-chevron-sign-up:before{cursor: pointer;}




  .list-a-line li{border-right: .1rem solid #ccc;}
    .list-a-line li:first-child{border-left: .1rem solid #ccc;}


.pageNoHead footer .copyright{text-align: center;}





/* ==========================================================================
FORM
========================================================================== */
legend,.legend{margin-bottom:0;font-size: 1.15rem;border-bottom: none;}
  legend span,.legend span{padding-bottom: .3rem;border-bottom: 1px solid #8E9698;display: block;font-weight: bold;}
.field {position: relative;z-index: 1;vertical-align: top;}
  .input__field{position: relative;padding: .4rem 1.2rem .45rem;min-height: 3rem;border: none;border-radius: 0;-webkit-appearance: none;}
    .input__field:focus{outline: none;}
  .pageConfirm .input__field{line-height: 2.7;display: block;width: 100%;background-color: #fff;}
    .pageConfirm .input--filled .input__label-content{color: #999;}
    .input__label{font-weight: bold;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;font-size:1rem;line-height: 1;top: 1.1rem;left:1.5rem;margin-bottom: 0;padding-left: .2rem;padding-right: .2rem;pointer-events: none;}
    .input__label-content{position: relative;display: block;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
      .input--filled .input__label-content {font-size: .8rem;position: relative;z-index: 3;color: #333;-webkit-transform: translate3d(0, -1.6rem, 0);transform: translate3d(0, -1.6rem, 0);}
        .input--filled .input__label::after{ content: '';height:2px;background: #F6F6F6;width: 100%;position: absolute;top:-1.1rem;left: 0;z-index: 1;}
      .input__label,.input__label-content small{color: #666;}
      .input--filled a:active,.input--filled a:focus{color: #000;}

.field > div{position: relative;margin-top:1.5rem;}
  .cd-form input,.cd-form textarea,.cd-form select{display: block;width: 100%;border: 1px solid #8E9698;background-color: #ffffff;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
  .cd-form input[type="text"]:focus,.cd-form input[type="remail"]:focus,.cd-form textarea:focus,.cd-form select:focus{outline: none;border-color: #333;box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);}
  .cd-form .cd-select{position: relative;}
    .cd-form .cd-select::after{content: '';position: absolute;z-index: 1;right: 16px;top: 50%;margin-top: -8px;display: block;width: 16px;height: 16px;background: url("../img/form/cd-icon-arrow.svg") no-repeat center center;pointer-events: none;}
    .cd-form select{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);cursor: pointer;padding: .745rem 1.2rem .75rem;border-radius: 0;}
      .cd-form select::-ms-expand{display: none;}
      .col-xs-6 .cd-form-list{margin-top: .8rem;}
      .cd-form .cd-form-list::after{clear: both;content: "";display: table;}
      .cd-form .cd-form-list li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .cd-form input[type=radio],.cd-form input[type=checkbox]{position: absolute;left: 0;top: 50%;margin: 0;padding: 0;opacity: 0;z-index: 2;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);}
    .cd-form input[type="radio"] + label,.cd-form input[type="checkbox"] + label{padding-left: .8rem;margin-bottom: 0;}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -8px;width: 16px;height: 16px;}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="checkbox"] + label::before{border: 1px solid #cfd9db;background: #ffffff;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);}

    .cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after{border-radius: 50%;}
    .cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after{border-radius: .25rem;}
    .cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::after{background-color: #df1614;background-position: center center;background-repeat: no-repeat;box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);display: none;}
    .cd-form input[type="radio"] + label::after{background-image: url("../img/form/cd-icon-radio.svg");}
      .cd-form input[type="checkbox"] + label::after{background-image: url("../img/form/cd-icon-check.svg");}
      .cd-form input[type="radio"]:focus + label::before,.cd-form input[type="checkbox"]:focus + label::before{box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);}
      .cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::after{display: block;}
    .cd-form input[type="radio"]:checked + label::before,.cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::before,.cd-form input[type="checkbox"]:checked + label::after{
      -webkit-animation: cd-bounce 0.3s;
      -moz-animation: cd-bounce 0.3s;
      -ms-animation: cd-bounce 0.3s;
      animation: cd-bounce 0.3s;
        }
    .cd-form textarea{min-height: 4rem;resize: vertical;overflow: auto;}
    .cd-form #taComment{min-height: 12rem;}
    .cd-form input[type="submit"]{border: none;background: #df1614;border-radius: .25rem;padding: 16px 20px;color: #ffffff;font-weight: bold;float: right;cursor: pointer;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
      .no-touch .cd-form input[type="submit"]:hover{background: #42a2e1;}
      .cd-form input[type="submit"]:focus{outline: none;background: #2b3e51;}
      .cd-form input[type="submit"]:active{
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);}
      /*.cd-form [required]{background: #fff url("../img/form/cd-required.svg") no-repeat top right;}*/
      @-webkit-keyframes cd-bounce{
        0%, 100%{  -webkit-transform: scale(1);}
        50%{  -webkit-transform: scale(0.8);}
      }
      @-moz-keyframes cd-bounce{
        0%, 100%{  -moz-transform: scale(1);}
        50%{  -moz-transform: scale(0.8);}
      }
      @keyframes cd-bounce{
        0%, 100%{  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);}
        50%{  -webkit-transform: scale(0.8);  -moz-transform: scale(0.8);  -ms-transform: scale(0.8);  -o-transform: scale(0.8);  transform: scale(0.8);}
      }
    .field-error .input__field{border-color: #e94b35 !important;background: #FFE7E4 !important;}
    .field-error .input__label-content{color: #e94b35;}
    .box-backBtn{margin-top: 3rem;}
      .box-backBtn .btn-buy{font-size: .85rem;}

    .cc-cards{position: relative;top: -1rem;margin-bottom: -2rem;padding-left: 6%;}

    input[disabled],select[disabled]{opacity: .4;}
    #input-cardName{text-transform: uppercase;}

    /*signup edit login*/
    .btn-active.btn-buyNext{color: #000;background: rgba(255,255,255,.7);}
    .pageCustomer-reginfo .box-backBtn .btn-buy{font-size: .9rem;}
    .field--check{padding-left: 1rem;}
    .cd-primary-nav .subNavList.small{font-size: 1.2rem;letter-spacing: 0;}

/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}

  /* external css: flickity.css */
  .gallery{height: auto !important;}
  .js-flickity .gallery-cell{margin-right: 2rem;padding-right: 0;padding-left: 0;}
  .no-gutters-slide3 .gallery-cell {width: 66%;}
  .no-gutters-slide4 .gallery-cell {width: 25%;}
  .no-gutters-slide5 .gallery-cell {width: 20%;}
  .flickity-page-dots{bottom: -1.7rem;}
    .flickity-page-dots .dot{width: .7rem;height: .7rem;margin:0 .5rem;}

  .flickity-prev-next-button{width: 2rem;height: 2rem;margin-top: 0rem;}
    #slide-tourFlow .flickity-prev-next-button{margin-top: 3rem;}
      .flickity-prev-next-button .arrow {fill: #9DCC47;}


#sec-simulate span.txt-gray{padding-left: .5rem;}


/* ==========================================================================
Responsive
========================================================================== */
/* iPhone 320px */
@media only screen and (min-width:320px){
  html{font-size: 82%;}
}
/* Android 360px × 1.125 */
@media only screen and (min-width:360px){
  html{font-size: 92.25%;}
}
/* iPhone6 375px × 1.171875 */
@media only screen and (min-width:375px){
  html{font-size: 96.093%;}
}
/* iPhone6 plus 414px × 1.29375 */
@media only screen and (min-width:414px){
  html{font-size: 106.087%;}
}
/* XS only */
@media(max-width:736px){
  body{font-size: 1rem;}
  b, strong{font-weight: bold;}
  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: bold;}
  p{line-height: 1.3;margin-bottom: .9rem;font-size: .9rem;}
  .txt-lead,.txt-lg{font-size: 1rem;}
  .txt-lg .small{font-size: .6rem;}
  .tl-md{font-size: 1.35rem;}
  .tl-xlg{font-size: 1.8rem;}
  .btn-xlg{font-size: 1.4rem;letter-spacing: 0;}
  .spBrDb br{display: block;}
  .spBrDn br{display: none;}
  .copylight{text-align: center;margin-top: 1rem;}
  .row-xs{margin-right: -.5rem;margin-left: -.5rem;}
  #loadingPage img{width: 20%;margin-top: 4.2rem;}

 /*header*/
  .box-cdNav{z-index: 14;opacity: 1;display: block;visibility: visible;-webkit-transition: none;-o-transition: none;transition: none;}
  .cd-nav-trigger {display: block;opacity: 1;top:.1rem;right: .5rem;}
    #header{text-align: center;padding-right: 0;}
      #header h1{display: inline-block;margin: 0;width: 100%;height: 3.2rem;}
        #header h1 a{height: 3rem;}
        .navbar-right li{display: none;}

  /* common */
  .sec-padding{padding-top: 2.49rem;}

    /*form*/
    .input__field{font-size:16px;min-height: 3rem;}
    .input__label,.cd-form select,.cart-products .cd-form select{font-size: 16px;letter-spacing: -1px;}
    .input__label{left: 1.5rem;}
    .cd-form input[type="radio"] + label, .cd-form input[type="checkbox"] + label{padding-left: 1.4rem;}
    .cc-cards{font-size: 1.5rem;}
    .cd-form input[type="radio"] + label, .cd-form input[type="checkbox"] + label{font-size: 1.2rem;letter-spacing: -1px;}
    .cart-products .box-giftPaper .input__label {font-size: 16px;left: 1.4rem;}


.box-heroTl{background: #9DC92D;padding-top: 1.5rem;padding-bottom: 2.3rem;}

.box-heroMenu li{margin-top: 1rem;}
  .box-heroMenu li .btn-lg{font-size: 1.2rem;letter-spacing: 0;}


  .box-heroMenu .list-tel{margin-bottom: .5rem;margin-top: .1rem;}
    .list-tel .sp-tel{font-size: 3rem;}
 .sp-tel.fa-volume-control-phone:before{top: -.1rem;position: relative;margin-right: .1rem;}
.box-checkList h4{font-size: 1.2rem;top: -3.1rem;}
.box-everInfo .tl-md{font-size: 1.4rem;}

.box-info p.dib{padding-top: .5rem;display: block;}

/*box-idea*/
  #box-idea .container.pt-4{padding-top: 3rem;}
  #box-idea .liCheck{padding:2rem .3rem 1rem 2.3rem;}
  #box-idea h3{font-size: 1.2rem;}
    #box-idea h3 strong{font-size: 1em;margin-top:1rem;}

  #tl-boss{margin-top: -2rem;}
  #img-boss{margin-top: 1rem;}
  #name-boss{position: absolute;right: -7.5rem;bottom: 0;}
 .box-fb{height: 22rem;margin-top: 2rem;}

.tl-xxlg,#sec-simulate h2.tl-xlg{font-size: 2rem;letter-spacing: 0;font-weight: bold;margin-top: 0;}
#sec-flow h1 .small{font-weight: bold;}
.tl-lg{font-size: 1.8rem;}

.list-flow h2{padding-top: 1.5rem;margin-bottom: 1rem;}
  .list-flow h2,.list-flow h2 .tl-xlg{font-size: 2rem;}
  .list-flow h2 small{display: block;margin-left: 2.3rem;}
.date-area li{margin-bottom: .5rem;}
.js-flickity .gallery-cell {margin-right: 1rem;}
.box-detail{padding:2rem 0 1.9rem;}
.flickity-page-dots {bottom: 1.5rem;}

/*sec-simulate*/
#sec-simulate {padding-bottom: 6rem;background: #F6F6F6;}
  .box-simForm {padding: 3rem 1rem 2.5rem;}
    .box-simForm h4 {top: -3.4rem;}
    .box-simu .tl-lg{font-size: 2.4rem;}
  #sec-simulate .col-sm-1 i {line-height: 3rem;}
  .flickityNormal h3{line-height: 1.1;margin-bottom: .7rem;}
   .mb-6.box-resultDetail{margin-bottom: 3rem;}
      .box-resultDetail h4{text-align: center;margin-top: 0;}
  #sec-simulate h2.tl-xlg{margin-top:2rem;}
  #box-result strong.tl-xxlg{font-size: 3rem;}

  /*box-access*/
  .box-access {padding: 3.5rem 1rem 3rem;}
    .box-access .tl-xlg{font-size: 2rem;font-weight: bold;}
    .box-access dl.mt-3{margin-top: 1rem;}
    .box-access dd{font-size: 1rem;}


.fa-file-pdf-o.btn-lg{font-size: 1.3rem;margin-top: .5rem;}

}
/* SP SM common */
@media(max-width:768px){
  .spSmBrDn br{display: none;}
  .container,.container-fluid,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-right: .5rem;padding-left: .5rem;}
  .row{margin-right: -.5rem;margin-left: -.5rem;}
  .cd-vertical-nav,.spSmBrDn br{display: none;}
  .tl-point{left: 0;top:0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}




}
/* SP landscape */
@media only screen and (max-width : 768px) and (orientation : landscape){
  html{font-size: 105%;}
}

/* iPad portrait */
@media(min-width:750px) and (max-width:768px) and (orientation:portrait){
  html{font-size: 70%;}

.box-heroTl{background: rgba(157, 201, 45,.8);}
.tl-xxlg {font-size: 4rem;}
.box-detail{padding-bottom: 2.7rem;}
.flickity-page-dots {
    bottom: 2.1rem;}
#sec-simulate {padding-bottom: 29rem;}
.box-access {padding-bottom: 5.3rem;}


}
/* sm */
@media (min-width: 768px){
  .mt-sm-2{margin-top: 2rem;}
  .mt-sm-5{margin-top: 5rem;}
}


/*iPad */
@media(min-width:769px) and (max-width:1024px){
 .box-fb{height: 28.4rem;}
}

/* md */
@media(min-width:992px){
  html{font-size: 84.5%;}
  .cd-vertical-nav{right: 2.5%;}
  .tl-xxlg {font-size: 4rem;}
  .box-access .tl-xlg {font-size: 2.7rem;}
  .box-access dl.mt-3{margin-top: 1rem;}
  .box-access dd{font-size: .9rem;}

}
@media(min-width:1100px) {
  .box-access .tl-xlg {font-size: 3rem;}
  .box-access dd{font-size: 1rem;}
}
@media(min-width:1280px){
  html{font-size: 95%;}
  .cd-vertical-nav{right: 9%;}
  .box-access .tl-xlg{font-size: 3.25rem;}
  .box-access dl.mt-3{margin-top: 2rem;}
  .box-access dd{font-size: 1rem;}
}
@media(min-width:1440px){
  html{font-size: 95%;}
  .cd-vertical-nav{right: 10.1%;}
  .box-access .tl-xlg{font-size: 3.7rem;}
  .box-access dl.mt-3{margin-top: 2.5rem;}
    .box-access{padding-top: 7rem;}
}

@media(min-width:1600px){
  /*col-xlg*/
  .col-xlg-1,.col-xlg-10,.col-xlg-11,.col-xlg-12,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9{float: left;}.col-xlg-12{width: 100%;}.col-xlg-11{width: 91.66666667%;}.col-xlg-10{width: 83.33333333%;}.col-xlg-9{width: 75%;}.col-xlg-8{width: 66.66666667%;}.col-xlg-7{width: 58.33333333%;}.col-xlg-6{width: 50%;}.col-xlg-5{width: 41.66666667%;}.col-xlg-4{width: 33.33333333%;}.col-xlg-3{width: 25%;}.col-xlg-2{width: 16.66666667%;}.col-xlg-1{width: 8.33333333%;}.col-xlg-pull-12{right: 100%;}.col-xlg-pull-11{right: 91.66666667%;}.col-xlg-pull-10{right: 83.33333333%;}.col-xlg-pull-9{right: 75%;}.col-xlg-pull-8{right: 66.66666667%;}.col-xlg-pull-7{right: 58.33333333%;}.col-xlg-pull-6{right: 50%;}.col-xlg-pull-5{right: 41.66666667%;}.col-xlg-pull-4{right: 33.33333333%;}.col-xlg-pull-3{right: 25%;}.col-xlg-pull-2{right: 16.66666667%;}.col-xlg-pull-1{right: 8.33333333%;}.col-xlg-pull-0{right: auto;}.col-xlg-push-12{left: 100%;}.col-xlg-push-11{left: 91.66666667%;}.col-xlg-push-10{left: 83.33333333%;}.col-xlg-push-9{left: 75%;}.col-xlg-push-8{left: 66.66666667%;}.col-xlg-push-7{left: 58.33333333%;}.col-xlg-push-6{left: 50%;}.col-xlg-push-5{left: 41.66666667%;}.col-xlg-push-4{left: 33.33333333%;}.col-xlg-push-3{left: 25%;}.col-xlg-push-2{left: 16.66666667%;}.col-xlg-push-1{left: 8.33333333%;}.col-xlg-push-0{left: auto;}.col-xlg-offset-12{margin-left: 100%;}.col-xlg-offset-11{margin-left: 91.66666667%;}.col-xlg-offset-10{margin-left: 83.33333333%;}.col-xlg-offset-9{margin-left: 75%;}.col-xlg-offset-8{margin-left: 66.66666667%;}.col-xlg-offset-7{margin-left: 58.33333333%;}.col-xlg-offset-6{margin-left: 50%;}.col-xlg-offset-5{margin-left: 41.66666667%;}.col-xlg-offset-4{margin-left: 33.33333333%;}.col-xlg-offset-3{margin-left: 25%;}.col-xlg-offset-2{margin-left: 16.66666667%;}.col-xlg-offset-1{margin-left: 8.33333333%;}.col-xlg-offset-0{margin-left: 0;}
    .cd-vertical-nav{right:14%;}
  .box-access dl.mt-3{margin-top: 3.5rem;}
}

@media(min-width:1800px){
    .cd-vertical-nav{right: 16.666%;}
  .box-access .tl-xlg{font-size: 4.8rem;}
  .box-access dl.mt-3{margin-top: 4rem;}
  .box-access dd{font-size: 1.3rem;}
  #sec-access .box-access{padding-top: 8rem;}
    #sec-access .box-access h1{margin-bottom: 1.5rem;}
}

@media(min-width:2300px){
  /*col-xxlg*/
  .col-xxlg-1,.col-xxlg-10,.col-xxlg-11,.col-xxlg-12,.col-xxlg-2,.col-xxlg-3,.col-xxlg-4,.col-xxlg-5,.col-xxlg-6,.col-xxlg-7,.col-xxlg-8,.col-xxlg-9{float: left;}.col-xxlg-12{width: 100%;}.col-xxlg-11{width: 91.66666667%;}.col-xxlg-10{width: 83.33333333%;}.col-xxlg-9{width: 75%;}.col-xxlg-8{width: 66.66666667%;}.col-xxlg-7{width: 58.33333333%;}.col-xxlg-6{width: 50%;}.col-xxlg-5{width: 41.66666667%;}.col-xxlg-4{width: 33.33333333%;}.col-xxlg-3{width: 25%;}.col-xxlg-2{width: 16.66666667%;}.col-xxlg-1{width: 8.33333333%;}.col-xxlg-pull-12{right: 100%;}.col-xxlg-pull-11{right: 91.66666667%;}.col-xxlg-pull-10{right: 83.33333333%;}.col-xxlg-pull-9{right: 75%;}.col-xxlg-pull-8{right: 66.66666667%;}.col-xxlg-pull-7{right: 58.33333333%;}.col-xxlg-pull-6{right: 50%;}.col-xxlg-pull-5{right: 41.66666667%;}.col-xxlg-pull-4{right: 33.33333333%;}.col-xxlg-pull-3{right: 25%;}.col-xxlg-pull-2{right: 16.66666667%;}.col-xxlg-pull-1{right: 8.33333333%;}.col-xxlg-pull-0{right: auto;}.col-xxlg-push-12{left: 100%;}.col-xxlg-push-11{left: 91.66666667%;}.col-xxlg-push-10{left: 83.33333333%;}.col-xxlg-push-9{left: 75%;}.col-xxlg-push-8{left: 66.66666667%;}.col-xxlg-push-7{left: 58.33333333%;}.col-xxlg-push-6{left: 50%;}.col-xxlg-push-5{left: 41.66666667%;}.col-xxlg-push-4{left: 33.33333333%;}.col-xxlg-push-3{left: 25%;}.col-xxlg-push-2{left: 16.66666667%;}.col-xxlg-push-1{left: 8.33333333%;}.col-xxlg-push-0{left: auto;}.col-xxlg-offset-12{margin-left: 100%;}.col-xxlg-offset-11{margin-left: 91.66666667%;}.col-xxlg-offset-10{margin-left: 83.33333333%;}.col-xxlg-offset-9{margin-left: 75%;}.col-xxlg-offset-8{margin-left: 66.66666667%;}.col-xxlg-offset-7{margin-left: 58.33333333%;}.col-xxlg-offset-6{margin-left: 50%;}.col-xxlg-offset-5{margin-left: 41.66666667%;}.col-xxlg-offset-4{margin-left: 33.33333333%;}.col-xxlg-offset-3{margin-left: 25%;}.col-xxlg-offset-2{margin-left: 16.66666667%;}.col-xxlg-offset-1{margin-left: 8.33333333%;}.col-xxlg-offset-0{margin-left: 0;}
}

/* ==========================================================================
Slick Slider css
========================================================================== */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../fonts/slick.eot);src:url(../fonts/slick.eot?#iefix) format('embedded-opentype'),url(../fonts/slick.woff) format('woff'),url(../fonts/slick.ttf) format('truetype'),url(../fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

.slick-initialized .slick-slide {display: inline-block;}
.slider-nav{background: #111;}
  .slider-nav .box-heroCol-md-1{border-top:.5rem solid #111;border-bottom:.5rem solid #111;border-left:.5rem solid #111;border-right:.5rem solid #111;}
.slider-nav-wrap{padding: 1rem .5rem;background: #000;}
.slick-dots{z-index: 1000;bottom:2rem;}
.slick-next{right: 4rem;}
.slick-prev{left: 4rem;}

.slick-next, .slick-prev{z-index: 100;}