/* ==========================================================================
Base
========================================================================== */
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;min-height: 100%;overflow-x: hidden;-ms-touch-action: manipulation;touch-action: manipulation;font-feature-settings: "palt";}
html,html a{ -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
body{font-size: .8em;color: #444;font-family:'Yu Gothic Pr6N D',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';letter-spacing: .05em;}
.tl-secEn,.tl-case{font-family: FB Benton Sans Medium;}
.font-A1G-B,a:not(.btn-next),h2,h3,h4{font-family:A1 Gothic B JIS2004}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {line-height: 1.4;}
img{vertical-align: top;}
figure{z-index: 1;}
.w-100{width: 100%;}
.w-auto{width: auto !important;}
.w-4rem{width:4rem !important;}
.h-1em{height: 1em !important;}
.h-1035em{height: 1.35em !important;}
.h-105em{height: 1.5em !important;}
.lh-1{line-height: 1 !important;}
.lh-103{line-height: 1.3 !important;}
.psr{position: relative;}
.db{display: block;}
.f-r{float: right;}
.row.no-gutters {margin-right: 0;margin-left: 0;}
  .row.no-gutters [class^="col-"],.row.no-gutters [class*=" col-"]{padding-right: 0;padding-left: 0;}
.row.twice-gutters {margin-right: -45px;margin-left: -45px;}
  .row.twice-gutters [class^="col-"],.row.twice-gutters [class*=" col-"]{padding-right: 30px;padding-left: 30px;}
.row.threeTimes-gutters {margin-right: -60px;margin-left: -60px;}
  .row.threeTimes-gutters [class^="col-"],.row.twice-gutters [class*=" col-"]{padding-right: 45px;padding-left: 45px;}
.pt-01{padding-top: .1em;}.pt-02{padding-top: .2em;}.pt-03{padding-top: .3em;}.pt-04{padding-top: .4em;}.pt-05{padding-top: .5em;}.pt-06{padding-top: .6em;}.pt-07{padding-top: .7em;}.pt-08{padding-top: .8em;}.pt-09{padding-top: .9em;}.pt-1{padding-top: 1em;}.pt-2{padding-top: 2em;}.pt-3{padding-top: 3em;}.pt-4{padding-top: 4em;}.pt-5{padding-top: 5em;}.pt-6{padding-top: 6em;}
.pb-01{padding-bottom: .1em;}.pb-02{padding-bottom: .2em;}.pb-03{padding-bottom: .3em;}.pb-04{padding-bottom: .4em;}.pb-05{padding-bottom: .5em;}.pb-06{padding-bottom: .6em;}.pb-07{padding-bottom: .7em;}.pb-08{padding-bottom: .8em;}.pb-09{padding-bottom: .9em;}.pb-1{padding-bottom: 1em;}.pb-2{padding-bottom: 2em;}.pb-3{padding-bottom: 3em;}.pb-4{padding-bottom: 4em;}.pb-5{padding-bottom: 5em;}.pb-6{padding-bottom: 6em;}.pb-7{padding-bottom: 7em;}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.mt-0{margin-top: 0;}.mt-01{margin-top: .1em;}.mt-02{margin-top: .2em;}.mt-03{margin-top: .3em;}.mt-04{margin-top: .4em;}.mt-05{margin-top: .5em;}.mt-06{margin-top: .6em;}.mt-07{margin-top: .7em;}.mt-08{margin-top: .8em;}.mt-09{margin-top: .9em;}.mt-1{margin-top: 1em;}.mt-2{margin-top: 2em;}.mt-3{margin-top: 3em;}.mt-4{margin-top: 4em;}.mt-5{margin-top: 5em;}.mt-6{margin-top: 6em;}.mt-7{margin-top: 7em;}.mt-8{margin-top: 8em;}.mt-9{margin-top: 9em;}.mt-10{margin-top: 10em;}
.mb-0{margin-bottom: 0;}.mb-01{margin-bottom: .1em;}.mb-02{margin-bottom: .2em;}.mb-03{margin-bottom: .3em;}.mb-04{margin-bottom: .4em;}.mb-05{margin-bottom: .5em;}.mb-06{margin-bottom: .6em;}.mb-07{margin-bottom: .7em;}.mb-08{margin-bottom: .8em;}.mb-09{margin-bottom: .9em;}.mb-1{margin-bottom: 1em;}.mb-2{margin-bottom: 2em;}.mb-3{margin-bottom: 3em;}.mb-4{margin-bottom: 4em;}.mb-5{margin-bottom: 5em;}.mb-6{margin-bottom: 6em;}.mb-7{margin-bottom: 7em;}.mb-8{margin-bottom: 8em;}.mb-9{margin-bottom: 9em;}.mb-10{margin-bottom: 10em;}.mb-15{margin-bottom: 1.5em;}
.spBrDb br{display: none;}
.spBrDn br{display: block;}
.ls-0{letter-spacing: 0;}
.fz-sm{font-size: 1.2em !important;}
.fz-md{font-size: 1.35em !important;}
/* ==========================================================================
Typography
========================================================================== */
.fwb{font-weight: bold;}
.btn-fa::before,.btn-fa::after,.txt-quote::before,.txt-quote::after,.btn-next,.nav-subMenu li a::after{font-family: FontAwesome;}
h1 {display: block;}
  .arrow {background: url("../img/h1-bg.svg") no-repeat scroll center bottom;color: #353535;font-size: 1.4em;padding-bottom: 30px;}
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0;font-size: 18px;letter-spacing: 2px;font-weight: normal; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h1,h2,h3,h4,h5,h6{color: #000;}
small.small,.small small{color: #555;font-size: .9em;letter-spacing: 0;}
.red{color: red;}
abbr[title] { border-bottom: 1px dotted; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
p,pre { margin-bottom: 1em;vertical-align: top; }
.txt-kome{margin: 1.5em 0 0;border-top:1px dashed #ccc;padding: 1.5em -0px 0;}
code,kbd,pre,samp { font-family: monospace,serif;font-size: 1em; }
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.5em; }
sub { bottom: -0.25em; }
small,h2 small{color: #333;}
.t-r{text-align: right;}
.t-l{text-align: left;}
.txt-quote{display:inline-block;position: relative;}
  .txt-quote::before,.txt-quote::after{position: absolute;font-size: .6em;color: #333;}
    .txt-quote::before{content:"\f10d";left:-2.5em;top:-.5em;}
    .txt-quote::after{content:"\f10e";right:-1.6em;bottom:.5em;}
.txt-lead{font-size: 1.15em;}
.bf-icon::before{font-family:'FontAwesome';margin-right: .5em;}
.bg-yellow{background: #f4da26;}
/* ==========================================================================
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; }
/* ==========================================================================
Embedded content
========================================================================== */
img { border: 0;-ms-interpolation-mode: bicubic;}
/* ==========================================================================
Forms
========================================================================== */
form { margin: 0; }
button,input,select,textarea { font-size: 100%;margin: 0;vertical-align: baseline;vertical-align: middle; }
button,input { line-height: normal; }
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; }
input[type="checkbox"],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
========================================================================== */
a,a.small small{color: #000;-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,a:focus,.btn:hover,small.small a:hover,a.small:hover small{color:#000; text-decoration: underline; cursor: pointer; }
p {word-spacing: 1px;font-size: 1em;line-height: 1.8;color: #333;}
.indent{text-indent: -9999px;white-space: nowrap;overflow: hidden;text-align: left;}

.btn{font-size: 1em;padding: .71em 1em .69em;border-radius:0;}
  .btn:hover{text-decoration: none;}
.btn-sm{font-size: .85em;}
.btn-lg{font-size: 1.1em;padding: 1em 0 1em;}
.btn-mail{color: #000;background: rgba(255,255,255,.6);}
  .btn-mail:hover{background: rgba(255,255,255,.8);}
.btn-outline{border: 4px solid #000;background: #fff;}
a.btnTxt-black{color: #000;}
a.btnHvr-un:hover{text-decoration: underline;}

.btn-angle-left::before{content: "\f104";margin-right: .4em}
.btn-angle-right::after{content: "\f105";margin-left: .4em}

.btn-noLink{opacity: .3;}
  .btn-noLink:hover{cursor: default;color: #333;}

.btn-next{position: relative;font-size: 2.5em;line-height: 1;padding: .41em 1.7em .37em .9em;letter-spacing: 0;}
  /*.btn-next span{color: #333;}*/
  .btn-next::after{position: absolute;top: .8em;right: 1.2em;content:"\f105";font-size: .7em;}
  .btn-next:hover{background: #000;border-color: #000;}
  .btn-next:hover,.btn-next:hover .btn-next span{color: #fff;}

.btn-tel{padding-top: 1.15em;line-height: 1.4;letter-spacing: 0;padding-right: 0;padding-left: 0;}

.outline-wht{border: 1px solid #ffafaf;display: block;}

.liSlash li{display: inline;}
  .liSlash li::before{content: "/";margin-left: .2em;margin-right: .9em;color: #666;font-size: 0.7em;vertical-align:baseline}
    .liSlash li:first-child::before,.liSlash ul li::before{content: "";margin-left: 0;margin-right: 0}

.btd{border-top: 1px dashed #ccc;}

/* ==========================================================================
LOAD NAV
========================================================================== */
/*loadingPage*/
.scrNo{overflow-y: hidden;}
#loadingPage{width: 100%;height: 100%;display:block;position: fixed;top: 0;left:0;z-index: 1000;background:gray;}
.stories #loadingPage{background:#161616;}
  .overlay{background: url(../img/global/overlay.webp) repeat;}
  #overlay-box{z-index: 101;display: block;width: 100%;height: 100%;}
  #loadingPage h4{color: #ccc;text-align: center;font-size: 1em;margin: 0;}
  #loadingPage p{display: block;text-align: center;}
  #firstLoading{width: 30px;display: block;margin: 0 auto;margin-bottom: 3.5em;}

  /*#header*/
  #header h1{margin: 0 0 -1em;padding-top: .9em;display: block;}
  /*.index #header h1{margin-top:-5em;}*/
  .index.strong #header h1{margin-top:0;}
    #header h1 a{position: relative;z-index: 2;display: block;height: 1em;width: 100%;background: url(../img/global/logo_yamagataya.webp) no-repeat;-webkit-background-size: contain;background-size: contain;}

/* ==========================================================================
main
========================================================================== */
.container{position: relative;}
  #hero {padding: 6em 0 6em;position: relative;}
    #hero img{width: 100%;}
      #onikuLogo{margin-bottom: 2em;}
    #hero h1{font-size: 2.3rem;line-height: 2;letter-spacing: 0;font-weight: bold;font-style: italic; -webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);color: #000;}
      .cd-words-wrapper {display: inline-block;position: relative;text-align: left;}
        .cd-words-wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;}
        .cd-words-wrapper b.is-visible {position: relative;}
        .no-js .cd-words-wrapper b {opacity: 0;}
        .no-js .cd-words-wrapper b.is-visible {opacity: 1;}
    #hero p{position: relative;left:.7em;font-size: 1.1em;letter-spacing: .1em;line-height: 2;}
/* --------------------------------
content
-------------------------------- */
main {position: relative;-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
main.scale-down {-webkit-transform: scale(0.98);-moz-transform: scale(0.98);-ms-transform: scale(0.98);-o-transform: scale(0.98);transform: scale(0.98);}

.cd-section {position: absolute;z-index: 1;top: 0;left: 0;height: 100%;width: 100%;overflow-y: auto;overflow-x: hidden;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0s 0.4s;-moz-transition: -moz-transform 0s 0.4s;transition: transform 0s 0.4s;}
.cd-section.cd-selected {position: relative;z-index: 2;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition: -webkit-transform 0.4s 0s;-moz-transition: -moz-transform 0.4s 0s;transition: transform 0.4s 0s;-webkit-overflow-scrolling: touch;}



.content{position: relative;padding-top: 5em;padding-bottom: 4em;}

  .nav-Home h3{display: block;font-size: .8em;font-weight: bold;letter-spacing: 0;line-height: 1;}
    #tl-plz{text-align: right;padding-right: .5em;}

.nav-subMenu {border: 6px solid #000;}
  .nav-subMenu li{height: 5.4em;border-left: 3px solid #000;line-height: 1;}
  .nav-subMenu li:first-child{border-left-width:0;}
    .nav-subMenu li a{display: block;font-size: 1.3em;font-weight: bold;line-height: 1.4;padding-top: .81em;padding-bottom: .6em;}
      .btn-arrow-down a::after{content:"\f107";display: block;text-align: center;}
      .btn-arrow-up a::after{content:"\f106";display: block;text-align: center;}
      .btn-arrow-right a::after{content:"\f105";display: block;text-align: center;}
    .nav-subMenu li.active-page a::after{content:"\f106";}
      .nav-subMenu li small{display: block;font-size: .7em;letter-spacing: 0;}
      .nav-subMenu li a:hover,.nav-subMenu li.active-page a{color: #fff;background: #000;}
    .nav-subMenu .sp-tel{font-size: 1.4em;font-weight: bold;color: #000;}

  #nav-com.nav-subMenu{border-left: 6px solid #000;}
  .index #nav-com.nav-subMenu{border-left:none;}
    #nav-com.nav-subMenu li:first-child{border-left:none}


/* -------------------------------
wrap-sec
-------------------------------- */
.wrap-sec{position: relative;border: 6px solid #000;}

  .tl-secEn{font-size: 4em;padding: .3em .4em .1em .4em;line-height: 1;border-right: 6px solid #000;border-bottom: 6px solid #000;display: inline-block;color: #000;letter-spacing: 0;margin-bottom: 0;}
    .tl-secEn small{font-size: .5em;color: #000;}

  .wrap-sec h2{font-size: 4.1em;line-height: 1;margin-top: 0;letter-spacing: 0;}
  .index .wrap-sec h2{margin-top: .7em;}
    .wrap-sec h2 small{font-size: .5em;color: #000;}
    .wrap-sec h2 .small{font-weight: bold;letter-spacing: 0;color: #000;}

  .wrap-text h3{font-size: 1.4em;}
  .cases .wrap-text h3{margin-top: 3em;margin-bottom: 1.4em;}
  .wrap-text h4{position: relative;display: inline-block;font-size: 1.05em;line-height: 1.8;color: #000;margin:4em -20% 0;padding-left: 1em;font-weight: bold;text-align: left;}
    .wrap-text h4 small{color: #000;font-weight: bold;position: relative;top: -.31em;}
    .wrap-text h4::before{position: absolute;z-index: 2;top: .65em;left: -3em;display: block;overflow: hidden;width: 3em;height: 1px;content: '-';text-indent: 100%;background:#000;}
  .safari.MacIntel h2:after{top: 50%;}

  .tl-case {font-size: 1.5em;vertical-align: text-bottom;line-height: 1.4;color: #000;}
  .index .tl-case {margin-top: 2em;}
    .tl-case b{font-size: 2em;}


  .box-caseSlideer{position: relative;margin-bottom: -5em;}
  .index .box-caseSlideer{margin-bottom: 5em;height: 30em;overflow-y: hidden;}
    .index .box-caseSlideer img{width: 100%;}
    .box-caseDetail{position: absolute;bottom:0;z-index: 2;display: block;width: 100%;background: #000;background: rgba(0,0,0,.8);padding-right: 3%;padding-left: 3%;}
      .box-caseDetail h4{color: #fff;letter-spacing: 0;}
        .box-caseDetail h4 strong{font-size: 2em;font-weight: normal;letter-spacing: .3em;}
          .box-caseDetail h4 strong small{font-size: .5em;letter-spacing: 0;color: #fff;}
      .box-caseDetail p{position: relative;color: #fff;font-size: 1.1em;font-style: italic;padding: 2em 2.5em 0 3em;line-height: 1.2;}
        .box-caseDetail .txt-quote::before,.box-caseDetail .txt-quote::after{font-size: 1em;color: rgba(255,255,255,.7);}
        .box-caseDetail .txt-quote::before{left:1.5em;top:1.3em;}
        .box-caseDetail .txt-quote::after{right:1.6em;bottom:-.6em;}

  .box-comment{position: relative;border: 2px solid #000;border-radius: .5em;padding-left: 13%;padding-right: 5%;padding-bottom: .8em;margin-top: 7em;margin-bottom: 7em;}
    .box-comment small{position: absolute;font-size: 1em;top:-2em;left:2.6%;}
      .box-comment small em{margin-left: 4em;font-style: normal;}
      .box-comment small span{font-size: .8em;letter-spacing: 0;}
    .index .box-comment img,.cases .box-comment img{width: 8.5%;position: absolute;bottom:0;left: 4%;}
    .box-comment h4{font-size: 1.5em;}



/*no-js*/
.no-js main, .no-js .cd-section {height: auto;overflow: visible;}
.no-js .cd-section {position: static;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.no-js .cd-nav-container {width: 100%;position: static;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);height: auto;overflow: visible;}
.no-js .cd-close-nav {display: none;}
.no-js .cd-nav li {width: 50%;float: left;}
@media only screen and (min-width: 700px) {
  .no-js .cd-nav li {  width: 33.3%;  float: left;}
  .no-js .cd-nav li:nth-of-type(2n) a {  border-right-width: 1px;}
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-nav li {  width: 16.66%;  float: left;}
  .no-js .cd-nav li:nth-of-type(3n) a {  border-right-width: 1px solid #e0cf75;}
}



/* ==========================================================================
cases
========================================================================== */
  .gallery::before,.gallery::after{content:"";position: absolute;width: 11.4%;height: 90%;background:rgba(0,0,0,.8) url(../img/global/overlay.webp) repeat ;top: 0;z-index: 2;}
    .gallery::before{left: 0;}
    .gallery::after{right: 0;}

  .gallery-cell {width: 77.4%;overflow: hidden;}
    .gallery-cell img{width: 100%;}


.box-store{padding: 3em 5em 1.56em;background: #000;}
  .box-store h4{font-size: 1.5em;line-height: 1;margin-top: 0;margin-bottom: .7em;}
  .box-store p{color: #f7f7f7;font-size: 1.05em;font-weight: bold;}
  .box-store small,.link-goToStore,.box-store h4{color: #fff;}
  .img-chef{position: absolute;bottom:0;right:4em;width: 7%;}

  .link-goToStore{display: block;padding-top: 1em;margin-top: 1.5em;margin-bottom: 0em;border-top:1px dashed #ccc;}
    .link-goToStore:hover{color: #fff;}

.nav-subMenu .btn-iconOnly a{padding: 1.39em 0 1.32em .1em}


.wrap-sec > nav{margin-top: 7em;}
  .nav-tl{display: block;font-size: .85em;padding-left: 1.2%;font-weight: bold;letter-spacing: 0;line-height: 1;font-style: italic;}
  .nav-case {border: none;border-top: 6px solid #000;}
    .active-page a::after{content:"\f106";}

/* ==========================================================================
about(body.company)
========================================================================== */
.box-txtStyle h3{display: block;font-size: 2em;color: #000;}
.box-txtStyle .txt-quote{font-size: 1.6em;}

	.company-tl{font-weight:600; margin:0;text-align: right;}
	.company .box-store{ margin:2em 0 0 0;}

.trans-r90{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.arrowDown i{font-size: 5em;color: #000;}

.downArrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.downArrow::before,
.downArrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample3-2::before{
left: 4px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #7a0;
}
.sample3-2::after{
left: 0;
width: 8px;
height: 6px;
border-left: 4px solid #7a0;
}




    .access #access {margin: 0 0 2em 0;}
      .access #access h3{margin: 0 0 1em 0;}
      .access #access p{margin: 0 0 0 0;}
      .access #access p.address-2{margin: 0 0 1em 0;}
     .access .box-caseSlideer img{width: 100%;}
     .access .box-comment img.clerk-a{width: 16%;position: absolute;bottom:0;left: 4%;}
     .access .car{width: 100%;}
     .access .box-comment{position: relative;padding-left: 16%;padding-right: 5%;padding-bottom: .8em;margin-top: 3em;margin-bottom: 3em;}
     .access .drive-text{margin:0;}
     .access .drive-text2{margin: 2em 0 0 0;}


/* ==========================================================================
Footer
========================================================================== */
.copylight{font-size: .8em;font-weight: bold;letter-spacing: .1em;color: #999;}

  /*pagetop*/
  #pagetop{position:fixed;right:50%;margin-right: -.8em;bottom:0;z-index:500;text-align: center;}
    #pagetop a{display: inline-block;text-decoration:none;font-size:3em;opacity:0.8;cursor: pointer;}
      #pagetop a:hover{color: #000;opacity:1;cursor: pointer;}
      #pagetop a i{cursor: pointer;}


/* --------------------------------
nav
-------------------------------- */
.cd-nav-trigger {position:fixed;z-index: 3;height: 3em;width: 3em;right: 2em;top: 1.5em;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
  .cd-nav-trigger span {position: absolute;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%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 32px;height: 3px;background-color: #000;}
  .cd-nav-trigger span::before, .cd-nav-trigger span:after {/* upper and lower lines of the menu icon */content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: inherit;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.2s, width 0.2s;-moz-transition: -moz-transform 0.2s, width 0.2s;transition: transform 0.2s, width 0.2s;}
  .cd-nav-trigger span::before {-webkit-transform-origin: right top;-moz-transform-origin: right top;-ms-transform-origin: right top;-o-transform-origin: right top;transform-origin: right top;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
  .cd-nav-trigger span::after {-webkit-transform-origin: right bottom;-moz-transform-origin: right bottom;-ms-transform-origin: right bottom;-o-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
  .no-touch .cd-nav-trigger:hover {/* rotate trigger on hover */-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
  .no-touch .cd-nav-trigger:hover span::after,.no-touch .cd-nav-trigger:hover span::before {/* animate arrow --> from hamburger to arrow */width: 50%;}
  .no-touch .cd-nav-trigger:hover span::before {-webkit-transform: translateX(1px) translateY(1px) rotate(45deg);-moz-transform: translateX(1px) translateY(1px) rotate(45deg);-ms-transform: translateX(1px) translateY(1px) rotate(45deg);-o-transform: translateX(1px) translateY(1px) rotate(45deg);transform: translateX(1px) translateY(1px) rotate(45deg);}
  .no-touch .cd-nav-trigger:hover span::after {-webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);-o-transform: translateX(1px) translateY(-1px) rotate(-45deg);transform: translateX(1px) translateY(-1px) rotate(-45deg);}
  .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;}


.cd-nav-container {position: fixed;z-index: 4;top: 0;right: 0;width: 80%;height: 100%;overflow-y: auto;background-color: #000;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible {overflow-x: hidden;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;transition: transform 0.4s 0s, box-shadow 0s 0s;}
  .cd-nav-container header {padding: 22px 0 0 3em;height: 68px;position: relative;font-weight: bold;background: #000;}
  .cd-nav-container h3 {letter-spacing: 0;margin-top: 0;font-size: 1.6em;font-weight: bold;text-transform: uppercase;color: #fff}

@media only screen and (min-width: 700px) {
  .cd-nav-container { width: 70%;}
    .cd-nav-container header { height: 96px;  padding-top: 2.85em;}
}

.cd-close-nav {position: absolute;height:5em;width:5em;right: .7em;top: 2.9em;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;transition: opacity 0.2s;}
  .cd-close-nav::after, .cd-close-nav::before {content: '';position: absolute;height: 3px;width: 32px;left: 50%;top: 50%;background-color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
  .cd-close-nav::after {-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
  .cd-close-nav::before {-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
  .no-touch .cd-close-nav:hover {opacity: .8;}

.cd-nav {background-color: #f2f2f2;border-left: 4px solid #000;border-right: 4px solid #000;}
  .cd-nav::after {clear: both;content: "";display: table;}
  .cd-nav li {height: calc((100vh - 68px)/3);min-height: 120px;border: 2px solid #000;border-top: none;border-left: none;}
  .cd-nav li:nth-of-type(2n),.cd-nav li:last-child {border-right-width: 0;}
  .cd-nav a {position: relative;display: block;width: 100%;height: 100%;text-align: center;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
  .no-touch .cd-nav a:hover svg {-webkit-animation: cd-shock 0.3s;-moz-animation: cd-shock 0.3s;animation: cd-shock 0.3s;}
  .no-touch .cd-nav li a:hover span *,.cd-nav .cd-selected a span * {stroke: #fff;}
  .no-touch .cd-nav li a:hover em,.cd-nav .cd-selected a em {color: #fff;}
  .no-touch .cd-nav li a:hover,.cd-nav .cd-selected a {background-color: #000;}
  .cd-nav .cd-navIcon,.cd-nav em {position: absolute;}
  .cd-nav .cd-navIcon {top: calc(50% - 48px);left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);height: 48px;width: 48px;}
  .cd-nav .cd-navIcon * {-webkit-transition: stroke 0.2s;-moz-transition: stroke 0.2s;transition: stroke 0.2s;}
  .cd-nav em {text-align: center;font-style: normal;font-weight: bold;width: 100%;left: 0;top: calc(50% + 15px);color: #000;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;transition: color 0.2s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
    .cd-nav em small {font-size: .4em;display: block;}
  .cd-nav .bf-icon::before{margin-right:0;color: #000;font-size: 4em;}
  .cd-nav .cd-selected .bf-icon::before{color: #fff;}
  .cd-nav li a:hover .bf-icon::before{color: #fff;}



@media only screen and (min-width: 700px) {
  .cd-nav li { height: calc((100vh - 96px)/3);  min-height: 200px;}
  .cd-nav .cd-navIcon {  height: 64px;  width: 64px;  top: calc(50% - 56px);}
  .cd-nav em { font-size: 2.2rem;  font-weight: 300;  top: calc(50% + 21px);}
}
@media only screen and (min-width: 1024px) {
  .cd-nav li {height: calc((100vh - 96px)/2);  min-height: 250px;}
  .cd-nav li:nth-of-type(2n) {  border-right-width: 2px;}
  .cd-nav li:nth-of-type(3n) {  border-right-width: 0;}
  .cd-nav em {font-size: 2.5rem;}
    .cd-nav-container header { padding-top: 2.6em;}
}

@-webkit-keyframes cd-shock {0% {  -webkit-transform: rotate(0);}30% {  -webkit-transform: rotate(10deg);}60% {  -webkit-transform: rotate(-10deg);}100% {  -webkit-transform: rotate(0);}
}
@-moz-keyframes cd-shock {0% {  -moz-transform: rotate(0);}30% {  -moz-transform: rotate(10deg);}60% {  -moz-transform: rotate(-10deg);}100% {  -moz-transform: rotate(0);}
}
@keyframes cd-shock {0% {  -webkit-transform: rotate(0);  -moz-transform: rotate(0);  -ms-transform: rotate(0);  -o-transform: rotate(0);  transform: rotate(0);}30% {  -webkit-transform: rotate(10deg);  -moz-transform: rotate(10deg);  -ms-transform: rotate(10deg);  -o-transform: rotate(10deg);  transform: rotate(10deg);}60% {  -webkit-transform: rotate(-10deg);  -moz-transform: rotate(-10deg);  -ms-transform: rotate(-10deg);  -o-transform: rotate(-10deg);  transform: rotate(-10deg);}100% {  -webkit-transform: rotate(0);  -moz-transform: rotate(0);  -ms-transform: rotate(0);  -o-transform: rotate(0);  transform: rotate(0);}
}


/* text effect rotate-3 */
.cd-headline.rotate-3 .cd-words-wrapper{-webkit-perspective:300px;-moz-perspective:300px;perspective:300px}.cd-headline.rotate-3 b{opacity:0}.cd-headline.rotate-3 i{display:inline-block;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.is-visible .cd-headline.rotate-3 i{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.cd-headline.rotate-3 i.in{-webkit-animation:cd-rotate-3-in .6s forwards;-moz-animation:cd-rotate-3-in .6s forwards;animation:cd-rotate-3-in .6s forwards}.cd-headline.rotate-3 i.out{-webkit-animation:cd-rotate-3-out .6s forwards;-moz-animation:cd-rotate-3-out .6s forwards;animation:cd-rotate-3-out .6s forwards}.no-csstransitions .cd-headline.rotate-3 i{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity:0}.no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity:1}@-webkit-keyframes cd-rotate-3-in{0%{-webkit-transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0deg)}}@-moz-keyframes cd-rotate-3-in{0%{-moz-transform:rotateY(180deg)}100%{-moz-transform:rotateY(0deg)}}@keyframes cd-rotate-3-in{0%{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes cd-rotate-3-out{0%{-webkit-transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg)}}@-moz-keyframes cd-rotate-3-out{0%{-moz-transform:rotateY(0)}100%{-moz-transform:rotateY(-180deg)}}@keyframes cd-rotate-3-out{0%{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}}

/*! flick v1.0.2*/
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:90%}.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;z-index: 100;top:45%;width:30px;height:100px;border:none;background:none;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:url(../img/global/overlay.webp) repeat rgba(230, 0, 18,.5);}.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:4.5%}.flickity-prev-next-button.next{right:4.7%}.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:#fff}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:7em;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:rgb(255,255,255);border-radius:50%;border: 1px solid rgb(230, 0, 18);filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}


/* ==========================================================================
Responsive
========================================================================== */

/* iPhone 320px */
@media only screen and (min-width:320px){
  html{font-size: 90%;}
  #header h1 a{height: 0.55em;margin:-.1em 0 .12em;}
  .downArrow::before{left: 33.5em;}
  .downArrow::after{border-left: 34.1em solid #000;}
}
/* Android 360px × 1.125 */
@media only screen and (min-width:360px){
  html{font-size: 95%;}
  .downArrow::before{left: 35.1em;}
  .downArrow::after{border-left: 36em solid #000;}
}
/* iPhone6 375px × 117.1875 */
@media only screen and (min-width:375px){
  html{font-size: 100%;}
  #header h1 a{height: 0.7em;margin:0;}
  .downArrow::before{left: 35.1em;}
  .downArrow::after{border-left: 36em solid #000;}
}
/* iPhone6 plus 414px × 1.29375 */
@media only screen and (min-width:414px){
  html{font-size: 110%;}
  #header h1 a{height: 0.7em;margin:0 0 -1.35em;}
  .downArrow::before{left: 34.1em;}
  .downArrow::after{border-left: 35em solid #000;}
}
/* SP TB common */
@media(max-width:768px){
  body {width:100%;position: relative;}
  .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: 1em;padding-left: 1em;}
  .row{margin-right: -1em;margin-left: -1em;}
}
/* XS only */
@media(max-width:736px) {
  .spBrDb br{display: block;}
  .spBrDn br{display: none;}
  p{line-height: 1.6;}
    .txt-quote::before{left:-1.5em;top:-.5em;}
    .txt-quote::after{right:-.8em;bottom:-.3em;}
  #header h1{margin:-.7rem 0 -1.17em -.4em}
    #header h1 a{background: url(../img/global/logo_yamagataya.webp) no-repeat ;-webkit-background-size: contain;background-size: contain; margin-left: 0.4em;}


/* ==========================================================================
main
========================================================================== */
  #hero {padding-top: 4.5em;padding-bottom: 0;}
    #onikuLogo{margin-bottom: 1em;}
    #hero h1{font-size: 1.6em;margin-top:0;}
    #hero p{font-size: 1em;left:5px;letter-spacing: .12em;line-height: 1.8;}

.wrap-sec,.tl-secEn,.index #nav-com.nav-subMenu,.nav-subMenu{border-width: 4px;}

.nav-subMenu{ border-bottom: 2px solid #000;}
  .nav-subMenu li{height: 5.35em;border-width: 2px; border-bottom: 2px solid #000;}
    .nav-subMenu li:nth-child(odd){border-left-width: 0;}
    .nav-subMenu li a{padding-top: .71em;padding-bottom: .45em;}
.index #nav-com.nav-subMenu{border-left: 4px solid #000;border-bottom: 2px solid #000;}

.nav-subMenu.nav-global{ border-bottom: 2px solid #000;border-left-width:2px;}
  .nav-subMenu.nav-global li:nth-child(odd){border-left-width: 2px;}

.nav-subMenu li .sp-tel a{padding-top: 0;padding-bottom: 0;}
.nav-Home h3,#tl-plz{font-size: .9em;text-align: center;margin-top: 3em;}

/*cd-nav*/
  .cd-nav-container header{padding-left: 1em;}
  .cd-nav-trigger {right: 1.2em;top: 1.2em;}
  .cd-close-nav {right: -.1em;top:2.4em;}
  .cd-nav-container h3{font-size: 1.25em;}
  .cd-nav .bf-icon::before{font-size: 2.5em;}
  .cd-nav .cd-navIcon {top: calc(50% - 2.5em);left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);height: 2.5em;width: 2.5em;}



.content{margin-right: -1em;margin-left: -1em;overflow-x: hidden;}

.index .cd-section{margin-bottom: 4em;padding-bottom: 4em;border-bottom: 1px dashed #ccc;}

  .index .content {padding-top: 0;padding-bottom: 4em;}
  .strong .content-wrap{padding-top: 5em;}


    .tl-secEn{font-size: 2em;padding: .2em .4em .1em .4em;}
      .tl-secEn small{font-size: .5em;color: #000;}

  .index .wrap-sec h2{font-size: 2em;margin-top: 1.4em;margin-bottom: 1em;}
  .txt-lead{font-size: 1.05em;padding-right: 1.2em;padding-left: 1.4em;letter-spacing: 0;}

  .tl-case{font-size: 1em;margin-top: 2.5em;}
  .index .tl-case{margin-top: 1em;font-size: 1.2em;}

  .box-caseDetail{padding-right: 0;padding-left: 0;}
    .box-caseDetail h4{font-size: 1em;letter-spacing: 0;margin-bottom: 1em;}
      .box-caseDetail h4 strong{font-size: 1.7em;}
    .box-caseDetail p{font-size: 1em;padding: 0 .5em .4em 1.3em;}
      .box-caseDetail .txt-quote::before{left:-.1em;top:-.3em;}
      .box-caseDetail .txt-quote::after{right:0;bottom:-.2em;}

  .btn-next{font-size: 1.5em;line-height: 1.3;}
    .btn-next span{display: block;font-size: .8em;}
    .btn-next::after{top: 1.7em;}

  .box-comment{border-style:dashed;border-left:none;border-right: none;border-radius:0;padding-left: 24%;margin-top: 5em;margin-bottom: 5em;}
  .index .box-comment{margin-bottom: -3px;}
    .box-comment h4{font-size: 1em;}
    .box-comment p{font-size: .8em;letter-spacing: 0;line-height: 1.3;}

.box-caseSlideer{margin-bottom: 0;}
  .flickity-page-dots{bottom: 2em;}


/* ==========================================================================
footer
========================================================================== */
  #pagetop{margin-right: -1.07em;}


/* ==========================================================================
case
========================================================================== */
  .wrap-sec h2{font-size: 2em;margin-bottom: 1em;font-weight: bold;letter-spacing: 0;}
  .index .wrap-sec h2{margin-top: 1.6em;}
    .wrap-sec h2 small{font-size: .5em;color: #000;}
    .wrap-sec h2 .small{font-weight: bold;letter-spacing: 0;color: #000;}

  .gallery {height: 15em}
    .gallery-cell img{width: 100%;margin-left: 0%;}
    .flickity-prev-next-button.previous {left: .5%;}
    .flickity-prev-next-button.next {right: .9%;}

  .wrap-text h4{font-size: 1em;margin:2em 0 0;}
    .wrap-text h4::before{top: .65em;left: -.5em;width: 1.3em;}
    .wrap-text h3{font-size: 1.2em;}
    .cases .wrap-text h3{margin-top: 2em;font-weight: bold;}


.box-store{padding: 2em .4em 1.56em;}
  .box-store h4{font-size: 1em;margin-top: 1em;margin-bottom: .8em;}
  .box-store p{font-size: .9em;line-height: 1.2;}
  .img-chef{right:0;width: 17%;}

  .link-goToStore{margin-top: 1em;margin-bottom: 1em;}

.nav-subMenu .btn-iconOnly a{padding: 1.19em 0 1.3em .1em}


.nav-tl{font-size: .85em;padding-left: 0;text-align: center;}

.nav-case {border-bottom:none;}
.wrap-sec > nav{margin-top: 5em;}

/* ==========================================================================
about(body.company)
========================================================================== */

.company-tl{text-align: left;}
.company .wrap-sec img{width: 75%;}

.navComOnly #navTel{border-right: 2px solid #000;border-left: none;}
.navComOnly #navCom{border-right: 2px solid #000;}
.navComOnly #navTel,.navComOnly #navFb{border-bottom: none;}

.downArrow{margin-top: 1.8em;margin-bottom: 1.3em;}
  .downArrow::before{width: .2em;height: 3em;border: 1.8em solid transparent;border-left: 2.4em solid #000;}
  .downArrow::after{width: .55em;height: 1.3em;}
.aboutTxt-box{margin-bottom: 5.5em;padding-top: 1em;padding-bottom: .1em;background: rgba(255,255,255,.9);}

}

/* XS portrait only */
@media(max-width:736px) and (orientation : portrait) {
    .index .box-caseSlideer{margin-bottom: 3em;overflow: hidden;height: 22em;}
      .index .box-caseSlideer img{width: 180%;margin-left: 0;position: relative;}
      .index #sec-propose .box-caseSlideer img{width: 163%;left:-10%;}
      .index #sec-solve .box-caseSlideer img{width: 163%;left:-44%;}
      .index #sec-provide .box-caseSlideer img{width: 160%;left:-40%;}
    .index .box-comment img,.cases .box-comment img{width: 13%;left: 4%;}
    .access .box-comment img.clerk-a{width: 16%;position: absolute;bottom:0;left: 1%;}
      .box-comment small em{margin-left: 0;}
        .box-comment small em::before{content:":";margin-left: .2em;margin-right: .2em;}
}
/* iPad sm*/
@media only screen and (min-width:737px) and (max-width:768px){
  html{font-size: 90%;}
  #header h1 a{margin:0;}
  .cd-nav-trigger{top: 1.3em;}
  .nav-subMenu .sp-tel{font-size: 1.2em;}
  .box-comment{padding-left: 18%;padding-right: 4%;}
  .index .box-comment img,.cases .box-comment img{width: 13.5%;}
    .access .box-comment img.clerk-a{width: 12%;position: absolute;bottom:0;left: 1%;}
 .gallery{height: 36em;}
 .flickity-page-dots{bottom: 5em;}
    .wrap-text h4::before{left: -1.5em;width: 2em;}
  .downArrow::before{left: 35.1em;}
  .downArrow::after{border-left: 36em solid #000;}
}
/* SP landscape */
@media only screen and (max-width : 1024px) and (orientation : landscape) {
  html{font-size: 95%;}
  #header h1 a{height: 0.7em;margin:-.14em 0 .15em;}
 .gallery{height: 43em;}
 .wrap-text h4{margin: 4em -10% 0;}
 .gallery-cell img {width: 102%;} 
.gallery::before,.gallery::after{height: 80%;}
.flickity-viewport{overflow:hidden;position:relative;height:80%}
  .downArrow::before{left: 20em;}
  .downArrow::after{border-left: 21.5em solid #000;}
}
/*PC(XGA)*/
@media(min-width:1025px) {
  html{font-size: 100%;}
  #header h1 a{margin:0;}
 .gallery{height: 48em;}
 .wrap-text h4{margin: 4em -12% 0;}
 .gallery-cell img {width: 103%;} 
 .downArrow{margin-bottom: 2.5em;margin-top: 4em;}
   .downArrow::before{left: 29.5em;}
   .downArrow::after{border-left-width: 31.5em;}
  .aboutTxt-box{margin-bottom: 9.5em;}
}
@media(min-width:1260px) {
  html{font-size: 105%;}
 .gallery{height: 50em;}
}
@media(min-width:1500px) {
  html{font-size: 110%;}
  /*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-nav-container header {padding-top: 2.2em;}
    #hero p{font-size: 1.2em;}
    .img-box li a small{font-size: .55em;}
  .index .box-caseSlideer{height: 35em;}
  .gallery {height: 48em}
  .gallery-cell img {width: 100%;}
  .box-comment small em{margin-left: 6em;}
  .company .wrap-sec img{width: 75%;}
}
@media(min-width:1600px) {
  html{font-size: 115%;}
  .container{width: 85%;}
  .gallery {height: 50em}
  .nav-subMenu li a{padding-bottom: .5em;}
  .gallery-cell img {width: 100%;}
 .downArrow{margin-bottom: 2.5em;margin-top: 4em;}
   .downArrow::before{left: 28em;}
   .downArrow::after{border-left-width: 29.5em;}
  .aboutTxt-box{margin-bottom: 9.5em;}
}

@media(min-width:1850px) {
  .gallery {height: 60em}
  .box-store {padding: 3em 5em 2.96em;}
}

.yamapay_area {
  padding-top: 5em!important;
  padding-bottom: 0!important;
}
.yamapay_img {
  padding-right: 1.2em;
  padding-left: 1.4em;
}
.yamapay_img_pc {
  display: none!important;
}
.yamapay_img_sp {
  display: block!important;
}
@media(min-width:736px) {
  .yamapay_img_pc {
    display: block!important;
  }
  .yamapay_img_sp {
    display: none!important;
  }
}

.main_nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  padding-right: 1rem;
}
.main_nav ul {
  display: block;
  padding-top: 1.8em;
}
.main_nav ul li {
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 2em;
  text-align: center;
  vertical-align: middle;
}
.main_nav ul li small {
  display: block;
  font-size: .7em;
  letter-spacing: 0;
  font-weight: normal;
  padding-left: 1.9em;
}
.sp_nav {
  display: block!important;
}
.main_nav {
  display: none!important;
}
@media(min-width:800px) {
  .sp_nav {
    display: none!important;
  }
  .main_nav {
    display: block!important;
  }
}