@charset "UTF-8";
/* CSS Document */
div img {
	vertical-align:middle;
}

div{
	/*position:relative;*/
	
}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

a{
	color:#000000;
}

	a:hover{
		/color:#D60003;
	}



body{
	margin:0;
	padding:0;
}

div#sd_header {
	width:100%;
	height:550px;
	overflow:hidden;
	z-index:1;
}

div#sd_header_inner {
	width:2880px;
	position:relative;
}

div.sd_header_cn {
	width:960px;
	height:400px;
	float:left;
}

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

div#header {
	width:100%;
	text-align:center;
	height:150px;
	z-index:99;
	background:#FFF;
	margin:0 auto;
}

.follow{
	position: fixed;
    top: 0;
	z-index:999;
}

.follow_c{
	padding-top:200px;
}

div#logo{
	margin:0 auto;
	padding:10px 0 15px;
	width:92px;
	height:92px;
}

div#navi_outer{
	width:100%;
	margin:0 auto;
	background:#FFFFFF;
}

div#navi {
	width:960px;
	padding:10px 0 0 0;
	height:25px;
	background:#FFFFFF;
		margin:0 auto;

}

	  ul#navi_l{
		  width:830px;
		  float:left;
	  }
	  
	  ul#navi_r{
		  width:120px;
		  float:right;
	  }



div#navi ul{
	margin:0;
	padding:0;
	display:block;
}

	div#navi ul li{
		margin:0;
		padding:0;
		float:left;
		padding-right:45px;
		list-style:none;
	}
	
	div#navi ul#navi_r li{
		float:right;
	}
	
	div#navi ul li.navi_li2{
		padding:0 0 0 7px;
	}
	
	div#navi ul li.navi_li2 a:hover{
		border:0;;
	}
	
	div#navi ul li.navi_li3{
		padding:0;
	}
	
	div#navi ul li a{
		display:block;
		text-decoration:none;
		font-size:11px;
		font-family: 'Roboto', sans-serif;
		font-weight:700;
		letter-spacing:0em;
	}

	div#navi ul li a:hover{
		border-bottom:1px solid #BBB;
		padding-bottom:3px;
		color:#000000; !important
	}
	
		div#navi ul li a:hover img{
			filter: alpha(opacity=50);
			-moz-opacity:0.5;
			opacity:0.5;
		}
		
		#navi_li1{ width:24px;}
		#navi_li2{ width:88px;}
		#navi_li3{ width:56px;}
		#navi_li4{ width:64px;}
		#navi_li5{ width:72px;}
		#navi_li6{ width:56px;}
		#navi_li7{ width:90px;}
		#navi_li8{ width:52px;}

h2{
	margin:0 auto;
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:50px 0 50px 0;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
}


h3{
	margin:0 auto;
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:100px 0 50px 0;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}

h3.widget-title{
	padding:0 0 50px;
}

.h3_sub{
	font-size:13px;
	padding:10px 0 0 0;
}

#contents{
	width:100%;
	background:#fff;
	z-index:3;
}


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

div#news_box {
	width:100%;
}

	div#news_box_cont{
		width:780px;
		overflow:hidden;
		margin:0 auto;
	}

		div#news_box_inner{
			width:810px;
		}


div.news_box{
	width:240px;
	height:300px;
	padding-right:30px;
	float:left;	
}

div.news_box_t {
	width:230px;
	height:230px;
	overflow:hidden;
	border:1px solid #CCC;
}

div.news_box_m {
	padding:10px 0 0 0 ;
	font-size:12px;
	line-height:1.1em;
	font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

div.news_box_b {
	font-size:60%;
	padding:3px 0 0 0 ;
	font-family: 'Roboto', sans-serif;
}

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


div#lookbook {
	width:100%;
	max-height:600px;
	background:#000000;
}

		div#lookbook_inner {
			width:960px;
			margin:0 auto;
		}

#pre_btn{
	width:80px;
	height:20px;
	float:left;
	text-align:left;
}

#nxt_btn{
	width:80px;
	height:20px;
	float:right;
	text-align:right;
}

.look_btn a{
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-decoration:none;
	line-height:1em;
}

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

div#collection_title {
	width:100%;
	text-align:center;
	padding:50px 0 30px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:15px;
	line-height:1.5em;
}

div#colle{
	width:100%;
	overflow:hidden;
	height:100%;
}

div#colle_outer {
	width:960px;
	margin:0 auto;
}

div.colle_box {
	float:left;
	width:240px;
	height:240px;
	padding-bottom:20px;
}

div#colle_more {
	width:230px;
	text-align:center;
	padding:60px 0  70px;
	margin:0 auto;
}
		
		div#colle_more a span{
			display: inline-block;
			padding:0 10px;
		}
		
		div#colle_more a span.more_line{
			display: inline-block;
			width:50px;
			height:12px;
			background:#000000;
		}
		
		div#colle_more a{
			font-family: 'Roboto', sans-serif;
			font-weight:700;
			font-size:12px;
			text-decoration:none;
			line-height:1.1em;
		}



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

div#insta {
	width:100%;
	height:260px;
	background:#000000;
}

div#inst_inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}



div#insta_t {
	width:240px;
	height:80px;
	margin:0 auto;
	padding:0px 0 0 0 ;
}

div#insta_b {
	width:972px;
	height:150px;
}

div.insta_box {
	width:150px;
	height:150px;
	float:left;
	padding-right:12px;
}

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



div#video {
	width:900px;
	margin:0 auto;
	padding-bottom:50px;
}

div#video_t {
	font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	text-align:center;
}



div#video_b {
	padding:10px 0 75px;
	display:none;
}

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


div#concept {
	width:100%;
	background:#000000;
	
}

div#concept_inner{
	width:960px;
	background:url(../img/14ms0008.png) top left no-repeat;
	color:#FFFFFF;
	margin:0 auto;
}

div#concept_l {
}

div#concept_r {
	width:700px;
	padding:190px 0 0 260px;
	font-size:70%;
}

div#concept_en {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	line-height:1.6em;
}

div#concept_jp {
	padding:30px 0 100px 0;
	font-size:12px;
	line-height:1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#footer {
	width:100%;
	height:88px;
	
	margin:50px auto 0;
	background:#FFF;
	z-index:4;
}

	div#footer_inner{
		width:960px;
		height:50px;
		padding-top:68px;
		background-image:url(../img/14ms0012.png);
		background-position: top left;
		background-repeat: no-repeat ;
		background-size:960px 88px;
		margin:0 auto;
	}
	
	div#footer_inner ul{
		margin:0;
		padding:0;
		width:500px;
		width:100px;
		  float:right;
	}
		div#footer_inner ul li{
			list-style:none;
			float:right;
			padding-left:5px;
		}



/*********************************************************/

div#colle_box{
	width:960px;
	margin:0 auto;
}

	div.colle_img{
		width:240px;
		height:240px;
		float:left;
	}




#page-top {
    position: fixed;
    bottom: -10px;
    right: 20px;
    font-size: 9px;
	font-family: 'Roboto', sans-serif;
	z-index:5;
}

#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff !important;
    width: 70px;
    padding:15px 0 45px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background: #333;
}

/*********************************************************/

#look_img{
	margin:0 auto;
	width:900px;
	height:674px;
	overflow:hidden;
}

		div#look_inner {
			width:40000px;
			height:674px;
			position:relative;
		}
		
				div.look_box {
					width:900px;
					float:left;
				}
				
				div.look_box a:hover img{
					filter: alpha(opacity=100);
					-moz-opacity:1;
					opacity:1;
				}
				
div#look_navi{
	width:900px;
	text-align:center;
	padding:10px 0 0 ;
	margin:0 auto;
	height:20px;
}

	div#look_navi ul{
		 list-style: none outside none;
		  float: left;
		  margin: 0 0 0 0;
		  padding: 10px 0 0 0 ;
		  position: relative;
		  left: 50%;
		  top:-20px;
	}
	
		div#look_navi ul li{
			float: left;
			position: relative;
			left: -50%;
			margin-right: 5px;
		}


		div#look_navi ul li a{
			display:block;
			width:8px;
			height:8px;
			background:#999;
			color:#FFFFFF;
			text-indent:100%;
			overflow:hidden;
			border:2px solid #FFF;
		}
		
			div#look_navi ul li a.look_navi_on{
				background:#000;
				border:2px solid #000;
			}


div#archive_box{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

	div#archive_inner{
		width:990px;
	}
/*
div.archibox{
	width:300px;
	height:260px;
	float:left;
	padding:30px 28px 0 0;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}

div.archibox img{
	border:1px solid #CCC;
}
*/




.archibox {
    width: 300px;
    height: 224px;
    margin: 0px 30px 30px 0;
    float: left;
    border: 0px solid #CCC;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.archibox .mask, .archibox .content {
    width: 300px;
    height: 224px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.archibox mask{
	position:relative;
}

.archibox img {
    display: block;
    position: relative
}
.archibox h4 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    /*position: relative;*/
    font-size: 15px;
	line-height:1.3em;
    padding: 20px 10px 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 200px;
	height: 80px;
	font-family: 'Roboto', sans-serif;
}

.archibox h4 a{
	text-decoration:none;
}
	.archibox h4 a:hover{
		color:#000000;
	}

.archibox a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
	font-size:10px;
	position:absolute;
	bottom:15px;
	left:100px;
}
.archibox a.info:hover {
    /*box-shadow: 0 0 5px #000;*/
    background: #999;
}


.archibox img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.archibox .mask {
   background-color: rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.archibox h4 {
	padding-bottom:20px;
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.archibox a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.archibox:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.archibox:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.archibox:hover h4,.archibox:hover p,.archibox:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}



/***************/
div#ccontact_box {
	width:800px;
	margin:0 auto;
}

div.contact_set {
	width:800px;
	padding-top:30px;
}

div.ccontact_l {
	float:left;
	width:150px;
	text-align:right;
	font-size:13px;
	font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top:5px;
	line-height:1em;
}

div.ccontact_r {
	float:right;
	width:590px;
	padding-right:50px;
}

input#tx01,input#tx02,input#tx04 {
	width:300px;
	height:20px;
	border:1px solid #000000;
}


textarea#tx03{
	width:590px;
		border:1px solid #000000;

}

div.contact_btn{
	width:100%;
	text-align:center;
	padding-top:30px;
}
.cap{
	font-size:9px;
}
.err{
	width:100%;
	text-align:center;
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sendok{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:2em;
}

#ip04{
	width:97px;
	height:32px;
	color:#FFF;
	background:#000000;
	padding:0;
	margin:0;
}