@charset "UTF-8";
/*===============================================*/
/*  common.css */
/*===============================================*/

/*//////////////////////////////////

reset
///////////////////////////////////*/

/* Fonts
---------------------------------------------------------------------*/

/* Poppins font loaded via Google Fonts in functions.php */

/*iconfont  -------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?vk4dqm');
  src:  url('../fonts/icomoon.eot?vk4dqm#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vk4dqm') format('truetype'),
    url('../fonts/icomoon.woff?vk4dqm') format('woff'),
    url('../fonts/icomoon.svg?vk4dqm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_down:before {
  content: "\e912";
}

.icon-tiktok:before {
  content: "\e90e";
}
.icon-x:before {
  content: "\e90c";
}
.icon-back:before {
  content: "\e90a";
}
.icon-hide:before {
  content: "\e90b";
}
.icon-content-copy:before {
  content: "\e905";
}
.icon-view:before {
  content: "\e90d";
}
.icon-link:before {
  content: "\e901";
}
.icon-line:before {
  content: "\e009";
}
.icon-search:before {
  content: "\e902";
}
.icon-mail:before {
  content: "\e903";
}
.icon-mail2:before {
  content: "\e904";
}
.icon-tel:before {
  content: "\e907";
}
.icon-home:before {
  content: "\e908";
}
.icon-youtube:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-heart1:before {
  content: "\e9db";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-bell:before {
  content: "\e911";
}
.icon-arrow_right_alt:before {
  content: "\e910";
}
.icon-pdf:before {
  content: "\e906";
}
.icon-question:before {
  content: "\e90f";
}
.icon-search1:before {
  content: "\e900";
}
.icon-printer:before {
  content: "\e954";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}

/**/
.icon-arrow_down:before {
    padding-right: 8px; 
    position: relative; 
    top: 2px;}

.icon-Access:before { 
    content: url("../images/common/icon-access.svg"); 
    position: relative; 
    top: 3px; }

.icon-Lang:before { 
    content: url("../images/common/icon-lang.svg"); 
    position: relative; 
    top: 3px; }

.icon-Map:before { 
    content: url("../images/common/icon-map.svg"); 
    position: relative; 
    top: 3px; }

.icon-tel2:before { 
    content: url("../images/common/icon-tel2.svg"); 
    position: relative; 
    top: 5px;
	padding-right: 12px; }

.icon-pc:before { 
    content: url("../images/common/icon-pc.svg"); 
    position: relative; 
    top: 5px; 
	padding-right: 8px; }

.icon-pc2:before { 
    content: url("../images/common/icon-pc2.png"); 
    position: relative; 
    top: 8px; 
	padding-right: 12px; }

.icon-time:before { 
    content: url("../images/common/icon-time.svg"); 
    position: relative; 
    top: 5px; 
	padding-right: 8px; }






@media screen and (max-width: 959px) { 
    .icon-pc2:before { 
    content:" "; 
	display: block;
    background: url("../images/common/icon-pc2.png") ;
	background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute; 
    top: 2px; 
    left:0;
	padding-right: 0px;}
}



/*site main rules
---------------------------------------------------------------------*/
/*color  ------------------*/
.bgc-gld { background: linear-gradient(90deg, #004CA1 5%, #00ADEC); }
.bgc-gly { background-color: #EEEEEE !important; }
.bgc-wh{ background-color: #fff!important; }
.bgc-grn { background-color: #eefbf4 !important; }
.bgc-gly2 { background-color: #F5F5F5 !important; }
.bgc-Alert { background-color: #ffefee; }
.bgc-Wh { background-color: #fff; }
.bgc-Orng { background-color: #EB641E; }

.clrBlack { color: #000; }
.clrOrng { color: #EB641E; }
.clrBlue { color: #004CA0; }
.clrLightBlue { color: #00ACEB; }
.clrGrn { color: #22C971; }
.clrGly { color: #A5A5A5; padding-left: 8px; }
.clrWh { color: #fff !important; }


/*テキストのハイライトカラーを変える  ------------------*/
::selection { /* Safari and Opera */ background: #EB641E; color: #000; }
::-moz-selection { /* Firefox */ background: #EB641E; color: #000; }

/*link  ------------------*/
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { text-decoration: none; }

/* reset
---------------------------------------------------------------------*/
html { font-size: 62.5%; height: 100%;}

body { 
	margin: 0; 
	padding: 0; 
	height: 100%; 
	font-size: 1.6rem; /* 16px*/ 
	line-height: 1.8; 
	color: #000; 
	font-weight: 300; 
	-webkit-text-size-adjust: none; }



/*responsive FONTS ------------------*/
.tx-80 { font-size: clamp(3rem, 5vw, 8rem); line-height: 1.2; font-weight: 600; letter-spacing: 0.000001em; }

.tx-60 { font-size: clamp(3rem, 4.5vw, 6rem); line-height: 1.4; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-48 { font-size: clamp(2.4rem, 3.4vw, 4.8rem); line-height: 1.6; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-44 { font-size: clamp(2rem, 3vw, 4.4rem); line-height: 1.6; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-40 { font-size: clamp(2.4rem, 3vw, 4rem); line-height: 1.6; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-36 { font-size: clamp(2.4rem, 2.6vw, 3.6rem); line-height: 1.5; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-32 { font-size: clamp(2rem, 3.2vw, 3.2rem); line-height: 1.5; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-26 { font-size: clamp(1.8rem, 2.6vw, 2.6rem); line-height: 1.5; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-24 { font-size: clamp(1.6rem, 1.5vw, 2.4rem); line-height: 1.5; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-22 { font-size: clamp(1.6rem, 1.5vw, 2.2rem); line-height: 1.8; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-20 { font-size: clamp(1.6rem, 1.7vw, 2rem); line-height: 1.8; font-weight: 600; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-18 { font-size: clamp(1.6rem, 1.7vw, 1.8rem); line-height: 1.8; font-weight: 600; letter-spacing: 0.05em; font-feature-settings: "palt"; }

.tx-16 { font-size: clamp(1.3rem, 1.3vw, 1.6rem); line-height: 1.6; font-weight: 300; letter-spacing: 0.08em; font-feature-settings: "palt"; }

.tx-14 { font-size: 1.4rem; line-height: 1.5; font-weight: 300; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-12 { font-size: 1.2rem; line-height: 1.5; font-weight: 300; letter-spacing: 0.01em; font-feature-settings: "palt"; }

.tx-10 { font-size: 1rem; line-height: 1.5; font-weight: 300; letter-spacing: 0.01em; font-feature-settings: "palt"; }


/**/
.mgn-top48{margin-top: 48px!important;}
.mgn-top40{margin-top: 40px!important;}
.mgn-top32{margin-top: 32px!important;}
.mgn-top24{margin-top: 24px!important;}
.mgn-top20{margin-top: 20px!important;}
.mgn-top16{margin-top: 16px!important;}
.mgn-top10{margin-top: 10px!important;}
.mgn-top8{margin-top: 8px!important;}
.mgn-top4{margin-top: 4px!important;}

.mgn-btm48{margin-bottom: 48px!important;}
.mgn-btm40{margin-bottom: 40px!important;}
.mgn-btm32{margin-bottom: 32px!important;}
.mgn-btm24{margin-bottom: 24px!important;}
.mgn-btm20{margin-bottom: 20px!important;}
.mgn-btm16{margin-bottom: 16px!important;}
.mgn-btm10{margin-bottom: 10px!important;}
.mgn-btm8{margin-bottom: 8px!important;}
.mgn-btm4{margin-bottom: 4px!important;}

@media screen and (max-width: 768px) {
.mgn-top48{margin-top: 24px!important;}
.mgn-top40{margin-top: 20px!important;}
.mgn-top32{margin-top: 16px!important;}
.mgn-top24{margin-top: 12px!important;}
.mgn-top20{margin-top: 10px!important;}
.mgn-top16{margin-top: 16px!important;}
.mgn-top10{margin-top: 10px!important;}
.mgn-top8{margin-top: 8px!important;}
.mgn-top4{margin-top: 4px!important;}

.mgn-btm48{margin-bottom: 48px!important;}
.mgn-btm40{margin-bottom: 40px!important;}
.mgn-btm32{margin-bottom: 32px!important;}
.mgn-btm24{margin-bottom: 24px!important;}
.mgn-btm20{margin-bottom: 20px!important;}
.mgn-btm16{margin-bottom: 16px!important;}
.mgn-btm10{margin-bottom: 10px!important;}
.mgn-btm8{margin-bottom: 8px!important;}
.mgn-btm4{margin-bottom: 4px!important;}
}



h1 { font-size: 36px; /* IE8以下とAndroid4.3以下用フォールバック */ font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); /* 24px~36pxで可変*/ line-height: 1.3; }

h2 { font-size: 24px; /* IE8以下とAndroid4.3以下用フォールバック */ font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143)); /* 20px~24pxで可変*/ line-height: 1.3; }

@media (min-width: 1200px) { h1 { font-size: 3.6rem; /* 36px*/ }
  h2 { font-size: 2.4rem; /* 24px*/ } }
@media screen and (max-width: 768px) { body { line-height: 2; }
  h1 { font-size: 2.4rem; /* 24px*/ }
  h2 { font-size: 2rem; /* 20px*/ } }

html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form { font-style: normal; font-weight: normal; font-size: 14px; text-align: left; list-style-type: none; }

/* Layout *********************************** */
article, aside, footer, header, nav, section, main { display: block; }

* { box-sizing: border-box; }

*:before, *:after { box-sizing: inherit; }

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { border: 0; vertical-align: bottom; }
img { max-width: 100%; height: auto; width: auto; }

/* hr 要素は不可視で使う */
hr { display: none; }

/* br 要素のレスポンシブ化 */
/* none */
@media screen and (max-width: 768px) { .pc-Only { display: none; } }
@media screen and (min-width: 768px) { .sp-Only { display: none; } }

/* テキストインデント */
.txtindent { padding-left: 1em; text-indent: -1em; }

/*float
----------------------------------*/
.left { float: left; }
.right { float: right; }
#left { float: left; }
#right { float: right; }

/*txt-align
----------------------------------*/
.txt-al { text-align: left; }
.txt-ar { text-align: right; }

@media screen and (max-width: 768px) { .txt-ar { text-align: left; } }
.font-color { color: #231815 !important; }


/**/
.pd-0{padding: 0 0!important;}
.pd-20{padding: 4rem 0rem 0!important;}


/*//////////////////////////////////

module
///////////////////////////////////*/
/*background color
---------------------------*/
.bg-nike { background: url("../images/shop/nike_1.png") no-repeat center center; background-size: cover; }

.bg-Top { background: url("../images/common/bg_top.webp") no-repeat center center; background-size: cover; }

.bg-Arrow { background: url("../images/common/arrow.png") no-repeat right center; }

.bg-Main{ background: url("../images/common/bg_main.gif") fixed  repeat left top; }

.bg-Ttl { background: url("../images/shop/bg_ttl.png") no-repeat left top; }


@media screen and (max-width: 768px) {
.bg-Ttl { background: none; }
.bg-Ttl_sp { background: url("../images/shop/bg_ttl-sp.png") no-repeat left top;}
.bg-Top { background: url("../images/common/bg_top-sp.webp") no-repeat center center; background-size: cover; }
}

@media screen and (max-width: 1050px) { .bg-ope { background: none; } }


/*inner
---------------------------*/
.inner { 
	position: relative; 
	margin: 0 auto; 
	padding: 0rem 2rem; 
	width: 100%; }

.inner-shop { 
	position: relative; 
	margin: 0 auto; 
	padding: 4rem 2rem; 
	width: 100%; }

.inner-0 { 
	position: relative; 
	margin: 0 auto; 
	padding: 10rem 2rem 0; 
	max-width: 1050px; }

.inner-bg { 
	position: relative; 
	margin: 0 auto; 
	padding: 4.8rem 4.8rem; 
  background-color: #fff;}


.inner-800 { 
	position: relative; 
	margin: 0 auto; 
	padding: 10rem 2rem; 
	max-width: 800px; }


@media screen and (max-width: 959px) {
  .body-Wrap,
  .bg-Main,
  .main-Body {
    height: 100%;
  }
.inner { margin: 0 auto; padding: 2rem 2rem ; }
.inner-shop { margin: 0 auto; padding: 4rem 2rem 0; }
.inner-bg  { width: calc(100% - 40px); margin: 0 auto; padding: 2rem; }
.inner-0 { margin: 0 auto; padding: 4rem 2rem 0; }
.inner-800 { margin: 0 auto; padding: 4rem 1.6rem; }
}


/*flex-box
---------------------------*/
.flex-Sb { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-Nomal { display: flex; flex-wrap: wrap; }


/*//////////////////////////////////
 animation
///////////////////////////////////*/

/*要素出現
---------------------------------*/

/* ------ animation style ------ */
/* fade fadeInDown */
@keyframes u-fadeInDown { 0% { transform: translate(0, -20px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.u-fadeInDown span { opacity: 0; }

.u-fadeInDown.is-active span { opacity: 1; animation: u-fadeInDown 0.5s cubic-bezier(0.55, 0, 0.1, 1) both; }

.u-fadeInDown span:nth-child(1) { animation-delay: 0.1s; display: inline-block; }

.u-fadeInDown span:nth-child(2) { animation-delay: 0.2s; display: inline-block; }

.u-fadeInDown span:nth-child(3) { animation-delay: 0.3s; display: inline-block; }

.u-fadeInDown span:nth-child(4) { animation-delay: 0.4s; display: inline-block; }

.u-fadeInDown span:nth-child(5) { animation-delay: 0.5s; display: inline-block; }

.u-fadeInDown span:nth-child(6) { animation-delay: 0.6s; display: inline-block; }

.u-fadeInDown span:nth-child(7) { animation-delay: 0.7s; display: inline-block; }

.u-fadeInDown span:nth-child(8) { animation-delay: 0.8s; display: inline-block; }

.u-fadeInDown span:nth-child(9) { animation-delay: 0.9s; display: inline-block; }

.u-fadeInDown span:nth-child(10) { animation-delay: 1s; display: inline-block; }

.u-fadeInDown span:nth-child(11) { animation-delay: 1.1s; display: inline-block; }

.u-fadeInDown span:nth-child(12) { animation-delay: 1.2s; display: inline-block; }

.u-fadeInDown span:nth-child(13) { animation-delay: 1.3s; display: inline-block; }

/* fade up  ---------------*/
@keyframes u-fadeInUp { 0% { transform: translate(0, 20px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.u-fadeInUp span { opacity: 0; }

.u-fadeInUp.is-active span { opacity: 1; animation: u-fadeInUp 0.5s cubic-bezier(0.55, 0, 0.1, 1) both; }

.u-fadeInUp span:nth-child(1) { animation-delay: 0.1s; display: inline-block; }

.u-fadeInUp span:nth-child(2) { animation-delay: 0.15s; display: inline-block; }

.u-fadeInUp span:nth-child(3) { animation-delay: 0.2s; display: inline-block; }

.u-fadeInUp span:nth-child(4) { animation-delay: 0.25s; display: inline-block; }

.u-fadeInUp span:nth-child(5) { animation-delay: 0.3s; display: inline-block; }

.u-fadeInUp span:nth-child(6) { animation-delay: 0.35s; display: inline-block; }

.u-fadeInUp span:nth-child(7) { animation-delay: 0.4s; display: inline-block; }

.u-fadeInUp span:nth-child(8) { animation-delay: 0.45s; display: inline-block; }

.u-fadeInUp span:nth-child(9) { animation-delay: 0.5s; display: inline-block; }

.u-fadeInUp span:nth-child(10) { animation-delay: 0.55s; display: inline-block; }

.u-fadeInUp span:nth-child(11) { animation-delay: 0.6s; display: inline-block; }

.u-fadeInUp span:nth-child(12) { animation-delay: 0.65s; display: inline-block; }

.u-fadeInUp span:nth-child(13) { animation-delay: 0.7s; display: inline-block; }

/* fade left  ---------------*/
@keyframes u-fadeInLeft { 0% { transform: translate(-20px, 0); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.u-fadeInLeft span { opacity: 0; }

.u-fadeInLeft.is-active span { opacity: 1; animation: u-fadeInLeft 0.5s cubic-bezier(0.55, 0, 0.1, 1) both; }

.u-fadeInLeft span:nth-child(1) { animation-delay: 0.1s; display: inline-block; }

.u-fadeInLeft span:nth-child(2) { animation-delay: 0.2s; display: inline-block; }

.u-fadeInLeft span:nth-child(3) { animation-delay: 0.3s; display: inline-block; }

.u-fadeInLeft span:nth-child(4) { animation-delay: 0.4s; display: inline-block; }

.u-fadeInLeft span:nth-child(5) { animation-delay: 0.5s; display: inline-block; }

.u-fadeInLeft span:nth-child(6) { animation-delay: 0.6s; display: inline-block; }

.u-fadeInLeft span:nth-child(7) { animation-delay: 0.7s; display: inline-block; }

.u-fadeInLeft span:nth-child(8) { animation-delay: 0.8s; display: inline-block; }

.u-fadeInLeft span:nth-child(9) { animation-delay: 0.9s; display: inline-block; }

.u-fadeInLeft span:nth-child(10) { animation-delay: 1s; display: inline-block; }

.u-fadeInLeft span:nth-child(11) { animation-delay: 1.1s; display: inline-block; }

.u-fadeInLeft span:nth-child(12) { animation-delay: 1.2s; display: inline-block; }

.u-fadeInLeft span:nth-child(13) { animation-delay: 1.3s; display: inline-block; }

/* fade right  ---------------*/
@keyframes u-fadeInRight { 0% { transform: translate(20px, 0); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.u-fadeInRight span { opacity: 0; }

.u-fadeInRight.is-active span { opacity: 1; animation: u-fadeInRight 0.5s cubic-bezier(0.55, 0, 0.1, 1) both; }

.u-fadeInRight span:nth-child(1) { animation-delay: 0.1s; display: inline-block; }

.u-fadeInRight span:nth-child(2) { animation-delay: 0.2s; display: inline-block; }

.u-fadeInRight span:nth-child(3) { animation-delay: 0.3s; display: inline-block; }

.u-fadeInRight span:nth-child(4) { animation-delay: 0.4s; display: inline-block; }

.u-fadeInRight span:nth-child(5) { animation-delay: 0.5s; display: inline-block; }

.u-fadeInRight span:nth-child(6) { animation-delay: 0.6s; display: inline-block; }

.u-fadeInRight span:nth-child(7) { animation-delay: 0.7s; display: inline-block; }

.u-fadeInRight span:nth-child(8) { animation-delay: 0.8s; display: inline-block; }

.u-fadeInRight span:nth-child(9) { animation-delay: 0.9s; display: inline-block; }

.u-fadeInRight span:nth-child(10) { animation-delay: 1s; display: inline-block; }

.u-fadeInRight span:nth-child(11) { animation-delay: 1.1s; display: inline-block; }

.u-fadeInRight span:nth-child(12) { animation-delay: 1.2s; display: inline-block; }

.u-fadeInRight span:nth-child(13) { animation-delay: 1.3s; display: inline-block; }

/* カーテン背景色  ---------------*/
@keyframes u-bgL { 0% { transform-origin: left; transform: scaleX(0); }
  50% { transform-origin: left; transform: scaleX(1); }
  50.001% { transform-origin: right; }
  100% { transform-origin: right; transform: scaleX(0); } }
.u-bgL { position: relative; z-index: 2; }

.u-bgL::after { content: ''; display: block; width: 100%; height: 100%; background-color: #22C971; position: absolute; top: 0; right: 0; animation: u-bgL 1s ease 1.5s both; }

/*.u-fadeInSlide2.is-active::after{ }*/
/* fade  ---------------*/
.u-fade { opacity: 0; }

.u-fade.is-active { opacity: 1; transition: all 0.5s 2s; }

/* fadeUp ---------------*/
@keyframes u-fadeUp { 0% { transform: translate(0, 20px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.u-fadeUp { opacity: 0; }

.u-fadeUp.is-active { opacity: 1; animation: u-fadeUp 0.5s cubic-bezier(0.55, 0, 0.1, 1) both; }

/* fadeDown ---------------*/
@keyframes u-fadeDown { 0% { transform: translate(0, -20px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.u-fadeDown { opacity: 0; }

.u-fadeDown.is-active { opacity: 1; animation: u-fadeDown 0.5s cubic-bezier(0.55, 0, 0.1, 1) both; }

/* img slide ---------------*/
.u-fadeInSlide { position: relative; z-index: 2; }

.u-fadeInSlide::after { content: ''; display: block; width: 100%; transform: scaleX(1); transform-origin: 100% 0; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0; }

.u-fadeInSlide.is-active::after { transition: all 0.5s 3s; transform: scaleX(0); }

/* single marker ---------------*/
.u-fadeInMarker { background: linear-gradient(to right, transparent 50%, rgba(255, 165, 0, 0.3) 50%); background-repeat: repeat-x; background-size: 200% .6em; background-position: 0 .6em; padding-bottom: .6em; }

.u-fadeInMarker.is-active { transition: all 1.2s ease; background-position: -100% .6em; }

/*delay-------------*/
.delay-05s.is-active { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.delay-06s.is-active { -webkit-animation-delay: 0.6s; animation-delay: 0.5s; }

.delay-07s.is-active { -webkit-animation-delay: 0.7s; animation-delay: 0.5s; }

.delay-08s.is-active { -webkit-animation-delay: 0.8s; animation-delay: 0.5s; }

.delay-09s.is-active { -webkit-animation-delay: 0.9s; animation-delay: 0.5s; }

.delay-1s.is-active { -webkit-animation-delay: 1s; animation-delay: 1s; }

.delay-11s.is-active { -webkit-animation-delay: 11s; animation-delay: 1.1s; }

.delay-12s.is-active { -webkit-animation-delay: 12s; animation-delay: 1.2s; }

.delay-13s.is-active { -webkit-animation-delay: 13s; animation-delay: 1.3s; }

.delay-14s.is-active { -webkit-animation-delay: 14s; animation-delay: 1.4s; }

.delay-15s.is-active { -webkit-animation-delay: 15s; animation-delay: 1.5s; }

.delay-16s.is-active { -webkit-animation-delay: 16s; animation-delay: 1.6s; }

.delay-17s.is-active { -webkit-animation-delay: 17s; animation-delay: 1.7s; }

.delay-18s.is-active { -webkit-animation-delay: 18s; animation-delay: 1.8s; }

.delay-19s.is-active { -webkit-animation-delay: 19s; animation-delay: 1.9s; }

.delay-2s.is-active { -webkit-animation-delay: 2s; animation-delay: 2s; }

.delay-21s.is-active { -webkit-animation-delay: 21s; animation-delay: 2.1s; }

.delay-22s.is-active { -webkit-animation-delay: 22s; animation-delay: 2.2s; }

.delay-23s.is-active { -webkit-animation-delay: 23s; animation-delay: 2.3s; }

.delay-24s.is-active { -webkit-animation-delay: 24s; animation-delay: 2.4s; }

.delay-25s.is-active { -webkit-animation-delay: 25s; animation-delay: 2.5s; }

.delay-26s.is-active { -webkit-animation-delay: 26s; animation-delay: 2.6s; }

.delay-27s.is-active { -webkit-animation-delay: 27s; animation-delay: 2.7s; }

.delay-28s.is-active { -webkit-animation-delay: 28s; animation-delay: 2.8s; }

.delay-29s.is-active { -webkit-animation-delay: 29s; animation-delay: 2.9s; }

.delay-3s.is-active { -webkit-animation-delay: 3s; animation-delay: 3s; }

.delay-31s.is-active { -webkit-animation-delay: 3.2s; animation-delay: 3.2s; }

.delay-35s.is-active { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }

.delay-4s.is-active { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }

.delay-45s.is-active { -webkit-animation-delay: 4s; animation-delay: 4s; }

.delay-5s.is-active { -webkit-animation-delay: 5s; animation-delay: 5s; }

.delay-55s.is-active { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }

.delay-6s.is-active { -webkit-animation-delay: 6s; animation-delay: 6s; }

.delay-7s.is-active { -webkit-animation-delay: 7s; animation-delay: 7s; }

.delay-75s.is-active { -webkit-animation-delay: 7.7s; animation-delay: 7.7s; }

.delay-8s.is-active { -webkit-animation-delay: 8s; animation-delay: 8s; }

.delay-9s.is-active { -webkit-animation-delay: 9s; animation-delay: 9s; }

.delay-10s.is-active { -webkit-animation-delay: 10s; animation-delay: 10s; }

/*curtain
---------------------------------*/
.curtainIn { position: relative; opacity: 0; z-index: 0; }

.maskWH { width: 100%; height: 100%; position: absolute; top: 0; z-index: 5; background-color: #f7f5ed; }

.maskWH2 { width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #fff; }

.maskWH-wh { width: 100%; height: 100%; position: absolute; top: 0; z-index: 4; background-color: #e7e5e5; }

/*animation ------------*/
.ef-animation { animation: ef-animation 0s cubic-bezier(0.8, 0, 0.2, 1) 0s forwards; }

@keyframes ef-animation { 0% { opacity: 0; }
  100% { opacity: 1; } }
.ef-animation .maskWH { animation: maskWH 0.5s cubic-bezier(0.8, 0, 0.2, 1) 0.5s forwards; margin-left: 0; }

.ef-animation .maskWH2 { animation: maskWH2 0.5s cubic-bezier(0.8, 0, 0.2, 1) forwards; margin-right: 0; }

.ef-animation .maskWH3 { animation: maskWH 0.5s cubic-bezier(0.8, 0, 0.2, 1) 0.5s forwards; margin-left: 0; }

.ef-animation .maskWH-wh { animation: maskWH 0.7s ease-out 0.8s forwards; margin-left: 0; }

@keyframes maskWH { 0% { margin-left: 0; }
  100% { margin-left: 100%; } }
@keyframes maskWH2 { 0% { margin-right: 0; }
  100% { margin-right: 100%; } }

/*fade motion---------------------
.move, .move:hover { transition: all 0.2s ease-in-out 0.6s; }

.move2, .move2:hover { transition: all 4s ease-in-out 10s; }

.fade_box { transform: translateY(30px); opacity: 0; }*/

/*button
---------------------------------*/
/**/
/*hover color*/

.hvr-main{ color: #000 !important; background: #fff; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); border: 2px solid #000000;  }

.hvr-main:hover { color: #fff !important; background: #000; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); border: 2px solid #000000; }


.hvr-grn2 { color: #fff !important; background: linear-gradient(45deg, #22C971 35%, #22fa66); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }

.hvr-grn2:hover { color: #fff !important; background: linear-gradient(45deg, #22fa66 35%, #22C971); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); }

/*グラデボタン*/
.hvr-grn:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; transition: 0.5s; background: linear-gradient(45deg, #22C971 35%, #22fa66); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }

.hvr-grn:after { content: ""; width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; background: linear-gradient(45deg, #22fa66 35%, #22C971); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); }

.hvr-grn:hover:before { opacity: 0; }

/**/
.button-Main { 
	position: relative; 
	z-index: 0; 
	color: #000 !important; 
	max-width: 188px;
	margin: 0 auto;
	padding: 1rem 1.6rem; 
	font-weight: 800;
	display: flex; 
	justify-content: center; 
	align-items: center; 
	font-weight: 800; 
	text-decoration: none; 
	overflow: hidden; 
	transition: 0.5s; }



/*! #######################################################################

	HumbergerMenu

####################################################################### */


/*============
nav
=============*/
nav {
  display: block;
  position: fixed;
  top: clamp(203px, 24.4vh, 263px); /* 1080pxで263px基準の可変位置 */
  left: calc(-1 * clamp(348px, 42.6vh, 460px)); /* navの幅に合わせて非表示位置も可変 */
  bottom: 0;
  width: clamp(348px, 42.6vh, 460px); /* 1080pxで460px基準の可変幅 */
	height: calc(clamp(311px, 38.9vh, 420px) + 6px); /* 420px部分が可変、border分6px固定、最小値311px(border含まず) */
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all .5s;
  z-index: 1000000;
  opacity: 0;
	border: 1px solid #000;
}

/**/
@media screen and (max-width: 959px) { 
  nav {
      top: 48px;
      left: -100%;
      bottom: 0;
      width: calc(100% - 47px);
      height: auto;
      border: 0px solid #000;
      border-right: 1px solid #000; 
      z-index: 100000000;}
    
  .home nav {
    width: 100%!important;
  }
}



/**/
.open nav {
  left: 0;
  opacity: 1;
}
nav .inner {
  padding: 0;
}


/**/
.nav__List {
  list-style: none;
  margin: 0;
  padding: 0;

	 li {
	  position: relative;
	  margin: 0;
	  border-bottom: 1px solid #333;
		 
		 &:last-child{border-bottom: none;}

		 a {
		  display: block;
		  color: #333;
		  font-size: clamp(2.2rem, 2.8vh, 3rem); /* 1080px基準の可変フォントサイズ */
			line-height: 1;
		  padding: clamp(0.9em, 1.1vh, 1.2em); /* 1080px基準の可変パディング */
		  text-decoration: none;
		  transition-duration: 0.2s;
			font-family: 'Poppins', sans-serif; font-weight: 600;

			&:hover {
			  background: #000;
				color: #fff; }}}}


/**/
.nav-Sub__List {
	padding: 1.475em;

	 li {margin-top: 16px;

		 a {
		  display: block;
		  transition-duration: 0.2s;

			&:hover { }}}}

@media screen and (max-width: 959px) {
.nav__List {
li {&:last-child{border-bottom: 1px solid #333;}}}	
	
.nav__List li a {font-size: 2.4rem;padding: 2.4rem 2.4rem 2.2rem 2.4rem;}
}




/**/
.top-Ttl{display: none;}
/**/
@media screen and (max-width: 959px) {
.home .top-Ttl{
    position: absolute;
	top:0;
    z-index: 10000000000;
    right: -1px;
    width: 48px;
    height: 100%;
    border-left: 1px solid #333;
    display: flex;
    justify-content: center;/*中央*/
	background-color: #fff; 
    
    h2{ margin-top: 20px; width: 28px; text-align: center; img{}}
	
	.top-Ttl__Copy{
		position: absolute;
		left:50%;
		transform: translateX(-50%); 
		bottom: 20px;
		
		a{display: block; margin-bottom: 10px;}
	
	  .top-Ttl__tx {padding-left: 3px;writing-mode: vertical-rl;}
		.top-Ttl__tx2 {width: 16px; margin: 0 auto;writing-mode: vertical-rl;}
	
	}
    }
}
	


/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: relative;
    top: clamp(8px, 0.9vh, 10px); /* 可変位置 */
  width: clamp(42px, 5.2vh, 56px); /* 可変幅 */
  height: clamp(23px, 2.8vh, 30px); /* 可変高さ */
  transition: all .5s;
  cursor: pointer;
  z-index: 9999;
}
.toggle_btn span {
  display: block;
  position: absolute;
  width: clamp(42px, 5.2vh, 56px); /* toggle_btnと同じ可変幅 */
  height: 2px; /* 固定（要望通り） */
  background-color: #333;
  border-radius: clamp(3px, 0.4vh, 4px); /* 可変角丸 */
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: clamp(3px, 0.4vh, 4px); /* 可変位置 */
}
.toggle_btn span:nth-child(2) {
  top: clamp(11px, 1.3vh, 14px); /* 可変位置 */
}
.toggle_btn span:nth-child(3) {
  bottom: clamp(3px, 0.4vh, 4px); /* 可変位置 */
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(clamp(8px, 0.9vh, 10px)) rotate(-160deg); /* 可変移動距離 */
  transform: translateY(clamp(8px, 0.9vh, 10px)) rotate(-160deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(clamp(-8px, -0.9vh, -10px)) rotate(160deg); /* 可変移動距離 */
  transform: translateY(clamp(-8px, -0.9vh, -10px)) rotate(160deg);
}



/**/
@media screen and (max-width: 959px) {
  .toggle_btn {width: 28px;height: 28px; top:0;}
  .toggle_btn span {width: 28px;height: 1px;}
  .toggle_btn span:nth-child(1) {
    top: 7px;
  }
  .toggle_btn span:nth-child(2) {
    top: 13px;
  }
  .toggle_btn span:nth-child(3) {
    top: 19px;
  }
  .open .toggle_btn span:nth-child(1) {
    transform: translateY(6px) rotate(-160deg);
  }
  .open .toggle_btn span:nth-child(3) {
    transform: translateY(-6px) rotate(160deg);
  }
}




/*//////////////////////////////////

Header
///////////////////////////////////*/

.first-View { 
	padding: 0; 
	width: 100%; 
	height: auto; position: relative; }

/*- @media 768px-*/
@media screen and (max-width: 768px) { 
.first-View { margin-bottom: 0px; } }


/* body-Wrap */
.body-Wrap{
    width: 100%;
    
    .header_Main{position: relative; width: clamp(90px, 10.7vh, 116px); z-index: 100000;} /* 縦サイズに合わせて可変 */
    .main{
        position: relative;
        width: calc(100% - clamp(90px, 10.7vh, 116px)); /* header_Mainの幅に連動 */ 
        padding: clamp(45px, 5.6vh, 60px) 0px; } /* 可変パディング */
	
	.main-Top{
        position: relative;
        width: calc(100% - clamp(90px, 10.7vh, 116px)); /* header_Mainの幅に連動 */ 
        padding: 0px 0px; }

}

/**/
@media (max-width: 959px) { 
.body-Wrap{
    .header_Main{ width: 100%; height: auto;}
    .main,.main-Top{position: relative;width: 100%; padding: 0px 0px 0px 0px;}}
}



/* main */
.main{
    
  .main-Ttl{position: fixed; width: clamp(90px, 11.1vh, 120px); h2{margin-left: clamp(18px, 2.2vh, 24px); img{width: clamp(53px, 6.5vh, 70px);}}} /* 1080pxで70px基準の可変幅 */
	.main-Ttl2{
		position: relative; width: clamp(90px, 11.1vh, 120px); padding-left: clamp(18px, 2.2vh, 24px); /* 縦サイズに合わせて可変 */
		h2{position: sticky; top: clamp(18px, 2.2vh, 24px); img{width: clamp(53px, 6.5vh, 70px);}}} /* 1080pxで70px基準の可変幅 */
	
	
  .main-Area{
      position: relative;
      width: calc(100% - clamp(90px, 11.1vh, 120px)); /* main-Ttlの幅に連動 */ 
      padding: 0;
      margin-left: clamp(9px, 11.1vh, 120px); /* 可変マージン */
      margin-right: clamp(9px, 11.1vh, 120px);
  }
}




/**/
@media (max-width: 959px) {
.main{
 
	
/*main-Ttl*/
.main-Ttl{
	padding-top: 68px;
  order:2;
  position: fixed;
	top:0;
  right: 0;
    width: 48px;
    height: 100%;
    display: flex;
    justify-content: center;/*中央*/
	background-color: #fff;
  border-left: 1px solid #000000;
    
    h2{ margin-left: 0px; width: 28px; text-align: center; img{}}
	
	.main-Ttl__Copy{
		position: absolute;
		left:50%;
		transform: translateX(-50%); 
		bottom: 20px;
		
		a{display: block; margin-bottom: 10px;}
	
	  .main-Ttl__tx {
		  padding-left: 3px;
        writing-mode: vertical-rl;
			}}
    }
	
	
	
/*main-Ttl2*/
.main-Ttl2{
	padding-left: 0px;
	padding-top: 68px;
    order:2;
    position: fixed;
	top:0;
    right: 0;
    width: 48px;
    height: 100%;
    border-left: 1px solid #000000;
    display: flex;
    justify-content: center;/*中央*/
	background-color: #fff;

    h2{ margin-left: 0px; width: 20px; text-align: center; img{}}

	.main-Ttl__Copy{
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		bottom: 20px;

		a{display: block; margin-bottom: 10px;}

	  .main-Ttl__tx {
		  padding-left: 3px;
        writing-mode: vertical-rl;
			}}
    }
    
.main-Area{
        order:1;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        width: calc(100% - 48px); 
        padding: 66px 0;
      }}
}








/**/
.header_Cmn { 
		position: sticky;
		top:0px;
		width: 100%;
        height: 100vh;
		z-index: 999;
        border-right: 1px solid #000000; }

/**/
.header_Cmn__h1-ttl{
		width: 100%; 

		h1 {
			width: 100%;
			border-bottom: 1px solid #000000; 
			background-color: #fff;
			height: clamp(115px, 13.7vh, 148px); /* header_Mainとの比率1.276を維持して可変 */
			display: flex;
			align-items: center; /*上下*/
			justify-content: center;/*中央*/

			a{display: block;}

			img{width: clamp(53px, 6.3vh, 68px); height: auto;} /* 1080pxで68px、可変サイズ */}} 


/**/
.hum-Btn{
		width: 100%; 
    
  .hum-Btn__Wrap{
    height: clamp(90px, 10.7vh, 116px); /* header_Mainと同じサイズ */
    border-bottom: 1px solid #000000; 
    cursor: pointer;
    transition: 0.25s;

    #navArea {
      height: 100%;
    }

    .toggle_Wrap {
      height: 100%;
      display: flex;
      align-items: center;
      width: 100%;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
    }
        
		.toggle_btn {
			width: 100%;
			background-color: transparent;
			display: flex;
			align-items: center; /*上下*/
			justify-content: center;/*中央*/}

			p{ margin-top: clamp(6px, 0.7vh, 8px); text-align: center; margin-top: clamp(-32px, -3.7vh, -40px); font-size: clamp(1.2rem, 1.5vh, 1.6rem); /* 1080pxで16px基準の可変文字サイズ */ }
    
  }
}

    #navArea:hover, #navArea.open{background-color: #000; transition: all 0.25s;}
    #navArea:hover p, #navArea.open p{color: #fff; transition: all 0.25s;}

    #navArea:hover .toggle_btn span, #navArea.open .toggle_btn span{
  background-color: #fff;
  transition: all 0.25s;
}



/**/
.header_Lng{
		position: absolute;
		bottom:110px;
        left:50%;
        width: 100%;
		height: 80px;
        transform: translateX(-50%);
		z-index: 999;
		
    figure{text-align: center;img{text-align: center;}}
    
    .header_Lng__List{
        position: relative;
        margin-top: 12px;
        text-align: center;
        
        li{
            display: inline-block; 
            margin: 0 4px;
            width: 36%; 
            text-align: center; 
            
            &:before { 
            content:" "; 
            display: block;
            width: 1px;
            height: 12px;
                background-color: #000;

            position: absolute; 
            top: 30%; 
            left:50%;
            transform: translateX(-50%); }
            
            a, button{ /* FIX Eri.T 09/02 */
                display: block; 
                transition: 0.25s; 
            &:hover{
                color:#fff!important; 
                background-color: #000;
                padding: 0.8rem 0.6rem; }}}}
	}

.header_Lng__List-curent{
    color:#fff!important; 
    background-color: #000;
    padding: 0.8rem 0.6rem;}


/**/
.header_sns{
	overflow: hidden;
        border-top: 1px solid #000000; 
		position: absolute;
		bottom:0px;
        left:50%;
        width: 100%;
		height: 100px;
        transform: translateX(-50%);
		z-index: 999;
		
    a{
        display: block;
        padding: 3.2rem clamp(3rem, 3.7vh, 4rem); /* 上下固定、左右のみ可変 */
        width: 100%;
		height: 100px;
		transition: 0.25s;
        
		span{transition: 0.25s; font-size: 3.2rem;}}
	}

.header_sns a:hover{
    background-color: #000;
	span{color:#fff!important;} }

/**/
@media screen and (max-width: 959px) { 
/**/
.header_Cmn { 
		position: fixed;
		top:0px;
		width: 100%;
        height: 48px;
		z-index: 999;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: none;
    background-color: #fff;
    
        display: flex;
        flex-wrap:wrap;
    justify-content: space-between;}

/**/
.header_Cmn__h1-ttl{
        width: 48px!important;

		h1 {
			width: 48px!important;
			height: 46px!important;
			border-right: 1px solid #000000; 
            border-bottom: none; 
			background-color: #fff;

			a{display: block;
			display: block;
			align-items: center; /*上下*/
			justify-content: center;/*中央*/

                img{width: 20px!important;}}} } 


/**/
.hum-Btn{
    position: absolute;
    right: 0;
		width: 48px; 
    border-left: 1px solid #000000;
    .hum-Btn__Wrap{
        height: 47px;
        border-bottom: none; 
        padding: 0rem;
        
		.toggle_Wrap {
			margin-top: 0px;
			width: 100%;
			display: flex;
			align-items: center; /*上下*/
			justify-content: center;/*中央*/}

			p{ display: none;}
    
    } }
	
	


.hum-Btn__Wrap:hover{background-color: #000;}
.hum-Btn__Wrap:hover p{color: #fff;}

.hum-Btn__Wrap:hover .toggle_btn span {
  background-color: #fff;
  transition: all 0.25s;
}


/**/
.header_Lng{
		position: absolute;
		top:0;
        right:94px;
        left:auto;
        width: 125px;
		height: 46px;
        transform:none;
		
    figure{
        display: inline-block;
        
        
        img{height: 16px;
            display: flex;
			align-items: center; /*上下*/
			justify-content: center;/*中央*/}}
    
    .header_Lng__List{
        position: relative;
        margin-top: 4px;
        display: inline-block; 
        
        li{
            display: inline-block; 
            margin: 0 4px;
            width: 40px; 
            text-align: center; 
            
            &:before { 
            content:" "; 
            display: block;
            width: 1px;
            height: 12px;
                background-color: #000;

            position: absolute; 
            top: 30%; 
            left:50%;
            transform: translateX(-50%); }
            
            a{
                display: block; 
                transition: 0.25s; 
            &:hover{
                color:#fff!important; 
                background-color: #000;
                padding: 0.8rem 0.6rem; }}}}
	}

.header_Lng__List-curent{
    color:#fff!important; 
    background-color: #000;
    padding: 0.8rem 0.6rem;}


/**/
.header_sns{
  transform: translateX(0%);

  border-top: none; 
  position: absolute;
  top:0;
  right:57px;
  bottom:auto;
  left:auto;
  width: 50px;
  height: 46px;
  z-index: 999;
  display: flex;
  align-items: center; /*上下*/
  justify-content: center;/*中央*/
		
    a{
        display: block;
        padding: 0;
        width: 46px;
		height: 46px;
        padding: 1rem;
        
		span{font-size: 2.6rem;}}
	}
}



/**/
.sub_Navlist{

		li{margin-bottom: 16px;
		
			a{
				display: block; 
				transition: 0.25s; 
				font-family: 'Poppins', sans-serif; font-weight: 400;
			
				&:hover{color:#EB641E; }
			}}}



/*
@media (max-width: 959px) { 
.header_Cmn { 
position: relative;
width: 100%;
top:0px;
margin-bottom: 24px;
	
.header_Cmn__h1-ttl{margin-bottom: 10px;
h1 {width: 80px;border: 2px solid #000000; height: 80px;
a{display: block;}
img{width: 40px;}}} 
.sub_Navlist{ width: 100%; display: flex; flex-wrap:wrap; margin-top: 24px;
li{margin-bottom: 0px;width: 49%; text-align: center;
a{}}}}
}*/



/**/
.header_Shop { 
    position: fixed;
    z-index: 9999;
	top:0%;
	left:50%;
	transform: translateX(-50%);
    
	width:calc(100% - 76px) ; 
    height: 54px;
    border-bottom: 2px solid #000000; 
    background-color: #fff;
    
    .h1-ttl{
    position: absolute;
    top:20px;
    left:-20px;
    
	width: 160px; 
    border: 2px solid #000000; 
    background-color: #fff;
	
	h1 {
		width: 100%;
		height: 160px;
		display: flex;
        align-items: center; /*上下*/
        justify-content: center;/*中央*/
        
        a{display: block;}
        
        img{}}} 

	.header_Sns{
		position: fixed;
		z-index: 9999;
		top:12px;
		right:64px;

		width: 32px; 
		height: 32px;
		
		span{font-size: 3.2rem;}
	}

}





/**/
@media screen and (max-width: 959px) { 
.header_Shop { width:calc(100% - 34px) ; 
    
.h1-ttl{top:10px;left:10px;width: 80px; 
h1 {width: 100%;height: 80px;
img{width: 40px;}}} 

.header_Sns{top:15px;right:48px;width: 24px; height: 24px;
span{font-size: 2.4rem;}}}    

}





/*//////////////////////////////////

Contents
/////////////////////////////////*/


/*h2ttl-Wrap
---------------------------*/
.h2ttl-Wrap { 
	position: relative; 
	margin-bottom: 32px; 

	h2 {font-family: 'Poppins', sans-serif; font-weight: 500;}
    p{}

    .news__Btn{ 
        display: flex;
        align-items: center; /*上下*/
        a{display: block; text-decoration: underline;}}}


/**/
@media screen and (max-width: 768px) {  
.h2ttl-Wrap {margin-bottom: 10px; }
}


/*h2ttl-Shop
---------------------------*/
.h2ttl-Shop { 
	position: relative; 
	margin-bottom: 20px; 
	width: 103px;
	height: 70px;

	h2 { padding: 10px 0 0 20px; font-family: 'Poppins', sans-serif; font-weight: 500; color:#fff;} }


/**/
@media screen and (max-width: 768px) { 
.h2ttl-Shop { 
	position: relative; 
	margin-bottom: 20px; 
	width: 77px;
	height: 40px;

	h2 { padding: 5px 0 0 20px; font-family: 'Poppins', sans-serif; font-weight: 500; color:#fff;} }	
	
.h2ttl-Wrap {margin-bottom: 10px; }
}





/*page-top
---------------------------*/
#page-top { width: clamp(62px, 7.6vh, 82px); height: clamp(32px, 3.9vh, 42px);  position: fixed; left: clamp(105px, 13vh, 140px); bottom: 10%; z-index: 1000; } /* 縦サイズに合わせて可変 */

#page-top p { margin: 0; padding: 0; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

#back-button-pc { color: #fff; line-height: clamp(32px, 4.6vh, 50px); text-decoration: none; display: block; cursor: pointer; } /* 縦サイズに合わせて可変 */

/*--*/
@media screen and (max-width: 959px) { 
#page-top { display: none; }

}



/*////////////////////////////////

footer
////////////////////////////////*/
footer { position: fixed; width: calc(100% - clamp(90px, 10.7vh, 116px)); bottom:0; right:0; border-top: 1px solid #000000; z-index: 1000; } /* header_Mainの幅に連動 */

.foot-inner { 
	width: 100%;
	background-color: #fff;
	padding: 1rem 2rem; }


/*fInner-----------------*/
.foot-inner__List { 
	transition: 0.25s;
	li{display: inline-block; margin-right: 10px;
	a{display: block; text-decoration: underline; transition: 0.25s!important;}}
}

.foot-inner__List a:hover{text-decoration:inherit;}

.foot-inner__Copy { position: absolute; top:14px; right:40px;}

/*- @media 768px-*/
@media screen and (max-width: 959px) { 
footer {display: none;}
}

/*- @media
@media screen and (max-width: 959px) { 
footer {position: relative; width: 100%;}
.foot-inner { padding: 1rem 2rem; }

.foot-inner__List { text-align: center;
	li{display: inline-block; margin-right: 2px; margin-left: 2px; text-align: center;
	a{display: block; text-decoration: underline; }}
}

.foot-inner__Copy {margin-top: 8px; position: relative; top:0px; right:0px;text-align: center;}


}*/