@charset "Shift_JIS";
 
/*  #header  
-------------------------------------------------------------------------*/

.headerContainer { background-color:#fff;}
.headerContainer .inner { width:1180px; margin-right:auto; margin-left:auto; }
.headerContainer a {-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: unset;}
#header a, #globalnavi a { color:#000;}
#header a:hover, #globalnavi a:hover {opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";}
  
.headerContainer .button {display:block;
 	white-space:nowrap; text-decoration:none; text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box; }
		
.headerContainer .utility { overflow:hidden; zoom:1; float:right; max-width:660px; letter-spacing:0.3px;}
.headerContainer .utility li { display:inline-block; margin-left:30px; font-size:11px; }
.headerContainer .utility a {text-decoration:none;}

#header_line { width:100%; padding:0.5em 0; color:#fff; background-color:#001646; font-size:11px;}
#header_line .comment { float:left; width:auto; max-width:520px; margin-top:2px; letter-spacing:0.5px;}
#header_line a, #header_line a:before {color:#fff; }
/*#header_line  a.link_arrow { padding-left:10px; 
background:url(/common/mod_icon_arrow_white.png) no-repeat left center;}*/
#header_line a.blank {padding-left:15px;
	background:url(/common/mod_icon_link_out_white.png) no-repeat left center;}
#header_line .utility  li { margin-top:1px; margin-bottom:2px; }
#header_line .utility #brandsite { margin-top:0;}
#header_line #brandsite img { vertical-align:bottom;}	
	
	
.headerContainer > #header { width:100%; min-height:90px; background-color:#fff; border-bottom:1px solid #eee; }
#header img {max-width: 100%;}
#header .inner { position:relative; height:90px;}
#header h1 { float:left; width:250px; margin:30px 0;}
#header .utility {   margin-top: 16px;
  overflow: hidden;
  max-height: 24px;}
#header .utility .btn_cart { padding-left:16px; background:url(/common/mod_icon_cart.png) no-repeat left center;}
#header .utility .btn_fav { padding-left:16px; background:url(/common/mod_icon_favorite.png) no-repeat left center;}

#header .utility .button_navy:before {padding: 0 6px 0 0; vertical-align: top; font-size: 10px;}
#header .utility .button_navy { 
	width:90px; padding:0 10px;
	font-size:12px;	line-height:24px;
	color:#fff;
	background:#001646;}


#header_search { position:absolute; right:0; bottom:14px; overflow:hidden; zoom:1; width:326px;}
#header_search input {box-sizing:border-box;}
#header_search input.keyword_box { display:inline-block; width:300px; height:24px; 
margin-right:10px; padding:0 5px; 
font-size:12px; color:#666; border:1px soild #eee !important; }
#header_search input.keyword_box:focus { outline:none;}
#header_search input.dummy_word { color:#ddd !important; font-weight:normal !important;}

#header_search input.searchBtn { display:inline-block; width:16px; height:16px; padding:0; border:none;
 background:url(/common/mod_icon_search.png) no-repeat 0 0;}
input[type="submit"]:hover { cursor:pointer;}
input[type="submit"]:focus { outline: 0;}

/*  #globalNavi  
-------------------------------------------------------------------------*/
#globalNavi {
	position: relative;
	border-bottom:1px solid #eee;
	background:#fff;
	letter-spacing:0.015em;
	font-weight:500;
	font-family: "Helvetica Neue",  Helvetica, Arial, Yugothic, "Yu Gothic", sans-serif;
 z-index: 10;
}

#globalNavi a { color:#000;  text-decoration: none;
font-size:12px;}

#globalNavi a:hover {  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";}

.dropmenu { 
	position: relative;
	width: 1180px;
	margin: 0 auto;
	padding: 0;
	background:#fff;
	letter-spacing:0.1px;
	}

#globalNavi .dropmenu > li > a{
  float:left;
  display: block;
  margin: 0 40px 0 0;
  padding: 13px 0 ;
letter-spacing:0.5px;
  line-height: 1;
}

#globalNavi .dropmenu li a span { display:block; margin-top:3px; 
font-size:10px; letter-spacing:0.3px; font-weight: 500;}

.dropmenu li ul li{
 float:left;
 width: 220px;
 margin-right:0;
}

.dropmenu li:hover > a{
}
.dropmenu li a:hover{
}

.dropmenu .drop_content { 
box-sizing: border-box;
position:absolute;
top:51px;
left:0;
width:1180px;
padding: 20px 25px 25px;
border:1px solid #eee;
background-color:#fdfdfd;
z-index: 5999;
display:none;
 letter-spacing:0.8px;} 

#globalNavi  ul  li:hover .drop_content { display: block !important;}

.dropmenu .category_menu { float:left; width:440px;}
.dropmenu li dl dt { margin-bottom:8px; font-size:10px; letter-spacing:0.1px;}
.dropmenu li dl dt span { display:inline-block; padding-right:1em; 
font-size:12px; font-weight:400; letter-spacing: 0.4px;}

.dropmenu .sub_category li { margin-top:3px;}
.dropmenu .sub_category li:hover {/* background-color:#fcfaf5;*/ background-color:#F5F4EF;}
.dropmenu .sub_category li a { display:block; 
  padding: 9px 7px;
  text-align: left;
}
.dropmenu .recommend_menu  {box-sizing: border-box; float:right; 
width:640px; padding-left:30px; border-left:1px dotted #eee;}
.dropmenu .recommend_menu ul li { float:left; width:120px; margin-right:40px;}
.dropmenu .recommend_menu ul li:nth-child(4n){margin-right: 0;}
.dropmenu .recommend_menu ul li img {width:120px; height:120px;}
.dropmenu .recommend_menu ul li h4 { margin:0.9em 0 0.32em 0; 
line-height:1.3; font-size:11px !important; font-weight:normal;}
.dropmenu .recommend_menu .price { margin-top:0.4em;}
.dropmenu .recommend_menu .caption { font-size:10px; line-height: 1.3;}





/* globalMenu
-------------------------------------------------------------------------*/

#globalMenu {width:100%; border-bottom: 1px solid #eee;
letter-spacing: 0.6px;
}
#globalMenu .dropdownList {width:1180px;
margin: 0 auto;
	display: flex;
	justify-content: flex-start;}
#globalMenu h4 {padding: 16px 47px 16px 0; font-size: 13px; font-weight: 500;}
#globalMenu h4 span { font-weight: normal;}
#globalMenu .dropdownList ul {display: block;}
#globalMenu .dropdownList li {position: relative; font-size: 12px;}
#globalMenu .dropdownList > li span {display: block; margin-top: 0.25em; font-size: 80%; font-weight: normal;}
#globalMenu .dropdownList li a {display: block; 
color: #000;	text-decoration: none;
transition: all .3s;}
#globalMenu .dropdownList li a:hover {color: #444;} 
#globalMenu .dropdownList > li > a {
/*padding: 16px 47px 16px 0;*/
 }
#globalMenu .dropdownList > li:last-of-type > a {padding-right: 0;}
#globalMenu .dropdownList .has-child ul {
position: absolute;
	top:58px;	left:-20px;	z-index: 4;
 width:240px;
 background-color: #fbfbfb;
 visibility: hidden;
	opacity: 0;
 transition: all .3s;}
 
#globalMenu .has-child:hover > ul,
#globalMenu .has-child ul li:hover > ul,
#globalMenu .has-child:active > ul,
#globalMenu .has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

#globalMenu .secondLayer a,
#globalMenu .secondLayer p {padding: 13px 20px;}
#globalMenu .secondLayer a::before {
/*position: absolute; top:17px; left:13px; */
padding: 0 6px 0 4px;
font-family: FontAwesome;
content: "\f105";
font-size: 12px; color:#aaa;}

#globalMenu .secondLayer a:hover {background-color: #f5f5f5;}
#globalMenu .secondLayer .has-child > a:before,
#globalMenu .secondLayer .has-child > p:before{padding: 0 6px 0 0;
font-family: FontAwesome; font-size: 11px; color: #aaa;
content: '\f067';}

#globalMenu .has-child ul li a {} 
#globalMenu .has-child ul li:last-child a {}
#globalMenu .has-child ul li a:hover, 
#globalMenu .has-child ul li a:active {}

#globalMenu .secondLayer .has-child ul {
top:0;	left:240px;}
#globalMenu .has-child ul ul li a:hover,
#globalMenu .has-child ul ul li a:active {}


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

#globalMenu {padding: 0;}
#globalMenu ul {display: block;}
#globalMenu .has-child ul {
position: relative;	top:0;	left:0;
width:100%;
visibility:visible;/*JSで制御するため一旦表示*/
opacity:1;/*JSで制御するため一旦表示*/
display: none;/*JSのslidetoggleで表示させるため非表示に*/
transition:none;/*JSで制御するためCSSのアニメーションを切る*/}
}
#globalMenu .dropdownList .has-child::before {left:20px;}
#globalMenu .has-child ul li a {border-bottom:1px dotted #eee;}  
#globalMenu ul ul .has-child::before{
 transform: rotate(135deg);
	left:20px;
}
    
#globalMenu ul .has-child.active::before{
 transform: rotate(-45deg);
}










/*  #footer  
-------------------------------------------------------------------------*/

#footer .inner1180 {
	width:1180px; margin-right:auto; margin-left:auto; padding:10px 0;}
#footer {
	 width:100%; background-color:#fff; border-top:1px solid #eee; font-size:11px;}
#footer #footer_nav { float:left; width:92%;}
#footer #footer_nav li { 
	display:inline-block; margin-right:28px; font-size:11px; line-height:1;}
#footer .ls_narrow { letter-spacing:0px;}
#footer #footer_nav li a {
	padding-left:8px; 
	background:url(/common/mod_icon_arrow_black.png) no-repeat left center;}
#footer #footer_nav li a, #footer .page_top a {text-decoration:none; color:#000; }	
#footer #footer_nav li a:hover, #footer .page_top a:hover {text-decoration:underline; color:#333; }	
#footer #footer_nav li a.blank {
	padding-left:14px;
	background:url(/common/mod_icon_link_out.png) no-repeat left center;
}
#footer .page_top { 
	float:right;  width:6%; 
	text-align:right; font-size:11px; font-weight:600; line-height:1; 
	background:url(/common/mod_icon_pagetop.png) no-repeat left center;}
#footer_sub { width:100%; background-color:#001646;  color:#fff;}
#footer_sub address {
	float:left; padding:4px 0; width:30%; 
	font-size:10px; line-height:1; letter-spacing:0.2px;}
	
	
#footer_sub .sns_account {float:right; }
#footer_sub .sns_account p { padding:3px 5px 0 0; font-size:10px; }
#footer_sub .sns_account ul li { float:left; padding-left:10px; font-size:15px;}
#footer_sub .sns_account ul li a { color:#fff;}

#footer_sub .social-buttons {float:right; display:table;}
#footer_sub .social-buttons p { padding-top:1px; padding-right:10px; vertical-align:middle; color:#fff;}
#footer_sub .social-buttons p, #footer_sub .social-buttons ul li  { display:table-cell;}
#footer_sub .social-buttons ul li#fb { width:94px;}

#footer_sub iframe.twitter-share-button {
	width: 81px!important;
}