@charset "utf-8";

.main_column_single table{
width:100%;
}
.main_column_single table td {
border: 1px solid #555;
padding: 0.25em;
}
.main_column_single table tr:first-child{
background: #00acdd;
color: #fff;
}
.content_sta .fv_c_box{
width: 100%;
}
.content_sta .fv_c_head{
color: #fff;
font-size: 1.1em;
}
.content_sta .fv_c_head .yellow{
color:#ffff00;
}
.content_sta span.fv_c_head_area {
text-shadow: 0px 0px 2px #002870;
}
.content_sta .strong_sta{
text-align: center;
font-size: 1.5em;
font-weight: bold;
}
.content_sta .strong_sta .under_yellow{
border-bottom: 6px solid #f7bd56;
border-radius: 10px;
display: block;
margin: 0.1em auto 1em;
width: 10%;
}
.strong_box{
border: 3px solid #0061a8;
}
.content_sta .flex_3{
display: flex;
justify-content: space-between;
padding: 1%;
}
.flex_3_item{
width: 33%;
position: relative;
}
.flex_3_item img {
width: 100%;
height: 150px;
object-fit: cover;
}
.flex_3_item p{
text-align: center;
background: rgb(41 156 211 / 80%);
color: #fff;
position: absolute;
width: 100%;
padding: 5px 0;
font-size: 1.1em;
bottom: 0;
}
.price_div{
border: 2px solid #888;
border-radius: 5px;
margin-bottom: 1em;
}
.price_div .price_h{
background: #00b6ed;
text-align: center;
padding: 0.25em;
color: #fff;
font-size: 1.1em;
font-weight: bold;
border-radius: 3px;
}
.price_div .price_flex{
display: flex;
justify-content: space-evenly;
width: 75%;
margin: 0 auto;
}
.price_div .price_flex .price_flex_item{
text-align: center;
}
.price_div .price_flex .price_flex_item span.fs-075{
font-size: 0.55em;
}
.price_div_inner .price_h_inner{
background: #0070c0;
width: 75%;
margin: 0.25em 1em;
text-align: center;
color: #fff;
}
.price_flex_outer{
display: flex;
justify-content: space-between;
}
.price_time{
width: 19%;
display: block;
padding: 1em 0.5em;
}
.price_time_txt1{
background: #0070c0;
text-align: center;
color: #fff;
display: inline-block;
padding: 0.25em 1em;
}
.price_time_txt2{
font-size: 1.75em;
font-weight: bold;
}
.price_flex_item p{
text-align: center;
}
.price_total{
width: 80%;
border-top: 1px dotted #555;
text-align: center;
margin: 0.25em 1em;
font-size: 1.2em;
font-weight: bold;
}
.price_total span{
font-size: 1.25em;
color: #ffc000;
}
.box_yellow{
background: #fff3d2;
padding: 1.5em 1em;
border: 3px dashed #ffc000;
}
.box_yellow ul{
display: flex;
flex-flow: wrap;
justify-content: normal;
}
.box_gray{
padding:0.5em 1.5em 1.5em;
border: 3px dashed rgb(122, 119, 108);
}
.box_gray > div {
margin-top: 1em;
}
.by1:before{content:"1";background: #f7bd56;border-radius: 15px;padding: 0px 0.5em;margin-right: 5px;}
.by2:before{content:"2";background: #f7bd56;border-radius: 15px;padding: 0px 0.5em;margin-right: 5px;}
.by3:before{content:"3";background: #f7bd56;border-radius: 15px;padding: 0px 0.5em;margin-right: 5px;}
.by4:before{content:"4";background: #f7bd56;border-radius: 15px;padding: 0px 0.5em;margin-right: 5px;}
.by5:before{content:"5";background: #f7bd56;border-radius: 15px;padding: 0px 0.5em;margin-right: 5px;}
.by6:before{content:"6";background: #f7bd56;border-radius: 15px;padding: 0px 0.5em;margin-right: 5px;}
.by1,.by2,.by3,.by4,.by5,.by6{
width: 48%;
font-weight: bold;
margin-bottom: 0.5em;
}
.frequently_h{
font-size: 1.2em;
font-weight: bold;
margin: 1em 0 0.5em 0;
}
.frequently_h2{
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #f15a24;
text-decoration: underline;
}
.box_gray label.checkboxItem {
border-bottom: 1px solid #ccc;
font-size: 1.15em;
font-weight: bold;
}
.arrow_un{
width: 0;
height: 0;
border-style: solid;
border-width: 40px 40px 0 40px;
border-color: #1976D2 transparent transparent transparent;
margin: 1em auto;
}
.content h2{
font-size: 24px;
}
@media screen and (max-width: 640px){
.by1, .by2, .by3, .by4, .by5, .by6{
width: auto;
}
.box_yellow ul{
flex-flow: column;
}
.flex_3_item p{
font-size: 0.75em;
}
.price_flex_outer{
flex-flow: column;
}
.content_sta .strong_sta{
font-size: 1.25em;
}
.content h2{
font-size: 1.1em;
}
.box_gray label.checkboxItem input{
float: left;
width: 35px;
margin-top: 0.35em;
}
.price_flex img {
width: 60px;
}
.price_div_inner .price_h_inner,.price_div .price_flex{
width: auto;
}
.price_time{
width: auto;
}
.price_time_txt1{
float: left;
margin-right: 1em;
}
.price_total{
font-size: 1.1em;
width: auto;
}
.price_time_txt2{
font-size: 1.5em;
}
.content h2 {
font-size: 1em;
}
}