@charset "UTF-8";
/* EC-CUBE テンプレートのページ内 <style> から生成（build_anshin.js） */

#product_list{
	width:100%;
}
#product_list h2{
	clear:both;
	float:none;
	width:100%;
	text-align:center;
	font-size:16px;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
	margin-bottom:20px;
}
#product_list h2.set{
	color:#F18D00;
}
#product_list h2.tanpin{
	color:#0060B0;
	padding-top:0px;
}
#product_list a{
	box-sizing:border-box;
	display:block;
	float:left;
	width:31%;
	margin-right:3.5%;
	color:#666;
	text-decoration:none;
	margin-bottom:50px;
}
#product_list a:nth-child(3n+4){
	margin-right:0;
}
#product_list a h3{
	width:100%;
	text-align:center;
	/*
    background-color:#0060B0;
	color:#FFF;
	*/
	text-decoration:none;
	font-size:15px;
	font-weight:bolder;
	padding:8px 0 7px 0;
	color:#0060B0;
    background-color:#FFF;
	border-bottom:1px solid #CCC;
}
#product_list a h3.small{
	font-size:14px;
}
#product_list a img{
	width:100%;
	margin:0;
	border:1px solid #CCC;
}
#product_list .price_list{
    width:100%;
}
#product_list .price_list th{
    border-bottom:1px solid #CCC;
    text-align:center;
    padding:5px 0;
    font-size:12px;
    font-weight:normal;
}
#product_list .price_list tr{
    border-bottom:1px solid #CCC;
}
#product_list .price_list td{
    text-align:center;
    padding:5px 0 4px 0;
    font-size:15px;
    font-weight:normal;
}
#product_list .price_list td.cel3, #main .price_list th.cel3{
    border-right:none;
    font-size:10px;
    font-weight:normal;
}
#product_list .price_list tr.type10y td.cel1{
    background-color:#F18D00;
    color:#FFF;
}
#product_list .price_list tr.type8y td.cel1{
    background-color:#83C257;
    color:#FFF;
}
#product_list .price_list tr.type5y td.cel1{
    background-color:#0060B0;
    color:#FFF;
}
#product_list .price_list tr.type10y td.cel2{
    color:#F18D00;
}
#product_list .price_list tr.type8y td.cel2{
    color:#83C257;
}
#product_list .price_list tr.type5y td.cel2{
    color:#0060B0;
}
#product_list .price_list td span.type{
    font-size:13px;
    font-weight:normal;
    margin:0 0 0 2px;
}
#product_list .price_list td span.tax{
    font-size:12px;
    font-weight:normal;
    margin:0 -14px 0 -5px;
}
#product_list .price_list td sup{
    margin-right:-5px;
}
#product_list a.set{
	width:48%;
	margin-right:4%;
}
#product_list a.set:nth-of-type(2){
	margin-right:0;
}
#product_list a.set h3{
	color:#F18D00;
}
#product_list .kanki-label{
	font-size:12px;
	margin-left: -4px;
}
#product_list .small_kanki{
	font-size:13px;
}

	.ziaino_link{
border: 2px #0B57A0 solid;
display: flex;
clear: both;
padding: 40px;
}
.ziaino_link figure{
margin: 0 40px 0 0;
box-shadow: 0px 0px 4px #0B57A0;
border-radius: 0px;
overflow: hidden;
position: relative;
transition-duration: .4s;
}
.ziaino_link figure:hover{
border-radius: 50%;
}
.ziaino_link figure a:hover {
}
.ziaino_link figure a::before,
.ziaino_link figure a::after {
content: "";
display: block;
position: absolute;
margin: auto;
top: 0;
left: 0;
margin: auto;
transition: .6s cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
}
.ziaino_link figure a::before {
background: linear-gradient(90deg, rgba(11,87,160,0.6) 0%, rgba(11,160,142,0.6) 50%, rgba(11,130,160,0.6) 100%);
width: 100%;
height: 100%;
transition-duration: 0.2s;
}
.ziaino_link figure a::after {
color: #fff;
content: "詳しくはこちら（外部サイト）";
font-size: 16px;
font-weight: bold;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
bottom: 0;
right: 0;
}
.ziaino_link figure a:hover::before,
.ziaino_link figure a:hover::after {
opacity: 1;
}
.ziaino_link figure a:hover::after {
transition-delay: 0.2s;
}
.ziaino_link dl{
max-width: 352px;
width: auto;
}
.ziaino_link dl dt{
font-size: 22px;
color: #0B57A0;
font-weight: bold;
margin:0 0 20px 0;
}
.ziaino_link dl dd{
font-size: 13px;
margin:0 0 0px 0;
}
.ziaino_link dl dd ul{
margin: 20px 0 20px 0;
}
.ziaino_link dl dd ul li{
font-size: 13px;
list-style: disc;
list-style-position: inside;
}
.ziaino_link dl dd a{
background: #0B57A0;
color: #fff;
font-weight: bold;
padding: 10px 40px;
text-decoration: none;
transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
display: block;
text-align: center;
max-width: 300px;
}
.ziaino_link dl dd a:hover{
transform: scale(0.95);
}

@media screen and (max-width:640px){
	#product_list h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	#product_list a h3 {
		font-size: 13px;
		text-align:left;
		padding:5px 0 5px 0;
		line-height:145%;
	}
	#product_list a h3.small{
		font-size:13px;
	}
	#product_list .price_list td span.type {
		display:none;
	}
	#product_list a {
		width: 48%;
    	margin-right: 4%;
		margin-bottom: 20px;
	}
	#product_list a:nth-child(3n+4){
    	margin-right: 4%;
	}
	#product_list a:nth-of-type(2n){
		margin-right:0;
	}

	.ziaino_link {
display: block;
}
.ziaino_link figure {
margin: 0 0px 0 0;
}
.ziaino_link dl dt {
font-size: 16px;
color: #0B57A0;
font-weight: bold;
margin: 24px 0 16px 0;
}
.ziaino_link dl dd ul {
margin: 20px 0 20px 0;
}

}