@charset "UTF-8";

/* ===============================================
Initializr Styles
=============================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}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:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ===============================================
Reset
=============================================== */
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,figure {margin:0; padding:0;}
ul,ol {list-style:none;}

/* ===============================================
Web Font
=============================================== */
/* Roboto */
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:400;
	src:url(/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:700;
	src:url(/fonts/Roboto-Bold.woff) format('woff');
}
/* Spectral */
@font-face {
	font-family:'Spectral';
	font-style:normal;
	font-weight:400;
	src:url(/fonts/Spectral-Regular.woff) format('woff');
}
@font-face {
	font-family:'Spectral';
	font-style:normal;
	font-weight:200;
	src:url(/fonts/Spectral-ExtraLightItalic.woff) format('woff');
}
@font-face {
	font-family:'Spectral';
	font-style:normal;
	font-weight:300;
	src:url(/fonts/Spectral-Light.woff) format('woff');
}
@font-face {
	font-family:'Spectral';
	font-style:normal;
	font-weight:500;
	src:url(/fonts/Spectral-Medium.woff) format('woff');
}
/* Noto Sans CJK JP */
@font-face {
	font-family:'NotoSansCJKjp';
	font-style:normal;
	font-weight:400;
	src:local('Noto Sans CJK JP Regular'),
		url(/fonts/NotoSansCJKjp-Regular_sub.woff) format('woff');
}
@font-face {
	font-family:'NotoSansCJKjp';
	font-style:normal;
	font-weight:700;
	src:local('Noto Sans CJK JP Bold'),
		url(/fonts/NotoSansCJKjp-Bold_sub.woff) format('woff');
}
/* Source Han Serif */
@font-face {
	font-family:'SourceHanSerif';
	font-style:normal;
	font-weight:400;
	src:local('Source Han Serif JP Regular'),
		url(/fonts/SourceHanSerif-Regular_sub.woff) format('woff');
}
@font-face {
	font-family:'SourceHanSerif';
	font-style:normal;
	font-weight:700;
	src:local('Source Han Serif JP Bold'),
		url(/fonts/SourceHanSerif-Bold_sub.woff) format('woff');
}
/* Font Set */
.fontRoboto {font-family:Roboto, sans-serif; font-weight:400;}
.fontSpectral {font-family:Spectral, serif; font-weight:200;}
.NotoSansCJKjp {font-family:"NotoSansCJKjp", sans-serif; font-weight:400;}
.SourceHanSerif {font-family:"SourceHanSerif", serif; font-weight:400;}
.fontMin {font-family:SourceHanSerif, Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif; font-weight:400;}

/* ===============================================
Common Styles
=============================================== */
body {background:#fff; font:16px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, NotoSansCJKjp, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif; color:#000; font-family:BlinkMacSystemFont, "Helvetica Neue", Roboto, "NotoSansCJKjp", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif\9;}
@media all and (-ms-high-contrast: none){
	body{font-family:BlinkMacSystemFont, "Helvetica Neue", Roboto, "NotoSansCJKjp", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;}
}
* {
-webkit-backface-visibility:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/*p, a, span, td, th, dd, dt, li, h3, h4{font-family:"NotoSansCJKjp", sans-serif;}*/
/* img */
img {max-width:100%; height:auto;}
/* a:link */
a:link {text-decoration:none; color:#000000;}
a:visited {color:#000000;}
a:hover {color:#a7915a;}
a:active {color:#a7915a;}
a.blcka{text-decoration:none; color:#000; display:block;}
/* border */
.border_b {border-bottom:solid 1px #cbcbc9;}
.border_all {border:solid 1px #000;}
/* color */
.colorWhite {color:#fff !important;}
.colorBlack {color:#555 !important;}
.colorGray {color:#666 !important;}
.colorRed {color:#c00 !important;}
/* background */
.bgClr {background-color:transparent !important;}
.bgWhite {background-color:#fff !important;}
.bgBlack{background-color:#000 !important;}
.bgGray {background-color:#f1f0e9 !important;}
.bgCccc{background:#ccc; padding:5px;}
/* sup/sub */
sub, sup {font-size:80%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
/* font-size */
.size30 {font-size:30px !important;}
.size28 {font-size:28px !important;}
.size26 {font-size:26px !important;}
.size24 {font-size:24px !important;}
.size22 {font-size:22px !important;}
.size20 {font-size:20px !important;}
.size18 {font-size:18px !important;}
.size16 {font-size:16px !important;}
.size15 {font-size:15px !important;}
.size14 {font-size:14px !important;}
.size13 {font-size:13px !important;}
.size12 {font-size:12px !important;}
.size11 {font-size:11px !important;}
.size10 {font-size:10px !important;}
/* margin */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}
/* add margin */
.mt90 {margin-top:90px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt05 {margin-top:5px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb05 {margin-bottom:5px !important;}
/* padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
/* add padding */
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt05 {padding-top:5px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb05 {padding-bottom:5px !important;}
/* width */
.wAuto {width:auto !important;}
.w100p {width:100% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w05p {width:5% !important;}
/* text-align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
/* vertical-align */
.v_alignT {vertical-align:top !important;}
.v_alignM {vertical-align:middle !important;}
.v_alignB {vertical-align:bottom !important;}
/* list-style */
.listDisc {padding-left:1.5em;}
.listDisc > li {list-style:disc;}
.listDecimal {padding-left:2.0em;}
.listDecimal > li {list-style:decimal;}
.listlowerAlpha {padding-left:2.0em;}
.listlowerAlpha > li {list-style:lower-alpha;}
/* notes */
.notes_01 {padding-left:1em; text-indent:-1em !important;}
.notes_01_5 {padding-left:1.5em; text-indent:-1.5em !important;}
.notes_02 {padding-left:2em; text-indent:-2em !important;}
.notes_02_5 {padding-left:2.5em; text-indent:-2.5em !important;}
.notes_03 {padding-left:3em; text-indent:-3em !important;}
.notesClr {padding:0; text-indent:0 !important;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatN {float:none !important;}
.clearB {clear:both !important;}
/* position */
.posiAbs {position:absolute !important;}
.posiRel {position:relative !important;}
.posiT {top:0 !important;}
.posiR {right:0 !important;}
.posiB {bottom:0 !important;}
.posiL {left:0 !important;}
/* Other */
.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
audio,canvas,iframe,img,svg,video {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical;}
/* display */
/* .viewL-B,.viewL-I,.viewL-Ib {display:none !important;} */
/* .viewM-B,.viewM-I,.viewM-Ib {display:none !important;} */
.viewS-B,.viewS-I,.viewS-Ib {display:none !important;}
/* Form */
input,select {vertical-align:middle;}
input[type="text"],button,textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none; margin:0; padding:0; 
}
.ckBox, /* input[type=checkbox] */
.radioBtn, /* input[type=radio] */
select {position:relative; top:-0.1em;}
/* placeholder */
:placeholder-shown {font-weight:normal; color:#bbb;}
::-webkit-input-placeholder {font-weight:normal; color:#bbb;}
:-moz-placeholder {font-weight:normal; color:#bbb;}
::-moz-placeholder {font-weight:normal; color:#bbb;}
:-ms-input-placeholder {font-weight:normal; color:#bbb;}
.toggle-body{display:none;}

/* ===============================================
All Styles (PC Size)
=============================================== */
/* Layout
----------------------------------------------- */
/* ----- common ----- */
#wrapper {position:relative; width:100%; margin:0 auto; overflow-x:hidden;}
.wrap {width:100%; margin:0 auto; max-width:1100px;}

/* ----- header ----- */
#header {position:fixed; z-index:999; top:0; left:0; width:100%;/* height:146px;*/ background:#fff; opacity:0.9; -webkit-transition:0.5s; transition:0.5s;}
/*#header.home{height:100px;}*/
#header img{-webkit-transition:0s; transition:0s;}
#header .inner{ pointer-events:auto; -webkit-transition:0.5s; transition:0.5s;}
#header .inner.rolled{/*opacity:0;*/ pointer-events:none; -webkit-transform:translateY(-112px); transform:translateY(-112px);}
#header .wrap{position:relative;}
#header .logoBox, #header .menuBlock, #header #hd-menu-body{display:inline-block; vertical-align:middle; margin:35px auto 30px;}
#header.home .logoBox, #header.home .menuBlock, #header.home #hd-menu-body{margin-bottom:35px;}
#header .logoBox{margin-right:50px;}
#header .bgrBtn{display:none;}
#header .globalNav{display:flex; padding:0; font-family:Roboto, sans-serif; font-weight:400;}
#header .globalNav li a{position:relative;}
#header .globalNav li a::before{content:""; width:100%; height:300%; position:absolute; top:-150%; left:0; padding:10px 0;}
#header .globalNav li~li::before{content:""; margin:0 15px; width:1px; height:14px; background:#000; display:inline-block;}
#header .globalNav li.current a{border-bottom:solid #000 2px;}
#header .menuBlock .foot{display:none;}
#header .telBox{position:absolute; top:30px; right:5px; text-align:center; font-size:12px;}
#telBoxBtm{display: none;}

/* ----- st_head ----- */
#header .st_head{color:#fff; width:100%; position:relative; left:auto; top:auto; -webkit-transition:0.3s; transition:0.3s; transition-timing-function:ease-in-out;}
#header .st_head.rolled{-webkit-transform:translateY(-112px); transform:translateY(-112px);/*position:absolute; top:0; left:0;*/ -webkit-transition:0.5s; transition:0.5s;}
#header .st_head .wrap{position:relative;}
#header .st_head .wrap .ctgr, .st_head .wrap .menu, .st_head .wrap .link{display:inline-block; vertical-align:middle;}
#header .st_head .wrap ul li{display:inline-block; vertical-align:middle;}
#header .st_head .wrap .ctgr{}
/*#header .st_head .wrap .menu{padding:10px;}*/
#header .st_head .wrap a{padding:10px; display:block; width:100%; height:100%; color:#fff;}
#header .st_head .wrap .ctgr.current a, #header .st_head .wrap .menu .current a{color:#a3a3a3; border-bottom:solid 2px #a3a3a3;}
#header .st_head .wrap .link{position:absolute; top:12px; right:0; width:300px; text-align:right; font-size:13px;}
#header .st_head .wrap .link a{padding:15px 0; display:inline;}
#header .st_head .wrap .link li~li::before{content:""; margin:0 15px; width:1px; height:10px; background:#fff; display:inherit;}

/* ----- kvArea ----- */
#kvArea {position:relative;}
.subKv{ padding-top:100px;}

/* ----- panList ----- */
.panList {background:transparent; width:100%; padding:10px 20px; color:#fff;}
.panList a {color:#fff;}
.panList.bgGry {background:#e6e6e6; color:#000;}
.panList.bgGry a {color:#000;}
.panList ul {font-size:0;}
.panList li {display:inline-block; font-size:12px; line-height:1;}
.panList li:before {content:"\3e"; display:inline-block; margin:0 10px;}
.panList li:first-child:before {display:none;}
#kvArea .panList {position:absolute; top:90px; left:0; z-index:2;}

/* ----- contents ----- */
#contents {min-height:500px;}

/* ----- footer ----- */
#footer{padding-bottom:25px; background:#000;}
#footer .contact{background:#f0f0f0; padding:20px 0 60px;}
#footer .contact .btnBox{width:410px; margin:10px auto;}
#footer .contact .btnBox .btn{border:solid 1px #000; width:410px; font-size:20px; margin:40px auto; font-family:Spectral, sans-serif; position:relative;}
#footer .contact .btnBox .btn a{display:flex; align-items:center; color:#000; height:100%;}
/*#footer .contact .btnBox .btn a:hover{color:#8f7944;}*/
#footer .contact .btnBox .btn p{padding:10px 25px; position:relative; font-weight:500;}
#footer .contact .btnBox .btn p:nth-child(2){font-size:32px; font-weight:300;}
#footer .contact .btnBox .btn p:nth-child(2)::before{content:""; width:1px; height:74px; display:block; background:#000; position:absolute; top:-1px; margin:0 -20px;
-ms-transform:rotate(15deg);
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
height:72px\9;*height:72px;_height:72px;top:-2px\9;*top:-2px;_top:-2px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footer .contact .btnBox .btn p:nth-child(2)::before{height:72px; top:-2px;}
}
#footer .footmenu01{background:#fff; padding:60px 0;}
#footer .footmenu01 .wrap{}
#footer .footmenu01 .lgBox, #footer .footmenu01 .menu, #footer .footmenu01 .fb{display:inline-block; vertical-align:middle;}
#footer .footmenu01 .lgBox{margin-right: 50px;}
#footer .footmenu01 .menu{font-family:Roboto, sans-serif; font-weight:400;}
#footer .footmenu01 .menu li{height:25px; float:left;}
#footer .footmenu01 .menu li a{position:relative;}
#footer .footmenu01 .menu li a::before{content:""; width:100%; height:300%; position:absolute; top:-150%; left:0; padding:10px 0;}
#footer .footmenu01 .menu li~li::before{content:""; border-left:solid 1px #000; margin:0 15px;}
#footer .footmenu01 .fb{height:30px; width:30px;}
#footer .footmenu02{color:#fff; text-align:center;}
#footer .footmenu02 .link{margin:auto;}
#footer .footmenu02 .link a{color:#fff; display:inline-block; padding:20px;}
#footer .footmenu02 .menu{display:flex; font-size:13px; justify-content:center; margin:30px auto;}
#footer .footmenu02 .menu li~li::before{content:""; border-left:solid 1px #fff; margin:0 15px;}
#footer .footmenu02 .menu li a{color:#fff; position:relative;}
#footer .footmenu02 .menu li a::before{content:""; width:100%; height:300%; position:absolute; top:-150%; left:0; padding:10px 0;}
#footer .footmenu02 .menu li a:hover{color:#a3a3a3;}
#footer .footmenu02 .copy{font-size:12px;}

/* ----- pageTop ----- */
#pageTop {display:none; position:fixed; right:0; bottom:0; z-index:999;}
#pageTop span {display:none;}
#pageTop a {display:block; background:url(../img/btn_pagetop.png) no-repeat; background-size:41px; width:41px; height:41px; opacity:1; transition:0.5s ease;}
#pageTop a:hover {opacity:.7;}

/* Contents Parts
----------------------------------------------- */
/* ----- topKv ----- */
.topKv {width:100%; position:relative;}
.topKv .topkv01 .fullScr {position:relative; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; width:100vw; min-height:100vh; height:auto;}
/*.topKv .topkv01 .fullScr.slick-current{opacity:1 !important; transition:0.5s ease;}*/
.topKv .cover{position:absolute; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1;}
.topKv .cover.o80{background-color:rgba(0,0,0,0.8);}
.topKv .cover.o70{background-color:rgba(0,0,0,0.7);}
.topKv .cover.o60{background-color:rgba(0,0,0,0.6);}
.topKv .cover.o40{background-color:rgba(0,0,0,0.4);}
.topKv .cover.o30{background-color:rgba(0,0,0,0.3);}
.topKv .cover.o20{background-color:rgba(0,0,0,0.2);}
.topKv .cover.o10{background-color:rgba(0,0,0,0.1);}
.topKv .cover.o00{background-color:rgba(0,0,0,0);}
.topKv .msgBox {position:absolute; left:50%; top:30%; width:800px; color:#fff; z-index:2; text-align:center;
-webkit-transform:translate(-50%);
transform:translate(-50%);
}
.topKv a{color:#fff;}
.topKv .msgBox .category {font-size:30px; letter-spacing:1px;}
.topKv .msgBox .category .sub {font-size:50px; display:block; line-height:1.2em;}
.topKv .msgBox .ttl {font-size:18px;}
.topKv .msgBox .subttl {font-size:20px;}
.topKv .textL .msgBox{width:90%;}
.topKv .textL .msgBox .category{line-height:1.2em; margin-bottom:20px;}
.topKv .bnrBox {position:absolute; left:0; bottom:60px; width:100%; padding:0 30px;}
.topKv .bnrBox ul {display:inline-block; float:right;}
.topKv .bnrBox li {float:left; background:#fff; width:250px;}
.topKv .bnrBox li~li {margin-left:10px;}
.topKv .scroll {position:absolute; left:0; bottom:20px; width:100%; text-align:center;}
.topKv .scroll a {display:inline-block;}
.topKv .topkv01 .slick-dotted.slick-slider {margin:0;}
.topKv .topkv01 .slick-dots{position:absolute; left:0%; bottom:20%; text-align:center;}
.topKv .topkv01 .slick-dots li button:before{color:#fff; font-size:15px; opacity:1;}
.topKv .topkv01 .slick-dots li.slick-active button:before{color:#8f7944;}
.topKv .topkv01 .slick-prev, .topKv .topkv01 .slick-next{width:35px; height:100%;}
.topKv .topkv01 .slick-prev{left:2%; z-index:5;}
.topKv .topkv01 .slick-next{right:2%;}
.topKv .topkv01 .slick-prev:before, .topKv .topkv01 .slick-next:before{font-size:30px; color:white;}
.topKv .topkv01 .slick-prev:before{content:"";}
.topKv .topkv01 .slick-next:before{content:"";}
.topKv .topkv01.slick-dotted.slick-slider{margin-bottom:0px;}

/* ----- subkv01 ----- */
.topKv .subkv01{width:100%; position:relative;}
.topKv .subkv01 li{background:#000 no-repeat center; background-size:cover; width:100%; height:760px;}
.topKv .subkv01 img{width:100%; z-index:1;}
.topKv .subkv01 .kvtxt{width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); color:#fff; z-index:5;}
.topKv .subkv01 .kvtxt.bk{color:#000;}
.topKv .subkv01 .kvtxt h1{font-size:70px; font-weight:200; font-family:Spectral, sans-serif;}
.topKv .subkv01 .kvtxt p{font-size:26px; margin-top:40px;}
/*.topKv .subkv01 li{background-size:cover; background:#000 no-repeat center;}*/
.topKv.cover{width:100%; height:auto; position:relative;}/*
.topKv.cover::after{z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; position:absolute; top:0; left:0;}*/

/* ----- subkv02 ----- */
.topKv .subkv02{width:100%; height:310px; position:relative; margin-top:115px; background:#000;}
.topKv .subkv02.st{margin-top:158px;}
.topKv .subkv02 .kvtxt{width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); color:#fff; z-index:5;}
.topKv .subkv02 .kvtxt h1{font-size:70px; font-weight:200; font-family:Spectral, sans-serif; margin-top:-20px;}
.topKv .subkv02 .kvtxt p{font-size:16px; margin-top:45px;}

/* ----- tp_catch ----- */
.tp_catch{padding:90px 0; background:#000; background:no-repeat url(../img/index/bg_01.jpg) center top; background-size:cover;}
.tp_catch h1, .tp_catch p, .tp_catch ul{max-width:1100px; width:100%; text-align:center; margin:auto; color:#fff;}
.tp_catch .photo{/*display:flex; justify-content:space-between;*/}
.tp_catch .photo li{flex-basis: 25%; display:inline-block; height:180px;}
.tp_catch .photo li img{max-height:100%; width:auto;}
.tp_catch .photo li~li{margin-left:5px;}
.tp_catch p{margin:40px auto 80px;}

/* ----- tp_studio ----- */
.tp_studio{padding:80px 0 120px; color:#fff; background:repeat-y url(../img/index/bg_02.jpg); background-size:cover;}
.tp_studio .studioBox{width:100%; max-width:1500px; margin:0 auto 120px; position:relative;}
.tp_studio .studioBox .boxImg{width:70%}
.tp_studio .studioBox.flL .boxImg{float:left;}
.tp_studio .studioBox.flR .boxImg{float:right; text-align:right;}
.tp_studio .studioBox .boxTxt{color:#fff; background:#645b4d; width:35%; position:absolute; top:-40px; padding:50px 0 100px; min-height:350px; right:0%;}
.tp_studio .studioBox.flR .boxTxt{right:auto; left:0%;}
.tp_studio .studioBox .boxTxt .ttl, .tp_studio .studioBox .boxTxt p{padding:30px 30px 10px 0;}
.tp_studio .studioBox .boxTxt .ttl{border-bottom:solid 1px #fff; width:80%; margin:auto; padding-bottom:15px;}
.tp_studio .studioBox .boxTxt p{width:80%; margin:auto;}
.tp_studio .studioBox .boxTxt .btn{display:block; width:60%; padding:10px 0; background:#8f7944; text-align:center; margin-top:30px; position:absolute; bottom:40px;}
.tp_studio .studioBox .boxTxt a.btn{color:#fff;}

/* ----- tp_news ----- */
.tp_news{padding-top:20px;}
.tp_news .newsList{padding:70px 0 100px;}
.tp_news .newsList li{padding:30px 0; border-bottom:dashed 1px #7f7f7f; position:relative;}
.tp_news .newsList li a{display:block;}
.tp_news .newsList li p{margin-right:20px; pointer-events:none;}
.tp_news .newsList li .item{display:inline-block;}
.tp_news .newsList li .ctgr{width:120px; background:#c3b6a1; color:#fff; text-align:center;}
.tp_news .newsList li .text{color:#8f7944; position:relative; pointer-events:none; vertical-align:top; width:calc(100% - 250px);}
/*.tp_news .newsList li a .text::after{content:""; width:20px; height:20px; display:block; position:absolute; top:6px; right:-30px; background:no-repeat url(../img/index/icon_news.png);}*/
.tp_news .newsList li a .text::after{content:""; width:20px; height:20px; display:inline-block; position:relative; top:0.4em; right:-10px; background:no-repeat url(../img/index/icon_news.png);}

/* ----- tp_access ----- */
.tp_access{width:100%; text-align:center; color:#fff; padding-top:20px;}
.tp_access .guide p.fontMin{font-size:18px;}
.tp_access .guide p{font-size:14px;}
.tp_access .gglmap{width:100%; height:700px; background:#c6cdbd; margin:60px auto;}
.tp_access .btnBox{padding-bottom:40px;}
.tp_access .btnBox .btnPtn01{margin:20px auto; max-width:918px; display:block;}
.tp_access .btnBox .btnPtn01 span{position:relative;}
.tp_access .btnBox .btnPtn01 span::before{content:""; position:absolute; top:50%; left:-20px; width:8px; height:8px; border-width:2px; margin-top:-7.7px; border-bottom:2px solid #fff; border-right:2px solid #fff; border-left:none;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}

/* ----- price_news ----- */
.newsBox{background:rgba(255, 255, 255, 0.8); padding:20px 30px; width:80%; margin:auto; max-width:770px;}
.newsBox .ttl{margin-bottom:20px; text-align:center;}
.cautionBox{border:solid 1px #8f7944; padding:20px 20px; width: fit-content;margin:0 auto; max-width: 90%;}
.cautionBox a{color: #8f7944;}
.textLink01{color: #8f7944; position: relative;}
.textLink01::before{content: ""; width:7px; height: 7px; border:solid 2px #8f7944; transform: translateY(-1px)rotate(45deg); display: inline-block; border-width: 2px 2px 0 0; margin-right:5px}

/* ----- btnPtn ----- */
.btnPtn01{position:relative; display:block; background:#8f7944; padding:20px 15px; text-align:center; line-height:1.2; color:#fff;}
.btnPtn01 span{position:relative;}
.btnPtn01 span:before{content:""; position:absolute; top:50%; left:-5%; margin-top:-3.85px; border:5px solid transparent; border-left:7px solid #fff;}
.btnPtn01 a{color:#fff;}
a.btnPtn01{color:#fff;}
.booking .contact .btnBox{margin: 50px 0 0;}
.booking .contact .btnBox .btn{border:solid 1px #000; width:400px; font-size:20px; margin:40px auto; font-family:Spectral, sans-serif; position:relative; overflow:hidden;}
.booking .contact .btnBox .btn a{display:flex; align-items:center; color:#000; height:100%;}
.booking .contact .btnBox .btn p{padding:10px 25px; position:relative; font-weight:500; width:37%;}
.booking .contact .btnBox .btn p:nth-child(2){font-size:32px; font-weight:300; width:63%;}
.booking .contact .btnBox .btn::before{content:""; width:1px; height:110%; display:block; background:#000; position:absolute; top:-2px; margin:0 -20px; left:42%;/* top:-8px; height:88px; */
-ms-transform:rotate(15deg);
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
/* height:84px\9;*height:84px;_height:84px;*/}
.booking .contact .btnBox .btnPtn01{width:400px; margin:auto;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.booking .contact .btnBox .btn p:nth-child(2)::before{height:84px;}
}
.btnPtn02{position: relative; display: flex; justify-content: center; align-items: center; margin:auto; width: fit-content; padding:10px 15px; background-color: #000; color: #fff !important; line-height: 1em;}
.btnPtn02::before{content: ""; width:6px; height: 8px; clip-path: polygon(0 0, 100% 50%, 0 100%); display: block; margin-right:5px; background-color: #fff;}
.btnPtn02.bgGold{background-color: #8f7944;}

/* ----- hPtn ----- */
.hPtn01{font-size:26px; text-align:center; margin:30px auto ;}
.hPtn02{color:#000; font-size:36px; text-align:center; margin:40px auto; font-weight:200; font-family:Spectral, NotoSansCJKjp, sans-serif;}
.hPtn02.wht{color:#fff;}
.hPtn02 span{font-size:14px; display:block; font-weight:400;}
.hPtn02 span::before{content:""; width:70px; height:1px; background-color:#000; display:block; margin:0 auto 5px; position:relative;}
.hPtn02.wht span::before{background-color:#fff;}
.hPtn02.centering span::before{left:-2px;}
.hPtn03{text-align:center; margin-bottom:35px;}
.hPtn03 span.top{font-size:30px; border-bottom:7px solid rgba(0,0,0,0.15); font-weight:400; margin-bottom:10px; width:auto;}
.hPtn03 span.bottom{display:block; margin-top:10px; font-size:20px; font-weight:200; font-family:Spectral, sans-serif;}

/* ----- tblPtn ----- */
.tblPtn01{width:60%; margin:auto; border-collapse: separate; border-spacing: 0;}
.tblPtn01 th, .tblPtn01 td{padding:20px 0; border-bottom:solid 1px #d1d1d1;}
.tblPtn01 th{width:20%; letter-spacing:10px; text-align:left;}
.tblPtn01 td{padding-left:20px; width:80%; line-height:2em;}
.tblPtn01 th.nosp{letter-spacing:0;}
.tblPtn02{width:70%; margin:auto; border-collapse: separate; border-spacing: 0; text-align:center; table-layout:fixed;}
.tblPtn02 th, .tblPtn02 td{border:solid 1px #d1d1d1; padding:20px 0;}
.tblPtn02 th{background:#000; color:#fff; border:solid 1px #d1d1d1; font-weight:normal;}
.tblPtn02 .ttl{font-weight:bold;}
.tblPtn02 td{background:#fff;}
.tblPtn02.alignL p{font-size:13px;}
.tblPtn03{width:100%; margin:auto;}
.tblPtn03 th, .tblPtn03 td{padding:0; vertical-align: top;}
.tblPtn03 th{width:45%; text-align:left; margin-right: 5%;}
.tblPtn03 td{width:55%; line-height:1.6em;}



.bgBoxs{padding:100px 0; background:url(/img/common/bg01.jpg) repeat-y center top; background-size:100%;}
.bgBoxs.wht{background-image:url(/img/common/bg02.jpg);}

.anc a{position:relative;}
.anc a::before, .anc a::after{position:absolute; left:45px;}
.anc a::before{content:""; width:10px; display:block; bottom:10px; border-bottom:1px solid #fff;}
.anc a::after{content:""; width:0; height:0; border:5px solid transparent; border-top:8px solid #fff; top:14px;}

/* ----- page - studio_index ----- */
.stdioLink{display:flex; flex-wrap:wrap;}
.stdioLink li{width:33.333%; position:relative; background:no-repeat center top #000; background-size:cover; min-height:570px; color:#fff;}
.stdioLink li:hover{opacity:.7;}
.stdioLink li:nth-child(5):hover{opacity:1;}
.stdioLink li::after{display:block; content:""; width:100%; height:100%; /*background-image:url(/studio/img/index/bg_mesh.png);*/ position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.stdioLink li:hover::after{opacity:0;}
.stdioLink li:nth-child(5):hover::after{opacity:1;}
.stdioLink li~li{border-left:solid 1px #fff;}
.stdioLink li:nth-child(4),.stdioLink li:nth-child(5){width:100%; border-left:none; min-height:450px; border-top:1px solid #fff;}
.stdioLink li:nth-child(4) p,.stdioLink li:nth-child(5) p{width:700px; margin:45px auto 0; text-align:center;}
.stdioLink li a{color:#fff; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;}
.stdioLink li a:hover{opacity:1;}
.stdioLink li h2{text-align:center; z-index:5; position:relative; margin-top:140px;}
.stdioLink li:nth-child(4) h2,.stdioLink li:nth-child(5) h2{margin-top:80px;}
.stdioLink li p{width:80%; margin:60px auto; font-size:16px; text-align:center; line-height:2.2em; z-index:5; position:relative;}
.stdioLink li .btn{position:absolute; left:50%; bottom:65px; padding:15px 45px 15px 65px; background:#8f7944; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:5; min-width:225px;}
.stdioLink li .btn::before{position:absolute; content:""; border:solid 5px transparent; border-left:solid 7px #fff; left:50px; top:23px;}
.stdioLink li .btnBox{position:absolute; left:50%; bottom:65px;  -webkit-transform:translateX(-50%); transform:translateX(-50%); text-align:center; z-index:5;}
.stdioLink li .btnBox .btn{background:#8f7944; padding:15px 45px 15px 65px; position:relative; bottom:auto; left:auto; display:inline-block; margin:0 10px; -webkit-transform:translateX(0); transform:translateX(0);}
.stdioLink li .btnBox a{display:inline; width:auto; height:auto; position:relative; top:auto; left:auto; pointer-events:auto;}
.stdioLink li.none::after{display:none;}

/* ----- page - studio_detail ----- */
.specBox{background:#000; color:#fff; padding:70px 0 110px;}
.specBox .boxL,.specBox .boxR{display:inline-block; vertical-align:top; width:48%;}
.specBox .boxL{}
.specBox .boxL .ttl{margin-bottom:40px;}
.specBox .boxL .spec span{font-weight:700;}
.specBox .boxL.pl20{padding-left:20px;}
.specBox .boxL.pl20 .ttl{margin-bottom:0;}
.specBox .boxL.pl20 .spec{margin-left:10px;}
.specBox .boxL~.boxL{border-left:1px solid #fff;}
.specBox .boxR{}
.specBox .boxR a{color:#fff; font-size:14px; background:#6a6a6a; border-radius:17px; padding:7px 0 7px 20px; display:block; position:relative; width:180px; text-align:center; left:calc(100% - 190px);}
.about{background:url(/studio/img/bg01.jpg) no-repeat center; background-size:cover; width:100%; padding:90px 0;}
.about p{text-align:center; line-height:2em;}
.about .photo{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:100px;}
.about .photo li{width:48%; margin-bottom:40px;}
.about .photo.fl{display:block;}
.about .photo.fl > li{float:right; width:29%; position:relative;}
.about .photo.fl > li img{width:100%;}
.about .photo.fl > li:nth-child(1){float:left; width:68%;}
.about .photo.fl > li .cptn{background:rgba(0,0,0,0.5); color:#fff; position:absolute; bottom:-10px; right:-10px; padding:0 10px;}
.about .photo.fl > li:nth-child(1) .cptn{bottom:auto; right:auto; top:10px; left:0;}

/*.about .photo li:last-child{width:100%;}*/
.floormap{ background:#1f1f1f; padding:70px 0; color:#fff;}
.floormap .wrap{display:flex; justify-content:center;}
.floormap .boxL{}
.floormap .boxL .ttl{font-size:18px; color:#8c7528; margin-bottom:45px;}
.floormap .boxL .spec{width:430px;}
.floormap .boxL .spec dd, .floormap .boxL .spec dt{display:inline-block; vertical-align:top; letter-spacing:1px;}
.floormap .boxL .spec dt{font-weight:700; width:30%;}
.floormap .boxL .spec dd{width:65%; margin:0 0 35px 3%;}
.floormap .btn{text-align:center; margin-top:50px;}
.floormap .btn a, .modalDLbtn{padding:10px 24px 10px 55px; border-radius:17px; background:#8c7528; text-align:center; color:#fff; margin:auto; position:relative;}
a.modalDLbtn{color: #fff;}
.floormap .btn a:hover, .modalDLbtn:hover{background:#a7915a; opacity:1;}
.floormap .btn a::before, .modalDLbtn::before{content:""; border:transparent 6px solid; border-left:solid 9px #fff; position:absolute; top:15px; left:35px;}
.view360{background:#000; position:relative;}
.view360 iframe{width:100%; height:700px; border:none;}
.view360 .cover{text-align:center; z-index:2; color:#fff; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%;}
.sguideBox{display:flex; margin:80px auto; align-items:flex-end; justify-content:center;}
.sguideBox li{text-align:center; padding:30px 100px;}
.sguideBox li~li{border-left:solid #000 1px;}
.sguideBox li h2{font-weight:700; font-size:26px;}
.sguideBox li p{margin:15px auto 20px; width:300px; font-size:14px;}
.sguideBox li a{color:#8c7528; position:relative;}
.sguideBox li a::before{content:""; border:6px solid transparent; border-left:solid 8px #8c7528; position:absolute; left:-18px; top:3px;}
.sguideBox li a:hover{opacity:1; color:#a7915a; text-decoration:underline;}

/* ----- page - staff ----- */
.staff_list{display:flex; flex-wrap:wrap; margin-bottom:50px;}
.staff_list li{position:relative; width:20%; text-align:center; margin-bottom:50px;}
.staff_list li:hover p{color:#a7915a;}
.staff_list li:hover p.nonhover{color:inherit;}
.staff_list li p{transition:ease-in 0.3s;}
.staff_list li .name p{margin:8px auto; font-weight:bold; font-size:14px;}
.staff_list li .name .fontMin{font-size:20px; font-weight:400;}
.staff_list li .name .job{font-size:14px; margin:0 5px; font-weight:normal;}
.staff_list li .name .job::before{content:"<"; margin-right:5px;}
.staff_list li .name .job::after{content:">"; margin-left:5px;}
.staff_list.photo li{position:relative; width:30%; height:495px; background:no-repeat #000 center; margin:0 1.5% 30px; cursor:pointer;}
.staff_list.photo li::before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); display:block; transition:ease-in 0.4s;}
.staff_list.photo li:hover::before{opacity:0;}
.staff_list.photo li:hover p{color:#fff;}
.staff_list.photo li .ctgr{position:absolute; top:0; right:0; padding: 8px 24px; font-size:14px; color:#fff; text-align:center;}
.staff_list.photo li .ctgr.eng{ background:#01a0b3;}
.staff_list.photo li .ctgr.dir{ background:#bc9200;}
.staff_list.photo li .name{position:absolute; bottom:0; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff; text-align:center; text-shadow:2px 2px 1px #000;}
.staff_list.photo li a{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.staff_list.bookingName{display:flex; justify-content: center; flex-wrap:wrap; margin-bottom:50px;}


.modal{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.4); z-index:999; display:none; overflow-y: scroll;}
.modal .wrap{position:relative;}
.modal li{padding:80px 90px; position:fixed; top:30px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:none; height:calc(100% - 60px); text-align:center; background:#fff; width:100%; max-width:1100px; overflow-y: scroll;}
.modal li img{height:50%; background:#000;}
.modal li .name{font-size:30px; margin:0 auto;}
.modal li .eng{font-size:12px; font-weight:bold; margin-bottom:20px;}
.modal li .job{font-size:16px; margin-bottom:5px;}
.modal li h3, .modal li .profile{text-align:left; font-size:16px;}
.modal li h3{font-size:16px; margin-bottom:20px;}
.modal .cls{position:absolute; top:30px; right:6px; background:#000; color:#fff; width:40px; height:40px; font-size:45px; line-height:0; z-index:5;}
.modal .move{width:50px; height:calc(100% - 50px); position:fixed; top:50px; background:none;}
.modal .move.prev{left:0;}
.modal .move.next{right:0;}
.modal .pdfImg{display: block; width: 100%; height: calc(100% - 100px); margin-bottom: 20px; position: relative;}
.modal .pdfImg img{width: 100%; height: 100%; object-fit: contain; background: none;}
.modal img.icon{width: auto; height: auto; background: none;}
.modal.modalSlide li{padding:20px 30px}
.modal.modalSlide .cls{right: 0;}
.modal .pdfImg .scaleBtn{display: flex; justify-content: center; align-items: center; position: absolute; top:5px; right: 5px; border-radius:3px; padding:5px; width: 30px; height: 30px;}
.modal .pdfImg .scaleBtn img{width: 20px;;}

/* ----- page - downroad ----- */
/*
.downroad_list_col4{display:flex; flex-wrap:wrap; margin: 0 auto;}
.downroad_list_col4 li {width:25%; margin-bottom:50px; text-align:center;}
.downroad_list_col4 li .drbox p{margin-bottom:20px;}
*/

/* ----- page - downroad ----- */
.downroad_list_col5{display:flex; flex-wrap:wrap; margin: 0 auto;}
.downroad_list_col5 li {width:20%; margin-bottom:50px; text-align:center;}
.downroad_list_col5 li .drbox p{margin-bottom:20px;}
.modalSlideOpen{cursor: pointer;}
.modalSlideOpen:hover{color:#a7915a;}

/* ----- page - access ----- */
.access{background:#000; padding:30px 0 0;}
.descrBox{width:80%; margin:auto; text-align:left; padding-top:50px;}
.descrBox dd, .descrBox dt{display:inline-block; vertical-align:top; letter-spacing:1px;}
.descrBox dt{font-weight:700; width:30%;}
.descrBox dd{width:65%; margin:0 0 35px 3%;}
.gglmap{width:100%; height:700px;}
.parking{padding:30px 0 0;}
.parking .tblPtn02{table-layout:auto; width:80%;}
.parking .tblPtn02 tr td{padding:20px 5px;}
.parking .tblPtn02 tr td.mark{width:3%; border-right:none;}
.parking .tblPtn02 tr td.mark + td{border-left:none; text-align:left;}

/* ----- page - contact ----- */
.reception{margin:50px auto 30px; text-align:center;}
.reception li{border:solid 1px #000; padding:10px; width:30%; display:inline-block; vertical-align:top; text-align:left;}
.reception li~li{margin-left:2%;}
.reception .week, .reception .time{display:inline-block; width:auto; margin-left:10px;}

/* ----- page - faq ----- */
.anchor{margin-bottom:50px;}
.anchor li{margin:0 5px; display:inline-block; vertical-align:middle;}
.anchor li a{padding:7px 50px 7px 36px; background:#000; color:#fff; display:block; border-radius:20px; font-size:14px; text-align:center; position:relative; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.anchor li a:hover{color:#a7915a;}
.anchor.anc a::before, .anchor.anc a::after{position:absolute; left:auto; right:20px;}
.faq{margin:0 auto 50px;}
.faq li{padding:60px 10px 50px; border-top:dashed 1px #000;}
.faq li:first-child{border-top:none;}
.faq .qes, .faq .ans{position:relative; padding-left:60px;}
.faq .qes{cursor:pointer;}
.faq .ans{padding-top:10px; margin-top:40px;}
.faq .ans a{border-bottom:solid 1px #cbcbc9;}
.faq .qes::before, .faq .ans::before{border-radius:50px; position:absolute; left:0; width:40px; height:40px; text-align:center; font-weight:bold; color:#fff; font-size:25px;}
.faq .qes::after{content:"+";  background:#000; position:absolute; top:-1px; right:0; width:30px; height:30px; background:#000; text-align:center; font-weight:bold; color:#fff; font-size:25px; line-height:1.2em;}
.faq .qes.close::after{content:"-"; font-size:35px; line-height:0.8em;}
.faq .qes::before{content:"Q"; background:#000; top:-8px;}
.faq .ans::before{content:"A"; background:#a7915a; top:0px;}

/* ----- page - price ----- */
.tblTtl{font-size:18px; font-weight:bold; text-align:center; margin:60px auto 20px;}
.tblTtl.space{margin-top:110px;}
.tblBox{white-space:nowrap;}
.tblBox::-webkit-scrollbar{height:5px;}
.tblBox::-webkit-scrollbar-track{background: #F1F1F1;}
.tblBox::-webkit-scrollbar-thumb{background: #BCBCBC;}

/* ----- page - policy ----- */
.tlead{margin:auto; width:87%; max-width:920px;}
.txtBox01{margin:70px auto; padding:70px 0; border-top:solid 1px #000; width:87%; max-width:920px;}
.txtBox01.nobd{border-top:none; margin-top:auto; padding-top:0;}
.txtBox01 .ttlL{font-size:18px; margin-bottom:25px;}
.txtBox01 .ttlS{font-size:16px; margin:15px 0;}

/* ----- page - sitemap ----- */
.sitemap{width:660px; margin:60px auto auto;}
.sitemap ul{width:45%; margin:auto 10px; display:inline-block; vertical-align:top;}
.sitemap ul:nth-child(2){padding-left:130px;}
.sitemap ul li{margin-bottom:75px; padding-left:50px;}
.sitemap ul li a{font-size:18px; font-weight:bold; position:relative;}
.sitemap ul li a::before{content:""; position:absolute; top:10px; left:-50px; width:40px; height:1px; background:#000;}
.sitemap ul li .sub a::before{display:none;}
.sitemap ul li .sub{padding-left:15px; line-height:2.5em;}
.sitemap ul li .sub a{font-size:16px; font-weight:normal;}

/* Common Parts
----------------------------------------------- */
/* ----- tab ----- */
.tab-body > li {display:none;}
.tab-body .active {display:block;}

/* ----- bg-overlay ----- */
#bg-overlay {display:none;}

/* ----- pre ----- */
.pre:after {content:"\A"; white-space:pre;}
.preRsv:after {content:""; white-space:normal;}

/* ----- Effect ----- */
a,.btnEase {
-moz-transition:all .3s ease;
transition:all .3s ease;
}
a:hover,.btnEase:hover {opacity:.7;}

.text_indent_02{text-indent: 2em!important;}

/* ===============================================
Media Queries
=============================================== */
/* ===== Max Size ===== */
@media print, screen and (min-width:1920px) {
	/* ----- common ----- */
	#wrapper {width:1920px; margin:0 auto; padding:0; overflow-x:hidden;}
}
@media print, screen and (min-width:1180px) {
	/* ----- pageTop ----- */
	/*
	#pageTop {right:auto; width:100%;}
	#pageTop .inner {width:1180px; margin:0 auto; padding:0 10px;}
	#pageTop a {float:right;}
	*/
	
	/* ----- tp_studio ----- */
	.tp_studio .studioBox .boxTxt{right:0.65%;}
	.tp_studio .studioBox.flR .boxTxt{right:auto; left:0.65%;}
}

/* ===== TB(PC) Layout ===== */
@media print, screen and (max-width:1024px) {
	#header .logoBox{margin-right:10px;}
	#footer .footmenu01 .lgBox{margin-right: 10px;}
}

/* ===== TB(PC) Layout ===== */
@media print, screen and (max-width:999px) {
	#wrapper {width:1020px;}
	.wrap {width:1000px; margin:0 auto; padding:0;}
}

/* ===== TB Size 768-979px ===== */
@media screen and (max-width:979px) {}

/* ===== SP Size 0-767px ===== */
@media screen and (max-width:767px) {
	/* Layout
	--------------------------------------------- */
	/* a:link */
	a:hover {text-decoration:none;}
	/* ----- common ----- */
	#wrapper {width:100%;}
	.wrap {width:100%; padding:0 10px;}
	.viewS-B {display:block !important;}
	.viewS-I {display:inline !important;}
	.viewS-Ib {display:inline-block !important;}
	.viewL-B,.viewL-I,.viewL-Ib {display:none !important;}

	/* ----- header ----- */
	#header {position:static; height:70px!important; opacity:1;}
	#header .inner.wrap {padding:0; position:fixed; z-index:998; background:#fff; height:70px;}
	#header .inner {height:auto;}
	#header .menuBlock{display:block;}
	#header .logoBox, #header .menuBlock{margin-top:0;}
	#header .logoBox{margin:10px auto; width:100%; text-align:center;}
	#header .bgrBtn{z-index:999; position:absolute; top:0px; right:5px; display:block;}
	#header .bgrBtn a {display:block; background:url(/img/btn_bgr_open_01.png) 50% 50% no-repeat; background-size:25px; width:55px; height:65px;}
	#header .bgrBtn a {background-image:url(/img/btn_bgr_open_01.png);}
	#header .bgrBtn a.close {background-image:url(/img/btn_bgr_close_01.png);}
	#header .bgrBtn a span {display:none;}
	#header .globalNav li a{display:block;}
	#header .globalNav li a::before{height:150%; top:-75%;}
	#header .globalNav li.current a{border-bottom:none;}
	
	/* ----- st_head ----- */
	#header .st_head{display:none;}
	
	/* menuBlock */
	#header #hd-menu-body{margin:0; transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s;}
	#header .menuBlock {display:block; position:fixed; top:0; left:0; background:#fff; width:100%; height:100%; padding:0; z-index:998;}
	#header .menuBlock nav {display:block; height:100%; overflow:auto;
	-webkit-overflow-scrolling:touch;
	}
	/* hdMenuBox */
	#header .menuBlock .hdMenuBox {float:none; background:#000; margin:0;}
	
	/* hd-menu-body */
	#hd-menu-body{opacity:0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; pointer-events:none;}
	#hd-menu-body.opn{opacity:1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; pointer-events:visible;}
	#hd-menu-body li{transform:translateY(10px); -webkit-transform:translateY(10px); opacity:0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
	#hd-menu-body.opn li{transform:translateY(0px); -webkit-transform:translateY(0); opacity:1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
	#hd-menu-body li:nth-child(2){-webkit-transition-delay: .1s; transition-delay: .1s;}
	#hd-menu-body li:nth-child(3){-webkit-transition-delay: .15s; transition-delay: .15s;}
	#hd-menu-body li:nth-child(4){-webkit-transition-delay: .2s; transition-delay: .2s;}
	#hd-menu-body li:nth-child(5){-webkit-transition-delay: .25s; transition-delay: .25s;}
	#hd-menu-body li:nth-child(6){-webkit-transition-delay: .3s; transition-delay: .3s;}
	#hd-menu-body li:nth-child(7){-webkit-transition-delay: .35s; transition-delay: .35s;}
	#hd-menu-body li:nth-child(8){-webkit-transition-delay: .4s; transition-delay: .4s;}
	#hd-menu-body li:nth-child(9){-webkit-transition-delay: .45s; transition-delay: .45s;}
	#hd-menu-body li:nth-child(10){-webkit-transition-delay: .5s; transition-delay: .5s;}
	#hd-menu-body li:nth-child(11){-webkit-transition-delay: .55s; transition-delay: .55s;}
	#hd-menu-body li:nth-child(12){-webkit-transition-delay: .6s; transition-delay: .6s;}
	#hd-menu-body .fb img{transform:translateY(10px); -webkit-transform:translateY(10px); opacity:0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease .25s;}
	#hd-menu-body.opn .fb img{transform:translateY(10px); -webkit-transform:translateY(10px); opacity:1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease .25s;}
	
	/* globalNav */
	#header .menuBlock .lgBox, #header .globalNav{width:70%; margin:auto;}
	#header .menuBlock .lgBox img{ margin-top:40px;}
	#header .globalNav{flex-wrap:wrap;}
	#header .globalNav li{width:100%; position:relative; height:50px; padding:15px 0;}
	#header .globalNav li~li::before{display:none;}
	#header .menuBlock .globalNav li a {position:relative; width:100%; display:block;}
	#header .menuBlock .foot{display:block; font-size:14px; width:70%; margin:20px auto 0; border-top:solid 1px #000; padding-top:20px; position:relative;}
	#header .menuBlock .foot li{width:100%; height:33px;}
	#header .menuBlock .foot li a{display:block; width:100%; padding:5px 0;}
	#header .menuBlock .foot .fb{width:30px; height:30px; position:absolute; bottom:8px; right:0;}
	#header .menuBlock .foot .fb img{width:100%;}

	#header .telBox{top:10px; right:85%; display: none;}
	#header .telBox .tel{display:none;}
	#telBoxBtm{position: fixed; width: 100%; text-align: center; z-index: 990; padding: 0 42px; bottom: 10px; left: 0; display: block;}
	#telBoxBtm.btm{position: relative; padding: 20px 42px 10px; margin-top: 0; background-color: #f0f0f0; bottom: 0;}
	#telBoxBtm .telBtn{background-color: #da380c; display: flex; color: #fff; filter: drop-shadow(0 2px 5px rgba(0,0,0, 0.4)); font-size: 17px; font-weight: bold; display: flex; align-items: center; justify-content: center; line-height: 1em; gap: 10px; padding: 15px 10px; width: 100%;}
	#telBoxBtm .telBtn img{width: 20px;}
	#telBoxBtm .telBtn p br{display: none;}
	
	/* ----- kvArea ----- */
	#kvArea li{position:relative; max-height: 240px; padding: 5%;}
	#kvArea li img {max-width:none; height:100%; position:absolute; left:50%; transform:translateX(-50%);}

	/* ----- panList ----- */
	.panList {display:none;}

	/* ----- footer ----- */
	#footer{}
	#footer .contact{padding:20px 5% 60px;}
	#footer .contact .btnBox{width:100%;}
	#footer .contact .btnBox .btn{width:100%; font-size:16px; height:72px}
	#footer .contact .btnBox .btn p{padding:10px 25px; position:relative; width:35%;}
	#footer .contact .btnBox .btn p:nth-child(2){font-size:22px; text-align:center; width:70%;}
/*	#footer .contact .btnBox .btn p:nth-child(2)::before{top:-10px; left:30px}*/
	#footer .footmenu02 .copy{padding:20px 0 20px;}

	/* ----- pageTop ----- */
	#pageTop {right:0; bottom:0;}

	/* Contents Parts
	----------------------------------------------- */
	/* ----- topKv ----- */
	.topKv .msgBox {left:0; top:20%; width:100%; padding:0 50px; text-align:center; -webkit-transform:translate(0); transform:translate(0);}
	.topKv .textL .msgBox{width:100%;}
	.topKv .msgBox .category {font-size:36px;} 
	.topKv .msgBox .category .sub{font-size:20px;}
	.topKv .msgBox .ttl {font-size:16px;}
	.topKv .msgBox .subttl {font-size:12px;}
	.topKv .bnrBox {padding:0;}
	.topKv .bnrBox ul {display:block; float:none; width:300px; margin:0 auto;} 
	.topKv .bnrBox li:nth-child(-n+4),
	.topKv .bnrBox li:nth-child(4n+1),
	.topKv .bnrBox li {float:left; width:145px; margin:10px 0 0 10px;}
	.topKv .bnrBox li:nth-child(-n+2) {margin-top:0;}
	.topKv .bnrBox li:nth-child(2n+1) {clear:both; margin-left:0;}
	.topKv .topkv01 .slick-dots{ left:0; top:65%; margin-top:3.75em; text-align:center;}/*53%*/
	.topKv .topkv01 .slick-dots li button:before{color:#fff; font-size:15px; opacity:1;}
	.topKv .topkv01 .slick-dots li.slick-active button:before{color:#8f7944;}
	/* テキスト多め上付き */
	.topKv .msgBox.posTop {left:0; top:5%; width:100%; padding:0 10px; text-align:center; -webkit-transform:translate(0); transform:translate(0);}
	.topKv .msgBox.posTop.posC{top:40%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	.topKv .msgBox.posTop .category {font-size:24px;}
    
    /* ----- subkv01 ----- */
    .topKv .subkv01 .kvtxt{width:100%; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%); color:#fff; z-index:5;}
    .topKv .subkv01 .kvtxt h1{font-size:50px; font-weight:200; font-family:Spectral, sans-serif;}
    .topKv .subkv01 .kvtxt p{font-size:20px; margin-top:5%;}
	
	/* ----- subkv02 ----- */
	.topKv .subkv02{height:auto; margin-top:0; padding: 0 5%;}
    .topKv .subkv02.st{margin-top:0;}
    .topKv .subkv02 .kvtxt{width:100%; text-align:center; position:static; transform:none; padding: 10% 0 0;}
    .topKv .subkv02 .kvtxt h1{font-size:50px; font-weight:200; font-family:Spectral, sans-serif; margin-top:-20px;}
    .topKv .subkv02 .kvtxt p {margin-top: 20px; margin-bottom: 10%;}

	/* ----- tp_catch ----- */
	.tp_catch{padding:90px 5%;}
	.tp_catch h1, .tp_catch p, .tp_catch ul{max-width:100%;}
/*	.tp_catch .photo{flex-wrap:wrap;}*/
	.tp_catch .photo li{/*width:48%;*/ margin-bottom:5px; height:108px;}
	
	/* ----- tp_studio ----- */
	.tp_studio{padding:40px 0;}
	.tp_studio .studioBox.flL .boxImg, .tp_studio .studioBox.flR .boxImg{float:none; width:100%;}
	.tp_studio .studioBox .boxTxt, .tp_studio .studioBox.flR .boxTxt{position:relative; left:auto; right:auto; top:auto; width:100%; padding:20px 0 10px 0;}
	.tp_studio .studioBox .boxTxt .btn{position:relative; bottom:auto; margin-bottom:30px;}
	.tp_studio .studioBox .boxTxt .ttl, .tp_studio .studioBox .boxTxt p{padding:30px 0 10px;}
	
	/* ----- tp_news ----- */
	.tp_news .newsList{padding:30px 5% 50px;}
	.tp_news .newsList li{flex-wrap:wrap; padding:20px 0;}
	.tp_news .newsList li .text{display:block; width:100%;}
	.tp_news .newsList li a .text::after{display:inline-block; position:relative; right:-8px;}
	.cautionBox{max-width: 90%; padding: 20px 10px;}
	
	/* ----- btnPtn ----- */
	.btnPtn01{width:100%; padding:15px; margin-bottom:10px;}
    .booking .contact{padding:20px 5% 0;}
	.booking .contact .btnBox{width:100%; margin:20px auto 0;}
	.booking .contact .btnBox .btn{width:100%; font-size:16px; height:72px}
	.booking .contact .btnBox .btn p{padding:10px 5px; position:relative; width:50%;}
	.booking .contact .btnBox .btn p:nth-child(2){font-size:20px; text-align:center; width:65%;}
    .booking .contact .btnBox .btn p:nth-child(2)::before{content:""; width:1px; height:74px; display:block; background:#000; position:absolute; top:-10px; left:25px; margin:0 -20px;
    }
    .booking .contact .btnBox .btn::before{display:none;}
    .booking .contact .btnBox .btnPtn01{width:100%;}
	
	/* ----- hPtn ----- */
	.hPtn01{padding:0 5%;}

	/* ----- tblPtn ----- */
	.tblPtn01{width:100%;}
	.tblPtn01 th, .tblPtn01 td{padding:20px 10px; width:100%; display:block;}
	
	.bgBoxs{background-size:auto;}
	
	/* ----- page - studio_index ----- */
	.bgBoxs{padding:10px 10px;}
	.stdioLink{display:block;}
	.stdioLink li{width:100%; min-height:auto; padding:0 0 50px; text-align:center; border-top:1px solid #fff;}
	.stdioLink li a{position:relative; padding:10px 0 0;}
	.stdioLink li h2{margin-top:50px;}
	.stdioLink li:first-child{border-top:none;}
	.stdioLink li p{text-align:left;}
	.stdioLink li .btn{position:relative; bottom:auto; left:auto; transform:translateX(0);}
	.stdioLink li:nth-child(4),.stdioLink li:nth-child(5){padding:0 0 50px;}
	.stdioLink li:nth-child(4) h2,.stdioLink li:nth-child(5) h2{margin-top:50px;}
	.stdioLink li:nth-child(4) p,.stdioLink li:nth-child(5) p{width:80%; margin:60px auto; text-align:left;}
	.stdioLink li .btnBox{position:relative; bottom:auto;}
	.stdioLink li .btnBox a{display:block; margin:5px auto 25px;}
    .stdioLink li~li{border-left:none;}
	
	
	
	/* ----- page - studio_detail ----- */
	.specBox .boxL,.specBox .boxR{display:block; width:100%;}
	.specBox .boxR a{margin-top:30px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	.specBox .boxL~.boxL{margin-top:40px; border-left:none;}
	.about .photo{display:block;}
	.about .photo li{width:100%; margin-bottom:20px;}
	.about .photo.fl > li{float:none; width:100%;}
	.about .photo.fl > li:nth-child(1){float:none; width:100%;}
	.about .photo.fl > li .cptn{position:relative; bottom:auto; right:auto;}
	.about .photo.fl > li:nth-child(1) .cptn{bottom:auto; right:auto; top:auto;}
	.floormap .wrap{display:block;}
	.floormap .boxL .spec{width:100%;}
	.view360 iframe{height:45vh;}
	.sguideBox{display:block;}
	.sguideBox li{padding:30px 0; width:80%; margin:auto;}
	.sguideBox li~li{border-left:none; border-top:solid 1px #000;}
	.sguideBox li p{width:100%;}
	
	/* ----- page - staff ----- */
	.modal{background:rgba(255,255,255,0.6);}
	.staff_list li{width:50%;}
	.staff_list.photo li{width:100%;}
	.staff_list.photo li .name{width:80%;}
    .staff_list.photo li .ctgr{position:absolute; top:0; right:0; width:auto; padding: 2% 5%; font-size:14px; color:#fff; text-align:center;}
	.modal li{width:100%; padding:40px 10px 10px; overflow:auto; min-height:auto; height:100%; top:0;}
	.modal li img{width:100%; height:auto;}
	.modal li .name{margin-top:20px;}
	.modal li .name, .modal li .eng, .modal li h3{margin-bottom:10px;}
	.modal li .job{margin-bottom:20px;}
	.modal .cls{z-index:999; top:0;}
    .staff_list.bookingName{display:flex; justify-content: center; flex-wrap:wrap; margin-bottom:50px;}

	.modal .pdfImg{height: auto;}
	.modal .pdfImg.scrl{}
	
    
    /* ----- page - downroad ----- */
/*
    .downroad_list_col4{display:flex; flex-wrap:wrap; margin: 0 auto;}
    .downroad_list_col4 li {width:100%;margin-bottom:30px; text-align: center;}
    .downroad_list_col4 li .drbox p{margin-bottom:20px;}
*/
    
    /* ----- page - downroad ----- */
    .downroad_list_col5{display:flex; flex-wrap:wrap; margin: 0 auto;}
    .downroad_list_col5 li {width:100%;margin-bottom:30px; text-align: center;}
    .downroad_list_col5 li .drbox p{margin-bottom:20px;}
	
	/* ----- page - price ----- */
	.tblBox{overflow-x:auto;}
	.tblBox .tblPtn02{width:auto;}
	.tblPtn02.alignL.mt20{width:100%;}
	.tblBox .tblPtn02 th, .tblBox .tblPtn02 td{padding:20px 10px;}
	
	/* ----- page - policy ----- */
	.tlead, .txtBox01{width:100%;}
    .tlead{margin-top: 5%;}
	
	/* ----- page - sitemap ----- */
	.sitemap{width:100%;}
	.sitemap ul{width:100%;}
	.sitemap ul:nth-child(2){padding-left:0;}
	
	/* ----- page - faq ----- */
	.anchor li{width:100%; margin:10px auto;}
	.faq .qes{width:90%;}
	.faq .qes::after{top:0; right:-15%;}



	/* Common Parts
	----------------------------------------------- */
	/* ----- pre ----- */
	.about .pre:after {content:""; white-space:normal;}
	.about .preRsv:after {content:"\A"; white-space:pre;}

	/* ----- Effect ----- */
	a:hover,.btnEase:hover {opacity:1;}
    
    .font_space {letter-spacing: -0.05em}
    .text_indent_02{text-indent: 1em!important;}
}

@media screen and (max-width:390px) {
	#telBoxBtm .telBtn{font-size: 15px; line-height: 1.2em;}
	#telBoxBtm .telBtn p br{display: inline;}
}

/* ===== Print Layout ===== */
@media print{
	#header{position:static;}
	#header #hd-menu-body.menuBlock, #header .globalNav, #header .telBox{display:none;}
	#pageTop, #pageTop .btnEase{display:none;}
}

/* CSS End
------------------------------------------------------ */