@charset "UTF-8";
/*============================

PC common style

============================*/

*{
	box-sizing:border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.white{
	background:#fff!important;
}



/* .inner
----------------------------*/
.inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}



/*----------------------------
		header
----------------------------*/
header{
	width:100%;
	height:60px;
	position: fixed;
	background:#fff;
	z-index:9999;
}


header .inner{
	display:table;
	height:100%;
}


header #logo{
	display:table-cell;
	vertical-align:middle;
	padding-top: 5px;
}

header #logo img{
	width:100%;
	max-width:145px;
	height:auto;
}


/*縮小*/

header.smaller,
header.smaller .inner{
	height:60px;
}

header.smaller #logo img{
}

header.smaller .menu > ul > li > ul {
	top:60px;
}

header.smaller .menu > ul > li a.mainmenu {
	padding-top:20px;
	height:60px;
}

header.smaller #language_area img {
	vertical-align:top;
}

header.smaller #language_area #lang_inner{
	top:50px;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
	display:table-cell;
	vertical-align:middle;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: " ";
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}


.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}
.menu > ul > li .btn_box {
	display:none;
}

/*幅*/
.menu > ul > li:first-child{
	min-width:72px;
	width:11.5%;
}

.menu > ul > li:nth-child(2){
	min-width:65px;
	width:10.2%;
}
.menu > ul > li:nth-child(3){
	min-width:112px;
	width:15.88%;
}

.menu > ul > li:nth-child(4){
	min-width:50px;
	width:7.12%;
}
/*
.menu > ul > li:nth-child(5){
	min-width:50px;
	width:7.12%;
}
*/

.menu > ul > li:nth-child(5){
	min-width:74px;
	width:10.9%;
}

.menu > ul > li a {
    text-decoration: none;
    display: block;
	width:100%;
	height:100%;
	text-align:center;
}

.menu > ul > li a.mainmenu{
	height:60px;
	padding: 20px 0 0;
}

.menu > ul > li.store {
	min-width:74px;
	width:13.14%;
	float:right;
}
.menu > ul > li.store a{
	text-align:right;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background:url(../../img/nav_bg.png) repeat-x top center #e7e7e7;
    position: absolute;
    z-index: 9999;
    left: 0;
	top:60px;
    margin: 0;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0 auto;
    padding-bottom: 0;
    list-style: none;
    max-width: 1100px;
    background: none;
}

	

/*各メニュー吹き出し*/

.menu > ul > li > ul > li.pro_menu{
	
	position:relative;
}

.menu > ul > li > ul > li.pro_menu:before{
	left: 28.2%!important;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #dfdfdf;
	border-width: 10px;
	margin-left: -10px;
}

.menu > ul > li > ul > li.m_menu02:before{
	left: 34.4%!important;
}

.menu > ul > li > ul > li.m_menu03:before{
	left: 44%!important;
}
.menu > ul > li > ul > li.pro_cat{
	position:relative;
	width:100%;
	max-width:1100px;
}

.menu > ul > li > ul > li.pro_cat:before{
	left: 1%;
	top:-64px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #e7e7e7;
	border-width: 10px;
	margin-left: -10px;
}


.menu > ul > li > ul > li a {
    padding: 0;
    display: block;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/*追加*/
.menu_inner{
	width:100%;
	margin:0 auto;
	background:#dfdfdf;
	padding-top:18px;
	height:62px;
}


.menu_inner ul.menu01 li{
	float:left;
	margin-right:35px;
}

.menu_inner a{
	color:#212121;
}

.menu_inner a:hover{
	text-decoration:underline;
}

.menu_inner .lookbook{
	float:left;
	margin-left:20px;
	padding-left:35px;
	border-left:1px solid #bababa;
}

.menu_inner .close{
	float:right;
	width:28px;
	cursor:pointer;
	margin-right:10px;
}



/*写真付きメニュー*/
.new_wrap{
	margin:45px 0;
	width:100%;
}


.product_nav li{
	display:inline-block;
	float:left;
	width:10%;
	max-width:105px;
	overflow:hidden;
	margin-right:1.36%;
}


.product_nav li span{
	display:block;
	text-align:center;
}

.product_nav li a span{
	color:#212121;
}

.product_nav li img{
	width:100%;
}

.product_nav li a:hover img{
	opacity:0.5;
}
.product_nav li a:hover span{
	text-decoration:underline;
	color:#212121;
}

.product_nav li.title{
	color:#fff;
	font-size:16px;
	text-align:center;
	width:12%;
	max-width:123px;
	background:#83898c;
	height:123px;
}

.product_nav li.title span{
	line-height:123px;
	display:inline-block;
}
.product_nav li.title a{
	line-height:123px;
	display:inline-block;
	color:#FFF;
}
.product_nav li.title a:hover{
	opacity:0.7;
}

.product_nav:not(:last-child) li:last-child{
	box-sizing:content-box;
	padding-right:3%;
	border-right:1px solid #ccc; 
	margin-right:0;
	
}

.product_nav + .product_nav li.title{
	margin-left:3%;
}

/*タブ*/




#mens,
#womens,
#junior,
#accsessories{
	display:none;
}

.menu ul li.pro_cat_before:before{
    top: -64px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #e7e7e7;
    border-width: 10px;
    margin-left: -10px;
}
#all:before{
    left: 1%;
}
#mens:before{
    left: 6%;
}
#womens:before{
    left: 12.5%;
}
#junior:before{
    left: 19.7%;
}
#accsessories:before{
    left: 28%;
}




/*language*/
.langage_area_sp{
	display:none;
}
#language_area{
	display:table-cell;
	vertical-align:middle;
	width:18px;
	text-align:right;
	position:relative;
}

#language_area:hover{
	cursor:pointer;
}

#language_area img{
	width:18px;
	vertical-align:middle;
}

#language_area #lang_inner{
	background:#dfdfdf;
	padding:20px;
	width:135px;
	position:absolute;
	right:-25px;
	top:70px;
	z-index:9999;
}

#language_area #lang_inner:after{
	bottom: 100%;
	right:25px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #dfdfdf;
	border-width: 10px;
	margin-left: -10px;
}

#language_area #lang_inner ul li{
	text-align:left;
}

#language_area #lang_inner ul li+li{	
	margin-top:15px;
}

#language_area #lang_inner ul li a{
	color:#212121;
}

#language_area #lang_inner ul li img{
	display:inline-block;
	margin-right:5px;
}



/*----------------------------
		pankuzu
----------------------------*/
#pankuzu{
	padding-top:60px;
	background:#f5f5f5;
}
#pankuzu .pan_inner{
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
#pankuzu ul {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	height:34px;
	font-size:10px;
    overflow: hidden;
	
}
#pankuzu ul li {
    float: left;
}
#pankuzu ul li a {
    text-decoration: none;
    padding: 5px 0 10px 55px;
    background: #f5f5f5;
    position: relative;
    display: block;
    float: left;
}

#pankuzu ul li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 30px solid #f5f5f5;
    position: absolute;
    top: 70%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

#pankuzu ul li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 30px solid #d9d9d9;
    position: absolute;
    top: 70%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

/*home*/
#pankuzu ul li:first-child a{
	padding:0 0 0 35px;
}


/*----------------------------
		index_common
----------------------------*/

a.more,
span.more{
	margin:0 auto;
	width:282px;
	height:50px;
	line-height:50px;
	display:block;
	border:1px solid #8b8b8b;
	color:#8b8b8b;
	font-size:16px;
	text-align:center;
}

a.more:hover,
span.more:hover{
	background:#212121;
	color:#fff;
	text-decoration:none;
}



/*----------------------------
		gotop
----------------------------*/
#pagetop {
	width:100%;
	margin:120px 0 0;
	text-align:center;
	height:40px;
	border-top:1px solid #dedede;
	position:relative;
	z-index:1;
}

#pagetop a{
	height:auto;
	display:inline-block;
	background:#fff;
	margin-top:-21px;
}

#pagetop a img{
	width:100%;
	height:auto;
	
}
/*----------------------------
		footer
----------------------------*/
footer{
	background:#f5f5f5;
	padding-top:90px;
	height:436px;
}


footer dl{
	float:left;
	height:200px;
	padding-left:4.5%;
}

footer dl:first-child{
	min-width:10.45%;
	padding-left:0;
}

footer dl:nth-child(2){
	min-width:15.91%;
}

footer dl:nth-child(3){
	min-width:20%;
}

footer dl:nth-child(4){
	min-width:15%;
}

footer dl:nth-child(5){
	min-width:13.63%;
}

footer dl:nth-child(6){
	min-width:14.09%;
}

footer dl:nth-child(7){
	min-width:10.91%;
	padding-left:0;
	text-align:right;
}


footer dl dt{
	font-weight:400;
	margin-bottom:15px;
}

footer dl dd ul li{
	font-size:12px;
	line-height:20px;
}

footer dl:last-child{
	text-align:right;
}

footer dl dt a{
	color:#212121!important;
}

footer dl dd a{
	color:#9f9f9f;
}


footer .foot_menu .sns_bnr{
	margin:0 0 18px;
	text-align:right;
	padding-bottom:25px;
	border-bottom:1px solid #dcdcdc;
}


footer .foot_menu .sns_bnr .btn_box{
	float:right;
}

footer .foot_menu .sns_bnr .btn_box a {
	display:block;
	float:left;
	width:40px;
	height:40px;
}

footer .foot_menu .sns_bnr .btn_box a + a{
	margin-left:8px;
}


footer .foot_menu .sns_bnr a:hover{
	opacity:0.7;
}

footer .foot_menu .sns_bnr a img{
	width:100%;
	height:auto;
}


footer .foot_menu .copyright{
	margin-bottom:80px;
}

footer .foot_menu .copyright ul li{
	float:left;
	font-size:12px;
	margin-right:36px;
}

footer .foot_menu .copyright ul li a{
	color:#4f4f4f!important;
}

footer .foot_menu .copyright p{
	float:right;
	font-size:10px;
	color:#9f9f9f;
}





/*navi*/
.navi{}

.navi ul{
	margin:0 auto;
	display:table;
	border:1px solid #cfcfcf;
	border-collapse:collapse;
	height:42px;
}

.navi ul li{
	display:table-cell;
	width:42px;
	line-height:42px;
	text-align:center;
	border:1px solid #cfcfcf;
}

.navi ul li:hover{
	background:#cfcfcf;
}

.navi ul li span{
	display:block;
	color:#FFF;
	background:#cfcfcf;
}

.navi ul li.now a{
	color:#fff;
	display:block;
}

.navi ul li a{
	display:block;
}

.navi ul a:hover{
	color:#fff;
	text-decoration:none;
}


#more_disp{
	text-align:center;
}

#footer{
	width:980px;
	margin:0 auto;
	display:block !important;
	display /**/:inline-block;/* for IE */
	text-align: left;
}
#footer ul{
	/*margin: 20px 0 0 0;*/
	padding: 0;
}
#footer ul li{
	float: left;
}

#footer ul li.next1{
	float: right;
	margin: 3px 0 0 0;
}
#footer ul li.next2{
	float: right;
	margin: 3px 5px 0 0;
}
#footer ul li.backnumber2 p{
	margin: 8px 0 0 0;
	color: #fff;
	font-size: 12px;
}
#footer ul li.copyright{
	width:100%;
	text-align: center;
	font-size: 10px;
	color: #4f4f4f;
	margin: 39px 0;
}
#footer ul li.runup{
	font-size: 13px;
	color: #4f4f4f;
	margin: 0 0 0 100px;
}
#footer ul li.runup p{
	float: left;
	margin: 20px 15px 0 0;
}