@charset "utf-8";

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	color: #333;
	font-size: 13px;
}

#main-contents,
#footer{
	width: 100%;
}

/* wrapper --------------------------------- */

#wrapper{
	width: 1172px;
	margin: 0 auto;
}


/* top --------------------------------- */

.header{
	height: 60px;
	padding: 10px 0;
	overflow: hidden;
}

.logo{
	float: left;
	margin: 12px 0 0 0;
}

.sns-area{
	float: right;
	margin: 20px 0 0 0;
}

.sns-area .fb-btn{
	float:left;
	width: 104px;
}

.sns-area .tw-btn{
	float: right;
}

.mainview{
	display:block;
	margin-bottom: 60px;
}



/* nav --------------------------------- */

.nav-wrapper{
	width: 100%;
	margin-bottom: 60px;
}

.nav-elm{
	width: 33%;
	float: left;
}
.nav-elm a{
	display: block;
	height: 313px;
	text-align: center;
	position: relative;
}

.nav-elm .nav-arrow{
	display: block;
	width: 100%;
	height: 26px;
	background: url(../images/nav_arr_bags.png) center bottom no-repeat;
	position: absolute;
	bottom: 0;
}


.nav-elm-bags .nav-arrow{background-image: url(../images/nav_arr_bags.png);}
.nav-elm-bears .nav-arrow{background-image: url(../images/nav_arr_bears.png);}
.nav-elm-headwears .nav-arrow{background-image: url(../images/nav_arr_headwers.png);}



/* Title --------------------------------- */

.ttl-group{
	text-align: center;
	border-top: 1px solid #133E68;
	border-bottom: 1px solid #133E68;
	margin-bottom: 60px;
}

.ttl-border-inner{
	display: block;
	padding: 20px 0;
	margin: 2px 0;
	border-top: 1px solid #899EB3;
	border-bottom: 1px solid #899EB3;
}


.ttl-sriese{
	text-align: center;
	margin-bottom: 50px;
}



/* compornent
-------------------------------- */

.section-group{
	margin-bottom: 70px;
}


.section-sriese{
	margin-bottom: 30px;
}

#group-headwears .section-sriese-end,
.section-sriese-end{
	margin-bottom: 40px;
}

.prd-row{
	overflow: hidden;
}


/* prd-element*/
.prd-elm{
	margin-bottom: 40px;
}
.prd-elm .img-prd{
	text-align: center;
	margin-bottom: 10px;
}
.prd-elm .description{
	text-align: center;
}


/* colume */
.box-l{float: left;}
.box-r{float: right;}

.col-2 .box-l,
.col-2 .box-r{
	width: 50%;
}

.col-3 .box-l,
.col-3 .box-r{
	width: 33%;
}


/* separate */
hr{
	height: 1px;
	border: none;
	border-top: 1px #CCC solid;
	margin-bottom: 60px;
}

/* Text */
.text-primary{
	font-size: 13px;
	color: #999;
	line-height: 1.4;
}

.text-caution{
	font-size: 13px;
	text-align: center;
}


/* Button */
.js-pagetop{
	display: none;
	background: url(../images/btn_pagetop.png) 0 0 no-repeat;
	position: fixed;
	width: 84px;
	height: 84px;
	right: 40px;
	bottom: 40px;
}
.js-pagetop span{
	display: none;
}

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

#footer p{
	padding: 15px 0 75px 0;
	text-align: center;
	font-size: 13px;
}


/* clearfix ---------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* Extend -------------------------------- */

/*Title*/
#group-bags .ttl-group{border-color: #133E68;}
#group-bags .ttl-border-inner{border-color: #899EB3;}
#group-bears .ttl-group{border-color: #C30E24;}
#group-bears .ttl-border-inner{border-color: #E18691;}
#group-headwears .ttl-group{border-color: #E28A00;}
#group-headwears .ttl-border-inner{border-color: #F0C47F;}


/* colume */
.section-sriese-flag .col-left-pull > .box-l{
	width: 40%;
}
.section-sriese-flag .col-left-pull > .box-r{
	width: 60%;
}


/* section-sriese */
#group-headwears .section-sriese{
	margin-bottom: 60px;
}

/*margin*/
.ml70{
	margin-left:70px;
}