@charset "utf-8";
  i{
margin-right:5px;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
ul:after {
content: "";
clear: both;
display: block;
}
.pickup_area{
background:#fffac5;
line-height:1.7;
padding:10px;
margin:0 0 15px;
width:100%;
}
.pickup_area p{
margin:7px 0;
line-height:1.7;
}
.sp_area{
background:#fffac5;
line-height:1.7;
padding:5px 2px;
margin:5px 0 0;
width:100%;
display:block;
}
.pickup_gray{
background:#e9e9e9;
padding:10px 7px 5px;
margin-bottom:22px;
width:100%;
}
.pickup_gray p{
margin:7px 0;
line-height:1.7;
}
.site_area{
width:100%;
margin:0 auto 35px;
padding:5px 7px;
border:1px solid #bababa;
}
.site_area img{
margin-bottom:0;
}
.site_left{
float:left;
width:40%;
padding:3px 3px 3px 0;
box-sizing:border-box;
vertical-align:middle;
}
.site_right{
float:right;
width:60%;
padding:3px 0 3px 3px;
box-sizing:border-box;
vertical-align:middle;
}
.site_area ul{
list-style-type:none;
padding:0;
margin:0;
width:100%;
}
.site_area li{
box-sizing:border-box;
display:inline-block;
height:auto;
max-height:230px;
padding:5px;
margin:0 auto;
}
.site_area li:first-child{
width:40%;
}
.site_area li:last-child{
width:58%;
}
.site_area table{
border-collapse:separate;
border-spacing:5px;
margin:0 auto;
width:100%;
border:none;
}
.site_area table th{
border:1px solid #717171;
padding:7px 10px;
color:#191919;
text-align:center;
background:#b8c1c8;
width:30%;
}
.site_area table td{
padding:7px 10px;
color:#191919;
line-height:1.8;
text-align:left;
width:70%;
border-bottom:1px dashed #c0c0c0;
}
@media only screen and (max-width: 600px) {
.site_area{
width:100%;
margin:0 auto 35px;
padding:0;
}
.site_left{
float:none;
width:100%;
padding:5px;
box-sizing:border-box;
}
.site_right{
float:none;
width:100%;
padding:5px 0 0 0;
box-sizing:border-box;
}
.site_area li{
box-sizing:border-box;
display:block;
height:auto;
max-height:100%;
padding:5px;
}
.site_area li:first-child{
width:100%;
}
.site_area li:last-child{
width:100%;
}
} .t-c{
text-align:center;
}
.t-r{
text-align:right;
}
.t-l{
text-align:left;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
.white{
color:#fff;
}
.red{
color:#da0000;
}
.yellow{
color:#fff600;
}
.blue{
color:#0066ff;
}
.violet{
color:#8c46c3;
}
.green{
color:#12c005;
}
.pink{
color:#ff4bce;
}
.navy{
color:#4b65c5;
}
.gold{
color:#ffd900;
}
.silver{
color:#c0c0c0;
}
.bronze{
color:#815a2b;
}
.black{
color:#111;
}
.uline{
border-bottom:1px solid #fff;
margin:20px auto 15px;
}
.fwb{
font-weight:bold;
}
.fs08{
font-size:0.8rem;
}
.fs09{
font-size:0.9rem;
}
.fs10{
font-size:1.0rem;
}
.fs12{
font-size:1.2rem;
}
.fs14{
font-size:1.4rem;
}
.fs16{
font-size:1.6rem;
}
.fs18{
font-size:1.8rem;
}
.fs20{
font-size:2.0rem;
}
.fs22{
font-size:2.2rem;
}
.tl-c{
text-align:center;
}
.tl-l{
text-align:left;
}
.tl-r{
text-align:right;
}
.box_ss{
box-sizing:border-box;
}
.ptb35{
padding:30px 0 50px;
}
.w20{
width:20%;
}
.w30{
width:30%;
}
.w40{
width:40%;
}
.w48{
width:48%;
}
.w50{
width:50%;
}
.w55{
width:55%;
}
.w60{
width:60%;
}
.w70{
width:70%;
}
.w80{
width:80%;
}
.w90{
width:90%;
}
.pdg10{
padding:10px;
}
.pdg15{
padding:15px;
}
.pdg20{
padding:20px;
}
.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt50{
margin-top:50px;
}
.mb05{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
.mb50{
margin-bottom:50px;
}
.mb50_sp{
margin-bottom:50px;
}
.mb60{
margin-bottom:60px;
}
.hr_gray_dh{
border:1px dashed #bababa;
margin:15px 0;
}
.hr_gray{
border:1px solid #bababa;
}
.hr_black{
border:1px solid #111;
}
.bg_violet{
background:#8c46c3;
}
.bg_gray{
background:#f6f6f6;
}
.pickup_violet{
background:#af7ed5;
padding:10px;
color:#fff;
font-weight:bold;
margin-bottom:15px;
}
.line_bottom{
border:1px solid #111;
margin-top:40px;
width:100%;
}
.mark_y{
background:#fffac5;
padding:px;
}
.mark_b{
background:#222;
padding:10px;
}
.mark_v{
background:#eadff4;
padding:10px;
}
video{
margin:10px 0 0;
}