@charset "utf-8";



@media(max-width:960px){/*SP*/
.br-sp { display:none; }
}
@media(min-width:960px){/*SP*/
.br-pc { display:none; }
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;

}




@media(max-width:960px){
.br-sp { display:none; }
}
@media(min-width:960px){
.br-pc { display:none; }
}
/* container */

#cont{
	min-width:320px;
	margin:0;	padding:0;
}

#cont:after{content:"";}




@media(min-width:960px){/*PC*/

#contents2{z-index:1;
position: relative;
	width:100%;
	margin:0 auto 20px auto;
	padding:0 auto;
}



}


@media(max-width:960px){/*SP*/

 #contents2{
	z-index:1;
width:100%;
position: relative;
	margin:0 auto 20px auto;
	padding:0 auto;

 }



}

#contents2:after{content:"";}





/* header */

#titl{
	background:#000;
	color:#fff;
	padding:10px 0;}

#titl:after{content:"";}



@media(min-width:960px){/*PC*/


#titl ul{
	width:960px;
	margin:0 auto;
	
	}

#titl li:first-child{
	font-size:13px;
	font-weight:bold;
		float:left;}

#titl li:nth-child(3){font-size:11px;
margin-top:3px;}

#titl li:nth-child(n+2) {
	font-weight:bold;
	float:right;
	margin-left:15px;}
	
header{
	width:100%;
}

header:after{
	content:"";}

.menu_b{
	display:none !important; 
}


#logow{
	width:960px;
	margin:15px auto;}


#logow img{
	display:block;
	float:left;}

#logow nav{
	float:right;}
#logow nav li{
	float:left;
	}

#logow:after{
	content:"";}


#logow nav li a{
	font-size:0.9em;
	padding-left:20px;
	line-height:55px;
	text-decoration:none;
	color:#000;
	font-weight:bold;}




}




@media(max-width:960px){/*SP*/
#titl ul{
	width:90%;
	margin:0 auto;
	
	}
#titl li:first-child{font-size:13px;
	font-weight:bold;
		float:left;}

#titl li:nth-child(3){font-size:9px;
padding-top:3px;
float:right;}
#titl li:nth-child(2){
	display:none;}


header{
	width:100%;

}


.menu_b{
	float:right;
	margin:10px 0 0px 8px;
	padding:0 10px 0px 10px;
}


#logow{
	width:90%;
	margin:15px auto;}


}








@media(min-width:960px){/*PC*/


#nav_sp{
	display:none;
}



}


@media(max-width:960px){/*SP*/
	
#nav_pc{
	display:none;
}

nav{
	display:none;
}


#nav_sp{
	z-index:999;
	position: absolute;
  left: 0;
  top: 130px;
  width:100%;
}


#nav_sp a:hover{
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;}
#nav_sp nav h2{

}

#nav_sp nav h2 a{
	display: block;
	text-decoration: none;
	color:#fff;
	padding:0px;
	margin:0px;
	height:auto;
	line-height:300%;
    text-indent: 12px;
	font-size:0.9em;
	border-bottom: solid 1px #666;
	background-color:#000;

}

#nav_sp nav h2 a:hover{
	background-color:#999;
}

#nav_sp nav h2.ac a{
	display: block;
	text-decoration: none;
	color:#1A85CA;
	padding:0px;
	margin:0px;
	height:auto;
	line-height:300%;
    text-indent: 12px;
	font-size:0.9em;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:36px 18px;
	border-bottom: solid 1px #D1CBC9;
	background-color:#fff;

}





}



/*wrap*/




/* contents */

#contents a{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
#contents2 a{color:#000; text-decoration:underline; font-weight:bold;}
@media(min-width:960px){/*PC*/
#contents{z-index:1;
position: relative;
	width:960px;
	margin:20px auto;
	padding:0 auto;
}

#contents2{z-index:1;
position: relative;
	width:100%;
	margin:0 auto 20px auto;
	padding:0 auto;
}

}


@media(max-width:960px){/*SP*/
#contents{
	z-index:1;
width:90%;
position: relative;
	margin:20px auto;
	padding:0 auto;

 }
 #contents2{
	z-index:1;
width:100%;
position: relative;
	margin:0 auto 20px auto;
	padding:0 auto;

 }
 
}







@media(min-width:960px){/*PC*/
#spb{
	display:none;
}

}

@media(max-width:960px){/*SP*/

#spb{
	display:block;
	text-align:right;
	margin-bottom:20px;
	margin-top:20px;

}

#spb a{
	background-color:#000;
	color:#FFF;
	padding:8px 16px;
	text-decoration:none;
	margin:0 10px 0 0;
}

#spb:after { 
 content: "";
 }	


}



@media(min-width:960px){
#copy{
	max-width:960px;
	margin:0px auto;
	}
#copy:after { 
 content: "";
 }
#copy li{
	float:left;} 

#copy li:nth-child(2){
	display:block;
	float:right;
}
#copy li:last-child{font-size:14px;
	font-weight:bold;
	float:right;
	position:relative;
	margin-right:20px;}

#copy li:first-child a{
	background:#F3F3F3;
	border:1px solid #ECEDEE;
	text-decoration:none;
	font-size:13px;
	color:#000;
	padding:10px 30px;
	position:relative;
	bottom:-10px;}

#copy li:first-child a.topcop{

	}


footer ul{
	max-width:960px;
	margin:0 auto;}

footer li:first-child{
	float:left;} 

footer li:nth-child(n+2) {
	color:#000;
	margin-left:20px;
	float:right;}

footer li:nth-child(4) {line-height:65px;}

footer li:nth-child(n+2) a{display:block;}
footer li:nth-child(3) a{
	margin-top:10px;
	border:2px solid #000;
background:#fff;
color:#000;
font-weight:bold;
text-decoration:none;
padding:10px;
border-radius: 6px;
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	
}



footer li:nth-child(4) {
font-size:20px;
}
}

footer{	
width:100%;
padding:20px 0 0 0;
	background:#F7F8F9;
	border-top:1px solid #ECEDEE;
	border-bottom:1px solid #ECEDEE;
	overflow:auto;}


footer:after { 
 content: "";
 }

@media(max-width:960px){
#copy{
	width:90%;
	margin:30px auto 15px auto;}

#copy li:last-child{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#copy li:first-child{
	display:none;}
#copy li:nth-child(2){
	margin-top:20px;text-align:center;
}

footer ul{
	width:90%;
	margin:0 auto;
}

footer li:first-child{
	display:none;
}

footer li:nth-child(n+2) {
	text-align:center;
	color:#000;

}
footer li:nth-child(3) {margin-bottom:20px;}
footer li:nth-child(3) a{ 
border:2px solid #000;
background:#fff;
color:#000;
font-weight:bold;
text-decoration:none;
padding:5px 20px;
border-radius: 6px;
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px; 
	}

footer li:nth-child(4) {
	
	font-size:20px;
}

footer li:nth-child(2) {
	display:none;
}

}


.add{width:96%;
padding:20px 0;
margin:0 auto;}

.add li{
	border-top:2px solid #000;
	text-align:center;}
.add a{
	color:#000;
	display:block;
	text-decoration:none;
	margin:10px 0;}
@media(min-width:960px){/*PC*/
.add a{
	font-size:15px;
}
.add li{
	float:left;
	width:28%;
	margin-right:5.3%;}
.add:after{content:"";}
.add li:last-child{margin-right:0 !important;}
}

@media(max-width:960px){/*SP*/
.add li{
	width:100%;}
.add a{
	font-size:13px;
}

}








#goodsw{
	margin-top:30px;}
#goodsw li img{
	width:100px;}

#goodsw ul{
	width:90%;
	margin:0 auto;
	display: -webkit-flex;
-js-display: flex;
  display: flex;
  flex-flow:wrap;
  justify-content:center;}

#goodsw li{
	border-right:1px solid #ddd;

	 -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
@media(max-width:960px){
#mainw{width:90%;
	margin:0 auto;}
}

@media(max-width:480px){
#goodsw li{
	text-align:center;
	width:50%;
}
	
	
	
	}






/*other*/


hr.clear{
	clear:both;
	visibility:hidden;	
}