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

 Media Query
 320px 以下

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

 Media Query
 920px 以下

-------------------------------- */
@media (max-width: 920px) {
/* -------------------------------- 

 common

-------------------------------- */
header{height:130px;}
footer{margin:40px 0 0;position:relative;}
#siteid{background-color:#e5e5e5;background-image:url(/images/common/logo.svg);background-repeat:no-repeat;
	background-size:215px 25px;text-indent:-9999px;}
.sociallink{position:absolute;left:50%;top:0; display: block;}
.social_fb{margin-left:-37px;}
.social_in{margin-left:13px;}
.sociallink a{display:block; font-size:28px;width:28px;height:28px; opacity:0.5;}
.sociallink a:hover{opacity:1;}
.social_in a{background-position:left top;}
html, body{overflow-x:hidden;}

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

 Illust

-------------------------------- */
#Illust {padding: 0;}

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

 main height keep

-------------------------------- */
main.main.index {margin-top:0;padding-top:0;}
/* -------------------------------- 

 top news

-------------------------------- */
.news{width:auto;position:relative;left:0;margin:0px;padding:10px 5px;
	border-top:1px solid #e5e1d3;border-bottom:1px solid #e5e1d3;font-size:0.9em;}
.news > dl{border-bottom:1px solid #e5e1d3;padding-bottom:10px;}
.news > dl:last-child{border-bottom:0;padding-bottom:0;}
.news > dl > a{display:block;}
.news > dl > dt, .news > dl > a > dt{margin-bottom:8px;}
.news span{padding:2px 10px 2px;line-height:1;
	display:inline-block;background-color:#4b68a3;border-radius:10px;}
.news span.recruit{background-color:#cc9f52;}
.news > dl > dd, .news > dl > a > dd{font-size:0.8em;line-height:1.4}
.news_partition{display:none;}
.news > dl > dt.news_icon, .news > dl > a > dt.news_icon{width:20%;color:#fff;text-align:center;}
.news_date{width:80%;float:right;margin-bottom:5px;text-align:left;}
.news_text{width:80%;float:right;}
/* -------------------------------- 

 news

-------------------------------- */
#news.wrap01 .body .photo img{width:100%;height:auto;}
/* -------------------------------- 

 nav

-------------------------------- */
nav.gnavwrap{width:100%;position:relative;}
ul.gnav{width:100%;position:absolute;top:0;left:0;margin-left:0;display:none;z-index:13;}
ul.gnav li{width:100%;font-size:1em;margin:0;display:block;
	border-bottom:1px solid #1e1e1e;background-color:#3e3a39;opacity:0.8;}
ul.gnav li a{color:#fff;width:auto;padding:20px;display:block;}
ul.snav{display:none;}
.hamburger{font-size:50px;position:absolute;top:2px;right:5px;z-index:14;}
.hamburger a{display:inline-block;width:50px;height:50px;text-align:center;line-height:1;}
.hamburger.is_click{}
.hamburger.is_click a{color:#fff;}
/* -------------------------------- 

 common

-------------------------------- */
.wrap01{width:auto;padding:50px 20px;}
.wrap02{width:auto;padding:120px 20px 50px; overflow:hidden;}
.wrap03{width:auto;padding:50px 20px;margin-top:0;}
/* -------------------------------- 

 stockist

-------------------------------- */
.h2sub_area{position:relative;left:0;top:0;margin:20px 0;}
.h2sub_area li{margin-bottom:10px;}
dl.stockist dd{padding-right:20px;}
/* -------------------------------- 

 press

-------------------------------- */
dl.press dd.text{width:100%;}
dl.press dd.photo{width:100%;text-align:center;margin-top:30px;}
dl.press dd.photo img{max-width:100%;}
/* -------------------------------- 

 profile

-------------------------------- */
#movie, video {max-width:100%;height:auto;}
video{margin-left:0;}
#stage {padding:0;}
#stage .control.next, #stage .control.prev{display:none;}
#stage > #concept .control, #stage > #designer .control{right:30px;}
#stage > #concept .control.close, #stage > #designer .control.close{display:none;}
#stage > #concept .control.localswitch,
#stage > #designer .control.localswitch{left:30px;bottom:50px;}
#stage > #designer .control.map{right:80px;bottom:48px;}
#stage > #designer .control.mail{right:30px;bottom:50px;}
#concept, #designer{width:auto;height:auto;margin:10px;padding:50px 30px 100px;
	position:relative;top:0;left:0;right:0;background-color:rgba(255,255,255,1);}
#concept p, #designer p{display:block;}
/* -------------------------------- 

 collection

-------------------------------- */
.slidewrap{width:100%;}
.flex-direction-nav .flex-prev {left:-30px;}
.flex-direction-nav .flex-next {right:-30px;}
.flexslider:hover .flex-direction-nav .flex-prev {left:0;}
.flexslider:hover .flex-direction-nav .flex-next {right:0;}
.credit {width:100%;}
.credit > li{width:100% !important;}
.credit > li > dl > dt {width:25% !important;}
.credit > li > dl > dd {width:75% !important;}
.credit.ones{width:100%;}
/* -------------------------------- 

 handwerker

-------------------------------- */
#handwerker > img {width:100%;}
.photo_caption{width:100%;height:auto;margin:50px 0 50px 0;}
.photo_caption a.tocollection{width:100%;bottom:-50px;}
.credit > li > dl > * {font-size:0.55em;}

.archive_box{
	margin: 33px auto;
	float: none;
}
.archive h2{
	text-align: center;
}

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

 form

-------------------------------- */
.contacts.form{width:auto;margin:0;padding:0 50px 50px;}
.contacts.form.complete{width:auto;margin:0;padding:0 20px 50px;}
.contacts.form.complete .wrap{padding:50px 0;}
.form input[type=text], .form textarea, .form .button{width:100%;margin-left:-8px;}
.contacts.view{width:auto;margin:0 20px 100px;padding:0;position:relative;}
.contacts.view .back{display:none;}
/* -------------------------------- 

 Mail Magazine

-------------------------------- */
#mailMagazine{display:none;}
}