@charset "UTF-8";


/*------------------------------------------------------------
 切り替え
------------------------------------------------------------*/
.pc_none{
	display:none;
}

.sp_none{
	display:block;	
}


@media only screen and (max-width: 767px) {
.pc_none{
	display:block;
}

.sp_none{
	display:none;	
}
}

/*------------------------------------------------------------
 背景色
------------------------------------------------------------*/

.bg_white{
	background:#ffffff;
}

.bg_wgray{
	background:#eff0f4;	
}

.bg_gray{
	background:#2a2a2a;	
}


/*------------------------------------------------------------
 font/shadow
------------------------------------------------------------*/

.textr{
	color:#AF0F12;
}

.textw{
	color:#ffffff;	
}

.textbold{
	font-weight:bold;
}

.text10{
	font-size:10px;	
}

.text12{
	font-size:12px;
}

.text17{
	font-size:17px;	
}

.text18{
	font-size:18px;
}

.text20{
	font-size:20px;
}

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.line-height35{
	line-height:35px;	
}

.shadow30{
	-webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.30);
}

/*------------------------------------------------------------
 title
------------------------------------------------------------*/
h1{
	
}

#logo{
	
}

h2{
	font-size:20px;
}

h3{

}

h4{

}

/*------------------------------------------------------------
 header
------------------------------------------------------------*/
/*header*/

.head_button{
	padding-left:10px;
	margin-top:10px;
	font-size:35px;
}

.head_button a{
	color:#000000;
	display:block;
}

.head_button li{
	display: inline-block;
	width: 50px;
	border: 1px solid #000000;
	border-radius: 6px;
}

@media only screen and (max-width: 767px) {
.head_button{
	font-size:30px;
}

.head_button li{
	width: 45px;
}
}



/*------------------------------------------------------------
 navi
------------------------------------------------------------*/
/*TOP navi*/
#navi{
	background:#000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

#navi a{
	display:block;
	color:#ffffff;
	font-size:20px;
	padding-top:20px;
	padding-bottom:20px;	
}

#navi a:hover{
	text-decoration:none;
	color:#000000;
	background:#ffffff;
}

.fa-window-restore{
	padding-left:5px;	
}

@media only screen and (max-width: 767px) {
#navi a{
	font-size:16px;
}
}


/*------------------------------------------------------------
 frame
------------------------------------------------------------*/
/*dl*/
dl.frame{
	clear:left;
	border-bottom:1px solid #000000;
}


.frame dt{
	float:left;
	border-top:1px solid #000000;
	width:15em;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}


.frame dd{
	margin-left:15em;
	border-top:1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}


@media only screen and (max-width: 767px) {
.frame dt{
	float:none;
	width:100%;
	text-align:left;	
}

.frame dd{
	margin-left:0px;
	width:100%;
}
}


/*table*/
table.frame{
	width:100%;	
}

.frame .year{
	width:165px;
	padding-left:10px;
	border-bottom:1px solid #1d479d;
}

.frame .month{
	width:50px;
	text-align:right;
	border-bottom:1px solid #1d479d;
}

.frame td{
	padding-left:25px;
	padding-right:10px;
	border-bottom:1px solid #1d479d;	
}

/*------------------------------------------------------------
 共通
------------------------------------------------------------*/
#main_contents{
	padding-top:40px;	
	padding-bottom:40px;
}

/*------------------------------------------------------------
 TOP（商品一覧）
------------------------------------------------------------*/
.list{
	margin-top:40px;
	margin-bottom:40px;	
}

.list figure{
	border:1px solid #000000;
	background:#000000;
	color:#ffffff;
	margin-bottom:20px;
}

.list figcaption{
	padding-left:1%;
	padding-right:1%;
}

/*------------------------------------------------------------
 会社概要
------------------------------------------------------------*/
.privacy dt{
	padding-top:30px;	
}

.privacy dd{
	padding-top:20px;	
}

/*------------------------------------------------------------
 商品ページ
------------------------------------------------------------*/
.item dt{
	padding-top:10px;	
}

.item dd{
	border-bottom:1px solid #000000;
	padding-left:1%;
	padding-right:1%;
}

.item ul.sub_image{
	padding-bottom:20px;
	border-bottom:1px solid #000000;
}


.item ul.sub_image li{
	display:inline-block;
	width:33.33333333%;
}

.cart_button li{
	margin-bottom:20px;	
}

.item_detail_sub{
	margin-top:40px;
	margin-bottom:40px;
}

.price{
	font-size:18px;	
}


/*------------------------------------------------------------
 footer
------------------------------------------------------------*/
#footer{
	color:#000000;
	padding-top:20px;
}

#footer h2{
	font-size:16px;
	border-bottom:1px solid #000000;	
}

#footer a{
	color:#000000;	
}

.mgb40{
	margin-bottom:40px;	
}

.footer_link li{
	margin-bottom:5px;
}


/*------------------------------------------------------------
 gotop
------------------------------------------------------------*/

p.gotop{
	position:fixed;
    right:5%;
    bottom:20px;
	z-index:2;
	padding:0;
	margin:0;
}


p.gotop a{
    display: block;
	color:#909090;
	padding:0;
	margin:0;
}

p.gotop .fas{
	font-size:50px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}

p.gotop a:hover{
	color:#000000;	
}