@charset "utf-8";

#seisaku{
Padding:0 10px;
}
@media screen and (min-width: 1200px) {
                                #seisaku{
                                Padding:0px;
                                }
}

#seisaku .recent,
#seisaku .old{
Margin-bottom:20px;
}
#seisaku .recent ul.paintings,
#seisaku .old ul.paintings{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#seisaku .recent ul.paintings li{
width:48%;
}
#seisaku .old ul.paintings li{
width:32%;
}
#seisaku .recent ul.paintings a,
#seisaku .old ul.paintings a{
Display:block;
Width:100%;
Font-size:14px;
Margin-bottom:25px;
}
#seisaku .recent ul.paintings a img,
#seisaku .old ul.paintings a img{
object-fit: contain;
width: 100%;
height: 165px;
Margin-bottom:10px;
Padding:0px;
Background:#eee;
}
#seisaku .old ul.paintings a img{
height: 120px;
}
#seisaku .recent ul.paintings a .text,
#seisaku .old ul.paintings a .text{
Color:#333;
font-size:12px;
Line-height:1.3em;
}
#seisaku .old ul.paintings a .text{
Color:#333;
font-size:10px;
}
#seisaku .recent ul.paintings a:hover .text,
#seisaku .old ul.paintings a:hover .text{
Color:#999;
Background:white;
}
#seisaku .recent ul.paintings a .text strong,
#seisaku .old ul.paintings a .text strong{
Display:block;
Padding-bottom:5px;
Margin-bottom:5px;
Border-bottom:1px solid #eee;
font-size:14px;
Font-weight:normal;
Line-height:1.2em;
Color:#333;
}
#seisaku .recent ul.paintings a:hover .text,
#seisaku .recent ul.paintings a:hover .text strong,
#seisaku .old ul.paintings a:hover .text,
#seisaku .old ul.paintings a:hover .text strong{
Text-decoration:none;
Color:#ccc;
}
#seisaku .recent ul.paintings a:hover,
#seisaku .old ul.paintings a:hover{
Text-decoration:none;
}



@media screen and (min-width: 768px) {
                                #seisaku .recent ul.paintings li{
                                width:23%;
                                }
                                #seisaku .old ul.paintings li{
                                width:18.5%;
                                }
                                #seisaku .recent ul.paintings a img{
                                height: 150px;
                                }
                                #seisaku .old ul.paintings a img{
                                height: 135px;
                                }
}
@media screen and (min-width: 1200px) {
                                #seisaku .recent ul.paintings li{
                                width:24%;
                                }
                                #seisaku .old ul.paintings li{
                                width:13.2%;
                                }
                                #seisaku .recent ul.paintings a img{
                                height: 250px;
                                }
                                #seisaku .old ul.paintings a img{
                                height: 150px;
                                }
}

#seisaku .recent ul.paintings li.double{
Width:100%;
}
#seisaku .old ul.paintings li.double{
Width:66.2%;
}
@media screen and (min-width: 768px) {
                                #seisaku .old ul.paintings li.double{
                                Width:39%;
                                }
                                #seisaku .recent ul.paintings li.double{
                                Width:50%;
                                }
}
@media screen and (min-width: 1200px) {
                                #seisaku .old ul.paintings li.double{
                                Width:27.3%;
                                }
}



#seisaku #sale.recent ul.paintings a,
#seisaku #sale.old ul.paintings a{
Margin-bottom:5px;
}
#seisaku #sale.recent ul.paintings a img, 
#seisaku #sale.old ul.paintings a img{
Margin-bottom:0px;
}
#seisaku #sale.recent ul.paintings .text, 
#seisaku #sale.old ul.paintings .text{
Margin-bottom:5px;
font-size:14px;
}
#seisaku #sale.recent ul.paintings .text,
#seisaku #sale.old ul.paintings .text{
Color:#333;
font-size:12px;
Line-height:1.3em;
}
#seisaku #sale.old ul.paintings .text{
Color:#333;
font-size:10px;
}
#seisaku #sale.recent ul.paintings .text strong,
#seisaku .old ul.paintings .text strong{
Display:block;
Padding-bottom:5px;
Margin-bottom:5px;
Border-bottom:1px solid #eee;
font-size:14px;
Font-weight:normal;
Line-height:1.2em;
Color:#333;
}
#seisaku #sale.recent ul.paintings .price,
#seisaku .old ul.paintings .price{
Color:red;
font-weight:bold;
Margin-bottom:25px;
Text-align:right;
}
#seisaku .old ul.paintings .price{
Font-size:14px;
}
#seisaku .old ul.paintings .price.sold{
Color:gray;
}
#seisaku #sale.recent ul.paintings .price .zeikomi{
Font-size:12px;
}
#seisaku .old ul.paintings .price .zeikomi{
Font-size:10px;
}


#seisaku .recent ul.paintings a .syozou,
#seisaku .old ul.paintings a .syozou{
color:red;
Font-size:12px;
Margin-top:3px;
Text-align:left;
Line-height:1.2em;
}
#seisaku .recent ul.paintings a:hover .syozou,
#seisaku .old ul.paintings a:hover .syozou{
color:#ffcccc;
}

#seisaku .recent ul.paintings a .azukari,
#seisaku .old ul.paintings a .azukari{
color:blue;
Font-size:12px;
Margin-top:3px;
Text-align:left;
Line-height:1.2em;
}
#seisaku .recent ul.paintings a:hover .azukari,
#seisaku .old ul.paintings a:hover .azukari{
color:#cadaff;
}

#seisaku .recent ul.paintings a .koubo,
#seisaku .old ul.paintings a .koubo{
color:#00a108;
Font-size:12px;
Margin-top:3px;
Text-align:left;
Line-height:1.2em;
}
#seisaku .recent ul.paintings a:hover .koubo,
#seisaku .old ul.paintings a:hover .koubo{
color:#bfffc2;
}


#seisaku .kaisetu{
margin-bottom:20px;
}
#seisaku .kaisetu strong{
Color:red;
}
#seisaku .kaisetu li strong{
Font-size:20px;
}
#seisaku .kaisetu table{
Border-left:1px solid black;
Border-top:1px solid black;
}
#seisaku .kaisetu table thead th{
Text-align:center;
Vertical-align:middle;
}
#seisaku .kaisetu table thead th,
#seisaku .kaisetu table tbody th{
Background:#666;
Color:white;
}
#seisaku .kaisetu table thead th.kazuyasu{
Background:red;
Color:white;
}
#seisaku .kaisetu table th,
#seisaku .kaisetu table td{
Border-right:1px solid black;
Border-bottom:1px solid black;
Padding:5px 10px;
font-size:14px;
}
#seisaku .kaisetu table td strong{
Color:red;
Font-weight:bold;
}
#seisaku .kaisetu table th.zyuurai,
#seisaku .kaisetu table td.zyuurai,
#seisaku .kaisetu table td.zyuurai .sup{
font-size:12px;
}


#seisaku #mailform{
Background:#eee;
Padding:10px 15px 13px;
font-size:14px;
Margin-bottom:20px;
}
#seisaku #mailform .form{
Margin-bottom:0px;
}
#seisaku #mailform .headtype02{
font-size:16px;
}
#seisaku #mailform .font .required{
Font-size:10px;
}
#seisaku #mailform .font{
Margin-bottom:0px;
}
#seisaku #mailform input{
Margin:0px;
}
#seisaku #mailform .no input{
Margin-bottom:5px;
}
#seisaku #mailform .radio{
Margin-bottom:15px;
}
#seisaku #mailform .button input{
Margin:0px;
}


#seisaku .qa{
Margin-bottom:20px;
}
#seisaku .qa p,
#seisaku .qa .youtube{
Margin-bottom:15px;
margin-left:10px;
}
#seisaku .qa p:last-child{
Margin-bottom:0px;
}



#seisaku #houritu{
Margin-bottom:20px;
}
#seisaku #houritu dl{
Margin-bottom:20px;
}
@media screen and (min-width: 1200px) {
                                #seisaku #houritu .headtype04{
                                Margin-left:-10px;
                                }
                                #seisaku #houritu dl{
                                Margin-left:-10px;
                                }
                                #seisaku #houritu dl dd{
                                Margin-left:10px;
                                }
}



.sell{
Margin-bottom:10px;
}
.sell ul li{
Border:1px solid #ccc;
Margin-bottom:5px;
}
.sell ul li a img{
Width:100%;
}
@media screen and (min-width: 635px) {
                                .sell{
                                margin-bottom:5px;
                                }
                                .sell ul{
                                Display:flex;
                                Flex-wrap:wrap;
                                justify-content:space-between;
                                }
                                .sell ul li{
                                width:49.75%;
                                }
}
@media screen and (min-width: 1200px) {
                                .sell{
                                margin-bottom:10px;
                                }
}