@charset "utf-8";
.j-list .flex_box.col_4, .flex_box.col_2{
justify-content: space-between;
flex-wrap: wrap;
}
.j-list .flex_box.col_4 div{
width : calc(97% / 4) ;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #fff;
margin-bottom: .5em;
}
.j-list .flex_box.col_4 img{
width: 100%;
height: auto;
border-radius: 0 0 6px 6px;
display: block;
}
.j-list .flex_box .col_4.empty{
border: none;
background-color: transparent;
}
.j-list .flex_box.col_4 h3{
background-color: #0085AD;
border-radius: 6px 6px 0 0;
color: #fff;
padding: .5em 0;
}
p.r_txt{
text-align: right;
}
.right_comment_box .box-title-topleft{
margin-top: .5em;
}
.right_comment_box .box-content p, .caution p{
padding-bottom: 0;
}
dl.jimai{
margin: 1em 0;
}
dl.jimai dt{
font-size: 1.3em;
border-bottom: 1px solid #6ac1b7;
font-weight: 700;
}
dl.jimai dt a{
font-size: 100%;
text-decoration: none;
color: #01b4b8;
font-weight: 700;
}
dl.jimai dt a:hover{
color: #0a568e;
}
dl.jimai dt span{
font-size: 1.7em;
color: #6ac1b7;
line-height: 100%;
}
dl.jimai dd{
margin: .5em 0 1em;
}
ul.disc li{
border-bottom: 1px dotted #ccc;
margin-bottom: .25em;
margin-left: 1.5em;
}
div.caution{
border: 1px solid #cc0000;
border-radius: 3px;
padding: .5em 1em;
margin-top: 1em;
}
div.caution span{
font-weight: 700;
color: #cc0000;
margin-right: .5em;
}
.sub_con{
background-color: #E0E3F5;
margin: 1em 0 0;
padding: 1em;
border-radius: 3px;
}
.flex_box.col_5 h3 span{
font-size: 75%;
}
div.kaitai .flex_box.col_3 div{
margin: 0 .2em .5em;
}
.hosoku{
background-color: #E3EFF1;
padding: 1em 1.5em;
margin: 1em auto;
}
.search{
background-color:#0085ad;
text-align: center;
color: #fff;
border-radius: 25px;
width: 90%;
margin: .5em auto;
padding: .25em 0;
}
.box-title-topleft{
margin-bottom: .5em;
}
.flex_box.note div{
width : calc(100% / 2);
}
@media only screen and (max-width: 768px){
.sp{
display: block;
}
.j-list .flex_box .col_4{
width : calc(98% / 3) ;
}
}