<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ------------------------------------------------------------

list_style.css

------------------------------------------------------------ */

.sp { display:none; }
.taC {
	text-align:center;
}

.fixed {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
}

#pageNav {
	margin:0 0 50px;
	background:#107f4e;
	overflow:hidden;
}
#pageNav ul{
	margin:0 auto;
	max-width:1000px;
}
#pageNav li{
	padding:8px 0;
	width:9.09%;
	text-align:center;
	float:left;
}
#pageNav .c12 li{
	width:8.33%;
}
#pageNav .c9 li{
	width:11.11%;
}

#pageNav li a{
	padding:12px 0;
	font-size:16px;
	color:#ffffff;
	border-right:1px solid #ffffff;
	text-decoration:none;
	display:block;
	box-sizing:border-box;
	-webkit-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
#pageNav.fixed li{
	padding:5px 0;
}
#pageNav.fixed li a{
	padding:5px 0;
}
#pageNav li:first-child a{
	border-left:1px solid #ffffff;
}

#listBox {
	padding:0px;
}
#listBox h2 {
	margin:70px 0 0;
	padding:70px 0 0;
	font-size:1.6rem;
	line-height:1.5em;
	font-weight:bold;
	color:#107f4e;
	letter-spacing:0.05em;
	border-top:1px solid #107f4e;
}
#listBox h2.noBorder {
	margin:0;
	padding:20px 0 0;
	border-top:none;
}
#listBox h3 {
	margin:15px 0 0;
	padding:0 0 0 26px;
	font-size:1.15rem;
	line-height:1.5em;
	font-weight:bold;
	letter-spacing:0.05em;
	background:url(../img/area_icon.png) no-repeat 0 50%;
	background-size:20px 20px;
}
#listBox .priceTxt {
	margin:0;
	margin-top:-1.8em;
	padding:0;
	font-size:12px;
	text-align:right;
}
#listBox ul {
	margin:0 0 40px;
	padding:0;
}
#listBox ul li{
	width:100%;
	margin-top:20px;
	border:3px solid #107f4e;
	border-radius:8px;
	font-size:16px;
	overflow:hidden;
	display:table;
}
#listBox ul li .name{
	width:80%;
	border-right:2px solid #107f4e;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}
#listBox ul li .name a{
	padding:20px;
	font-weight:bold;
	color:#111111;
	display:block;
}
#listBox ul li .price{
	padding:20px 20px 20px 0;
	width:20%;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
#listBox ul li .price em{
	padding:0 2px 0 20px;
	display:inline-block;
	font-size:1.28em;
	font-weight:normal;
	letter-spacing:0.01em;
	background:url(../img/ico_yen.png) no-repeat 0 50%;
}


#listBox.priceDown ul li .name{
	width:auto;
	border-right:none;
}
#listBox.priceDown ul li .price{
	width:15%;
	min-width:140px;
	padding:28px 20px 12px 0;
	border-left:2px solid #107f4e;
}
#listBox.priceDown ul li .price.down{
	width:15%;
	min-width:140px;
	padding:28px 20px 12px 0;
	color:#1a7e4f;
	border-left:none;
	background:url(../img/arrow.png) no-repeat 0 65%;
	background-size:9px 13px;
	position:relative;
}
#listBox.priceDown ul li .price.down .txt{
	width:60px;
	padding:0 8px;
	text-align:center;
	font-size:0.72em;
	color:#ffffff;
	position:absolute;
	top:8px;
	right:20px;
	display:block;
	background:#1a7e4f;
	border-radius:8px;
}

/*----------------------------------------------------------

	Display：1000px → 648px（ pc tablet ）

----------------------------------------------------------*/

@media screen and (max-width: 1024px) {

#pageNav li a{
	padding:5px 0;
	font-size:14px;
}

#listBox {
	padding:20px;
}
#listBox ul li .name{
	width:75%;
}
#listBox ul li .price{
	width:25%;
}

}



/*----------------------------------------------------------

	Display：320px → 648px（ sp ）

----------------------------------------------------------*/

@media screen and (max-width: 648px) {

.sp { display:block; }

#pageNav{
	border-left:1px solid #ffffff;
	background:url(../img/spacer.gif) repeat-x 0 100% #107f4e;
}
#pageNav li{
	padding:0;
	width:16.66%;
	background:#107f4e;
}
#pageNav .c12 li{
	padding:0;
	width:16.66%;
	background:#107f4e;
}
#pageNav .c9 li{
	width:20%;
}

#pageNav li a{
	padding:10px 0;
	font-size:12px;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-decoration:none;
	display:block;
	box-sizing:border-box;
}
#pageNav li:first-child a{
	border-left:none;
}
#pageNav.fixed li{
	padding:0 0;
}
#pageNav.fixed li a{
	padding:5px 0;
}

#listBox {
	padding:5px 10px 5px 5px;
}

#listBox h2 {
	margin:50px 0 0;
	padding:40px 0 0;
	font-size:1.4rem;
}
#listBox h3 {
	font-size:1rem;
}
#listBox ul li{
	font-size:14px;
}

#listBox ul li .name{
	width:100%;
	border:none;
	display:block;
}
#listBox ul li .name a{
	padding:15px 15px 5px;
}
#listBox ul li .price{
	padding:0 15px 10px 0;
	width:100%;
	display:block;
}


#listBox.priceDown ul li .name{
	width:100%;
	border:none;
	display:block;
}
#listBox.priceDown ul li .price{
	padding:18px 15px 10px 0;
	width:50%;
	border-left:none;
	float:left;
}
#listBox.priceDown ul li .price.down{
	padding:18px 15px 10px 0;
	width:50%;
	float:left;
}
#listBox.priceDown ul li .price.down .txt{
	position:absolute;
	top:0;
	right:15px;
}


}

</pre></body></html>