@charset "utf-8";
@font-face {
	font-family: NotoSansLight; 
	font-style: normal;
	font-weight: 100;
	src: url('/fonts/NotoSansCJKjp-Light.eot'); /* IE9 Compat Modes */
	src: url('/fonts/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/NotoSansCJKjp-Light.woff') format('woff'), /* Modern Browsers */
	url('/fonts/NotoSansCJKjp-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
body{color:#3e3a39; /* K90 */ background-color:#e5e5e5;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-text-size-adjust: 100%;position:relative;}
a.pink{color:#E4007F;}
#siteid{background-color:#e5e5e5;display:inline-block;width:216px;height:25px;position:absolute; left:50%; top:75px; z-index:1001; line-height:0; margin-left:-108px;z-index:2;}
h1{display:inline-block;width:216px;height:25px;position:absolute; left:50%; top:75px; margin-left:-108px;z-index:1;overflow:hidden;}
h2{font-size:1em;line-height:1;letter-spacing:0.05em;font-family:NotoSansLight, sans-serif;}
#inbox{}
header{height:180px;}
.copyright_ja{line-height:1.8; letter-spacing:0.15em;}
.copyright_en{color:#CCCCCC; text-align:right; position:relative; top:40px;}
main{ opacity: 0; }

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

 nav

-------------------------------- */
nav.gnavwrap{}
nav.gnavwrap.navfixed {}
ul.gnav{position:absolute; top:139px; left:50%; margin-left:-280px;overflow:hidden;}
ul.gnav li{font-family:NotoSansLight, sans-serif;float:left;font-size:0.75em;line-height:1.4;letter-spacing:0.05em;
	margin-right:48px;padding:0;display:inline;position:relative;z-index:11;}
ul.gnav li:last-child{margin-right:0;}
ul.gnav li a{display:inline-block;}
li.gnav_kodawari a{width:100px;}
li.gnav_bui      a{width:122px; background-position:left -17px;}
li.gnav_tenpo    a{width:73px; background-position:left -34px;}
li.gnav_goyoyaku a{width:124px; background-position:left -51px;}
li.gnav_staff    a{width:85px; background-position:left -68px;}
ul.gnav li a:hover{}
ul.snav{float:left;position:absolute;top:140px;left:50%;margin-left:210px;}
ul.snav li{display:inline-block;position:relative;}
ul.snav li:first-child{margin-right:40px;}
ul.snav li a{color:#000;display:inline-block;height:12px; font-size: 13px; transform: translateY(-2px);}
ul.snav.snav_facebook{margin-left:-290px;}
ul.snav.snav_instagram{margin-left:-135px;}

.h2sub_area{position:absolute;right:180px;top:50px;}
.h2sub_area li{float:left;}
.h2sub_area li:after{content:"/";margin:0 10px;}
.h2sub_area li:last-child{font-family:NotoSansLight,sans-serif;}
.h2sub_area li:last-child:after{font-family:NotoSansLight,sans-serif;content:"";margin:0;}
/* -------------------------------- 

 common

-------------------------------- */
.wrap01{background-color:#fff;width:780px;margin:0 auto;padding:50px 180px;font-size:0.75em;position:relative;}
.wrap02{background-color:#fff;width:920px;margin:0 auto;padding:60px 90px;position:relative;}
/* -------------------------------- 

 title

-------------------------------- */
.midashi01{background-color:#ffff00}
/* -------------------------------- 

 tcell ul table

-------------------------------- */
.tcell{display:table;}
.tcell li{position:relative;display:table-cell;vertical-align:top;text-align:left;}
.tcellwrap{padding:0 60px 50px;}
/* hr */
hr{
	text-indent:-9999px;
	height:1px;
	font-size:0;
	line-height:0;
	background:#aaa;
	border:0;
	margin:30px 0;
}
hr.nomargin{margin:0;}
hr.mb45{margin-bottom:45px;}
/* -------------------------------- 

 main height keep

-------------------------------- */
main.main.index {/* #illust height 375px*/position:relative; text-align: center; padding-top: 20px;}
main.index img {
	max-width: 100%;
	margin-bottom: 20px;
}

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

 Illust

-------------------------------- */
/*#Illust{width:1028px;height:375px;position:absolute;left:50%;margin-left:-514px;top:0;}
#Illust li{float:left;position:absolute;display:inline-block;}
#Illust li.hv{opacity:1 !important;}
#Illust li.hv img{filter: blur(0);}
#Illust li a{display:block;position:relative;overflow:hidden;}
#Illust li a img{z-index:1;}
#Illust li a img.overlay{display:none;position:absolute;left:0;top:0;z-index:2;opacity:0.6;}
#Illust div.season{height:14px;text-align:center;position:absolute;top:370px;display:none;font-size:0.75em;
	font-family:NotoSansLight,sans-serif;white-space:nowrap;}
/* .wp07{left:180px;top:-50px;z-index:9;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);opacity:0.85;} */
/*.wp07{left:140px;top:-50px;z-index:9;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);}
.wp08{left:620px;top:105px;z-index:11;}
.wp09{left:460px;top:0px;z-index:11;}
.wp10{left:570px;top:-10px;z-index:9;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);}
.wp11{left:730px;top:0px;z-index:10;}
.wp12{left:820px;top:-10px;z-index:9;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);}
.wp14{left:300px;top:-25px;z-index:10;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);}
.wp15{left:110px;top:20px;z-index:12;}
.wp16{left:350px;top:85px;z-index:10;}
.wp17{left:520px;top:110px;z-index:15;}
.wp07 a{width:195px;height:285px;}
.wp08 a{width:100px;height:240px;}
.wp09 a{width:145px;height:255px;}
.wp10 a{width:255px;height:265px;}
.wp11 a{width:255px;height:350px;}
.wp12 a{width:100px;height:260px;}
.wp14 a{width:200px;height:303px;}
.wp15 a{width:215px;height:322px;}
.wp16 a{width:148px;height:280px;}
.wp17 a{width:80px;height:240px;}
.vov07{position:absolute;width:170px;height:120px;z-index:20;left:195px;top:-40px;}
.vov12{position:absolute;width:90px;height:130px;z-index:20;left:760px;top:-30px;}*/


#Illust {margin-bottom: 50px; max-width: 1300px; padding: 0 60px; margin: 0 auto;}
#Illust a img{z-index:1;}
#Illust a img.overlay{display:none;position:absolute;left:0;top:0;z-index:2;opacity:0.6;}
#Illust div.season{ width: 100%; margin-top: 5px; position: absolute; height:14px;text-align:center; font-size:0.75em;}
#Illust .Illust__item {position: relative; padding-bottom: 50px }


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

 top news

-------------------------------- */
.news{width:700px;margin:70px auto 0;}
.news > dl{margin-bottom:10px;}
.news > dl:last-child{margin-bottom:0;}
.news > dl > dt, .news > dl > dd, .news > dl > a > *{float:left;}
.news > dl > dt, .news > dl > a > dt{width:60px;text-align:center;}
.news_icon{font-size:0.75em;font-family:NotoSansLight,sans-serif;line-height:0.7;}
.news_date{width:55px;text-align:center;}
.news_date, .news_text{font-size:0.6em;}
.news_partition{font-size:0.6em;margin:0 10px;}
/* -------------------------------- 

 news

-------------------------------- */
#news.wrap01 .body p, #news.wrap01 .body ul li{font-size:0.9em;line-height:2;}
#news.wrap01 h2{font-size:1em;}
#news.wrap01 h3{margin:40px 0;line-height:2;}
#news.wrap01 .body ul{margin:1.5em;list-style:square;}
#news.wrap01 .body .iblock{display:inline-block;}
#news.wrap01 .body .photo{margin:40px 0;}
#news.wrap01 .body .mb10{margin-bottom:10px;}
/* -------------------------------- 

 profile

-------------------------------- */
#movie{width:750px;height:515px;}
#stage {padding:50px 0;position:relative;font-size:0.75em;overflow-x:hidden;}
#stage > #concept .control, #stage > #designer .control{display:inline-block;
	width:15px;height:15px;position:absolute;right:50px;}
#stage > #concept .control.close, #stage > #designer .control.close{bottom:50px;}
#stage > #concept .control.localswitch,
#stage > #designer .control.localswitch{width:100px;height:auto;left:50px;bottom:50px;line-height:1.2;display:inline-block;}
#stage > #designer .control.map{width:12px;height:16px;right:51px;bottom:150px;}
#stage > #designer .control.mail{bottom:100px;}
#stage > .control{position:absolute;top:277px;font-family:NotoSansLight,sans-serif;}
#stage .control.next{left:50%;margin-left:-450px;}
#stage .control.prev{right:50%;margin-right:-450px;}
#stage .control.next span, #stage .control.prev span{display:inline-block;font-size:0.9em;}
#stage .control.next span{margin-left:6px;}
#stage .control.prev span{margin-right:6px;}
#stage .control.sound{width:52px;height:15px;font-size:0.7em;top:600px;right:270px;
	background:url(/images/profile/sound_off.png) no-repeat right 0;line-height:1.4;}
#stage .control.sound.soundon{background:url(/images/profile/sound_on.png) no-repeat right -1px;}
#concept, #designer{position:absolute;top:0;width:450px;height:515px;background-color:rgba(255,255,255,0.9);
	padding:50px;line-height:2;}
#concept p, #designer p{display:none;}
#concept{left:-50%;margin-left:-275px;}
#designer{right:-550px;margin-right:-275px;}
/* -------------------------------- 

 stockist

-------------------------------- */
dl.stockist{line-height:2.6;}
dl.stockist dt{margin-top:30px;}
dl.stockist dt:first-child{margin:0;}
dl.stockist dd{position:relative; font-size: 13.5px; padding-right: 10px}
dl.stockist dd a.gmap{display:inline-block;width:12px;height:16px;position:absolute;right:0;top:2px;opacity:0.5;}
dl.stockist dd a.gmap:hover{opacity:1;}
/* -------------------------------- 

 press

-------------------------------- */
dl.press{line-height:2;margin:60px 0;}
dl.press dt{margin-bottom:30px;}
dl.press dt .midashi01{padding:5px;}
dl.press dd{position:relative;}
dl.press dd a.gmap{display:inline-block;width:12px;height:16px;position:absolute;right:0;top:2px;opacity:0.5;}
dl.press dd a.gmap:hover{opacity:1;}
dl.press dd.text, dl.press dd.photo{float:left;}
dl.press dd.text{width:430px;}
dl.press dd.photo{width:350px;text-align:right;}
hr.press{background-color:#ddd;}
dl.press .text .icon{color:#fff;
	margin:0 5px;padding:4px 0;text-align:center;width:70px;
	line-height: 1; display:inline-block;
	border-radius: 5px;
}
dl.press .text .icon.book{background-color: #819baa;}
dl.press .text .icon.tv{background-color: #aa9c81;}
dl.press .text .icon.web{background-color: #81aa83;}
/* -------------------------------- 

 collection

-------------------------------- */
.slidewrap{width:920px;}
.collection_season{position:relative;top:0;z-index:3;}
.collection_season > li{float:left;font-size:0.7em;font-family:NotoSansLight,sans-serif;position:relative; width: 60px;}
.collection_season > li > a{color:#aaa;display:block;padding-right:17px;padding-bottom:24px;}
.collection_season > li > a:before{content:"▶︎";font-size:7px;margin-right:3px;vertical-align:1px;}
.collection_season > li > a.hover:before{content:"▼";}
.collection_season > li.current > a{color:#3e3a39;}
.collection_season > li.current > a:before{content:"▼";}
.collection_season > li > ul{position:absolute;top:35px;}
.collection_season > li > ul > li{font-size:1em;margin-bottom:1px;}
.collection_season > li > ul > li > a{min-width:220px;color:#fff;display:block;white-space:nowrap;padding:10px;
	background-color:rgba(0,0,0,0.8);}
.credit {width:100%;margin-top:30px;float:left;}
.credit.ones {width:300px;}
.credit > li{float:left;width:50%;}
.credit.ones > li{width:100%;}
.credit > li > dl > * {float:left;font-size:0.65em;line-height:1.8;letter-spacing:0.05em;
	font-family:NotoSansLight, sans-serif;display:inline-block;}
.credit > li > dl > dt {width:33%;}
.credit > li > dl > dd {width:67%;}
/* -------------------------------- 

 handwerker

-------------------------------- */
.photo_caption{float:right;width:370px;height:495px;margin:20px 0 0 0;position:relative;}
.photo_caption p{line-height:2;}
.photo_caption a.tocollection{font-family:NotoSansLight,sans-serif;display:block;width:370px;
	padding:10px 0;color:#fff;letter-spacing:0.1em;background-color:#8a8a8a;text-align:center;position:absolute;bottom:0;}
p span.tm{letter-spacing:-0.1em;}
.article{
	font-size: 0.65em; line-height: 200%; font-weight: 500; 
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
}
.article p{ margin: 10px 0;}
.article img{ max-width: 100%; height: auto; }
.article h2{ line-height: 200%; margin-bottom: 40px; font-family: inherit;}
.mb{ margin-bottom: 40px !important;}
.article a {
    text-decoration: underline;
}
.right {
	text-align: right;
}
/* -------------------------------- 

 form

-------------------------------- */
.contacts.form{width:600px;margin:50px auto;}
.contacts.form.complete .wrap{padding:50px;background-color:#fff;margin-bottom:30px;}
.contacts.view{width:680px;margin:50px auto;position:relative;}
.form input[type=text], .form textarea, .form .button{width:584px;font-size:80%;font-family:NotoSansLight,sans-serif;}
.form .name{margin-bottom:60px;}
.form .email{margin-bottom:30px;}
.form .cemail{margin-bottom:60px;}
.form .body{margin-bottom:30px;}
.form .button{width:600px;position:relative;}
.form .button .submit{width:95px;position:absolute;right:0;top:0;}
.form .error-message{color: #E4007F;font-size:0.75em;text-indent:5px;}
.form .error-message:before{content:"▶︎";font-size:7px;margin-right:3px;vertical-align:1px;}
.contacts.form.complete h2{text-align:center;margin-bottom:50px;}
.contacts.view h2{font-size:0.75em;margin-bottom:60px;}
.contacts.view .back{position:absolute;right:0;}
.contacts.view .back.top{top:0;}
.contacts.view .back.bottom{bottom:-60px;}
.contacts.view p{font-size:0.8em;line-height:2;}
.contacts.form.complete p{font-size:0.8em;line-height:2;text-align:center;}
/* -------------------------------- 

 footer

-------------------------------- */
.sociallink{display: none;}
footer{padding:70px 0;}
#copyright_en{
	font-size:0.6em;font-family:NotoSansLight, sans-serif;text-align:center;
	width:100%;
}

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

 Mail Magazine

-------------------------------- */
#mailMagazine{font-family:NotoSansLight, sans-serif;position:absolute;left:50%;top:0;display:inline-block;
	margin-left:360px;background-color:#3e3a39;padding:3px 10px 8px;
	border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#mailMagazine a{color:#fff;display:inline-block;font-size:0.7em;line-height:1;letter-spacing:0.05em;} 


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

 article archive

-------------------------------- */
.archive a{
	text-decoration: none!important;
}
.archive h2 {
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.archive_box{
	width: 240px;
	margin: 33px;
	float: left;
}

.archive_img{
	width: 240px;
	height: 240px;
	background-position: center;
	transition: 1s;
	background-size: 100%;
}
.archive_img:hover{
	background-size: 107%;
}

.archive_text{
	margin-top: 10px;
	line-height: 200%;
	font-size: 0.6em;
	margin-top: 10px;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}