@media screen and (max-width: 749px){header nav li:nth-of-type(1){display:none}}#all{width:100%;max-width:1200px}#contents{background-color:#FFFFFF;padding-bottom:25px}#main2{margin:0 auto;padding:30px 0 0 0;background-color:#FFFFFF}@media screen and (min-width: 750px){#main2{width:95%}}@media screen and (max-width: 749px){#main2{width:100%}}.contents_movie{margin:30px 0 0 0}.concept{width:90%;max-width:1000px;text-align:center;background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 750px){.concept{background-position:right center;margin:50px auto 30px auto}}@media screen and (max-width: 749px){.concept{background-position:top center;padding-top:85%;margin:30px auto 30px auto}}@media screen and (min-width: 750px){.concept.lazyloaded{background-image:url(image/top/bg_consept.jpg)}}@media screen and (max-width: 749px){.concept.lazyloaded{background-image:url(image/top/bg_consept_s.jpg)}}@media screen and (min-width: 750px){.concept__warap{width:70%;background:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(49%, #fff), to(rgba(255,255,255,0)));background:linear-gradient(to right, #fff 0%, #fff 49%, rgba(255,255,255,0) 100%);padding:50px 0 50px 0}}.concept__warap .main-title{background-image:url(image/top/bg_h1.gif);background-repeat:repeat}@media screen and (min-width: 750px){.concept__warap .main-title{font-size:180%;text-align:left;padding:28px 0 20px 0;margin:0 0 30px 0;color:#FFFFFF;-webkit-box-shadow:2px 2px 2px #333333;box-shadow:2px 2px 2px #333333;width:550px;font-weight:bold;font-family:"Hiragino Sans"}}@media screen and (max-width: 749px){.concept__warap .main-title{margin:0 auto 10px auto;color:#FFFFFF;font-size:150%;padding:20px 0;max-width:500px}}@media screen and (min-width: 750px){.concept__warap .main-title .title-warap{display:block;background-image:url(image/top/title_logo.gif);background-repeat:no-repeat;background-position:left center;background-size:contain;padding-left:100px;margin:0 0 0 30px;font-weight:800}}@media screen and (min-width: 750px){.concept__warap .main-title .title-warap .title-big{font-size:1.85em;display:inline-block;margin:5px 0 0 0;letter-spacing:0.5em}}@media screen and (max-width: 749px){.concept__warap .main-title .title-warap .title-big{display:block;line-height:1.0em;font-size:1.5em}}.concept__warap .top-main-p{line-height:1.8em;text-align:left;font-family:"ro-shino-std", serif}@media screen and (min-width: 750px){.concept__warap .top-main-p{margin:0 0 0 20px;font-size:1.4em;text-shadow:0 0 25px #ffffff, 0 0 20px #ffffff, 0 0 0.40px #ffffff}}@media screen and (max-width: 749px){.concept__warap .top-main-p{margin:0;font-size:1.2em}}@media screen and (max-width: 749px){.concept__warap .top-main-p br{display:none}}.concept__warap .btn-kodawari{display:block;text-align:left;width:300px;background-image:-webkit-gradient(linear, left top, left bottom, from(#d4cdb9), to(#6b6452));background-image:linear-gradient(top, #d4cdb9, #6b6452);padding:30px 0;border-radius:10px;color:#FFFFFF;font-size:22px;font-weight:bold;position:relative;-webkit-box-shadow:0px 1px 3px #666666;box-shadow:0px 1px 3px #666666;line-height:0em}@media screen and (min-width: 750px){.concept__warap .btn-kodawari{margin:20px 0 0 0}}@media screen and (max-width: 749px){.concept__warap .btn-kodawari{margin:20px auto 0 auto}}.concept__warap .btn-kodawari:hover{color:#412F2F;background:#f0f0d8;background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0d8), to(#d6cbae));background-image:linear-gradient(top, #f0f0d8, #d6cbae)}.concept__warap .btn-kodawari span{padding-left:20px}.concept__warap .btn-kodawari i{position:absolute;right:20px;font-size:1.4em;line-height:0.8em}.top-annai{margin:50px 0}.top-annai .top-nav-list{list-style:none;margin:0;padding:0}@media screen and (min-width: 750px){.top-annai .top-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.top-annai .top-nav-list li{background-color:#CF9293;margin:0 2%;border-radius:20px;overflow:hidden;-webkit-box-shadow:0px 1px 3px #666666;box-shadow:0px 1px 3px #666666}@media screen and (min-width: 750px){.top-annai .top-nav-list li{width:40%}}@media screen and (max-width: 749px){.top-annai .top-nav-list li{width:90%;max-width:400px;margin:40px auto}}.top-annai .top-nav-list li a{display:block;width:100%;text-align:center;text-shadow:2px 3px 0px rgba(0,0,0,0.8);position:relative;font-family:"Hiragino Sans";background-size:contain, auto;background-repeat:no-repeat, repeat;background-position:top center, top center;padding:55% 0 20px 0}.top-annai .top-nav-list li a span.overlay{background-image:url(image/top/overlay.gif);background-repeat:repeat;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;filter:alpha(opacity=0)}.top-annai .top-nav-list li a span.overlay:hover{opacity:0.2;filter:alpha(opacity=100)}.top-annai .top-nav-list li a span.svgimage{fill:#fff;display:block;width:80%;max-width:300px;margin:0 auto}.top-annai .top-nav-list__menu a.lazyloaded{background-image:url(image/top/bg01_1.jpg),url(image/top/bg01.jpg)}.top-annai .top-nav-list__shop a.lazyloaded{background-image:url(image/top/bg01_2.jpg),url(image/top/bg01.jpg)}@media screen and (min-width: 750px){.news-and-banner-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 750px){.news{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:30px}}@media screen and (max-width: 749px){.news{width:100%;margin:0 auto;background-color:#E1D3D3}}.news .news__title{text-align:center;background:#9D0609;color:#FFFFFF;padding:10px 0;margin:0;font-family:"Hiragino Sans";font-weight:700}.news .news__title .fa{padding:0 10px}.news article{border-bottom:1px dotted #BC9495;width:90%;margin:10px auto 0 auto}.news article:last-child{margin-bottom:20px}.news article time{font-size:85%;font-weight:bold;color:#AC723D;margin:0 0 0 0}.news article h3{color:#A40002;margin:5px 0;padding:0;font-size:95%;font-family:"Hiragino Sans";font-weight:bold}.news article div p{font-size:85%;line-height:1.4em;margin:0 0 10px 0;padding:0 5px}.news article div p span{display:block}@media screen and (min-width: 750px){.news article div p span{text-align:right;margin-top:5px}}@media screen and (max-width: 749px){.news article div p span{text-align:center;width:80%;margin:10px auto;background-color:#A38D8D;border-radius:5px;overflow:hidden}}@media screen and (min-width: 750px){.news article div p span a{color:#75185F}}@media screen and (max-width: 749px){.news article div p span a{color:#EBDEDF;display:block;width:100%;height:100%;padding:10px 0;background-color:#A38D8D}}.news article div p span a:before{content:"▶"}@media screen and (max-width: 749px){.news article div p span a:hover{background-color:#DFB2B3;color:#470405}}.news .line{background-color:#9D0609;height:30px;margin-top:20px}.banner{width:320px}@media screen and (min-width: 750px){.banner{width:320px}}@media screen and (max-width: 749px){.banner{margin:20px auto 0 auto}}.banner ul{margin:0;padding:0;list-style:none}.banner ul li{margin:0 0 15px 0;padding:0;border-radius:10px;overflow:hidden;-webkit-box-shadow:#6B5959 2px 2px 2px;box-shadow:#6B5959 2px 2px 2px}.banner ul li a{display:block;overflow:hidden;line-height:4.0em}.banner ul #enkai a{height:0px;padding-top:210px;background-image:url(image/top/banner/b_enkai.jpg);background-repeat:no-repeat}.banner ul #enkai a:hover{background-position:0 0}.banner ul #recruit a{height:0px;padding-top:210px;background-image:url(image/top/banner/b_recruit.jpg);background-repeat:no-repeat}.banner ul #recruit a:hover{background-position:0 0}.banner ul #blog a{height:0;padding-top:75px;background-image:url(image/top/banner/btn_blog.gif);background-repeat:no-repeat;background-position:0 0}.banner ul #blog a:hover{background-position:0 -85px}#mailmaga{background-image:url(image/topu/smartphone.png);background-color:#881706;background-repeat:no-repeat;background-position:center center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}#mailmaga .mm-content__top h3{text-align:center;font-size:1.5em;color:#FFFFFF;margin:10px auto;padding:10px 0;font-family:"Hiragino Sans";font-weight:bold}#mailmaga .mm-content__top p{width:90%;margin:7px auto 3px auto;line-height:1.5em;color:#E1D3D3}#mailmaga .mm-content__content{text-align:center}#mailmaga .mm-content__content p{text-align:left;width:95%;margin:5px auto 20px auto;font-size:0.9em;line-height:1.3em;color:#E1D3D3}#sliderarea{width:100%;margin:0;background-color:#A0A0A0}.makeslider{width:100%;margin:0;padding:0;list-style:none;position:relative}.makeslider li{width:100%;position:absolute;display:none}.makeslider .active{display:block}.fadeout{-webkit-animation:fadeOut 5s;animation:fadeOut 5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.makeslider li a{display:block;width:100%}.makeslider li a img{width:100%;height:auto;vertical-align:bottom}@media screen and (min-width: 750px){#topspace{padding-top:52%}}@media screen and (max-width: 749px){#topspace{padding-top:120%}}
/*# sourceMappingURL=style-top.css.map */.tingle-modal * {
     box-sizing: border-box
}
.tingle-modal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1000;
     display: flex;
     visibility: hidden;
     flex-direction: column;
     align-items: center;
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
     background: rgba(0, 0, 0, .85);
     opacity: 0;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: pointer;
     padding-top: 40px;
     padding-bottom: 40px
}
.tingle-modal--confirm .tingle-modal-box {
     text-align: center
}
.tingle-modal--noOverlayClose {
     cursor: default
}
.tingle-modal--noClose .tingle-modal__close {
     display: none
}
.tingle-modal__close {
     position: fixed;
     top: 2.5rem;
     right: 2.5rem;
     z-index: 1000;
     padding: 0;
     width: 2rem;
     height: 2rem;
     border: none;
     background-color: transparent;
     color: #fff;
     cursor: pointer
}
.tingle-modal__close svg * {
     fill: currentColor
}
.tingle-modal__closeLabel {
     display: none
}
.tingle-modal__close:hover {
     color: #fff
}
.tingle-modal-box {
     position: relative;
     flex-shrink: 0;
     margin-top: auto;
     margin-bottom: auto;
     width: 90%;
     max-width: 1600px;
     max-height: 900px;
     border-radius: 4px;
     background: #fff;
     opacity: 1;
     cursor: auto;
     will-change: transform, opacity
}
.tingle-modal-box__content {
     padding: 0
}
.tingle-modal-box__footer {
     padding: 1.5rem 2rem;
     width: auto;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     background-color: #f5f5f5;
     cursor: auto
}
.tingle-modal-box__footer::after {
     display: table;
     clear: both;
     content: ""
}
.tingle-modal-box__footer--sticky {
     position: fixed;
     bottom: -200px;
     z-index: 10001;
     opacity: 1;
     transition: bottom .3s ease-in-out .3s
}
.tingle-enabled {
     position: fixed;
     right: 0;
     left: 0;
     overflow: hidden
}
.tingle-modal--visible .tingle-modal-box__footer {
     bottom: 0
}
.tingle-enabled .tingle-content-wrapper {
     filter: blur(8px)
}
.tingle-modal--visible {
     visibility: visible;
     opacity: 1
}
.tingle-modal--visible .tingle-modal-box {
     animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards
}
.tingle-modal--overflow {
     overflow-y: scroll;
     padding-top: 8vh
}
.tingle-btn {
     display: inline-block;
     margin: 0 .5rem;
     padding: 1rem 2rem;
     border: none;
     background-color: grey;
     box-shadow: none;
     color: #fff;
     vertical-align: middle;
     text-decoration: none;
     font-size: inherit;
     font-family: inherit;
     line-height: normal;
     cursor: pointer;
     transition: background-color .4s ease
}
.tingle-btn--primary {
     background-color: #3498db
}
.tingle-btn--danger {
     background-color: #e74c3c
}
.tingle-btn--default {
     background-color: #34495e
}
.tingle-btn--pull-left {
     float: left
}
.tingle-btn--pull-right {
     float: right
}
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))) {
     .tingle-modal:before {
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          content: "";
          -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
          pointer-events: none
     }
     .tingle-enabled .tingle-content-wrapper {
          filter: none
     }
}
@keyframes scale {
     0% {
          opacity: 0;
          transform: scale(.9)
     }
     100% {
          opacity: 1;
          transform: scale(1)
     }
}
.brand_btn {
     border: 3px #eee solid;
     width: 369px;
     background: url(js/tingle/img/bg_col4.jpg) repeat right;
     font-family: "Sawarabi Mincho";
     display: block;
     margin: 5px auto 0;
     cursor: pointer
}
.brand_btn:hover {
     box-shadow: 0 0 10px #666;
     filter: brightness(120%)
}
@media(max-width:799px) {
     .brand_btn {
          right: 0;
          left: 0;
          width: 80%;
          border: 1px solid #fff
     }
}
.brand_btn a {
     display: flex;
     justify-content: space-between;
     align-items: center
}
.brand_btn a:hover {
     opacity: 1
}
.brand_btn .brand_movie_left {
     color: #fff;
     width: 100%;
     text-align: center;
     line-height: 1.2
}
@media(max-width:799px) {
     .brand_btn .brand_movie_left {
          font-size: 12px
     }
}
.brand_btn .brand_movie_left p {
     margin: 0
}
.brand_btn .brand_movie_left .play_mark {
     border: 1px solid #fff;
     padding: 4px 14px;
     display: inline-block;
     margin-top: 12px;
     font-size: 12px;
     font-family: 'Noto Sans Japanese'
}
.brand_btn .brand_movie_left .play_mark span:after {
     content: "\f04b";
     font-family: FontAwesome;
     margin-left: 1em
}
.brand_btn .brand_movie_right {
     line-height: 1
}
@media(max-width:799px) {
     .brand_btn .brand_movie_right {
          width: 100%
     }
     .brand_btn .brand_movie_right img {
          width: 100%
     }
}
.iframe-content {
     position: relative;
     padding-top: 56.25%
}
.iframe-content iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
}