@charset "utf-8";

/* heading */
h1 {
 	font-weight: normal;
	font-size: 1em;
    line-height: 1.4;
    padding: 1em
}
h2 {
	padding: .8em;
    background-color: #f5f5f5;
    color: #333;
	font-size: 1em;
	font-weight: normal;
	text-align: center
}
h2 span {
    padding-left: 0.5em;
    font-size: 0.8em;
    color: #666
}
h3 {
	padding: .6em 0 0;
	border-top: 1px solid #e4e4e4;
	color: #333;
	font-size: 1em;
	font-weight:normal;
}
/* mainslide */
.swiper-button-next { display: none}
.swiper-button-prev { display: none}

/* ---------------------------------------*/
/* information/feature */
/* ---------------------------------------*/
.news {
	border-top: .1em solid #e4e4e4;
	display: table;
	width: 100%;
	/*font-family: sans-serif;*/
}
.news .nbanner {
	display: table-cell;
	vertical-align: top;
	width: 33%;
	padding: .3em
}
.news .nbanner img {
	margin: 1em 0;
	border-radius: .6em;
}
.news .nnote {
    display: table-cell;
    vertical-align: middle;
    width: 67%;
    padding: .3em;
    color: #666;
    font-size: 1em;
    text-align: left
}
.news .nnote span {
    display: table-cell;
    vertical-align: middle;
    width: 67%;
    padding: .3em;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    text-align: left
}
/* level1 */
.level1 {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 1.5em;
	/* box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); */
}
.level1 ul {
	overflow: hidden;
	/*! margin: 0 .5em; */
}
.level1 ul li {
	width: 100%;
	float: left;
    margin-bottom: 4px;
}
.level1 ul li img {
	max-width: 98%
}
.level1 ul li a {
	display: block;
	color: #666;
}
.level1 ul li a .click {
	display: block;
	width: 98%;
	color: #666;
	font-weight: normal;
	text-align: right
}
.level1 ul li a .click:hover {
	opacity: 0.6
}

/* level2 */
.level2 {
	margin:0 auto;
	width: 100%;
	margin-bottom: 1.5em;
}
.level2 ul {overflow: hidden;margin: 0 .5em;}
.level2 ul li { width: 100%; float: left}
.level2 ul li img {  max-width: 98%}
.level2 ul li a {
	display: block;
	color: #333;
	padding: 0.5em 0
}
.level2 ul li a:hover {
	color: #333;
	background-color: white
}

/* level3 */
.level3 {
	margin:0 auto;
	width: 98%;
	margin-bottom: 1.5em;
}
.level3 ul { overflow: hidden}
.level3 ul li { width: 50%; float: left}
.level3 ul li img {  max-width: 98%}
.level3 ul li a {
	display: block;
	color: #333;
	padding: 0.5em 0
}
.level3 ul li a:hover {
	color: #333;
	background-color: white
}
.level3 dd.itemname {
	font-weight: normal;
	font-size :0.9em;
	margin-top: 0.5em;
}
.level3 ul li .gold { color: #e7ae00}
.level3 ul li .silver { color: #a0a0a0}
.level3 ul li .bronze {color: #ce6027}
.level3 ul li .top10 {color: #666}


/* level4 */
.level4 {
	margin:0 auto;
	width: 100%;
	margin-bottom: 1.5em;
}
.level4 ul { overflow: hidden}
.level4 ul li { width: 33%; float: left}
.level4 ul li img {  max-width: 98%}
.level4 ul li a {
	display: block;
	color: #333;
	padding: 0.5em 0
}
.level4 ul li a:hover {
	color: #333;
	background-color: white
}
.level4 dd.itemname {
	font-weight: normal;
	font-size :0.9em;
	margin-top: 0.5em;
}

/* level5 */

.level5 {
	text-align: center;
	margin-bottom: 3em;
}
.level5 ul {
	list-style-type: none;
	padding-left: 0;
	margin: 3px;
}
.level5 li {
	border-radius: 30px;
	background: #ffffff;
	width: 170px;
	height: 40px;
	padding: 5px;
	margin: 2px;
	display: inline-block;
}
.level5 ul li span {
	font-size: 1em;
	line-height: 2.5;
}
.level5 ul li a {
	display: block;
	color: #333;
	padding: 0.3em 0
}


/* ---------------------------------------*/
/* category */
/* ---------------------------------------*/
#f_cat {
	margin-top: 2em;
	font-family: sans-serif
}
#cat_ladies {
	padding: .6em;
	background: #e42739;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
	text-align: center
}
#cat_mens {
	padding: .6em;
	background: #003388;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
	text-align: center
}
#cat_kids {
	padding: .6em;
	background: #ffdd53;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1em;
	text-align: center
}
#cat_feature {
	padding: .6em;
	border-top: none;
	background: #a69058;
	color: #FFF;
	font-weight: normal;
	font-size: 1em;
	text-align: center
}
.cat_menu {
	position: relative;
	padding: .6em 0 .2em;
	border-bottom: .1em solid #e4e4e4;
	text-align: center
}
.cat_menu span {
	color: #333;
	font-size: 1em;
}
.cat_menu_list {
	width: 100%;
	overflow: hidden
}
.cat_menu_list li {
	position: relative;
	float: left;
	width: 50%;
	height: 54px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: .1em solid #e4e4e4;
	background-color: #FFF
}
.cat_menu_list li:nth-child(odd) {
	border-right: .1em solid #e4e4e4
}
.cat_menu_list li span {
	position: absolute;
	margin-top: -1.4em;
	font-size: 1em;
	text-align: left;
	top: 50%;
	left: 40%;
	line-height: 1.4
}
.cat_menu_list li a {
	display: block;
	padding: 2.2em;
	background: url(../img/common/icon_right.png) 97% 50% no-repeat;
	background-size: .7em 1.1em;
	color: #333;
	text-align: left
}
.cat_menu_list li img {
	float: left;
	width: 4.4em
}
.cat_menu_list_s {
	width: 100%;
	overflow: hidden
}
.cat_menu_list_s li {
	position: relative;
	float: left;
	width: 100%;
	height: 54px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: .1em solid #e4e4e4;
	background-color: #FFF
}
.cat_menu_list_s li span {
	position: absolute;
	margin-top: -1.2em;
	font-size: 1em;
	text-align: left;
	top: 50%;
	left: 40%;
	line-height: 2.7
}
.cat_menu_list_s li a {
	display: block;
	padding: 2.2em;
	background: url(../img/common/icon_right.png) 97% 50% no-repeat;
	background-size: .7em 1.1em;
	color: #333;
	text-align: left
}
.cat_menu_list_s li img {
	float: left;
	width: 8.8em
}

/* 商品ページ文字リンク */
.btn {
	margin-top: 1em;
	margin-bottom: 1em;
}
.btn li a {
	font-size: 1em;
}
.btn-flat-border {
  display: block;
  text-align: center;
  padding: 1.5rem 0;
  margin: 0 20%;
  font-size：1rem;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  border: solid 2px #000000;
  border-radius: 3px;
  transition: .4s;
  line-height: 1.2;
  letter-spacing: 0.1rem;
}
.btn-flat-border:hover {
  background: #000000;
  color: white;
}
#sp_bottom .itemlist_btn {
	margin-bottom: 1.2em;
}

/* PC 768px */
@media screen and (min-width : 768px){

/* mainsilde */
#mainslide {
    margin: 2px auto;
    width: 50%;
    max-width: 50em;

}
.swiper-button-next { display: inline}
.swiper-button-prev { display: inline}

h1 { font-size: 0.8em}
h2 {
    margin: .5em;
    padding: .8em;
    background-color: #f5f5f5;
    color: #333;
    font-weight: normal;
    font-size: 1.8em;
    text-align: center;
}
h3 {
    margin: 0 .5em;
}
.news .nbanner img {
    margin: 0;
}
.news .nnote {
    display: table-cell;
    vertical-align: middle;
    width: 67%;
    padding: .3em;
    color: #666;
    font-size: .9em;
    text-align: left
}

/* level1 */
.level1 ul li {
  width: 50%;
  float: left;
  margin-bottom: 1em;
}
.level1 dd.itemname {
	font-weight: normal;
	font-size: 0.9em;
	color: #666
}
.level3 ul li { width: 20%; float: left }
.level3 dd.itemname { color: #666}
.level4 ul li { width: 33%; float: left }
.level4 dd.itemname { color: #666}

.level5 {
	display: none;
}

}