@charset "utf-8";

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

　FONT

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

@font-face{font-family:themify;src:url(../font/themify/themify.eot?-fvbane);src:url(../font/themify/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(../font/themify/themify.woff?-fvbane) format('woff'),url(../font/themify/themify.ttf?-fvbane) format('truetype'),url(../font/themify/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-arrow-right:before {content: "\e628"}.ti-star:before{content:"\e60a"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-link:before{content:"\e62d"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-heart:before{content:"\e634"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-thumb-up:before{content:"\e670"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-control-play:before{content:"\e6ad"}.ti-control-forward:before{content:"\e6af"}.ti-book:before{content:"\e6b7"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-youtube:before{content:"\e728"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-instagram:before{content:"\e73d"}.ti-facebook:before{content:"\e741"}.ti-twitter-alt:before{content:"\e74b"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-email:before{content:"\e75a"}.ti-location-pin:before{content:"\e693"}.ti-info-alt:before {content:"\e717"}.ti-shopping-cart:before {content: "\e60d"}

 @font-face{font-family:'FontAwesome';src:url('../font/FontAwesome4/fontawesome-webfont.eot?v=4.7.0');src:url('../font/FontAwesome4/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../font/FontAwesome4/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../font/FontAwesome4/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../font/FontAwesome4/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../font/FontAwesome4/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-instagram:before{content:"\f16d"}.fa-facebook-official:before{content:"\f230"}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-phone:before {content:"\f095";}

@font-face {
  font-family: 'Satoshi-Variable';
  src: url('../font/Satoshi/Satoshi-Variable.woff2') format('woff2'),
       url('../font/Satoshi/Satoshi-Variable.woff') format('woff'),
       url('../font/Satoshi/Satoshi-Variable.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}

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

　normalize.css

   --------------------------------------------------------------------------------------------------- */
   
img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}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}table{border-collapse:collapse;border-spacing:0}


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

　BASE

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

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; }
html { width: 100%; }
body {font-size: 16px; font-family:  "Inter","Noto Sans JP",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji"; font-weight:400; margin: 0; padding: 0; width: 100%; color: #19453e; background: #f8f7f4;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;vertical-align: top; }
body{-webkit-text-size-adjust: 100%;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight:400}
p { margin: 0; padding: 0;}
a:focus { outline: none; }
button { text-decoration:none; border:none;}

/* ----- *::selection ----- */ 
*::-moz-selection {background: #202020;color:#fefefe;}
*::selection { background: #202020; color: #fefefe; }
/* ----- h1,h2,h3,h4,h5 ----- */ 
h1,h2,h3,h4,h5{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; margin: 0; padding: 0;}

/* ----- .cf ----- */ 
.cf:before,
.cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

/* ----- .transition03 ----- */ 
.transition03 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.transition05 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

/* ----- img----- */ 
img { width: 100%; height:auto;-webkit-border-radius: 3px; border-radius: 3px;}

/* ----- a ----- */ 
a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus,
*:focus { outline: none; text-decoration: none; }
a:hover { text-decoration: none; outline: none; }

/* ----- p ----- */ 
p{font-size:15px;line-height:2.1; font-weight: 400; letter-spacing:.035em;}

@media only screen and (max-width: 960px) {
p{line-height:2;}
}
@media only screen and (max-width: 738px) {
p { font-size:15px;line-height: 1.85;letter-spacing:.02em;}
}

/* ----- p ----- */ 
p a {background: linear-gradient(currentcolor, currentcolor) 0% 100% / 100% 1px no-repeat;transition: background-size .5s cubic-bezier(.215, .61, .355, 1);display: inline;}

@media only screen and (min-width: 961px) {
p a:hover {background-position: 100% 100%;background-size: 0% 1px;}
}





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

　#page

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

#page { height:100%; position:relative; z-index:0; overflow: hidden;  }  



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

    main

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

main {position: relative; z-index: 0;}




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

    .wrapper

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

.wrapper { position: relative; z-index: 0;}




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

    .central

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

.central {margin: 0 auto; max-width: 1400px; position: relative; z-index: 0;}




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

    .mainvisual

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

.mainvisual{height: calc(var(--vh, 1vh) * 100);}

@media only screen and (max-width: 738px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100);  }
}
@media only screen and (max-width: 640px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100); }

}




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

　.object-fit_cover

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

.object-fit_cover { object-fit: cover; font-family: 'object-fit: cover;' }




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

   .delighter

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

.fadein_img.delighter {transition: all .75s ease; opacity: .05;}
.fadein_img.delighter.started {opacity: 1;}
.fadein_img.delighter.ended {opacity: 1;}

.zoom_img.delighter {transition: all .95s ease; opacity: 0;-webkit-transform:scale(.975,.975);transform:scale(.975,.975);}
.zoom_img.delighter.started {-webkit-transform:scale(1,1);transform:scale(1,1); opacity: 1;}
.zoom_img.delighter.ended {-webkit-transform:scale(1,1);transform:scale(1,1);opacity: 1; }




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

　#loader

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

#loader{position:fixed;z-index:9999;inset:0;background:#f8f7f4;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s;pointer-events:none}
#loader.fade-out {opacity: 0;visibility: hidden;}
.loader {width: 40px;padding: 3px;aspect-ratio: 1;border-radius: 50%;background: #00CEA8;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}





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

　.header

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

.header,
.header .logo_area,
.header .other_area{ -webkit-transition: all 0.5s ease;  transition: all 0.5s ease; }
.header:before {-webkit-transition: all 0.75s ease;  transition: all 0.75s ease;}

.header { position: absolute; top: 0; left: 0; right: 0; height: 70px; z-index: 3; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (max-width:960px){
.header { height: 90px;}
}
@media only screen and (max-width:738px){
.header { height: 60px;}
}

/* _________ .logo_area _________ */
.header .logo_area{position:absolute; top: 15px; left: 3.5%; z-index:1;}
.header h1.logo a{ display:block flex; width: 100px; height:60px; justify-content: center; align-items: center;overflow: hidden;position:relative;z-index:1;}

@media only screen and (max-width:960px){
.header .logo_area{top: 60px; }
}
@media only screen and (max-width:738px){
.header h1.logo a { width: 95px; height:70px;}
}
@media only screen and (max-width:640px){
.header .logo_area{top: 50px; }
.header h1.logo a { width: 95px; height:70px;}
}


/* _________ .delivery-banner _________ */
.delivery-banner{position:absolute;top:15px;right:2.5%;display:flex;align-items:center;width:50%;max-width:500px;height:40px;overflow:hidden;background:#f8f7f4;box-sizing:border-box;padding:0 3px;padding:0;gap:0 3px;gap:0;border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 15px rgba(0,0,0,.15);z-index:10}
.scroll-wrap {flex: 1;overflow: hidden;position: relative;}
.scroll-track{display:flex;white-space:nowrap;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.delivery-text{display:flex;align-items:center;padding-left:100px;font-size:13px;line-height:42px;letter-spacing:.01em;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.delivery-text b{margin-right:5px;padding:0 5px;height:20px;line-height:20px;font-weight:500;background:#f48864;color:#f8f7f4;border-radius:3px}
.delivery-btn{background:#02c098;color:#fff;flex-shrink:0;padding:0 40px 0 20px;font-size:14px;font-weight:600;line-height:40px;white-space:nowrap;border-radius:0 5px 5px 0;position:relative;z-index:1}
.delivery-btn:before{content:"\e649";font-family:themify;font-weight:500;position:absolute;top:0;bottom:0;right:10px;margin:auto 0;width:20px;height:20px;font-size:.75em;text-align:center;line-height:20px;border:#f8f7f4 1px solid;border-radius:100%}
.delivery-text.first {margin-left: 60px;}

@media only screen and (min-width: 961px) {
.delivery-btn:hover {background:#038e71 }
}
@media only screen and (max-width: 960px) {
.delivery-banner{top:0;right:0;width:100%;max-width:1000px;height:50px;padding:0 6px 0 0;border-radius:0;gap:0 6px}
.delivery-text {font-size: 14px; line-height: 50px;}
.delivery-btn{padding:0 38px 0 20px;font-size:14px;line-height:38px;border-radius:5px}
.delivery-btn:before{width:18px;height:18px;font-size:.75em;line-height:18px}
}
@media only screen and (max-width: 640px) {
.delivery-banner {height: 42px; padding: 0 3px;gap:0 3px;}
.delivery-btn {padding: 0 33px 0 12px; line-height: 36px;}
.delivery-btn:before{width:16px;height:16px;font-size:.7em;line-height:16px}
}



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

　.headline

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

.headline { text-align: left;}
.headline .t_ttl_block { font-size: 24px;font-family: 'Satoshi-Variable';font-weight: 600;letter-spacing: .015em;line-height: 1.2; text-transform: uppercase; }

@media screen and (max-width: 960px) {
.headline .t_ttl_block { font-size: 24px;}
}
@media screen and (max-width: 738px) {
.headline .t_ttl_block { font-size: 22px;}
}




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

　footer 

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

footer { padding: 80px 0 50px;background: #00c39f; position: relative; z-index: 0; overflow: hidden;}
footer:after { position: absolute; top: 0; right: 0; bottom: 0;left: 0; content: ""; background:url("../images/home2025/noise.png") repeat; background-size: 80px 80px; z-index: -1; opacity: 0.9}

@media screen and (max-width: 960px) {
footer {padding: 80px 5% 40px}
}
@media screen and (max-width: 640px) {
footer {padding: 60px 5% 30px}
}

/* .inner */
footer .inner { padding: 0 7.5%; font-size: 0;position: relative; z-index: 1;}

@media screen and (max-width: 960px) {
footer .inner {padding: 0;}
}
@media screen and (max-width: 738px) {
footer .inner { }
}

/* .txt_title_menu */
footer .txt_title_menu { margin: 0 0 20px; color: #f8f7f4; font-size: 14px;font-family: 'Satoshi-Variable'; font-weight: 600; line-height: 1; letter-spacing: 0.025em;}

@media screen and (max-width: 738px) {
footer .txt_title_menu { margin: 0 0 20px; }
}
@media screen and (max-width: 640px) {
footer .txt_title_menu { margin: 0 0 15px; font-size: 15px;}
}

/* .nav_area */
footer .nav_area {font-size: 0; margin: 0; padding-left: 32.5%; display: flex; flex-wrap: wrap; }
footer .nav_box { width: 70%; }
footer .nav_box:last-child { width: 30%; }
footer .nav_box .t_txt { font-size: 15px; line-height: 1.9; font-feature-settings: "palt"; letter-spacing: .1em;}

@media screen and (max-width: 960px) {
footer .nav_area { padding-left: 0%; flex-direction: column;  }
footer .nav_box,
footer .nav_box:last-child{ width: 70%;}
footer .nav_box:last-child {margin-top: 35px;}
}
@media screen and (max-width:640px) {
footer .nav_box {display: block; width: 100%;}
footer .nav_box+.nav_box {margin: 35px 0 0;}
footer .nav_box .t_txt { font-size: 15px; line-height: 1.85; letter-spacing: .075em;}
}
@media screen and (max-width:320px) {
footer .nav_box .t_txt { font-feature-settings: normal; letter-spacing: .025em;}
footer .nav_box .t_txt br {display: none;}
}

/* .sns_area */
footer ul.footer_sns_list { list-style: none; line-height: 0;}
footer ul.footer_sns_list li { display: block; margin: 10px 0 0; padding: 0;}
footer ul.footer_sns_list li a { padding: 0 0 0 22px; display: inline-block; font-size: 15px;font-weight: 400; letter-spacing: 0.01em;line-height: 1.2; position: relative; z-index: 0;}
footer ul.footer_sns_list li a:before {position: absolute; top: 0; left: 0; font-size: 1em;font-family:'FontAwesome'; font-weight: normal; z-index: 0; vertical-align: 0;}
footer ul.footer_sns_list li a.instagram:before {content:"\f16d";}
footer ul.footer_sns_list li a.store:before { top: -1px;font-family:themify;content:"\e60d";}
footer ul.footer_sns_list li a:after { position: absolute; bottom: -1px; right: 0; left: 22px; height: 1px; content: "";background: #19453e; z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media screen and (min-width: 961px) {
footer ul.footer_sns_list li a:hover:after{ transform-origin: left center;transform:scaleX(1)}
}
@media screen and (max-width: 738px) {
footer ul.footer_sns_list li a:before { font-size: 1.1em;}
}

/* .delivery_box */
footer .delivery_box {margin: 30px 0 0;}
footer .list_delivery {margin: 15px 0 0;}
footer .list_delivery dt {display: block; margin: 0 0 18px; color: #f8f7f4; font-size: 14px; font-weight: 500;}
footer .list_delivery dd {margin: 10px 0 0; padding: 0 0 0 32px; font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: .01em; position: relative; z-index: 0;}
footer .list_delivery dd:after {position: absolute; top: 0; left: 0; bottom: 0; content: ""; letter-spacing: 0; z-index: -1;}
footer .list_delivery dd.tel:after { width: 24px; height: 24px; margin: auto 0; background: url("../images/common/icon_phone_g.png") left center no-repeat; background-size: cover; }
footer .list_delivery dd.mail:after { width: 24px; height: 24px; margin: auto 0; background:#27514B; color: #00C39F; font-family:themify;content:"\e75a"; font-size: .85em; line-height: 24px; text-align: center;-webkit-border-radius: 100%; border-radius: 100%;}
footer .list_delivery dd a {display: inline-block; position: relative; z-index: 0;}
footer .list_delivery dd a:after { position: absolute; bottom: 0; right: 0; left: 0; height: 1px; content: "";background: #19453e; z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }
footer .btn { margin: 30px 0 0; background: #F8F7F4; color: #19453e; border-color:#F8F7F4; }

@media only screen and (min-width: 961px) {
footer .list_delivery dd a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media screen and (max-width: 960px) {
footer .delivery_box {width: 100%;}
}
@media screen and (max-width: 640px) {
footer .delivery_box .t_txt { padding: 0; }
footer .list_delivery dt { font-size: 15px; font-weight: 600;}
footer .btn { margin: 20px 0 0; }
}
@media screen and (max-width: 560px) {
footer .delivery_box .t_txt br { display: none;}
}


/* .logo_area */
footer .logo_area { position: absolute; top: 80px; left: 3.5%;}
footer .logo_area .logo_img { width: 180px; }

@media screen and (max-width: 960px) {
footer .logo_area {  left: auto; right:5%;}
}
@media screen and (max-width: 738px) {
footer .logo_area .logo_img { width: 160px; }
}
@media screen and (max-width: 640px) {
footer .logo_area { position: static; margin: 50px 0 0; text-align: center;}
footer .logo_area .logo_img { width: 80%; max-width: 400px; }
}


/* .copyrightArea */
footer .copyright_area { margin: 100px 0 0; padding: 0 3.5%; position: relative;z-index: 0; display: flex; flex-direction: row;justify-content:flex-start; align-items:center; color: #f8f7f4;}
footer .copyright_area .t_copy {font-size: 13px; font-weight: 450; letter-spacing: 0; line-height:1; order: 1;}
footer .copyright_area .t_copy span {margin-right: .1em; }
footer .copyright_area .t_site {margin: 0 0 0 7.5vw; font-size: 13px; font-weight: 450; letter-spacing: 0; line-height:1; order: 2;}
footer .copyright_area .t_site .btn_line:after {bottom: -2px; background: #F8F7F4;}

@media screen and (max-width: 960px) {
footer .copyright_area { margin:50px 0 0; padding: 0; }
footer .copyright_area .t_site {margin: 0 0 0 10vw; }
}
@media screen and (max-width: 640px) {
footer .copyright_area { margin: 50px 0 5px; flex-direction: column; align-items: flex-start; gap:7px 0;}
footer .copyright_area .t_copy { font-size: 12px;  }
footer .copyright_area .t_copy span {margin-right: .1em; }
footer .copyright_area .t_site {margin: 0;font-size: 12px; }
}




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

　.btn

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

.btn { display: inline-block; padding: 0 48px 0 20px; font-size: 15px; font-weight: 500; line-height: 45px; background:#19453e; color: #F7F5F0; color: #f8f7f4; /*border: #19453e 1px solid; */position: relative;z-index: 0; letter-spacing: .01em; -webkit-border-radius: 5px; border-radius: 5px;}
.btn:after { position: absolute; top: 0;bottom: 0; right: 18px;margin: auto 0;width: 20px; height: 20px; border:#b2c4b9 1px solid;font-size: 0.75em; font-family: themify;content: "\e628"; content:"\e649"; font-weight: 400;text-align: center;line-height: 20px;-webkit-border-radius: 100%; border-radius: 100%; }

.btn_border { background: transparent; color: #19453e;}
.btn_white { background: #F7F5F0; background: #f8f7f4; color: #19453e; border-color:#F7F5F0; border-color: #f8f7f4;}
.btn_small {padding: 0 42px 0 17px; line-height: 38px;}
.btn_small:after { right: 12px;}
.btn_otherlink:after { margin-left: .75em; content: "\e62f"; font-size: .9em;}

.btn_line { display: inline-block; position: relative; z-index: 0;}
.btn_line:after {position: absolute; bottom: 0; right: 0; left: 0; height: 1px; content: "";background: #19453e; z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: left center;transform:scaleX(1) }

@media only screen and (min-width: 961px) {
.btn:hover { background:#038e71; color: #f8f7f4;}
.btn_line:hover:before { background: #111; color: #00C39F;}
.btn_line:hover:after { transform-origin: right center;transform:scaleX(0)}
}





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

　#scrollUp

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

#scrollUp { position: absolute; bottom: 40px; right: 3.5%; z-index: 1000; }
#scrollUp a {padding: 0 42px 0 0; width: auto; display: block; font-size: 13px; font-weight: 450; letter-spacing: 0; height: 30px; line-height: 30px;position:relative; z-index:1; border:none;} 
#scrollUp a:before { position:absolute; top:-1px; right:0; bottom: 0; margin: auto 0; width: 30px; height: 30px; line-height: 29px; font-size: 1.1em;font-family:themify;content:"\e648";letter-spacing: 0; z-index: 0;-webkit-border-radius: 100%; border-radius: 100%;background: #F8F7F4;background: #27514B; color: #05C29F; text-align: center;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease; }
#scrollUp a:after {position: absolute; bottom: 6px; right: 42px; left: 0; height: 1px; content: "";background: #19453e; z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media only screen and (min-width: 961px) {
#scrollUp a:hover:before { transform: translateY(-5px)}
#scrollUp a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width: 960px) {
#scrollUp {bottom: 30px;}
#scrollUp a {padding: 0 40px 0 0; font-size: 13px;} 
}
@media only screen and (max-width: 738px) {
#scrollUp {bottom: 30px; right: 5%;}
#scrollUp a {padding: 0 37px 0 0; }
}
@media only screen and (max-width: 640px) {
#scrollUp { position: absolute; bottom: 30px; right: 5%; z-index: 1000; }
#scrollUp a {padding: 0; width: 40px; height: 40px; display: block; font-size: 0;line-height: 40px; } 
#scrollUp a:before { position:absolute; top:0;width: 40px; height: 40px; line-height: 40px; font-size: 16px;}
}