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

/*! 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%;}
body {font-size: 1.40rem;color: #222222;font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;line-height: 1.8;letter-spacing: 0.06em; height: 100%;background-color: #fff;

-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
line-break: strict;
}
@media screen and (max-width:600px){
			body {font-size: 1.2rem;}
}
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: #000;text-decoration: none;}
.no a:visited {color: #000;text-decoration: none;}
.no a:hover {color: #666;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{}
p{margin: 0 0 18px 0;}
.ph img {width: 100%;height: auto;padding: 0;margin: 0;}
.ph50 img {width: 50%;height: auto;padding: 0;margin: 0;}
.ph20 img {width: 20%;height: auto;padding: 0;margin: 0;}
.clear { clear: both; }  
.fmv{opacity: 0;transform: translate(0px,10px); -webkit-transform: translate(0px,10px);filter: blur(2px);}
.fmvb{opacity: 0;transform: translate(40px,0px); -webkit-transform: translate(20px,0px);filter: blur(2px);}
.mv{opacity: 1.0;transform: translate(0,0); -webkit-transform: translate(0,0);transition: 1.1s;filter: blur(0px);}

.alignnone, img.alignnone {display: inline-block;margin: 4px 0 0 0;}
.alignleft, img.alignleft {float: left;margin-right: 20px;margin-top: 4px;}
.alignright, img.alignright {float: right;margin-left: 20px;margin-top: 4px;}
.aligncenter, img.aligncenter {}
img.alignnone, img.alignleft, img.alignright, img.aligncenter {margin-bottom: 0px;}

.mt_a{margin-top:200px;}
.mt_b{margin-top: 70px;}
.mt_8{margin-top: 8px;}
.mt_15{margin-top: 15px;}
.mt_m15{margin-top: -15px;}
.mt_20{margin-top: 20px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}
.mt_70{margin-top: 70px;}f
.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%;}
.mr_12{margin-left: 12%;}
.mr_s{margin-right: 6px;}

.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;}
.mb_90{margin-bottom: 90px;}

.m_20{width:80%;margin: 0 10%;}

.h_a{height: 80px;}
.h_20{height: 20px;}
.h_40{height: 40px;}
.h_50{height: 50px;}
.h_80{height: 80px;}

.fl_l{float: left;}
.fl_r{float:right;}

.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_l{text-align: left;}
.ta_r{text-align: right;}
.ta_c{text-align: center;}

.bo_t{border-top: 1px solid #cccccc; padding-top: 5px;margin-top:5px}
.bo_b{border-bottom: 1px solid #cccccc; padding-top: 5px;margin-top:5px}




/* --FONT-- */
.fo1l{font-family: 'Work Sans',sans-serif; font-weight: 300;}
.fo1{font-family: 'Work Sans',sans-serif; font-weight: 400;}
.fo1b{font-family: 'Work Sans',sans-serif; font-weight: 600;}

.fo2{font-family: 'Enriqueta',serif; font-weight: 400;}
.fom{font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}




.maru {height:50px;width:50px;border-radius:50%;line-height:50px;text-align:center;border: solid 1px #222;font-size: 2rem;background-color: #fff;}

/* -- STRUCTURE-- */
.st_main {margin: 0 0 0 220px;  }/*  */
.st_12_12r {max-width: 1210px; margin: 0 auto; padding: 0 0 0 0px; }/* 1180+30 */
.st_12_12{width:97.5206%;}/* 1180_1210 */
.st_12_1{width:6.6115%;} /* 80_1210 */
.st_12_2{width:14.8760%;}/* 180_1210 */
.st_12_3{width:23.1404%;}/* 280_1210 */
.st_12_4{width:31.4049%;}/* 380_1210 */
.st_12_5{width:39.6694%;}/* 480_1210 */
.st_12_6{width:47.9338%;}/* 580_1210 */
.st_12_7{width:56.1983%;}/* 680_1210 */
.st_12_8{width:64.4628%;}/* 780_1210 */
.st_12_9{width:72.7272%;}/* 880_1210 */
.st_12_10{width:80.9917%;}/* 980_1210 */

.st_5_1{width:18.1818%;}/* 220_1210 */
.st_5_2{width:38.0165%;}/* 460_1210 */
.st_5_3{width:57.8512%;}/* 700_1210 */
.st_5_4{width:77.6859%;}/* 940_1210 */

.st_12_9r{width:103.3783%;overflow: hidden;}

.mr{margin-right:1.69528%}/* 20_1210 */
.bg_g{background-color:#999;height:50px;margin-bottom:20px;}


.st_top_ph{margin: 100px 10px 10px 220px;}
.st_top2_ph{margin: 100px 0px 0px 0px;}

.st_12_9_3{width:30.065%;margin: 0 1.63%;}
.st_12_9_6{width:63.3986%;}
.mr_9_25{margin-right: 3.2679%;}
.st_12_6_re{width:46%;margin-right: 3%;}

.open_fix{position:fixed;}
.ope {overflow:hidden;}
.ope .m_menu{overflow:scroll;height:100%;width:100%;overflow-y: auto;max-height: 90%;}

.wrap{display:flex;flex-wrap: wrap;width: 97%;margin: 0 auto;}
.box-2{width:48.7437%;}
.box-3{width:31.658%;}
.box-4{width:calc(25% - 2%); margin:0 1% 50px 1%;}
.box-4 img{margin: 0 0 -28px 0;}
.w100_c{width:100%;text-align:center;}



/* -- Header-- */
#h_header{height: 30px;padding: 25px 0;width: 100%;z-index: 120;-moz-transition: .3s ease-in-out; -webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;position: absolute;top: 0;}
.scroll #h_header{ -moz-transition: .3s ease-in-out; -webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;   
	/* -- background-color:#a7c8bf; -- */}
.h_en{margin: 0 3% 0 220px;width: 83%;height: 30px;position:fixed;}

.h_head{position:relative;margin: 0 auto; padding: 30px 30px 0; text-align: left;}
.head_menu{margin: 0;}
.head_menu_on{position: fixed;right: 85px;}
.head_menu ul{ display: table; margin: auto;}
.head_menu_r {;margin: 30px 0px 0 0;    z-index: 9999;    font-size: 1.45rem;}
.fixed .head_menu_r {margin-top: 28px; -moz-transition: .3s ease-in-out; -webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;}

.head_menu li{font-size:1.4rem; letter-spacing: 0.03em;margin:0 30px 0 0;padding: 0px;float: left;}
.cate_news .c_news,
.cate_profile .c_profile,.cate_exhi .c_exhibition,.cate_work .c_works,.cate_atelier .c_atelier{border-bottom: 1px solid #222222;}
.cate_shop .c_works,.cate_book .c_works{border-bottom: 1px solid #222222;}

.logo_en{z-index: 100;top: 12px; left: 16px;margin: 0px 0px 6px 11px;padding: 20px 15px 10px 10px; width: 250px; position: fixed;}
.logo_foot{width: 100px;position: fixed;top: 50%;left: 25px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.scroll .logo_en{background-color:transparent;-moz-transition: .6s ease-in-out; -webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;-ms-transition:.6s ease-in-out;}

.logo_des{font-size:1.1rem;margin: 0;}
.logo_back{background-color: #fff;padding: 3px 7px 5px 9px;}
.sns{width: 200px;text-align: left;margin: 0px 0px 0 0;font-size: 1.6rem;position: fixed;left: 25px;top: 25px;}
.sns_test{width: 200px;text-align: left;margin: 0px 0px 0 0;font-size: 1.6rem;position: fixed;left: 25px;top: 25px;}


.parallax-window {min-height: 470px;background: transparent;position: relative;}



/* --FOOTER- */
.foot_en{border-top: 0px solid #ccc; margin:50px 0 0px; padding:80px 0 60px;font-size:1.15rem;line-height: 1.5; letter-spacing: 0.02em;background-color:#eee;}
.foot_menu{font-size:1.2rem;line-height:2.0; letter-spacing: 0.03em;margin: 10px 0 12px 15px;}
.foot_top{font-size:1.2rem;line-height:2.0; letter-spacing: 0.03em;margin: 10px 15px 12px 15px;}
.foot_back{width:96%;margin:0 auto;}
.foot_back_ti{font-size:1.8rem;line-height:2.2; letter-spacing: 0.03em;margin-bottom: 12px;}
.foot_back_body{}


/* --NAVI- */
.navigation{margin:10px 0 50px;font-size:1.2rem;}
.navi_left{width:45%;float:left;margin:20px 0 40px;padding-top:20px;}
.navi_right{width:45%;float:right;text-align:right;margin:20px 0 40px;padding-top:20px;border-top:solid 0px #ccc;}

/* --BOX- */
.box {position: relative;width: 100%;margin: 0px 3% 0 0;}
.box1 {width: 100%;margin: 0 0 0 -20%;}
.box2 {position: absolute;top: 20%;bottom: 0;width: 45%;margin: auto;right: 0;}

/* -- PAGE -- */
.page_ti_top{font-size: 2.9rem;letter-spacing: 0.02em; ;line-height: 1.1;margin-bottom: 12px;}
.page_ti2{text-align: center;font-size: 3rem;margin: 56px 0px 36px;letter-spacing: 0.05em;}
.page_ti{font-size: 2.5rem;letter-spacing: 0.02em; ;line-height: 1.1;margin: 0px 0px 0px 25px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
-webkit-transform-origin: left top;}
.page_ti_j{font-size: 1.1rem;letter-spacing: 0.02em; ;line-height: 1.6;margin: 0 0 12px 0;}
.page_sub_ti{font-size: 1.5rem;text-align:center; position: relative;margin: 0px 0 60px;padding: 2px 0 0 10px;letter-spacing: 0.08em; }
.page_sub_ti::after {  content: '';
width: 10px;height: 10px;border: 0px;
border-top: solid 1px #222222;
border-right: solid 1px #222222;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 100%;left: 50%;margin-top: 5px;}

.page_content {}
.page_en {margin: 15px auto 100px;width: 100%;}
.page_sub{margin: 40px 0 20px;font-size: 1.2rem;z-index:90;}
.page_sub li {padding: 0px 8px 0px 6px;}

.page_en_re {margin: 15px 2% 100px 10%; width: 68%;float:left;padding: 40px 0;}
.page_sub_re{width: 15%;float:left;padding: 50px 1.5%;}

body #wrapAll {opacity: 0;
    width: 100%;
    height: 95vh;
    zoom: 1;
    z-index: 50;
    transition: 1.5s all ease-out 0s;
    -webkit-transform: translate(0px, 10px);
    -moz-transform: translate(0px, 10px);
    -o-transform: translate(0px, 10px);
    transform: translate(0px,10px);
    background-size: cover;
    background-position: center;
	margin: 100px 0 0 0;
}

.cate_blog #wrapAll, .cate_product #wrapAll, .cate_about #wrapAll, .cate_service #wrapAll, .cate_res #wrapAll, .cate_voice #wrapAll{height: 62vh;}
body.load #wrapAll {
    opacity: 1;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
	transform:translate(0px,0px);
}
.cate_about #wrapAll {background-image: url(https://se-kirei.com/wp/wp-content/uploads/2020/01/ab_top1_IMG_9226-1200x601.jpg);}

.cate_product #wrapAll {background-image: url(https://se-kirei.com/wp/wp-content/uploads/2020/01/IMG_3897_2.jpg);}

/* -- MOVIE -- */
.mov{display:inline;}
.mov_ph{display:none;}
.mo_ph  {position: relative;margin: 0px 0 0;}

/* -- TOP -- */
.top_logo {width: 70%; margin: 0 auto;text-align:center;}
.top_l1,.top_l2 {max-width: 22%; margin: 100px 14%;}
.top_gai{font-size: 1.5rem; margin: 2px 0 9px;line-height: 1.5;letter-spacing: 0.1em;}
.top_bn_img{position: relative;  }
.top_bn_text{width: 100%;text-align: center;display: inline-block;margin: 0 auto;position: absolute;  bottom: 25%;left: 0%;   color: #ffffff;}
.top_bn_ti{font-size: 2.1rem;letter-spacing: 0.07em;width: 50%;text-align: center;margin: 0 auto;}
.top_bn_read{margin:15px 0 0 0; }
.topp_ti{font-size: 2.7rem;letter-spacing: -0.02rem;line-height: 1.1;margin: 0px -2px;}

.top_body_ti{font-size: 1.7rem;line-height: 2.4;letter-spacing: 0.15em;}
.top_body{font-size: 1.4rem;line-height: 2.2;letter-spacing: 0.02em;}

.read{font-size: 1.4rem;;margin:0px 0 50px;padding:2px 0 2px;position:relative;line-height: 1.3;}
a:hover .more_ya:after {margin-right: -7px;}

.top_logo_ti{position:absolute;top: 77%;right: 8%;z-index: 15;width: 112px;}
.top_logo_ti2{position: fixed;top:40px;left: 50%;z-index: 15;width: 300px;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);text-align: center;}
.top_logo_ti_test{position: fixed;top:66px;left: 50%;z-index: 15;width: 300px;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);text-align: center;}

.top_ab_ti{font-size: 1.9rem;letter-spacing: 0.07em; ;line-height: 1.4;margin: 0 0 0 0;font-feature-settings: "pwid";position:absolute;top:39%;left:2%;color:#fff;}
.top_ab_ti2{position:absolute;top:40%;right:2%;color:#fff;font-size: 2rem;line-height: 1.9;letter-spacing: 0.15em; text-align:left;writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;z-index: 15;}
.top_info_en{width:600px;margin: 0px 0 0 -300px;position: relative;left: 50%;}
.top_info{font-size: 1.8rem;line-height: 1.9;letter-spacing: 0.1em; text-align:left;margin: 150px 0px 0 180px;}
.top_info_body{font-size: 1.5rem;line-height: 2.2;letter-spacing: 0.09em; margin:150px auto 0px; }
.top_page_ti{font-size: 2.8rem;line-height: 2.2;letter-spacing: 0.09em;z-index:10;position: relative;}

.blog figure{width: 85%;}
.cate_blog figure{margin: 0px auto 0 0; width:84%;}

.tate{    -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;-moz-text-orientation: upright;-ms-text-orientation: upright;text-orientation: upright;}
.tate_top{    -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;-moz-text-orientation: upright;-ms-text-orientation: upright;text-orientation: upright;}

.side_c_eat,.side_c_sweets,.side_c_mono,.side_c_ex,.side_c_play,.side_c_dashimono{display: inline-block;padding: 5px 7px 0px;margin: 2px 0 9px;line-height: 0.9;border-radius: 2px;}
.side_c_eat{background-color:#FDD800; }
.side_c_sweets{background-color:#F28192;}
.side_c_mono{background-color:#5BD0FF;}
.side_c_ex{background-color:#00C97C;}
.side_c_play{background-color:#FF6E51;}
.side_c_dashimono{background-color:#cc9966;}
.side_line{border-top: solid 1px #999;padding: 25px 0;}

.bx-pager a img {  opacity: 0.3;  filter: alpha(opacity=50);  }  
.bx-pager a.active img {opacity: 1;  filter: alpha(opacity=100);  }  
#container_on{width: 100%;}
.thumbb{width: 18%;float: left;margin-right: 1%;}
#slider_on{ display: block;height: 420px;}
.controlWrap p{margin-bottom:0px;}
.dslider {display: block;height: 420px;}

.box_re{position: relative;}
.box_ab{position: absolute;bottom:30px;}

/* -- PRODUCT -- */
.pro_ti{font-size: 2.2rem;letter-spacing: 0.02em;line-height: 1.3; margin:17px 0 8px 0;}
.pro_body{font-size: 1.2rem;letter-spacing: 0.02em;line-height: 1.7; margin:0 0 0 0;}
.pro_img{width:120%;}


/* -- ABOUT -- */
.ab_top{color:#fff;font-size: 3.0rem;letter-spacing: 0.06em;line-height: 2.0; position: absolute;top: 47%;left: 15px;}
.ab_top2{position: absolute;bottom: 1%;left: 15px;color:#fff;font-size:1.7rem;letter-spacing: 0.17em;line-height: 2.0;}
.ab_top3{position: absolute;bottom: 2%;left: 49%;width:23px;}
.ab_top4{position: absolute;bottom: 0%;left: 50%;width:23px;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translate(-50%, -50%);}

.ab_en{margin: 90px auto 100px;width: 86%;font-size:1.3rem;letter-spacing: 0.02em;}
.page_en strong{font-weight:normal;font-size: 2.1rem;margin:20px 0 10px;display: inline-block;line-height: 1.6;letter-spacing: 0.05em;}
.ab_ti{font-size:2.8rem;letter-spacing: -0.01em;line-height: 1.2;color:#222222;margin:0 0 10px ;text-align:left;}
.ab_body{font-size:1.5rem;letter-spacing: 0.02em;line-height: 2.1;}
.ab_hon{width:220px;margin:30px auto 40px;}
.ab_naka{margin:0px auto 15px;font-size: 1.6rem;letter-spacing: 0.1em;line-height: 2.0;}
.ab_san{width:230px;margin:50px auto 80px;}



/* -- Reserve -- */
.qa_en{padding: 10px 0;margin: 60px auto 0;border-top: 1px solid #999999;width:60%;}
.re_s_main{width: 90%;margin: 5px 4% 0 2%;}
.re_pan{font-size:1.1rem;margin: 0 ;} 
.re_s_ti{font-size:2.3rem;margin: 45px auto 45px;text-align:center;border-top: 1px solid #222;padding: 30px 0 0;} 
.re_ex{font-size:1.35rem;margin: 35px auto 50px;} 

.re_rbox{font-size:1.5rem;margin: 15px auto 15px;} 
.re_rbox th{text-align:left;} 
.re_toi{font-size:1.1rem;margin: 5px auto 35px;}
.kago{font-size:1.7rem;padding:10px 15px;margin: 35px 0;}

.page_en_re p{margin: 0px 0 0;}
.item_pti{font-size:1.9rem;margin: 12px 0 0;}
.item_pexp{font-size:1.2rem;margin: 0px 0 010px;color:#666666;}

/* -- Q&A -- */
#cart_list dd{margin: 0px;}

.qa_ti_q{font-size: 2.4rem;letter-spacing: 0.07em;color:#000;margin:0px auto 0px;width:8%;text-align:center;}
.qa_ti_a{font-size: 2.4rem;letter-spacing: 0.07em;color:#000;margin:0px auto 0px;width:8%;text-align:center;}
.qa_q{font-size: 1.6rem;letter-spacing: 0.07em;color:#000;margin:10px 2% 10px;width:88%;}
.qa_a{font-size: 1.3rem;letter-spacing: 0.07em;color:#000;margin:10px 2% 10px;width:88%;}

/* -- BLOG -- */
.bl_en{margin:0px auto;width:70%;max-width: 700px;}
.bl_s_en{margin:-10px auto 60px;}
.bl_s_head{margin: 5px 0px 60px;}
.bl_cate{font-size: 1.2rem;letter-spacing: 0.06em;margin:8px 0 7px;}
.bl_ti{font-size: 1.65rem;letter-spacing: 0.07em;line-height: 1.6;color:#000;margin:0px 0 10px;}
.bl_top_ti{font-size: 1.2rem;letter-spacing: 0.07em;line-height: 1.6;color:#000;margin:-5px 0 10px;}
.bl_ex{font-size: 1.1rem;letter-spacing: 0.05em;line-height: 1.7;margin:0px 0 0px;}
.bl_ex p{margin:0px 0 5px;}

.bl_date{font-size: 1.15rem;letter-spacing: 0.02em;margin:0px auto 70px;text-align:center;}
.bl_s_ti{font-size: 2.6rem;letter-spacing: 0.04em;line-height: 1.6;color:#000;margin:20px auto 20px;text-align:center;position: relative;}
.bl_s_ti:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 20px;
  height: 1px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #000;
}

.bl_s_body{font-size: 1.45rem;letter-spacing: 0em;line-height: 2.1;color:#444444;text-align:justify;margin:20px 0 55px;}
.bl_s_body p{margin:0 0 16px 0;}
.bl_s_body h2{font-size: 1.8rem;font-weight:bold;margin:60px 0 20px;color:#444;letter-spacing: 0.08em;text-align:left;}
.bl_s_body h6{font-size: 1.15rem;font-weight:normal ;margin:0px auto 15px;color:#666;letter-spacing: 0.1em;text-align:center;}
.bl_s_date{font-size: 1.2rem;letter-spacing: 0.07em;color:#999999;margin:0px 0 20px;}

.bl_s_body .size-medium{width:66% !important;}

.tag_ti{font-size: 1.8rem;letter-spacing: 0.07em;line-height: 1.5;color:#444444;margin:50px auto 40px;width:100%;text-align: center;}
.bl_tag {color: #B0764F;font-size: 1.2rem;margin: 2px 7px 30px 0px;}
.bl_s_tag {color: #B0764F;font-size: 1.2rem;margin: 30px 0px 30px 0px;}
.tags{margin: 3px 13px 0px 0px;display: inline-block;}

.wp_rp_footer{display:none !important}

.bl_tag a:link,.bl_tag a:visited,.bl_tag a:hover {color: #B0764F;}
.bl_c_diy a:link,.bl_c_diy a:visited,.bl_c_diy a:hover {color: #FF8F22;}
.bl_c_life a:link,.bl_c_life a:visited,.bl_c_life a:hover {color: #1C6ECD;}
.bl_c_spot a:link,.bl_c_spot a:visited,.bl_c_spot a:hover {color: #8CC700;}
.bl_c_i_news a:link,.bl_c_i_news a:visited,.bl_c_i_news a:hover {color: #cc3300;}
.bl_c_event a:link,.bl_c_event a:visited,.bl_c_event a:hover {color: #FF1493;}
.bl_right .st_12_2{width:10%;margin: 0px 0px 0px 4.5%;}


.button {display: inline-block;text-align: center;text-decoration: none;outline: none; padding: 10px 25px;}
.button::before,.button::after {position: absolute;z-index: -1;display: block;content: '';}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {border: 2px solid #666;background-color: #fff;border-color: #666;color: #222 !important;}
.button:hover {border: 2px solid #E7556A;color: #fff !important;background-color: #E7556A;}	
.bu_en1{font-size:1.35rem;letter-spacing: 0.06em;margin: 12px auto 8px;width:100%;text-align: center;}
.bu_en2{font-size:1.1rem;letter-spacing: 0.06em;margin: 12px auto 8px;width:100%;text-align: center;}







/* -- iPad -- */
	@media screen and (max-width:768px){
	.st_main {margin: 140px 0 0 10%;}
	.st_12_12r {padding: 0 0 0 3%; }/* 1180+30 */
	.st_12_12{width:97.5206%;}/* 1180_1210 */
	.st_12_1{width:6.6115%;} /* 80_1210 */
	.st_12_2{width:14.8760%;}/* 180_1210 */
	.st_12_3{width:48%;}/* 280_1210 */
	.st_12_4{width:48%;}/* 380_1210 */
	.st_12_5{width:39.6694%;}/* 480_1210 */
	.st_12_6{width:48%;}/* 580_1210 */
	.st_12_7{width:56.1983%;}/* 680_1210 */
	.st_12_8{width:64.4628%;}/* 780_1210 */
	.st_12_9{width:72.7272%;}/* 880_1210 */
	.st_12_10{width:80.9917%;}/* 980_1210 */
	.st_top_ph {margin: 0px 0 0 0;}
		
	#slide_wrapp {margin: 0 -20px !important;}
	.h_en{background-color: transparent;}
	.blog figure {width: 92%;}
	.box4{width:calc(50% - 2%); margin:0 1% 30px 1%;}
	.bl_right .st_12_2{width:88%;margin: 20px 0 0px;}
	
	.logo_en{left: 20px;margin: 0px 0px 6px 0px;width:18px;}
	.logo_foot {width: 85px;position: absolute;top: 25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
	.top_logo_ti3{width: 27px;}
		
	.ilogo_m,.dlogo_m{position: absolute;z-index: 9;}
	.pro_img {width: 90%;}
	.top_copy{font-size: 2.2rem;line-height: 1.7;}
	.page_ti{font-size: 2.5rem;letter-spacing: 0.02em; ;line-height: 1.1;margin: 0px 40px 30px 0px;float: left;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
	.page_sub{top: 37px;}
	.page_sub li{float:left;background-color: #fff;padding: 2px 8px 2px 6px;}
	
	.side_f{position: absolute;height: auto;width: 94%;top: 90px;}
	.h_box {margin-top: 20px;}
	.mt_a{margin-top:10px;}
	.mt_90 {margin-top: 40px;}
	.to_copy{font-size:1.4rem;padding: 2px 3px;}
	.to_ti {font-size: 2.9rem;padding: 1px 3px;margin: 0 0 2px;}
	.foot_book{font-size:1.4rem;left:0;bottom:0px; z-index: 99;padding: 6px 34px 6px 8px;margin:0px 10px;}
	.foot_bookt{font-size:1.0rem;letter-spacing: 0.01em;padding: 6px 0px 0;margin: 4px 0px 0;border-top: 1px solid #222222;}
	.foot_book:after {position: absolute;top: 0px;right: 8px;height: 100%;width: 18px;z-index: 3;content: '';display: inline-block;background-size: contain;-webkit-transition: margin-right .4s ease;transition: margin-right .4s ease;}
	a:hover .foot_book:after {margin-right: -7px;}
	.bl_s_head {margin: 30px 0px 40px;}
	.bl_s_ti{font-size: 2.2rem;}
	.ab_body .mb_40 {margin-bottom: -40px;}	
	.sc_main{padding: 7px 0;margin: 25px 5% 30px;}

}





/* -- iPhone -- */

@media screen and (max-width:480px){
	.sp{display: none;}
	.st_1_1 {padding: 0 15px;}
#slide_wrapp {margin: 0 -15px;}
	.st_12_2,.st_12_5,.st_12_7,.st_12_9{width:96%;padding-left:2%;padding-right:2%;}
	.page_en {width: 97%;}
	
	.logo_en{left: 5px;margin: 0px 0px 6px 0px;width:17px;}
	.sns{width:31%;}
	.top_info_en{width: 100%;margin: 5px 0 0 0px;position: relative;left: 0%;}
	.top_info {font-size: 1.7rem;line-height: 1.9;margin: 60px 0px 0 20px;}
	.top_info_body {font-size: 1.4rem;margin: 40px 0 20px 20px;}
	.tate{    
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: 	lr-tb;
	writing-mode: horizontal-tb;
	-webkit-text-orientation: sideways;
    -moz-text-orientation: sideways;
    -ms-text-orientation: sideways;
    text-orientation: sideways;}
	.mov{display:none;}
	.mov_ph{display:inline;}
	.qa_en {width: 90%;}
	.bl_en {width: 85%;}
}



/*Contact*/

div.wpcf7 { background:#fafafa;  padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
.respStyle{width:100%;}
.respStyle th {text-align: left; padding:12px 0 18px 13%;border-top: 1px solid #ccc;width: 85%;
display: inline-block;margin: -1px 2% 0 0;}
.respStyle td {padding:12px 2px 18px;border-top: 1px solid #ccc;width:70%;}

input[type="text"],input[type="tel"], input[type="date"],textarea, .wpcf7-email {
    outline: none;
    border: 1px solid #222;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 12px 10px;
    width: 88%;
	font-size: 1.4rem;
}
input[type="number"]{
    outline: none;
    border: 1px solid #222;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 12px;
	width: 15%;
	font-size: 1.4rem;
}
.list-block .wpcf7-list-item {
    display: block;
}
.required-srt {padding: 0 5px;color:  #DF3447;}
span.wpcf7-list-item {margin: 0 5px 0 0 !important}

/* Contact Form 7のラジオボタンを縦並びに　class:list-blockをclass指定する */
.list-block .wpcf7-list-item {
    display: block;
}

.recaptcha { /* recaptchaに余白 */
    margin: -10px 0 20px 0;
}








/* -- Mobile Header -- */

.stm_1_1 {max-width: 800px; margin: 0 auto; padding: 0 15%; }

.mor_menu_ti{padding: 50px 0 30px;font-size: 1.8rem;}
.mor_menu{width: 70%;float: left;padding: 5px 0 0px;}
.mor_tag{width: 30%;float: left;padding-top: 10px;font-size: 1.5rem;line-height: 2.6;letter-spacing:0.1em;}
.mor_sns{width: 100%;}
.menu-btn {cursor: pointer;z-index: 9999; }

.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: 0;left: 0;width: 100%;height: 100%;background: rgba(25,89,50,.9);-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 8px 0px;text-align: left;}
.m_menu li a {display: block;font-size: 1.9rem;color: #fff;line-height: 2.6;letter-spacing:0.15em;}
.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: 1;z-index: 200;overflow-x: hidden;overflow-y: auto;max-height: 100%;}



/* Toggle Button */

#nav-toggle {position: fixed;width: 33px;height: 48px;z-index: 300;right: 14px;padding: 0px 10px;margin-top: -5px;}
#nav-toggle div {position: relative;top: 10px;}
#nav-toggle span {display: block;position: absolute;height: 1px;width: 100%;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: 8px;}
#nav-toggle span:nth-child(3) {top: 16px;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);background-color: #fff;}
.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);background-color: #fff;}


@media screen and (max-width:768px){
	.menu-btn {display: inline;}
	.head_menu,.head_menu_r{display: none;}
	#nav-toggle {width: 30px;height: 48px;}
}





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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  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-hatenabookmark:before {
  content: "\e900";
  color: #fff;
}
.icon-cart:before {
  content: "\e93a";
}
.icon-coin-yen:before {
  content: "\e93e";
}
.icon-spinner7:before {
  content: "\e980";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-mail:before {
  content: "\ea83";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-tumblr:before {
  content: "\eab9";
}




.main_imgBox {height: calc(100vh - 120px);overflow: hidden;position: relative;margin: 110px 0 0;}

.main_img {z-index:10;opacity: 0;width: 100%;
    height: 100vh;
    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; }


@keyframes anime {
  0% {
  -webkit-transform : scale(1.08);
  -ms-transform : scale(1.08);
  transform : scale(1.08);
        opacity: 0;
    }
    16.6% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    49.9% {
        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:900px){
.main_imgBox {height: 60vh;overflow: hidden;position: relative;margin: 208px 8px 200px 8px;}
.main_img {height: 60vh;}
.top_logo_ti{top:50%;right:4%;width:75px;transform: translateY(-50%);
  -webkit-transform: translateY(-50%);}
body.load #wrapAll {height: 51vh;}
}
@media screen and (min-width:1200px){
.main_imgBox {}
.main_img {}

}