@charset "utf-8";
/*Theme Name:nagiho*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */   }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) {overflow: hidden;}
figure { margin: 0;padding: 0; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
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; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/* -- */
ol, ul {list-style: none;margin: 0 ; padding: 0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


/*-- BASE 600 / 960 / 1280px --*/

html {font-size: 62.5%;height: 100%;}
body {font-size: 1.5rem;color: #333333;
	font-family:'Roboto',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",Hiragino Kaku Gothic ProN,"Meiryo",sans-serif;
	line-height: 1.9;font-weight:400;
	letter-spacing: 0.02rem; 
	height: 100%; 
	background-color:#ffffff; 
	transition: background-color 0.5s ease;
	
	font-feature-settings: 'pkna';-moz-text-size-adjust: none;-webkit-text-size-adjust: none;line-break: strict;

  display: flex; /* フレックスボックスに有効に */
  flex-flow: column; /* 要素を縦に並べる */
  min-height: 100vh; /* 最小でも画面の高さ分のbodyの高さを担保する */
}

/* --FONT-- */
.fo1{font-family: 'Hanken Grotesk', sans-serif; font-weight: 300;}
.fo1l{font-family: 'Hanken Grotesk', sans-serif; font-weight: 200;}
.fo1b{font-family: 'Hanken Grotesk', sans-serif; font-weight: 600;}
.fo2{font-family: 'Roboto', sans-serif; font-weight: 400;}
.fo2l{font-family: 'Roboto', sans-serif; font-weight: 300;}
.fo2b{font-family: 'Roboto', sans-serif; font-weight: 600;}
.fo{font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal;}
.fob{font-family: "Zen Kaku Gothic New", sans-serif, font-weight: 700;font-style: normal;}

a:link {color: #0E233D;}
a:visited {color: #0E233D;}
a:hover {color: #afafaf;}
a:active {color: #ffffff;}

.no a{text-decoration: none;}
.no a:link {color: #222;text-decoration: none;}
.no a:visited {color: #222;text-decoration: none;}
.no a:hover {color: #222;text-decoration: none;}
.no a:active {text-decoration:  none;}

.now a{text-decoration: none;}
.now a:link {color: #ffffff;text-decoration: none;}
.now a:visited {color: #ffffff;text-decoration: none;}
.now a:hover {text-decoration: underline;}
.now a:active {text-decoration: none;}

.nog a{text-decoration: none;}
.nog a:link {color: #999999;text-decoration: none;}
.nog a:visited {color: #999999;text-decoration: none;}
.nog a:hover {color: #222222;text-decoration: none;}
.nog a:active {text-decoration: none;}


/* -- BASE -- */
#wrapper{margin: 0px 0 0;padding: 0;1; flex: 1;
}
p{margin: 0 0 8px 0;}
.ph img {width: 100%;height: auto;padding: 0;margin: 0;}
.clear { clear: both; }  

.fmv{opacity: 0;transform: translate(0,30px); -webkit-transform: translate(0,30px); }
.mv{opacity: 1.0;transform: translate(0,0); -webkit-transform: translate(0,0);transition: 1.8s;}

.zo{overflow: hidden;display: block;line-height: 0;}
.zo img{transform: scale(1);transition: .3s ease-in-out;background: #fff;}
.zo a:hover img{transform: scale(1.05);opacity: 0.8;}
.zo p{margin:0;}

.more{font-size:1.5rem;margin:10px 0 0 0;}
.more_pr{margin:30px 8% 20px 10%;text-align: center;}
.more_ab{margin:20px 0 20px;}

.arr{position: relative;display: inline-block;padding: 5px 35px 0px 0px;color: #333;text-decoration: none;outline: none;letter-spacing:0.05em;}
.arr::before{content: '';position: absolute;bottom:-6px;left:0;width: 100%;height: 1px;background:#333;transition: all .3s;}
.arr::after{content: '';position: absolute;bottom:-1px;right:-10px; width: 15px;height:1px;background:#333; transform: rotate(35deg); transition: all .3s;}
.arr:hover::before{ left:30%;}
.arr:hover::after{right:-30%;}

.back{font-size:1.5rem;margin:60px 0 80px 0;letter-spacing:0.05em;}

.mt_a{margin-top:50px;}
.mt_b{margin-top: 70px;}
.mt_15{margin-top: 15px;}
.mt_m15{margin-top: -15px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}
.mt_60{margin-top: 60px;}
.mt_70{margin-top: 70px;}
.mt_80{margin-top: 80px;}
.mt_90{margin-top: 90px;}
.mt_100{margin-top: 100px;}
.mt_150{margin-top: 150px;}

.mr_a{margin-right: 5px}
.mr_25{margin-right: 2.5125%;}
.mr_25fl{margin: 1.25%;}
.mr_20{margin-right: 2%;}
.mr_m25{margin-right: -2.5125%;}
.ml_25{margin-left: 2.5125%;}
.mr_30b{margin-right: 2.8571%;}
.mr_30_7_5{margin-right: 3.4482%;}
.ml_a{margin-left: 0;}

.mb_a{margin-bottom: 100px;}
.mb_15{margin-bottom: 15px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_60{margin-bottom: 60px;}
.mb_80{margin-bottom: 80px;}

.fl_l{float: left;}
.fl_r{float:right;}
.clearfix::after {content: " ";display: block;clear: both;}

.bg_g1{background-color: #efefef; }
.bg_g2{background-color: #eeeeee; }

.line_t{border-top: 1px solid #eee; padding-top: 9px;}
.line_b{border-bottom: 1px solid #eee; padding-bottom: 9px;}
.ta_r{text-align: right;}
.bo_t{border-top: 1px solid #cccccc; padding-top: 5px;margin-top:5px}



/* -- STRUCTURE-- */

.st_1_1 {max-width: 1100px; margin: 0 auto; padding: 0px 3% 0; width:94%;}
.st_1_2 {max-width: 1200px; margin: 0 auto; padding: 0px 4% 0; width:92%;}
.st_1_f {max-width: 1100px; margin: 0 auto; padding: 0 50px; }
.container {max-width: 1100px;margin: 0 auto;padding: 0 50px;display: flex;}
.pti {position: sticky;top: 0;width: 15%;align-self: flex-start;}

.w100_c{width:100%;text-align:center;}
.ri-shopping-cart-2-line{font-size:3rem;}

/* -- Header--      */
#h_header{position: fixed;height: 72px; width:100%;top:0; transition: .5s;margin: 0px auto 0; display: flex;flex-wrap: nowrap; z-index: 200;letter-spacing: 0.03rem;}
#h_header.hide{transform: translateY(-20px);}

#h_header.back{}
#h_header.hide{background-color: transparent;}
.h_1200{width: 1130px;display: flex;flex-wrap: nowrap;padding: 20px 25px;margin: 0 auto;}
.logo{width: 30%;margin: 5px 5% 0 0;}

.logo img{width: 150px;margin: 0;}
#h_header .logo img{ transition: 0.7s all;transform-origin: left;}
#h_header.hide .logo img{transform: scale(0.98);}


/* -- 1024 以下 -- */@media screen and (max-width:1024px){}
/* -- 768 以下 -- */@media screen and (max-width:768px){
.logo img{max-width: 90px;margin: 0px 0 0 0;}	
#h_header .logo img{ transition: 0.5s all;transform-origin: center;}
#h_header.hide .logo img{transform: scale(0.95);}
.st_1_1 {margin: 0 auto; padding: 0;}
.st_1_2 {margin: 0 0 0 auto; padding: 20px 0; width:100%;}
.st_1_f {margin: 0 auto; padding: 0 1%;width:98%;}
.container {margin: 0 auto;padding: 0 6%;display: flex;flex-direction: column;}
.pti {position:static;top: 0;width: 100%;¥}
}


.logo_des{margin:5px 0 5px;}
.menu ul {display: -webkit-flex;display: flex;-webkit-justify-content: flex-start; justify-content: flex-start;}
.menu ul  li {-webkit-flex-grow: 1;flex-grow: 1;padding: 7px 1.2rem;}　
.menu-btn {display:none;}
.menu{display: block;}
.menu_right{margin: 4px 0 0 auto;}
.menu_ri{display:flex;flex-direction: row-reverse;}
.menu_ri li {    margin: 0 10px 0 10px;padding: 0px 0px 0px 8px;}
.insta img{width:17px;}

.top_ab_ti{font-size:3rem;margin:30px auto;}


.header__icon, .header__icon--cart .icon {height: 4.4rem;width: 4.4rem;padding: 0;}
.visually-hidden {position: absolute !important;overflow: hidden;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);word-wrap: normal !important;}


/* -- Top -- */
.top_ph_body{font-size:1.3rem;margin:10px auto;    background-color: #fcfcfc; }
.top_ph_body img{}
.top_ab_body{font-size:1.5rem;margin:30px -5% 0 0; text-align:justify;}
.top_info{margin: 38px 0 10px; font-size:2rem;}
.top_ab_en{position:relative;margin: 60px 10% 60px;width: 80%;padding: 50px 2% 48px; }
.top_logo_ti{font-size:2.7vw;; z-index: 100; position: absolute; top: 45%; left: 3%; color: #fff; text-align:left;line-height: 1.7;/* mix-blend-mode: exclusion;*/}
	/*  transform: translateY(-75%) translateX(-50%); -webkit- transform: translateY(-75%) translateX(-50%);  */
.top_logo_ti img{max-width:350px;}
.top_ab_en2{width:45%;}
.top_ab_en3{width: 42%;
    margin: 5% 0% 0 8%;}
.top_ab_en4{width: 32%;
    margin: 20% 7% 0 0;}
.top_ab_img{width: 55%;margin: 0px 0 0 0;}
.top_ab_img1 {width: 120%;margin: -50px 0px 0px -20%;}
.top_ab_img2 {width: 130%;margin: 60px 0% 0px -60%;}

.topi{position:absolute; left: 0;bottom: 0;z-index: 100;}
.ca_page_ti{font-size:4.5rem; margin:120px 0 5px;color: #9ac7ce; line-height: 1.2;}
.ca_page_tis{font-size:1.5rem;    margin: 6px 0 30px;}

.top_pr_ti{margin:10px 0px 0 0; font-size: 2.4rem; padding: 5px 5% 5px;}
.top_pr_copy{margin:0px 0px 0 0; font-size: 1.4rem; padding: 0 5% 35px;text-align:justify;}

.top_co_ti{margin:0px 0px 0 0; font-size:1.7rem;}
.top_co_copy{margin: 10px 0px 0 0;font-size: 1.5rem; letter-spacing: 0.02rem;background-color: #05a3bd; color:#fff; display: inline-block;padding: 7px 4px;line-height: 1.1;}
.top_foot_ph{  margin: 80px 0 -10px;}

.back_il{
  background-size: 100%;width:1000px;height:1000px;
  mix-blend-mode:multiply;
}

.wrap{display:flex;flex-wrap: wrap;}


.st_ab { margin: 0 auto; padding: 0 0px; }
.abo_en_r{display: flex;justify-content: flex-start;align-items: center;}
.abo_tx_ti{margin: 0 0 30px;}
.abo_tx{width: calc(48% + 0px);margin-right: 0px;transform: translate(0, 0px);padding:0 5% 0 0;}
.abo_txl{align-self: flex-end;width: calc(40% + 0px);margin-right: -10%;transform: translate(0, 0px);background-color: #efeee6;opacity: 0.95;}
.abo_body{font-size: 1.4rem;margin:0vw 0 3vw 0;letter-spacing: 0.06rem;}
.fs{font-size: 60%;}
.abo_ph{align-self: center;width: 37%;margin:0px 13% 0 0;}
.abo_phl{width: 30%;}
.abo_en_l{display: flex;justify-content: center;}
.abo_tx_ti img{max-width:160px;}

/* -- Footer -- */
 #footer{background-color:#e5e4da;  position: sticky;top: 100vh;width: 100%;}
.f_footer{padding:40px 0 30px;display: flex;}
.f_footer .menu_e {display: flex;font-size: 1.2rem;flex-flow: column;}
.f_footer .menu_e li {margin: 0 20px 0 0;height: 22px;}
.foot_logo{margin:0 0 0 0;flex-basis: 15%;}
.foot_me{margin:0 0 0 0;flex-basis: 10%;}
.foot_in{margin:0 0 0 0;font-size: 1.2rem;flex-basis: 25%;}
.foot_c{margin:0 0 0 0;font-size: 1.2rem;flex-basis: 50%;text-align: right;}

.list-social__item .icon {height: 1.8rem;width: 1.8rem;}
.f_body {font-size:1.2rem;}
.list-social {display: flex; flex-wrap: wrap;justify-content: flex-end;}
.list-social__link {align-items: center; display: flex; padding: 1.3rem; color: rgb(var(--color-foreground));}
.footer-block__brand-info .footer__list-social.list-social {
    justify-content: flex-start;
    margin-left: -1.3rem;
    margin-right: -1.3rem;
}

/* -- Page -- */
.page_en{margin:0px auto 100px;}
.page_num{font-size: 1.4rem !important;margin: 10px 0 20px;}
.wp-caption-text{font-size: 72%;margin: 0px 0 50px;}
/* -- Tag -- */
.tag_en{font-size: 1.1rem;margin: 0 0 70px;}
.tag_en li{font-size: 1.2rem;margin: 0 5px 3px 0;border: 0px solid #9c9c9c;border-radius: 10px;padding: 2px 5px;display: inline-block;letter-spacing: 0.04rem;line-height:1.3;}
.tag-link-count{font-size: 85%;vertical-align: 0.3rem;}


.mt_top{margin-top:100px;}

.masonry-wrapper {
  padding: 1.5em;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.masonry-item {width: 25%; margin-bottom: 10px; }

.masonry-item {
  width: 100%; 
  margin-bottom: 10px;
}

@media screen and (min-width: 380px) {
.masonry-item {width: 50%; }
}
@media screen and (min-width: 768px) {
  .masonry-item {width: 33.333%;  }
}
@media screen and (min-width: 962px) {
  .masonry-item { width: 25%; }
} 
@media screen and (min-width: 1200px) {
  .masonry-item {width: 20%; }
}

.cate_ph{overflow: hidden;margin: 5% 5% -5px;}
.cate_ti{font-size:1.2rem;margin-bottom: 0px;    line-height: 1.4;position: absolute; color:#222; top: 12px; left: 13px;z-index: 100;}

/* フィルタリング用スタイル */
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.filters {
  text-align: center;
  margin-bottom: 2rem;
}
.filters * {
  display: inline-block;
}
.filters label {
  text-align: center;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
  min-width: 50px;
  line-height: normal;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.5s;
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
}
.filters label:hover {
  background-color: #222;
  color: #fff;
}
[value="all"]:checked ~ .filters [for="all"],
[value="city"]:checked ~ .filters [for="city"],
[value="nature"]:checked ~ .filters [for="nature"], 
[value="museum"]:checked ~ .filters [for="museum"], 
[value="travel"]:checked ~ .filters [for="travel"] {
  background: #222;
  color: #fff;
}


/* -- Works -- */
.wo_en{margin:10px auto;font-size:0.9rem;line-height:1.5;border-left: solid 1px #999;padding: 0 0 0 1%;letter-spacing: 0.04rem;}
.wo_ph{margin-bottom: 1.5vw;max-width: 210px;box-shadow: 4px 6px 15px 3px rgba(0, 0, 0, 0.10);line-height:0.5;}
.wo_en ul{ display: -webkit-flex;display: flex;flex-wrap: wrap;}
.wo_en ul li{width:22%;margin-bottom: 2vw;}
.wo_num{font-size:3.2rem;margin:-10px 0 0 -3px;}
.wo_ti{font-size:1.2rem;margin-bottom: 3px;    line-height: 1.5;}
.wo_subm{font-size:1.1rem;}
.wo_sub{font-size:1.1rem;margin-bottom: 8px;}
.wo_au{font-size:1.1rem;}
.wo_tag{font-size:1.0rem;  margin: 0px -5px 3px 10px; border: 1px solid #9c9c9c;border-radius: 10px;padding: 0px 5px;display: inline-block;}
.wo_date{transform: rotate(90deg);transform-origin: 0;margin: 0;font-size:1.2rem;    left: 12px;top: -6px;position: absolute;}
.tp .wo_date{top: 0px;}
.wo_en ul li:nth-child(2){width:77%;margin-bottom: .8vw;margin-top: 0px;}　
.wo_s_en{display: flex;}

.wo_ent{margin:10px auto;font-size:0.9rem;line-height:1.5;border-left: solid 1px #999;padding: 0 0 0 1%;letter-spacing: 0.04rem;}
.wo_pht{margin-bottom: 1.5vw;max-width: 200px;box-shadow: 4px 6px 15px 3px rgba(0, 0, 0, 0.10);line-height:0.5;}
.wo_ent ul{ display: -webkit-flex;display: flex;flex-wrap: wrap;}
.wo_ent ul li{width:20%;margin-bottom: 2vw;}
.wo_ent ul li:nth-child(2){width:77%;margin-bottom: .8vw;margin-top: 0px;}　

.wo_s_en{}
.wo_s_en{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin: 150px 0 80px 0;flex-wrap: wrap;}
.wo_s_en_sl{width:85%;margin-bottom: 2vw;font-size:1.5rem;margin: 0 auto;}
.wo_s_en_tx{width:100%;margin-bottom: 2vw;font-size:1rem;line-height:1.5em;letter-spacing: 0.07rem;    text-align: center;}
.wo_s_en_tx ul{ display: -webkit-flex;display: flex;flex-wrap: wrap;}
.wo_s_en_tx ul li{width:22%;margin-bottom: 2vw;}
.wo_s_tx ul li {width: 25%; margin-bottom: 10px !important;line-height: 1.3;}
.wo_s_en_tx .wo_s_tx ul li:nth-child(2n) {width:70%;margin-bottom:12px;line-height: 1.4;text-align: left;}　
.wo_s_ti{ }
.wo_s_en_tx ul li:nth-child(2n){width:77%;margin-bottom: 2vw;margin-top: -1px;}　

.wo_s_ti{ }
.wo_s_ti{font-size:2.5rem;margin-bottom: 25px;  line-height: 1.3;}
.wo_s_au{font-size:1.8rem;}
.wo_s_tx{font-size:1.3rem;margin-bottom: 3px;  line-height: 1.8;text-align: justify;margin-top: 5px;}
.wo_s_txt{font-size:1.3rem;margin-bottom: 3px;  line-height: 1.8;text-align: justify;margin-top: -2px;}
.wo_s_date{font-size:1.2rem;margin-bottom: 3px; }
.wo_s_mo{margin:90px auto 50px; }
.wo_s_mo  iframe{width: 100%;aspect-ratio: 16 / 9;}

.box2 {  flex: 0 1 46%; }
.box2:not(:nth-child(2n+1)) {margin-left: 1%;}
.box3 {  flex: 0 1 30%;margin: 0 0 70px; }
.box3:not(:nth-child(3n+1)) {margin-left: 5%;}
.box4 {  flex: 0 1 21.5%;margin: 0 0 50px; }
.box4:not(:nth-child(4n+1)) {margin-left: 3.1%;}

.ab_en{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin: 0px 0 0px 0;}
.ab_ph{width:42%;margin: 0 0 50px 0;}
.ab_tx{width:47.5%;margin:0px 5% 0 0;}
.ab_body{font-size:1.6rem; line-height:1.9;}

.ab2_en{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin: 80px 0 0px 0;}
.ab2_ph{width:40%;margin:0px 10% 0 0%;}
.ab2_ph img{width:70%;margin:0px 0%;}
.ab2_tx{width:50%;}
.ab2_body{font-size:1.3rem; line-height:2;}

/* -- 1024 以下 -- */@media screen and (max-width:1024px){
	.box3 {  flex: 0 1 48%;margin: 0 0 40px;padding-bottom: 12px;}
	.box3:not(:nth-child(3n+1)) {margin-left: 0%;}
	.box3:not(:nth-child(2n+1)) {margin-left: 3.5%;}
	.box2 {flex: 0 1 92%;margin: 10px 4% 30px;}
	.box2:not(:nth-child(2n+1)) {margin-left: 4%;}
	
	.box4 {  flex: 0 1 42.5%;margin: 0 0 70px; }
	.box4:not(:nth-child(4n+1)) {margin-left: 0%;}
	.box4:not(:nth-child(2n+1)) {margin-left: 3.4%;}
	
	.wo_en ul li {}
	.wo_en ul {margin-bottom: 5px;}
	.wo_en ul li {width: 26%;margin-bottom: 1vw;}
	.wo_en ul li:nth-child(2) {width: 100%;}
	.wo_en {border-left: solid 1px #ccc;padding: 0 0 0 5%;}
	.wo_date{left: 8px;}
	.wo_ph{width: 95%;}
	.wo_s_ti {font-size: 2.1rem;line-height: 1.5;}
	.wo_ent{ padding: 0 10px 0 1%;}
}


/* -- 768 以下 -- */@media screen and (max-width:768px){
	.wo_s_en_sl { width: 92%;margin: 0 auto;}
	.wo_s_en_tx { width: 92%;margin: 0 auto 20px;}
	.cate_wrap {flex-wrap: wrap;}
	.cate_en {width: 48%;}
	.foot_logo {width: 45%;margin: 0 4% 0 0;}
	.foot_me{width:20%;margin:0 2% 0 0;}
	
	.ab_en{display: -webkit-flex;display: flex;flex-direction: column;}
	.ab_tx {width: 100%;margin: 0px 0 0 0;}
	.ab_ph {width: 70%;margin: 30px 0 50px 0;}
	.ab2_en{display: -webkit-flex;display: flex;flex-direction: column;}
	.ab2_tx {width: 100%;margin: 0px 0 0 0;}
	.ab2_ph {width: 70%;margin: 30px 0 50px 0;}
}
	
.fadein {opacity : 0; transform: translate(20px, 0px); transition: all 2.0s;}
.fadein.active{opacity : 1;transform: translate(0px, 0px); }


/* -- Mobile Header -- */
.stm_1_1 {max-width: 800px; margin: 0 auto; padding: 0 10%; }
.mor_menu_ti{padding: 50px 0 30px;font-size: 1.8rem;}
.mor_menu{width: 80%;float: left;padding: 80px 0 0px;}
.mor_tag{width: 30%;float: left;padding-top: 5px;}
.menu-btn {cursor: pointer;z-index: 9999;display: none;}

.menu-btn span {color: #fff;}
.menu-btn span:after {content: attr(data-txt-menu);}
.open .menu-btn span:after {content: attr(data-txt-close);}
.m_menu {position: fixed;top: 0px;left: 0;width: 100%;height: 100%;background-color: #efeee6;
	-webkit-transition: all .5s;transition: all .5s;visibility: hidden;opacity: 0;z-index: 10;}
.m_menu ul {display: inline-block;vertical-align: top;}
.m_menu li {width: 100%;height: 38px;line-height: 1rem;margin: 0px 0 0 0px;text-align: left;}
.m_menu li a {display: block;font-size: 1.6rem;line-height: 2;}
.m_menu .mor_tag li a {font-size: 1.5rem;}
.m_menu li a:hover {color: #fff;}
/* 開閉用ボタンがクリックされた時のスタイル */
.open .m_menu{cursor: url(../images/cross.svg),auto;-webkit-transition: all .5s;transition: all .5s;visibility: visible;opacity: 0.95;z-index: 300;overflow-x: hidden;overflow-y: auto;max-height: 100%;}




.menu_e{display:flex; font-size:1.4rem;}
.menu_e li{margin:0 20px 0 0;height:28px;padding: 0px 3px 0px 0px;}


.head_cart, .head_mail{font-size: 2.2rem;}

ul.menu_ch {visibility: hidden;opacity: 0;z-index: 1;}
.menu_pa {position: relative; display:flex;}
.menu_en > li:hover {-webkit-transition: all .5s;transition: all .5s;}
.menu_ch li { padding: 2px 2px 2px 25px;margin: 10px 0 10px;}
.menu_ch li a:hover {}
.menu_ch ul {display: inline-block;}
.menu_ch ul li{display: inline-block;}

.init-bottom:after {content: '';display: inline-block;width: 6px;height: 6px;margin: 0 0 4px 10px;border-right: 1px solid #222;border-bottom: 1px solid #222;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.menu_en > li.menu_pa {position: relative;}
li.menu_pa ul.menu_ch {position: absolute;top: 20px;width: 100%;-webkit-transition: all .2s ease;transition: all .2s ease;border: 1px solid #999;padding: 5px;background-color: #f2f4f1;}
li.menu_pa:hover ul.menu_ch {top: 40px;visibility: visible;opacity: 1;}




/* Toggle Button */
#nav-toggle {position: fixed;width: 30px;height: 48px;  top: 20px;left:15px; padding: 10px 5%; z-index: 1000;}
#nav-toggle div {}
#nav-toggle span {display: block;position: absolute;height: 1px;width: 20px;background: #222;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 10px;}
#nav-toggle span:nth-child(3) {top: 20px;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 10%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}



/* -- Page -- */
.top_page_ti{font-size:2.4rem; margin:20px 0 20px;}
.page_ti{font-size:2.4rem;margin: 116px auto 10px;display: inline-block;width: 100%;letter-spacing: 0.03em;}
.page_tis{padding: 0 0 10px;}
.page_ti_en{width: 80%;text-align: center;padding: 0 10%;margin: 0 auto 0;}
.tag_ti{ font-size: 2.0rem;margin: 10px 0 1px;}
.navi_te{font-size: 1.5rem;margin: 4px 0 10px;}
.navi_ti{font-size: 1.1rem;margin: 4px 0 0px;letter-spacing: 0.05em;}

.navigation{margin:120px 0 30px; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;    font-feature-settings: 'palt';}
.pagenext{width:20% ;text-align: right;}
.pageback{width:40% ;text-align: center;}
.pageprev{width:20% ;}
.pagenext img, .pageprev img{width:80px;}



/* -- About -- */
.ab_enn{font-size:1.6rem; margin:60px 0 200px;overflow: hidden;}
.ab_enn strong{font-weight:normal; font-size: 150%;margin: 0px 0 40px;display: inline-block;}
.ab_en1{display:flex; justify-content:space-between; width: 100%;}
.ab_ph1 {flex:1 0 40%;margin: 15px 0 0;}
.ab_te1 {flex: 1 0 35%;padding: 80px 3% 0 7%;}
.ab_eng1{font-size:1.8rem;position:absolute; color: #9ac7ce;right: 3%;top: 13px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl; }

.ab_en2{display:flex; flex-direction: column;margin: 130px auto 60px;}
.ab_ph2 {width: 68%;margin: 0px auto;}
.ab_te2 {margin: 30px auto 50px;width: 55%;}
.ab_eng2{font-size:1.8rem;position:absolute; color: #9ac7ce;right: 3%;top: 0px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl; }
.ab_en3{display:flex; flex-direction: row-reverse; justify-content:space-between; width: 100%;}
.ab_ph3 {flex:1 0 45%;}
.ab_te3 {flex: 1 0 35%;padding: 60px 5% 0 15%;}
.ab_te4 {margin: 130px auto 10px;width: 55%;    text-align: center;}
.ab_eng3{font-size:1.8rem;position:absolute; color: #9ac7ce;left: 3%;top: 0px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl; }

/* -- column -- */
.co_title{font-size: 2.7rem;margin: 15px auto 15px;display: inline-block;line-height: 1.3;}
.co_ph {margin: 15px -35px 0px; max-width: none;}
.co_ph{position:relative;max-height: 500px;overflow: hidden;}
.co_ti_en {background-color: #efeee6;padding: 35px 4% 25px;;margin:0px -4% 30px;position:relative;}

.co_en{margin:50px auto 200px;}
.co_s_en{margin:0px auto 100px;max-width: 700px;}
.co_s_en2{margin:-100px auto 100px;max-width: 700px;}

.co_s_body{font-size: 1.55rem;margin: 0px 0 0px;text-align: justify;letter-spacing: 0.03rem;}
.co_s_body em{font-size: 240%;font-style:normal;font-weight:500;margin: 0px 20px 0 0;line-height:1.2;}
.co_s_body strong{font-size: 150%;margin: 10px 0 0px;}
.co_s_body {display: -webkit-flex;display: flex;flex-wrap: wrap;}
.co_s_body .size-medium{display:flex;}

.co_s_sub{margin:0px auto 0px;font-size:1.6rem;}
.co_s_date{margin:0px auto 0px;font-size:1.1rem;}

.co_ss_body img{padding: 0;margin: 0 0; }
.co_ss_body img{max-width: none !important; width: 116%; padding: 0;margin: 0 -8%; }


.co_s_body .size-medium {}
.co_s_body .alignleft{float: left;width: 48%;margin: 15px 2% 15px 0;}


.co{position:relative;}
.cono{position:relative;margin: 40px 50px 0 20px;}
.co_cate{position:relative;}

.youtube{position: relative;width: 100%;height: 0;padding-top: 56.25%;margin: 60px 0 60px;}
.youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.co_howto a,.co_diary a,.co_kotsu a,.co_sample a{text-decoration: none;position: absolute;border-radius: 2px;display: inline-block; 
	padding: 1px 7px;margin: 0px 0px -10px;font-size: 1.2rem;bottom: 0;background-color: #fff;}
.co_howto a{color: #f00;border-bottom: 1px solid #f00;}
.co_diary a{color: #16a411;border-bottom: 1px solid #16a411;}
.co_kotsu a{color: #4361bd;border-bottom: 1px solid #4361bd;}
.co_sample a{color: #E8731D;border-bottom: 1px solid #E8731D;}

.co_cate .co_howto a,.co_cate .co_diary a, .co_cate .co_kotsu a,.co_cate .co_sample a{position: static;margin: 8px 5px -6px;}
	
.co_ti{font-size: 1.3rem;line-height: 1.6;letter-spacing: 0.1rem;}
.co_copy{font-size: 1.25rem;margin: 20px 0 6px;}
.co_s_copy{font-size: 1.6rem;margin: 20px 0 6px;}

.co_ti_en2{margin:150px auto 30px;text-align:center;position: relative;}
.co_title2{font-size: 2.8rem;line-height: 1.5;font-weight:500;}
.co_copy2{font-size: 1.3rem;margin: 20px 0 6px;}
.co_tag{font-size: 1.2rem; margin: 10px auto 10px;}
	
.no_ti{font-size: 1.3rem;line-height: 1.7;letter-spacing: 0.07rem;}
.no_date{font-size: 1.2rem;margin:18px 0 18px;}
.no_ph{overflow:hidden;}
.no_s_en{margin:0px 0 100px auto;}
.no_s_title{font-size: 2.2rem;line-height: 1.5;margin: 0;}

.no_s_body{font-size: 1.4rem;line-height: 2;margin:30px 0 100px; text-align: justify;width: 80%;}
.no_s_body p{margin:0 0 15px 0;}
.no_s_body img{max-width: 1500px !important;margin: 0 0 15px 0;width: 125%;}
.alignleft:nth-child(2n){margin: 15px 2% 15px 0;}

.alignleft{float:left}

.no_s_body .size-medium {width: 48%;margin: 15px 2% 15px 0}
.size-medium:nth-child(2n){margin: 15px 0 15px 0;}


.no_s_sub{font-size: 1.5rem;line-height: 1.5;margin: 30px 0 10px;}
.in_en{margin: 60px auto 200px ;width: 75%;overflow: hidden;}

.pr_title{font-size: 2.6rem;margin: 70px auto 50px;display: inline-block;text-align: center;width: 100%;border-top: 1px solid #999;
    border-bottom: 1px solid #999;padding: 30px 0;}
.pr_body{font-size: 1.6rem;margin: 0px 5% 100px;text-align: justify;letter-spacing: 0.0rem;}
.pr_body em{font-size: 240%;font-style:normal;font-weight:500;margin: 0px 20px 0 0;line-height:1.2;}
.pr_body strong{font-size: 150%;margin: 10px 10px 0 0;}
.pr_body img{max-width: none; padding: 6%;background-color: #fffdf8;box-sizing: border-box;}
.pr_des{font-size: 100%;margin: 50px 20% 100px;text-align:center;}
.pr_des b{font-size: 130%;margin: 0px 20% 40px;text-align:center;display: inline-block;border-top: 1px solid #999;
    border-bottom: 1px solid #999;padding: 30px 30px;letter-spacing:0.01rem;}

/* -- Online -- */

.rte strong{font-size:150%;}

/*-- Info -- */
.info_line{display: inline-block;width: 100%;margin:0 auto;}
.info_date{margin: 0 40px 0 0;font-size: 1.3rem;line-height: 20px; position:absolute;}
.info_ti{margin: 0 30px 0 130px;font-size:1.6rem;letter-spacing: 0.02rem;    line-height: 25px;}
.info_body{margin: 20px 30px 5px 90px;}
.info_body img{max-width:160px;}

.info_t::after{content: '→';position: absolute;font-size:2rem; right:10px;top:4px; transition: .3s ease-in-out;}
.info_t:hover::after{right:-3px;}

.ne_date{font-size: 1.1rem;}
.ne_ti{font-size: 1.3rem;width: calc(90% - 10px);}
.ne_ph{max-width:90px;float: left;margin:0 25px 0 0;}
.ne_ph img{max-width:120px;}
.ne_en{margin: 0px auto 60px;}
.ne_line{display: inline-block;width: 100%;margin:0 auto;border-top:1px solid #afafaf; padding:20px 0 10px;font-feature-settings: 'palt';}

.arrow1 {position: relative;display: inline-block;width: 30px;height: 1px;margin: 6.4px 0;border-radius: 9999px;background-color: #000000;}
.arrow1::before,.arrow1::after {content: "";position: absolute;top: calc(50% - 0.5px);right: 0;width: 10px;height: 1px;border-radius: 9999px;background-color: #000000;transform-origin: calc(100% - 0.5px) 50%;}
.arrow1::before {transform: rotate(45deg);}
.arrow1::after {transform: rotate(-45deg);}
.ya{position:absolute;top: calc(50% - 10px); right:0;}

.faq_q{margin: 0 20px 0 0;font-size: 2.4rem;line-height: 20px; position:absolute;}
.faq_a{margin: 2px 20px 0 0;font-size: 2.4rem;line-height: 20px; position:absolute;left: 0;}
.faq_ti{margin: 0 30px 0 50px;font-size:1.8rem;letter-spacing: 0.02rem;    line-height: 25px;}
.faq_body{margin: 20px 30px 15px 12px;}

.ac {border-bottom: 1px solid #ccc;padding:20px 0 20px; position:relative;}
.ac-parent {position: relative; line-height: 50px;cursor: pointer;}
.ac-parent_no {position: relative; line-height: 50px;}
.ac-child {display: none;}
.ac-new {position: relative;height: 50px;color: #222;line-height: 50px; cursor: pointer;}

.info_line dl {display: block;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}

.con_des{margin:10px 0 0;}



/* プラス */
.ac-parent:before {content: "";position: absolute;top: 15px;right: 8px;width: 17px;height: 1px;background: #222;transform: translateY(-50%);}
.ac-parent:after {content: "";position: absolute;top: 15px;
	/* 8px+12px-1px(幅2pxの半分) */right: 16px;width: 1px;height: 17px;background: #222;transform: translateY(-50%);transition: .3s;}
.ac-parent.open:after {top: 25%;opacity: 0;transform: rotate(90deg);}


@media screen and (max-width:768px){

	.ac-child {margin: 5px 0 5px 0px;}
	.info_ti{margin: 0 0 0 0px;font-size:1.6rem;padding: 35px 0 10px 0;line-height:1.5}
	.info_body{margin: 10px 30px 5px 0px;}
	.in_en {margin: 60px auto 100px;width: 90%;}
	.faq_body {margin: 20px 30px 15px 50px;}
	.ab_en1, .ab_en3{flex-direction: column;}
	.ab_ph2 {width: 100%;}
	.ab_te2 {width: 85%;}
	.no_s_body{width: 100%;}
	.no_s_body img { width: 100%;}
}







/* -- Slide -- */
.main_imgBox {	
	height: calc(80vh - 5vh);
	width: calc(90vw - 30vw);
	overflow: hidden;position: relative;margin: 15vh 0px 5vh;}
.main_img {z-index:10;opacity: 0;width: 100%;height: 75vh;background-position: center center; background-repeat: no-repeat; background-size: cover;  position: absolute;  left: 0; top: 0;  -webkit-animation: anime 24s 0s infinite; animation: anime 24s 0s infinite; }
.main_img:nth-of-type(2) { -webkit-animation-delay: 8s; animation-delay: 8s; }
.main_img:nth-of-type(3) { -webkit-animation-delay: 16s; animation-delay: 16s; }
.main_en{right: 0;position: fixed;}
.main_txt{position: fixed; right: 0;background-color: #fff;}

@keyframes anime {
  0% { -webkit-transform : scale(1.02); -ms-transform : scale(1.02); transform : scale(1.02); opacity: 0; }
    15% {opacity: 1;}
	30% {opacity: 1;}
    50% { opacity: 0;  -webkit-transform : scale(1.0);  -ms-transform : scale(1.0);transform : scale(1.0); z-index:9;  }
    100% { opacity: 0 }

}


@media screen and (max-width:768px){
.main_imgBox {height: 400px;overflow: hidden;position: relative;margin:70px -5px 0;}
.main_img {height: 400px;}

body.load #wrapAll {height: 51vh;}
}
@media screen and (min-width:1200px){
.main_imgBox {}
.main_img {}
.st_1_f {}
}



/* -- 1024 以下 -- */
@media screen and (max-width:1024px){

}
/* -- 768 以下 -- */
@media screen and (max-width:768px){
	body {font-size: 1.3rem;}
	#h_header {height: 55px;}
	#h_header.hide{transform: translateY(-3px);}
	.h_1200 {padding: 20px 50px;}
	.logo{margin: 0 auto 0;text-align: center;}

	.menu_e{display: none;}
	.menu-btn {display:block;}
	.menu_right{margin-left: auto;padding: 0px 0;position: absolute;}
	.menu_right {right: 3%;top: 13px;}

	.co_ph {margin: 15px -10px 0px;}
	.top_info {margin: 0px 0 10px;}
	.top_ab_en {margin: 50px 0% 0px;width: 90%;padding: 20px 5% 20px;}
	.top_ab_en {}
	.top_ab_en2 {width: 100%;}
	.top_ab_en3{width: 48%;margin: 5% 0% 0 5%;}
	.top_ab_en4{width: 42%;margin: 18% 5% 0 0;}
	.top_ab_img {width: 100%;}
	.top_ab_img img{width: 100%;margin:0 0 30px;}
	.topi {left: 8%;top: -25px;z-index: 100;}
	.top_page_ti {font-size: 2.5rem;margin: 5px 0 5px;}
	.top_ab_body {margin: 5px 5% 0 auto;width: 95%;}
	.top_ab_img2 {width: 75%;margin: 27px 0% 0px 30%;}
	.top_logo_ti {font-size: 4.1vw;}
	.top_ab_img1 {width: 106%;margin: 0px 0px 0px -6%;}
	
	.page_ti {font-size: 2.1rem;margin: 30px auto 5px;}

	.abo_en_r {flex-flow: column;}
	.abo_ph {width: 80%;margin: 20px 0 10px 0;}
	.abo_tx {width: 90%;padding: 0 0% 0 10%;}
	.abo_body {font-size: 1.35rem;}
	
}
/* -- 480 以下 -- */
@media all and (max-width: 480px) { 
	body {font-size: 1.2rem;}
}







/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 1% 0 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
.bx-controls-direction{
position: absolute;
    width: 100%;
top: 50%;}


/** THEME
===================================*/
.bx-wrapper {
height: auto;
}
.top_sl_en .bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0px rgba(0, 0, 0, 0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bxslider img {
	max-width: none !important;}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  position: relative;
  display: inline-block;
  width: 30.1px;
  height: 22.2px;
	left:3px;
}

.bx-prev::before,
.bx-prev::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  left: 0px;
  width: 32px;
  height: 1px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 0.5px 50%;
}

.bx-prev::before {
  transform: rotate(20deg);
}

.bx-prev::after {
  transform: rotate(-20deg);
}




.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 3px;
}

.bx-next {
  position: relative;
  display: inline-block;
  width: 30.1px;
  height: 22.2px;
}

.bx-next::before,
.bx-next::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 32px;
  height: 1px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: calc(100% - 0.5px) 50%;
}

.bx-next::before {
  transform: rotate(20deg);
}

.bx-next::after {
  transform: rotate(-20deg);
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 150;
}
.bx-wrapper .bx-controls-direction a {  bottom: -40px;}
.top_sl_en .bx-wrapper .bx-controls-direction a {  bottom: 50%;}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/* -- 768 以下 -- */@media screen and (max-width:768px){
.bx-prev::before,.bx-prev::after {width: 18px;}
.bx-next::before,.bx-next::after {width: 18px;}
}



/* --contact-- */
.con_text {margin: 0 0 90px 0px;font-size: 93%;}
.box {margin: 0px 0px 50px 0px;}
.box label {width:100%;display: block;padding:0 0 10px 0;}
.box label span {display: block;padding:5px 0 0 0;}

.con_side{width:18%;float: left;margin-top: 20px;font-size: 1.6rem;}
.wpcf7-form-control-wrap{ width:75%;padding-top:10px; margin-top: 20px;font-size: 1.6rem;letter-spacing: 0.03em;}
.wpcf7-not-valid-tip,.wpcf7-validation-errors,.wpcf7-mail-sent-ok{font-size: 1.4rem;}
.box .wpcf7-text {padding:10px 10px;width:400px;background:#ffffff;border: 1px solid #222222;}
.wpcf7-select{padding:4px;}

input[type="text"],textarea,.wpcf7-email{outline: none;border: 1px solid #222;-webkit-transition: all .3s;transition: all .3s;    padding: 12px; width:75%;padding: 15px 12px 10px;}

input[type="text"]:focus,input[type="email"]:focus,textarea:focus,.wpcf7-email:focus  {box-shadow: 0 0 7px #ffffff;border: 1px solid #222222;background:#efefef;}
.wpcf7-number{padding: 8px 10px 5px;width: 47px;}
#mass{padding:10px 10px;width:400px;background:#ffffff;border: 1px solid #222222;overflow:hidden;height:200px;}
#mass:focus {box-shadow: 0 0 7px #ffffff;border: 1px solid #222222;background:#fff;}

.wpcf7-not-valid-tip {width:400px;}
.wpcf7-submit{margin:10px 0 10px 0px;padding:4px 7px;background:#eeeeee;border: 1px solid #222222;width:140px;font-size: 1.6rem;}



/* Top */
.top_sl_en{margin:50px 0 50px;}
	.top_sl_back{margin:50px 0 50px;}
.sl_ph{width: 52%;margin: 10px auto;overflow: hidden;}
.sl_ph img {width: 100%;height: auto;animation: animationZoom1 9s ease-in-out forwards;}
@keyframes animationZoom1 {
100% { transform: scale(1.05)}
}

.sl_tx{position: absolute;right: 3%; bottom: 8%;  padding: 1% 1% 20px; width: 30%;  font-size: 1.2rem;line-height: 1.8;font-feature-settings: 'palt';}
.sl_sub{font-size:1.1rem;}
.sl_ti{font-size:1.4rem;}
.slider2 li {display: none; /*読み込み時は非表示*/}
.bx-viewport .slider2 li {display: block !important; /*JSが読み込まれたら表示*/}

/* -- 1024 以下 -- */
@media screen and (max-width: 1024px) {
  .bx-wrapper,
  .bx-viewport {
    display: block !important;
  }
}
/* -- 768 以下 -- */@media screen and (max-width:768px){
	.top_sl_en{margin:130px 0 50px;}
	.top_sl_back{height:auto;}
	.sl_ph{width: 84%;margin: 10px auto;}
	.sl_tx{width: 84%;  margin: 3px auto 0;position: relative;display: inline-block;left: 8%;border: 0px solid #999;font-size:1.1rem;}
}



 .btn {
            padding: 15px 30px;
            font-size: 1.5rem;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            background-color: #4CAF50;
            color: white;
            transition: transform 0.2s;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	 width: 160px;
        }

.btn:hover {transform: scale(1.05); }
.btn:active { transform: scale(0.95); }





/* 商品画像ギャラリーのスタイル */
.woocommerce div.product div.images {
    width: 48%;
    float: left;
}

.woocommerce div.product div.summary {
    width: 48%;
    float: right;
}

/* 画像スライダーのサムネイル */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    margin-top: 10px;
    gap: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    list-style: none;
    cursor: pointer;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 0.5;
    transition: opacity 0.3s;
}

.woocommerce div.product div.images .flex-control-thumbs li:hover img,
.woocommerce div.product div.images .flex-control-thumbs li.flex-active img {
    opacity: 1;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100%;
        float: none;
    }
}


/* ===================================
   WooCommerce 基本スタイル
   =================================== */

/* 商品ギャラリー */
.woocommerce div.product div.images {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    margin: 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    position: relative;
    margin-bottom: 1em;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    margin: 0;
}

/* サムネイル画像 */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 1em 0 0;
    padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(25% - 8px);
    margin: 0;
    cursor: pointer;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 0.5;
    transition: opacity 0.3s;
}

.woocommerce div.product div.images .flex-control-thumbs li:hover img,
.woocommerce div.product div.images .flex-control-thumbs li.flex-active img {
    opacity: 1;
}

/* 商品情報エリア */
.type-product{
    width: 48%;
    float: right;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 2em;
}

.woocommerce div.product p.price {
    color: #000;
    font-size: 1.5em;
    margin: 1em 0;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    margin: 1em 0;
}

/* カートに追加フォーム */
.woocommerce div.product form.cart {
    margin: 2em 0;
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin-right: 10px;
}

.woocommerce div.product form.cart .quantity input.qty {
    width: 60px;
    padding: 8px;
    text-align: center;
}

.woocommerce div.product form.cart .button {
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 1em;
}

.woocommerce div.product form.cart .button:hover {
    background-color: #555;
}

/* カテゴリー・タグ */
.woocommerce div.product .product_meta {
    clear: both;
    padding-top: 1em;
    border-top: 1px solid #eee;
    font-size: 0.9em;
}

/* タブ */
.woocommerce div.product .woocommerce-tabs {
    clear: both;
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #eee;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
    border-bottom: 1px solid #eee;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
    margin: 0 1em 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #666;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000;
    border-bottom: 2px solid #333;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0;
    padding: 0;
}

/* 商品一覧ページ */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce ul.products li.product {
    text-align: center;
    position: relative;
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    transition: transform 0.3s, box-shadow 0.3s;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.2em;
    margin: 0.5em 0;
    padding: 0;
}

.woocommerce ul.products li.product .price {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.5em 0;
}

.woocommerce ul.products li.product .button {
    display: inline-block;
    padding: 8px 20px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #555;
}

/* 並び替えとカウント */
.woocommerce-result-count {
    margin: 0 0 1em;
}

.woocommerce-ordering {
    margin: 0 0 1em;
}

.woocommerce-ordering select {
    padding: 5px 10px;
}

/* ページネーション */
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: 2em 0;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
}

.woocommerce nav.woocommerce-pagination ul li {
    display: inline-block;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    border-right: 1px solid #eee;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #333;
    color: #fff;
}

/* クリアフィックス */
.woocommerce::after,
.woocommerce div.product::after {
    content: "";
    display: table;
    clear: both;
}

/* レスポンシブ */
@media (max-width: 768px) {
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100%;
        float: none;
        margin: 0 0 2em;
    }
    
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: calc(33.333% - 7px);
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
}