@charset "UTF-8";

body,td,th {
	/*font-family:"Libre Baskerville","游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", Meiryo, serif;*/
}
/** -----------共通---------- **/

#scroll_stop_head,#scroll_stop_head_collection{
}


.scroll_stop_head,.scroll_stop_head_collection{
width:955px;
padding:0px 0px 0px 0px;
float:left;
z-index:9999;
background-color: rgba(255,255,255,0.8);
overflow:hidden;
height:145px;
/*position:fixed;*/
}
.scroll_stop_head_collection{
	height:85px;	
}

.static_head_item,.static_head{
width:955px;
height:91px;
padding:25px 0px 0px 0px;
float:left;
z-index:9999;
background-color: rgba(255,255,255,0.8);
overflow:hidden;
position:fixed;
}
.static_head_item{
	/*border-bottom:1px #666666 solid;*/
}
.top-bar_sp{
width:955px;
padding:0px 0px 0px 0px;
float:left;
z-index: 990;
height:73px;
background-color:#ffffff;
overflow:hidden;
}


* html div#header    {
	/**
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));
	**/
} 


#header_menu{
padding:0px 0px 0px 45px;
margin-top:0px;
background-repeat:no-repeat;
background-position:top;
background-position:0px;
background-position-x: 0px;
background-position-y: 0px;
background-image:url(../images/common/head_bg_201707.png);
}


#header_menu li a{
  display:block;
  background-repeat:no-repeat;
  background-position:left;
  background-position:0px;
  list-style:none;
  float:left;
}


/*MENU 1 BRAND*/
#menu1 a,#menu1_active a{ height:31px; width: 91px;padding:27px 0px 6px 0px;margin:0px 17px 0px 17px;}
#menu1 a{background-image:url(../images/common/menu1.png);}
#menu1 a:hover,#menu1_active a{background-image:url(../images/common/menu1_o.png);}

/*MENU 2 ITEM*/
#menu2 a,#menu2_active a{ height:31px; width:74px;padding:27px 0px 6px 0px;margin:0px 17px 0px 17px;}
#menu2 a{background-image:url(../images/common/menu2.png);}
#menu2 a:hover,#menu2_active a{background-image:url(../images/common/menu2_o.png);}

/*MENU 3 COLLECTION*/
#menu3 a,#menu3_active a{ height:31px; width:147px;padding:27px 0px 6px 0px;margin:0px 17px 0px 17px;}
#menu3 a{background-image:url(../images/common/menu3.png);}
#menu3 a:hover,#menu3_active a{background-image:url(../images/common/menu3_o.png);}

/*MENU 4 JOURNAL*/
#menu4 a,#menu4_active a{ height:31px; width:114px;padding:27px 0px 6px 0px;margin:0px 17px 0px 17px;}
#menu4 a{background-image:url(../images/common/menu4.png);}
#menu4 a:hover,#menu4_active a{background-image:url(../images/common/menu4_o.png);}

/*MENU 5 STORE*/
#menu5 a,#menu5_active a{ height:31px; width:70px;padding:27px 0px 6px 0px;margin:0px 19px 0px 24px;}
#menu5 a{background-image:url(../images/common/menu5_.png);}
#menu5 a:hover,#menu5_active a{background-image:url(../images/common/menu5__o.png);}


/*MENU 6 ONLINE*/
#menu6 a,#menu6_active a{ height:31px; width:99px;padding:27px 0px 6px 0px;margin:0px 17px 0px 17px;}
#menu6 a{background-image:url(../images/common/menu6.png);}
#menu6 a:hover,#menu6_active a{background-image:url(../images/common/menu6_o.png);}


/*MENU 7 COMPANY*/
#menu7 a,#menu7_active a{ height:31px; width:119px;padding:27px 0px 6px 0px;margin:0px 17px 0px 17px;}
#menu7 a{background-image:url(../images/common/menu7.png);}
#menu7 a:hover,#menu7_active a{background-image:url(../images/common/menu7_o.png);}

#scroll_down a{
	display:block;
	background-repeat:no-repeat;
	background-position:left;
	background-position:0px;
	list-style:none;
	float:left;
	background-image:url(../images/common/scroll_down_arrow.png);
	height:50px;
	width:20px;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 30px;
}


#scroll_down a:hover{
	background-image:url(../images/common/scroll_down_arrow.png);
	opacity:0.5;
}


.submenu1 a,.submenu2 a,.submenu1_active a,.submenu2_active a{
	display:block;
	height:20px;
	width:250px;
	margin:0px 125px 10px 127px;
	background-repeat:no-repeat;
	background-position:left;
	background-position:0px;
}

.submenu1 a,.submenu1_active a{
margin-top:-8px;
}


.submenu1 a{}
.submenu1 a,.submenu1 a{background-image:url(../images/common/submenu_m1.png);}
.submenu1 a:hover,.submenu1_active a{background-image:url(../images/common/submenu_m1_o.png);}

.submenu2 a{}
.submenu2 a,.submenu2 a{background-image:url(../images/common/submenu_m2.png);}
.submenu2 a:hover,.submenu2_active a{background-image:url(../images/common/submenu_m2_o.png);}

#main_contents{
padding:0px 0px 0px 0px;
width:978px;
float:left;
letter-spacing: 0em;
font-size:11px;
position:relative;
overflow:hidden;
}


#main_contents_static_head{
padding:110px 0px 0px 0px;
width:978px;
float:left;
letter-spacing: 0em;
font-size:11px;
position:relative;
overflow:hidden;
}

/** -----------------------   FOOTER   -------------------------- **/

#footer_menu1,#footer_menu1_single,#footer_menu1_item_detail,#footer_menu1_single_item_detail{
	padding:23px 0px 17px 0px;
  	border-top:1px #666666 solid;
  	border-bottom:1px #666666 dashed;	
}

#footer_menu1_item_detail,#footer_menu1_single_item_detail{
	margin:0px 69px 0px 69px;
}

#footer_menu1,#footer_menu1_item_detail{
	height:100px;
}

#footer_menu1_single,#footer_menu1_single_item_detail{
	height:50px;
}




#footer_menu1 li a,#footer_menu1_single li a,#footer_menu1_item_detail li a,#footer_menu1_single_item_detail li a{
  display:block;
  height:26px;
  background-repeat:no-repeat;
  background-position:left;
  background-position:0px;
  list-style:none;
  float:left;
  padding:10px 0px 10px 0px;
  margin:0px 9px 0px 9px;
}


#f_menuv0,#f_menuc0{
  float:left;	
  padding:10px 0px 10px 0px;
  margin:0px 9px 0px 3px;
  height:26px;
}

/*MENU 1 BRAND*/
#f_menu1 a,#f_menu1_active a{ width:110px;}
#f_menu1 a{background-image:url(../images/common/submenu1_01.png);}
#f_menu1 a:hover,#f_menu1_active a{background-image:url(../images/common/submenu1_01_o.png);}

/*MENU 2 ITEM*/
#f_menu2 a,#f_menu2_active a{width:46px;}
#f_menu2 a{background-image:url(../images/common/submenu1_02.png);}
#f_menu2 a:hover,#f_menu2_active a{background-image:url(../images/common/submenu1_02_o.png);}

/*MENU 3 COLLECTION*/
#f_menu3 a,#f_menu3_active a{width:106px;}
#f_menu3 a{background-image:url(../images/common/submenu1_03.png);}
#f_menu3 a:hover,#f_menu3_active a{background-image:url(../images/common/submenu1_03_o.png);}

/*MENU 4 JOURNAL*/
#f_menu4 a,#f_menu4_active a{width:29px;}
#f_menu4 a{background-image:url(../images/common/submenu1_99.png);}
#f_menu4 a:hover,#f_menu4_active a{background-image:url(../images/common/submenu1_99_o.png);}


.f2_slash{
  float:left;	
  padding:10px 0px 10px 0px;
  margin:0px 0px 0px 1px;
  height:26px;
  width:9px;
}

#footer_menu2,#footer_menu2_item_detail{
	padding:21px 0px 29px 0px;
	height:26px;
  	border-bottom:1px #666666 solid;
	font-family: 'Spinnaker', sans-serif;
	letter-spacing:0.04em;
	font-size:12.5px;
}

#footer_menu2_item_detail{
	margin:0px 69px 0px 69px;
}


#footer_menu2 a,#footer_menu2_item_detail a{
  display:block;
  height:26px;
  background-repeat:no-repeat;
  background-position:left;
  background-position:0px;
  list-style:none;
  float:left;
  padding:10px 0px 10px 0px;
  margin:0px 8px 0px 9px;
  color:#555555;
}

#footer_menu2 a:hover,#footer_menu2_item_detail a:hover{
	color:#9D221B;
}

#f2_menu1_active a,#f2_menu2_active a,#f2_menu3_active a,#f2_menu4_active a,#f2_menu5_active a,#f2_menu6_active a,#f2_menu7_active a,#f2_menu8_active a,#f2_menu9_active a,#f2_menu10_active a{
	color:#9D221B;
}


#f_logo1,#f_logo2{
  float:left;	
  padding:40px 0px 0px 3px;
  height:33px;
}

#f_logo1{
	float: none;
	width: 80px;
	margin: auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

#f_logo1 a:hover,#f_logo2 a:hover{
   filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


#f_logo3{
  clear:both;
  padding:53px 0px 20px 3px;
  margin:0px 9px 0px 0px;
  
  overflow: hidden;
  text-align: center;
}
#footer_logo_item_detail{
	margin:0px 69px 0px 69px;
}


/**  footer end  **/

#footer{
	padding-bottom:70px;
	margin-right:25px;
	overflow: hidden;
}

/** ----------------------- TOP VISUAL -------------------------- **/

.top_visual{
	height:800px;
}
.top_visual_logo{
	padding-top:30px;
	padding-bottom: 35px;
}

.top_visual_img {

}

.top_visual_image img{
	display:none;
	position: absolute;
	width:955px;
	height:auto;

}

.top_visual_text{
padding-top:10px;
font-family: "Libre Baskerville";
font-family:"Libre Baskerville","游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","HG明朝E",“メイリオ”, Meiryo, serif;
font-size:14px;
height:40px;
color:#555;
padding-left:15px;
padding-bottom:0px;
line-height:22px;
}

.top_visual_copyright{
padding-top:20px;
font-family: "Libre Baskerville";
font-size:10px;
color:#555;
padding-bottom:15px;
padding-right:24px;
text-align:right;
}


/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
/** -------------------------    item    ---------------------------- **/
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/

.item_box {
	float:left;
	padding:6px 12px 6px 0px;
	overflow:hidden;
	width:149px;
	height:149px;
}

.item_detail_photo{
	padding:41px 42px 41px 100px;
	float:left;
	width:426px;
	height:494px;
}
.item_detail_data_box{
	padding:246px 0px 41px 0px;
	float:left;
	position: relative;
	height:289px;
	width:315px;
}

.item_detail_data_box a:hover{
   filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;	
}

.item_detail_navi{
	padding:5px 0px 30px 0px;
	height:20px;
}

.item_detail_navi img{
	padding:0px 7px 0px 0px;
}


.item_detail_data{
	padding:5px 0px 0px 0px;
}

.item_detail_wear_arrow{
	position:absolute;
	bottom:50px;
	padding:0px 0px 0px 0px;
}

.category_title_thumbs{
padding-top:5px;
font-family: "Libre Baskerville";
font-size:12px;
font-weight:lighter;
color:#666;
padding-bottom:40px;
}


/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
/** ------------------------- collection ---------------------------- **/
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/

#main_contents_collection{
padding:0px 0px 60px 0px;
width:978px;
float:left;
letter-spacing: 0em;
font-size:11px;
position:relative;
overflow:hidden;
}


#collection_area1{
	
	margin:0px 0px 90px 0px;
	height:5750px;
	width:955px;
	background-image:url(../images/collection/collection1_201802.jpg);
	background-repeat: no-repeat;
}

#collection_area2{
	margin:15px 0px 0px 0px;
	height:4294px;;
	width:955px;
	background-image:url(../images/collection/collection2_201802.jpg);
	background-repeat: no-repeat;
}



/**collection float logo **/
.test,.test2{
	position: fixed;
	top:0;
	left:5px;
	}
.box-parent1,.box-parent2{
	position: relative;
	background: #eee;
	float: left;
	height:1900px;
}
.box-parent2{
	height:2135px;
}
	
.logo-c1{
	position: absolute;
	padding-top:350px;
	top:0px;
	height:600px;
	width:200px;
	margin:0 377px;
	}
	
	
.logo-c2{
	position: absolute;
	padding-top:300px;
	top:0px;
	height:550px;
	width:200px;
	margin:0 377px;
	}
	
.collection_tilte{
	padding:60px 0px 0px 28px;	
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
/** ------------------ Collection thumbnail TOP --------------------- **/
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
#main_contents_collection_top{
	padding-top: 120px;
	padding-bottom: 130px;
	overflow: hidden;
}

.collection_top{
	width: 31.7%;
	padding-right: 1.2%;
	float: left;
	position: relative;
	text-align: center;
	font-size: 13px;
	padding-bottom: 30px;
	color: #494646;
}

.collection_top img{
	width: 100%;
}

.collection_top_name{
	padding: 0;
	margin: 0;
	line-height: 18px;
	padding-top: 10px;
	height: 18px;
	overflow: hidden;
}

.collection_top_brand{
	padding: 0;
	margin: 0;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}

/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
/** ---------------------- BASIC Collection ------------------------- **/
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/



#basic_top_ul{
	width: 99%;
	position: relative;
}

.basic_top_li{
	float: left;
	width: 32%;
	padding: 5.5px 1.3% 5.5px 0%;
}

.basic_top_li img{
	width: 100%;
}



#main_contents_basic_detail{
	width: 97.5%;
	position: relative;
	padding-top: 120px;
}

#basic_detail_main{
	width: 79.8%;
	float: left;
	margin-right: 1%;
	position: relative;
}

#basic_detail_main img{
	width: 100%;
}

#basic_detail_navi_prev{
	position: absolute;
	top:48%;
	left: 1.5%;
	width: 20px;
	display: none;
}

#basic_detail_navi_next{
	position: absolute;
	top:48%;
	right: 1.5%;
	width: 20px;
	display: none;
}

#basic_detail_navi_next a img,#basic_detail_navi_prev a img{
	width: 100%;
	height: 30px;
	opacity: 1;
}
#basic_detail_navi_next a:hover img,#basic_detail_navi_prev a:hover img{
  opacity: 0.7;
}



#basic_detail_navi_up{
	position: absolute;
	top:32%;
	left: 1.5%;
	width: 30px;
}


#basic_detail_navi_up a img{
	width: 100%;
	opacity: 1;
}
#basic_detail_navi_up a:hover img{
  opacity: 0.7;
}


#basic_detail_thumbs_box{
	width: 19.2%;
	float: left;
	position: relative;
}

.basic_detail_thumbs{
	width: 100%;
	padding-bottom: 5px;
}
.basic_detail_thumbs img{
	width: 100%;
	height: auto;
}

#basic_detail_text_box{
	padding: 20px 0px 0px 0px;
	clear: both;
	line-height: 22px;
}

#basic_detail_title{
	width: 270px;
	position: relative;
	padding: 0px 0px 20px 0px;
}

#basic_detail_title img{
	width: 100%;
}

/* service */
.col-1 {
    display: inline-block;
    width:auto;
	padding-right: 0.5em;
    /* border: solid 1px; */
}
.col-2 {
    display: inline-block;
    width: auto;
    /* border: solid 1px; */
}





/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
/** -------------------------    brand   ---------------------------- **/
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/

#brand_main_box{
	padding:50px 60px 0px 85px;	
}

.brand_title{
	padding:15px 0px 20px 0px;	
}

.brand_text_box{
	padding:0px 30px 0px 125px;
	font-size:13px;
	line-height:25px;
}

.brand_text_box_history{
	padding:0px 30px 0px 125px;
	font-size:13px;
	line-height:45px;

}



/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
/** -------------------------   company  ---------------------------- **/
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/

#company_main_box{
	padding:50px 0px 0px 60px;	
	font-size:14px;
	line-height:28px;
	color:#555555;	
}

#company_main_box a{
	text-decoration:underline;
}

#company_main_box a:hover{
	text-decoration:none;
}


.company_title1{
	float:left;
	padding:5px 0px 15px 0px;
}

.company_title2{
	
	padding:14px 0px 15px 0px;
	margin-left:-5px;
}

.company_store_url{
	float:left;
	padding:17px 0px 13px 0px;
}

.company_text_box{
	padding:0px 30px 0px 165px;
}


.company_map1{
	padding:50px 30px 20px 0px;
	
	float:left;
	width:200px;
	height:320px;	

}

.company_map1 a:hover{
   filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;		
}	

.company_map2{
	padding:20px 0px 20px 30px;
	float:left;
	width:425px;
	height:320px;
}
	


/**collection float logo end **/


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

div.contents_area {
	padding-left:0 !important;
	width:100% !important;
}

#main_contents{
	width: auto !important;

}

}