@charset "utf-8";

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

.qa{
Margin-bottom:15px;
}
.qa li a{
Display:block;
Padding:5px 10px 5px 30px;
Margin-bottom:5px;
Border:1px solid #ccc;
Background:url(../images/common/icon01.png) no-repeat 10px 10px;
}
.qa li a:hover{
Border:1px solid #eee;
Background:#eee url(../images/common/icon01_hover.png) no-repeat 10px 10px;
}
@media screen and (min-width: 768px) {
                                .qa{
                                Display:flex;
                                Flex-wrap:wrap;
                                Justify-content:space-between;
                                }
                                .qa li{
                                Width:49.6%;
                                }
}
@media screen and (min-width: 1200px) {
                                .qa li{
                                Width:33%;
                                }
}

.houritu{
Font-size:14px;
Text-align:right;
Margin-bottom:10px;
}

#irai #mailform{
Background:#eee;
Padding:10px 15px 13px;
font-size:14px;
Margin-bottom:20px;
}
#irai #mailform.kakoirai{
Background:#666;
margin-top:20px;
Border-radius:5px;
}
#irai #mailform.kakoirai p,
#irai #mailform.kakoirai .font{
Color:white;
}
#irai #mailform.kakoirai .required{
Color:yellow;
}
#irai #mailform p{
margin-bottom:10px;
}
#irai #mailform .form{
Margin-bottom:10px;
}
#irai #mailform .form .name input,
#irai #mailform .form .add input{
Border:1px solid #ccc;
Background:white;
Width:20em;
}
#irai #mailform .name input{
Width:15em;
}
#irai #mailform .name,
#irai #mailform .add{
Display:block;
}
#irai #mailform .font .required{
Font-size:10px;
}
#irai #mailform .name .font,
#mailform .add .font{
Display:block;
Font-size:14px;
margin-bottom:0px;
}
#irai #mailform .button input{
background: linear-gradient(to bottom, #f5f5f5, #e2e2e2);
Padding:5px 10px 5px 12px;
Border:1px solid #666;
border-radius:3px;
Letter-spacing:0.05em;
}
#irai #mailform .button input:hover{
Background:#ccc;
}

@media screen and (min-width: 768px) {
                                article{
                                margin-left:10px;
                                }
                                article .head_irai{
                                margin-left:-10px;
                                }
                                article#content_katei{
                                margin-left:0px;
                                }
 }

article p{
margin-bottom:10px;
}
article .answer{
Border-left:5px solid #666;
Padding-top:5px;
padding-left:5px;
Font-size:16px;
Margin-bottom:15px;
}
article .answer strong{
Color:red;
Font-size:18px;
}

#irai .order{
Background:#f1f1f1;
Padding:10px 15px;
Margin-bottom:15px;
}
#irai .order h4{
margin:-10px -15px 10px -15px;
}
#irai .order a.img img{
Margin:0 0 10px 10px;
Float:right;
}
#irai .order a.img img.onazituki{
Width:150px;
}
#irai .order a.img img.soutei{
Width:120px;
}
.zisseki ul{
Display:flex;
Flex-wrap:wrap;
Justify-content:space-between;
}
.zisseki li{
Flex-basis:16%;
Margin-bottom:5px;
}
.zisseki li.double{
Flex-basis:32.8%;
}
.zisseki ul li a{
Display:block;
Background:white;
Border:1px solid #ccc;
padding:5px 5px;
}
.zisseki ul li a:hover{
Border:1px solid #eee;
}
.zisseki ul a img{
object-fit: contain;
width: 100%;
height: 80px;
}
@media screen and (min-width: 768px) {
                                .order{
                                Float:right;
                                Margin:0 0 10px 15px;
                                Width:250px;
                                }
                                .order a.img{
                                Text-align:center;
                                Display:block;
                                }
                                .order a.img img{
                                Float:none;
                                }
                                .order a.img img.onazituki{
                                Width:130px;
                                }
                                .order a.img img.soutei{
                                Width:100px;
                                }
                                .zisseki li{
                                Width:24.5%;
                                Margin-bottom:5px;
                                }
                                .zisseki ul li a{
                                padding:10px 10px;
                                }
                                .zisseki li.double{
                                Width:49.5%;
                                }
                                .zisseki ul a img{
                                height: 110px;
                                }
                                .order{
                                Font-size:14px;
                                }
                                .order h4{
                                margin:-10px -15px 10px -15px;
                                }
}
@media screen and (min-width: 1200px) {
                                .order{
                                Width:300px;
                                }
                                .zisseki li{
                                Width:16%;
                                }
                                .zisseki li.double{
                                Width:32.8%;
                                }
}





#irai table.kakaku{
margin:0px 0 15px 0;
}
#irai table.kakaku th,
#irai table.kakaku td{
border-right:1px solid #333;
border-bottom:1px solid #333;
padding:5px 10px;
font-size:12px;
text-align:left;
font-weight:normal;
}
#irai table.kakaku td{
font-size:12px;
width:25%;
color:red;
font-weight:bold;
}
#irai table.kakaku th{
border-bottom:1px solid #333;
border-right:1px solid #333;
background:#515151;
color:white;
}
#irai table.kakaku th .size{
width:4em;
display:inline-block;
}

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