@charset "utf-8";
h1{
margin-bottom: 5px;
}
.fv_box{
margin-bottom: 1.5em;
}
.comment_box ul.pf_list li{
text-align: left;
margin-bottom: .5em;
}
ul.flex_box li {
width : calc(98% / 2) ;
margin-left: -1em;
text-align: left;
margin-bottom: .25em;
border-bottom: 1px dotted #ccc;
}
.fv_box ol.roma li{
font-size: 1.2em;
border-bottom: 1px dotted #aaa;
margin: 0 1.5em .25em 1em;
}
span.nuri{
background-color: #cc0000;
color: #fff;
margin-right: .5em;
padding: 0 .25em;
font-weight: 700;
}
.j-list .flex_box{
justify-content: space-between;
}
.j-list .flex_box .col_4{
width : calc(98% / 4) ;
border: 1px solid #ccc;
border-radius: 6px;
background-color: #fff;
margin-bottom: .5em;
padding-bottom: 5px;
}
.j-list .flex_box .col_4 img{
width: 100%;
height: auto;
border-radius: 6px 6px 0 0;
}
.j_series .flex_box img{
width: 100%;
height: auto;
}
.j_series .flex_box .column_3, .jinsei .flex_box .column_3{
width : calc(97% / 3) ;
border: 1px solid #ccc;
border-radius: 6px;
margin-bottom: .5em;
}
.j_series .flex_box h3{
background-color: #517d99;
border-radius: 6px 6px 0 0;
font-size: 17px;
color: #fff;
margin: 0;
padding: .5em;
font-weight: normal;
}
.flex_box.site{
margin-top: .5em;
}
.more_button a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: .5em auto 1.5em;
    max-width: 75%;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.more_button a:hover {
    background: #2daa9c;
    color: #FFF;
}
.more_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #2daa9c;
    border-right: 3px solid #2daa9c;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.more_button a:hover:after {
    border-color: #FFF;
}
h3.sub_title{
display: none;
}
p.price{
font-weight: 700;
font-size: 26px;
color: #cc0000;
text-align: center;
padding-bottom: .5em;
}
p.price span.en,p.price span.tax{
color: #000000;
font-size: 16px;
}
ul.flex_contents {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 0 0 -2em;
}
.price_calc ul li {
width: calc(88% / 3);
margin-right: 4%;
position: relative;
list-style-type: none;
margin-left: 0;
}
.price_calc ul li:first-of-type::before {
  content: "＋";
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: calc(100% + 2.5%);
  transform: translateY(-50%);
  color: #04a6af;
  font-size: 150%;
}
.price_calc ul li:nth-of-type(2)::before {
  content: "＝";
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: calc(100% + 2.5%);
  transform: translateY(-50%);
  color: #04a6af;
  font-size: 150%;
}
.price_calc dl {
display: flex;
box-shadow: 0 0 3px #ccc;
border-radius: 3px;
padding: 8px;
}
.price_calc dl dt {
  width: 100px;
}
.price_calc dl dd {
width: calc(100% - 65px);
padding: 1em 0 0 8px;
margin-left: 0;
}
.price_calc dl dd b {
font-weight: bolder;
}
.price_calc dl dd p {
font-size: 150%;
color: #cc0000;
font-weight: bold;
text-align: center;
padding: 0;
}
ul.item_list{
margin: 0 0 0 -2em;
}
ul.item_list li{
float: left;
width: 24%;
margin-left: 0;
}
.clearfix::after {
  content: url(clearfix.gif);
  display: block;
  clear: both;
  height: 0;
}
p.title{
text-align: center;
margin: .5em 0 0 0;
padding: 0;
font-size: 22px;
color: #004B82;
font-weight: 700;
}