@charset "UTF-8";

/* 初期設定
------------------------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic",  sans-serif;
	background:url(../images/bg.jpg) center top;
	background-size:100%;
}

.clr {
	clear:both;
}



/* -----------------------------------------------------------------------------
ヘッダ
*/
header {
	background-color:#fff;
}
header h1 {
	padding:35px 0px;
	padding:2.73vw 0px;
	text-align:center;
}
header h1 img {
	width:84%;
}


/* -----------------------------------------------------------------------------
タイトル
*/
#content_header h1 {
	padding:85px 0px 75px 0px;
	padding:6.6vw 0px 5.8vw 0px;
	text-align:center;
}
#content_header h1 img {
	width:66.25%;
}

#content section h1 {
	background-color:#fff;
	font-size:36px;
	font-size:3vw;
	line-height:1;
	color:#e60012;
	padding:30px 90px;
	padding:2.34vw 7.03vw;
	font-weight:bold;
	margin-bottom:100px;
	margin-bottom:7.8vw;
	letter-spacing:0.1em;
}

/* -----------------------------------------------------------------------------
カテゴリメニュー
*/

#nav_cat > div {
	width:85.9%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:100px;
	margin-bottom:7.8vw;
}
#nav_cat h2 {
	color:#fff;
	font-weight:bold;
	font-size:36px;
	font-size:3vw;
	margin-bottom:50px;
	margin-bottom:3.5vw;
}
#nav_cat li {
	width:50%;
	float:left;
}
#nav_cat li a{
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	font-size:3.5vw;
	padding:18px 0px;
	padding:1.4vw 0px;
	text-decoration:none;
}


/* -----------------------------------------------------------------------------
ショップメニュー
*/

#nav_shop > div {
	width:85.9%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:100px;
	margin-bottom:7.8vw;
}
#nav_shop h2 {
	color:#fff;
	font-weight:bold;
	font-size:36px;
	font-size:3vw;
	margin-bottom:50px;
	margin-bottom:3.5vw;
}
#nav_shop li#btn_sale_members {
	width:100%;
	float:none;
	margin-bottom:90px;
	margin-bottom:7vw;
}
#nav_shop li {
	width:33%;
	float:left;
}
#nav_shop li#btn_sale_ladies {
	width:34%;
}
#nav_shop li a{
	display:block;
	color:#fff;
	border:solid 1px #fff;
	font-size:36px;
	font-size:3vw;
	padding:18px 0px;
	padding:1.4vw 0px;
	text-decoration:none;
	text-align:center;
}
#nav_shop li#btn_sale_mens a,
#nav_shop li#btn_sale_goodskids a{
	border-left:none;
}


/* -----------------------------------------------------------------------------
ショップリスト
*/

.shoplist > div {
	width:88.35vw;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:100px;
	margin-bottom:7.8vw;
}
.shoplist li {
	width:29.45vw;
	float:left;
}
.shoplist li a{
	display:block;
	width:25.39vw;
	height:25.39vw;
	background-color:#fff;
	margin:2vw;
	text-decoration:none;
}
.shoplist li a span{
	display:block;
}
.shoplist li a .shop_logo {
	margin-bottom:0px;
	margin-bottom:0vw;
}
.shoplist li a .shop_logo img{
	width:100%;
}
.shoplist li a .attention{
	font-size:30px;
	font-size:2.5vw;
	line-height:1;
	color:#e60012;
	text-align:center;
}


/* -----------------------------------------------------------------------------
インフォメーション
*/
#informations {
	background-color:rgba(230,0,18,0.5);
}
#content #informations h1 {
	background-color:transparent;
	color:#fff;
	margin-bottom:50px;
	margin-bottom:3.9vw;
}
#informations > div {
	width:85.9%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:100px;
	margin-bottom:7.8vw;
	color:#fff;
	font-size:38px;
	font-size:3.2vw;
	line-height:1.4;
}
#informations li:before {
	content:'■ ';
}
#informations li {
	margin-bottom:12px;
	margin-bottom:1vw;
	font-weight:bold;
}

/* -----------------------------------------------------------------------------
フッタ
*/
footer {
	background-color:#fff;
}
footer #btn_pagetop {
}
footer #btn_pagetop a{
	font-size:36px;
	font-size:3vw;
	color:#e60012;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:35px 0px;
	padding:2.73vw 0px;
	text-align:center;
}

/* *****************************************************************************
1281以上
***************************************************************************** */
@media screen and (min-width: 769px)  {

/* -----------------------------------------------------------------------------
ヘッダ
*/
header h1 {
	padding:20px;
	text-align:left;
}
header h1 img {
	width:400px;
}

/* -----------------------------------------------------------------------------
タイトル
*/
#content_header h1 {
	padding:85px 0px 75px 0px;
}
#content_header h1 img {
	max-width:848px;
}
#content section h1 {
	font-size:36px;
	padding:20px 90px;
	text-align:left;
}


/* -----------------------------------------------------------------------------
カテゴリメニュー
*/

#nav_cat > div {
	margin-bottom:100px;
}
#nav_cat h1 {
	font-size:30px;
	margin-bottom:50px;
}
#nav_cat {
	text-align:center;
}

#nav_cat ul {
	display:inline-block;
	width:auto;
}
#nav_cat li {
	width:270px;
	float:left;
	text-align:left;
}
#nav_cat li a{
	font-size:25px;
	padding:12px 0px;
}
#nav_cat li a:hover{
	color:#f99;
}


/* -----------------------------------------------------------------------------
ショップメニュー
*/

#nav_shop > div {
	margin-bottom:100px;
}
#nav_shop h2 {
	font-size:30px;
	margin-bottom:50px;
}
#nav_shop li#btn_sale_members {
	margin-bottom:50px;
}
#nav_shop li a{
	font-size:25px;
	padding:18px 0px;
	transition-property:background-color,color;
	transition-duration:0.5s;
	background-color:rgba(255,255,255,0.001);
}
#nav_shop li a:hover{
	background-color:rgba(255,255,255,0.9);
	color:#e60012;
}


/* -----------------------------------------------------------------------------
ショップリスト
*/

.shoplist > div {
	width:88.35%;
	margin-bottom:100px;
}
.shoplist li {
	width:33%;
	float:left;
}


.shoplist li a{
	width:auto;
	height:auto;
	margin:5%;
	padding-bottom:5%;
}
.shoplist li a .shop_logo {
	transition-property:opacity;
	transition-duration:0.5s;
	margin-bottom:0px;
}
.shoplist li a .attention{
	font-size:20px;
	padding-bottom:10px;
	padding-bottom:1vw;
}
.shoplist li a:hover .shop_logo{
	opacity:0.5;
}



/* -----------------------------------------------------------------------------
インフォメーション
*/
#content #informations h1 {
	margin-bottom:50px;
}
#informations > div {
	margin-bottom:100px;
	font-size:25px;
}
#informations li {
	margin-bottom:12px;
}



/* -----------------------------------------------------------------------------
フッタ
*/
footer {
	background-color:transparent;
}
footer #btn_pagetop {
	width:80px;
	height:80px;
	position:fixed;
	bottom:20px;
	right:20px;
	padding:0px;
	text-align:center;
	border-radius:40px;
	background-color:#fff;
}
footer #btn_pagetop a{
	display:block;
	font-size:12px;
	color:#e60012;
	padding-top:34px;
	padding-bottom:20px;
	line-height:1;
	transition-property:opacity;
	transition-duration:0.5s;
}
footer #btn_pagetop a:hover{
	opacity:0.5;
}

}

/* -----------------------------------------------------------------------------
1281以上 ココマデ
----------------------------------------------------------------------------- */




/* *****************************************************************************
1001
***************************************************************************** */
@media screen and (min-width: 1001px)  {
/* -----------------------------------------------------------------------------
ショップリスト
*/

#nav_shop li a {
	font-size:30px;
}
.shoplist li {
	width:25%;
}
.shoplist li a{
	margin:4%;
}


}



/* *****************************************************************************
1281
***************************************************************************** */
@media screen and (min-width: 1281px)  {
/* -----------------------------------------------------------------------------
ショップリスト
*/

.shoplist li {
	width:20%;
}


}



/* *****************************************************************************
1401
***************************************************************************** */
@media screen and (min-width: 1401px)  {
/* -----------------------------------------------------------------------------
ショップリスト
*/

.shoplist li {
	width:16.666%;
}
.shoplist li a{
	margin:4%;
}


}



/* *****************************************************************************
1601
***************************************************************************** */
@media screen and (min-width: 1601px)  {
/* -----------------------------------------------------------------------------
ショップリスト
*/

.shoplist li {
	width:14.285%
}
.shoplist li a{
	margin:4%;
}


}