@charset "utf-8";

body{
	margin:0;
}

header, nav, section, article, footer{
margin:0 auto;
text-align:center;
width:100%;
max-width:1180px;
}

header h1.logo{
	margin:0 auto;
}

h1.logo_sp{display:none;}

@media screen and (max-width: 605px){
	header h1.logo{display:none;}
	h1.logo_sp{display:block;}
	h1.logo_sp img{width:50%;}
}

.topimg img{
		width:100%;
}

/* global navigation */
nav{
    width:100%;
	max-width:1180px;
	margin:3px auto 20px;	
}


.nav ul.global_menu {
    padding:0;
	font-size:0px;
}

ul.global_menu li {
	float:left;
}

li.navi_about{
	margin-left:80px;
	background:url("../img/navi_about_over.jpg") no-repeat;
	width:131px;
	height:45px;
}
li.navi_about_on{
	margin-left:80px;
}
li.navi_about a{display:block;}
li.navi_about img{border:none;}
li.navi_about a:hover{background:none;}
li.navi_about a:hover img{visibility:hidden;}

li.navi_news{
	background:url("../img/navi_news_over.jpg") no-repeat;
	width:132px;
	height:45px;
}
li.navi_news a{display:block;}
li.navi_news img{border:none;}
li.navi_news a:hover{background:none;}
li.navi_news a:hover img{visibility:hidden;}


li.navi_collection{
	background:url("../img/navi_collection_over.jpg") no-repeat;
	width:174px;
	height:45px;
}
li.navi_collection a{display:block;}
li.navi_collection img{border:none;}
li.navi_collection a:hover{background:none;}
li.navi_collection a:hover img{visibility:hidden;}

li.navi_lookbook{
	background:url("../img/navi_lookbook_over.jpg") no-repeat;
	width:164px;
	height:45px;
}
li.navi_lookbook a{display:block;}
li.navi_lookbook img{border:none;}
li.navi_lookbook a:hover{background:none;}
li.navi_lookbook a:hover img{visibility:hidden;}

li.navi_stockist{
	background:url("../img/navi_stockist_over.jpg") no-repeat;
	width:140px;
	height:45px;
}
li.navi_stockist a{display:block;}
li.navi_stockist img{border:none;}
li.navi_stockist a:hover{background:none;}
li.navi_stockist a:hover img{visibility:hidden;}


li.navi_contact{
	background:url("../img/navi_contact_over.jpg") no-repeat;
	width:144px;
	height:45px;
}
li.navi_contact a{display:block;}
li.navi_contact img{border:none;}
li.navi_contact a:hover{background:none;}
li.navi_contact a:hover img{visibility:hidden;}

li.navi_facebook{
	margin-left:15px;
	background:url("../img/navi_facebook_s_over.jpg") no-repeat;
	width:46px;
	height:45px;
}
li.navi_facebook a{display:block;}
li.navi_facebook img{border:none;}
li.navi_facebook a:hover{background:none;}
li.navi_facebook a:hover img{visibility:hidden;}

li.navi_twitter{
	margin-left:5px;
	background:url("../img/navi_twitter_s_over.jpg") no-repeat;
	width:44px;
	height:50px;
}
li.navi_twitter a{display:block;}
li.navi_twitter img{border:none;}
li.navi_twitter a:hover{background:none;}
li.navi_twitter a:hover img{visibility:hidden;}

li.navi_instagram{
	margin-left:5px;
	background:url("../img/navi_instagram_s_over.jpg") no-repeat;
	width:42px;
	height:45px;	
}
li.navi_instagram a{display:block;}
li.navi_instagram img{border:none;}
li.navi_instagram a:hover{background:none;}
li.navi_instagram a:hover img{visibility:hidden;}


@media screen and (max-width: 605px)  {
	nav{display:none;}
}

/* !global navigation */


/* TOP page banner */
.banner{width:100%}
.banner-container p{width:31.35%;display:inline-block;}
p.banner_about img{width:100%;}
p.banner_collection{ margin-left:2.975%;}
p.banner_collection img{width:100%;}
p.banner_online{margin-left:2.975%;}
p.banner_online img{width:100%;}

p.banner_about img:hover{opacity:0.5;}
p.banner_collection img:hover{opacity:0.5;}
p.banner_online img:hover{opacity:0.5;}

.banner-container li a{
	display:block;
}



@media screen and (max-width: 605px)  {
.banner-container p{
	width:100%;
	display:block;
	padding:0;
}

p.banner_about, p.banner_collection, p.banner_online{
	margin:35px 0 0 0;
}

p.banner_about img:hover{opacity:1.0;}
p.banner_collection img:hover{opacity:1.0;}
p.banner_online img:hover{opacity:1.0;}

}

/* !TOP page banner */

/* ABOUT */
.about{
	margin:0 auto;
	width:100%;
	max-width:805px;
	text-align:center;
}

.about h2{
	margin:0 auto 35px;
	width:50%;		
}

.about h2 img{width:100%;}

.about h3{
	font-size:9px;font-size:0.9rem;
	font-weight:700;
	position:relative;
	padding:0 0 10px;
	margin-bottom:30px;
	display:inline-block;
}

.about h3.concept::before{
	content:"";
	width:17%;
	border-bottom:3px solid #3e3a39;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}

.about h3.profile::before{
	content:"";
	width:8%;
	border-bottom:3px solid #3e3a39;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}

p.concept_text{
	font-size:10px;font-size:1.0rem;
	line-height:2.7;
	font-weight:500;
	letter-spacing:1px;	
	color:#333333;
	margin-bottom:60px;
}

p.profile_text{
	font-size:10px;font-size:1.0rem;
	line-height:2;
	font-weight:500;
	letter-spacing:1px;	
	color:#333333;
	margin-bottom:30px;
}

p.tmbl{
	font-size:10px;font-size:1.0rem;
	line-height:2;
	font-weight:600;
	letter-spacing:1px;	
	margin-bottom:5px;
}

p.tmbl a{color:#777777;}

p.tmbl_url{
	font-size:8px;font-size:0.8rem;
	line-height:1.1;
	font-weight:500;
	letter-spacing:1px;	
	margin-bottom:60px;	
}

p.tmbl_url a{color:#666666;}

.concept_text_sp{display:none;}

@media screen and (max-width: 605px)  {
.concept_text{display:none;}
.concept_text_sp{display:block;}

.about{margin-top:20px;}
p.concept_text_sp{
	font-size:8px;font-size:0.8rem;
	line-height:1.8;
	font-weight:500;
	letter-spacing:1px;	
	color:#333333;
	margin-bottom:60px;
}

p.profile_text{
	font-size:8px;font-size:0.8rem;
	line-height:1.8;
	letter-spacing:1px;	
}

p.tmbl{
	font-size:8px;font-size:0.8rem;
	line-height:1.8;
}

p.tmbl a{color:#333333;}

p.tmbl_url{
	font-size:6px;font-size:0.6rem;
	line-height:1.0;
	letter-spacing:0.5px;	
}
}
/* !ABOUT */

/* STOCKIST */
.stockist{
	margin:70px auto 50px;
	text-align:center;	
}

.stockist_text{margin-bottom:60px;}

.stockist_pref, .stockist_shopname, .stockist_adress, .stockist_tel, .stockist_url{
	font-size:10px;font-size:1.0rem;
	line-height:2.0;
	font-weight:500;
	letter-spacing:1px;	
	color:#333333;	
	padding-bottom:15px;
}

.stockist_adress br{display:none;}
@media screen and (max-width: 605px)  {
.stockist_adress br{display:block;}

.stockist{
	margin:30px auto 50px;
}

.stockist_pref, .stockist_shopname, .stockist_adress, .stockist_tel, .stockist_url{
	font-size:9px;font-size:0.9rem;
	line-height:1.5;
	font-weight:500;
	letter-spacing:1px;	
	color:#333333;	
	padding-bottom:10px;
}

.stockist_url{font-size:7px;font-size:0.7rem;}
}

/* !STOCKIST */

/* COLLECTION */
.collection{
	margin:50px auto 100px;
	text-align:center;
}

.collection h2{
	text-align:center;
	font-size:10px; font-size:1.0rem;
	margin-bottom:25px;
	letter-spacing:.25em;
	font-weight:500;	
}

article.collection li{margin-bottom:50px;}

li.fade-up {
  transition: opacity 0.9s;
  -moz-transition: opacity 0.9s;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
}

p.credit{
	margin-bottom:30px;
}

p.archive{
	color:#3e3a39;
	font-weight:500;
}

@media screen and (max-width: 605px)  {
article.collection li{margin-bottom:55px;}
.collection{
	margin:20px auto 55px;
	text-align:center;
}
	.collection ul li img{width:100%;}
}
/* !COLLECTION */

/* NEWS */
.news{
	margin:	50px auto 50px;
	padding-bottom:30px;
	border-bottom: 1px solid #CCCCCC;
	width:100%;
	max-width:980px;
}

.news_detail{
	color:#3e3a39;
	font-weight:500;
}
.news_detail p.date{
	text-align:left;
	font-size:9px; font-size:0.9rem;
	margin-bottom:10px;
	letter-spacing:.25em;	
}

.news_detail p.title{
	text-align:left;
	font-size:13px; font-size:1.3rem;
	margin-bottom:15px;
	letter-spacing:.25em;	
}


.news_detail p.picture, p.picture2{
	text-align:left;
	margin-bottom:30px;
}

.news p.picture img{width:80%;}

.news_detail p.news_text{
	text-align:left;
	font-size:10px; font-size:1.0rem;
	letter-spacing:.2em;
	line-height:4.0;
	margin-bottom:20px;
}


.news1010{
	text-align:left;	
}

.news1010 p.news_17ss{
	display:inline-block;
	font-size:13px; font-size:1.3rem;
	font-weight:700;
	letter-spacing:.1em;
	line-height:2.0;
	padding-bottom:10px;
}

.news1010 p.news_riot{
	display:inline-block;
	font-size:13px; font-size:1.3rem;
	font-weight:700;
	letter-spacing:.1em;
	line-height:2.0;
	padding-bottom:10px;
}

/*
.news1010 p.news_riot::before{
	content:"";
	width:17%;
	border-bottom:3px solid #3e3a39;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}
*/

.news_detail p.news_1010text{
	text-align:left;
	font-size:10px; font-size:1.0rem;
	letter-spacing:.2em;
	line-height:2.0;	
}

.news_text_sp{display:none;}

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

.news_text,.news_1010text{display:none;}
.news_text_sp{display:block;}

.news{
	margin:	20px auto 30px;

}

.news_detail{
	color:#3e3a39;
	font-weight:500;

}

.news_detail p.picture, p.picture2{
	margin-bottom:20px;
}

.news p.picture img{width:100%;}
.news p.picture2 img{width:100%;}


.news1010{
	margin-top:20px;
	padding-left:3px;
}


.news_detail p.date{
	margin-bottom:0px;
}

.news_detail p.title{
	margin-bottom:5px;
}

.news_detail p.date, p.news_text_sp{
	text-align:left;
	padding-left:3px;
	font-size:8px; font-size:0.8rem;
	letter-spacing:.2em;
	line-height:1.8;
}

.news_detail p.title{
	text-align:left;
	padding-left:3px;
	font-size:9px; font-size:0.9rem;
	letter-spacing:.2em;
	line-height:1.8;
}

}
/* !NEWS */


/* LOOKBOOK */
.lookbook{
	margin:100px auto 100px;
}

p.lookbook_text{
	text-align:center;
	font-size:12px; font-size:1.2rem;
	letter-spacing:.2em;
	line-height:2.0;
	font-weight:700;
}
/* !LOOKBOOK */

/* FOOTER */
.footer{margin:35px auto 0;}
.footer-container{background-color:#e6e6e6;padding:0 20px}
.footer_left{float:left;text-align:left}
.footer_right{float:right;text-align:right}
.footer_inner{overflow:hidden;padding:22px 20px 10px 30px;max-width:1180px;margin:0 auto}
.footer_center{display:none;}

.footer_links{margin-top:0;width:auto}
.footer_link{display:block;margin:0 0 12px 0;color:#3e3a39;font-weight:700;font-size:7px;font-size:0.7rem;line-height:1.0;letter-spacing:.07em}
.footer_off{opacity:0.3;}
a.footer_link:hover{color:#777;}

.footer_share{margin-top:18px}
.footer_share_link{padding-left:0;margin-right:3px}
.footer_share img:hover{opacity:0.5;}

.footer-contact{margin-top:0}
.footer-contact img:hover{opacity:0.5;}
.footer-logo{margin:35px 0 10px 0;}
.footer_copyright{margin-top:0;color:#3e3a39;font-weight:700;font-size:8px;font-size:0.8rem;line-height:1.0;letter-spacing:.1em}

@media screen and (max-width: 605px) {
.footer-container{background-color:#e6e6e6;padding:0}
.footer_left{display:none;}
.footer_right{display:none;}
.footer_center{display:block;}
.footer_inner{overflow:hidden;margin:0 auto}
.footer_link{font-size:9px;font-size:0.9rem;}
.footer_share_link{padding:0;margin:0px}
.footer_share_link2{padding:0;margin:0 10px 0 10px}
.footer-contact{margin-top:20px;}
.footer_copyright{margin-top:0;font-weight:700;font-size:8px;font-size:0.8rem;line-height:1.0;letter-spacing:.1em}
}
/* !FOOTER */