h1.center{
    text-align: center;
}
.block-main{
    padding: 10px;
}
a:hover img {
	opacity:0.8;
	background: #fff;}

#zenkoku{
border:1px solid #ED1A3A;
clear:both;
margin: 15px 0 30px;
padding-bottom:10px}
#zenkoku h2{
margin:0;
margin-bottom:10px;
padding:8px;
background-color:#ED1A3A;
font-size:1.5em;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:1.2}
#zenkoku #h3{
font-weight:bold;
margin:10px 0 8px 5px !important;
padding:0;
background-image:none;
height:auto !important
}
#zenkoku .zenkokusmall{
font-size:0.7em;

font-weight:normal}
#zenkoku table td{
vertical-align:top;
line-height:1.5}
#zenkoku table{
margin-left:5px;
margin-right:5px}

#zenkoku ul.exp_list{
}
#zenkoku ul.exp_list li{
}

.attention {
		background-color: #fff0e0;
		border: solid 1px #db0505;
		padding: 10px;
    margin: 30px 0;
	}
	.attention p {
        text-indent: -1em;padding-left: 1em;
		font-size: 1.0rem!important;
		font-weight: bold;
		line-height: 1.4;
		color: #db0505;
	}
	.search-box {
	}
	.search-box_title {
		font-weight: bold;
    font-size: 1.25em;
    margin: 10px 0 20px;
	}
.search-box_title span{
    font-size: 0.75em;
    font-feature-settings: "palt" 1;
	}
.search-box_txt {
		text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    margin: 10px 0 30px;
    font-feature-settings: "palt" 1;
	}

.carport_list.is-hide {
	display: none;
}
.search-box .search-btn{
position: relative;
    width: 30%;
}
.search-box input[type=radio] {
opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      margin: 0;
      cursor: pointer;
}
.search-box input[type=checkbox] {
display: none; /* ラジオボタンを非表示にする */
}
.search-box input[type=radio]:checked + label {
background: #B6B6B6;/* マウス選択時の背景色を指定する */
color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.search-box input[type=checkbox]:checked + label {
background: #B6B6B6;/* マウス選択時の背景色を指定する */
color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.search-box label {
width: 100%;
    border: 1px solid #B6B6B6;
    box-sizing: border-box;
    text-align: center;
    border-radius: 40px;
    color: #333;
    display: flex;
    opacity: 1.0;
    height: 4em;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    font-feature-settings: "palt" 1;
}

/*list*/

.block_list{
    display: flex;
    flex-wrap: wrap;
}
.block_list li p{
    line-height: 1.2;
    font-feature-settings: "palt" 1;
}
.block_list li img{
    width: 100%;
    height: auto;
    margin: 10px 0;
}
.block_list.img_b li img{
    border: 1px solid #bbb;
    box-sizing: border-box;
}
.block_list li img.maker_logo{
    max-width: 260px;
}
.topic_title{
    font-size: 1.25em;
    margin: 10px 0 10px;
}
h2.topic_title{
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.2;
    font-size: 2em;
    font-feature-settings: "palt" 1;
}
h2.topic_title span{
    display: inline-block;
} 
h2.topic_title span.kome{
    font-size: 0.8em;
    margin: 10px;
} 
h2.lv_h1.center{
    text-align: center;
}
.block_list.details_list li{
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px 0 30px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.block_list.details_list li a{
        display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.block_list.details_list li a .list-img{
        width: 100%;
    max-width: 530px;
}
.block_list.details_list li a .list-img img{
        
}
.block_list.details_list li a .price{
       width: 100%;
    max-width: 620px;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.block_list.details_list li a .price .price-box{
       width: 100%;
    margin: 20px 0;
}
.block_list.details_list li a .price .price_title {
    font-size: 1.5em;
    margin: 10px 0;
}
.block_list.details_list li a .price .txt_block{
        margin: 10px 0 30px;
    font-feature-settings: "palt" 1;
}
.block_list.details_list li a .price .txt_block .txt_title{
        margin: 10px 0;
}
.block_list.details_list li a .price .price_block .price-cols {
    width: 100%;
}
.block_list.details_list li a .price .price_block .price-cols.side {
    width: 50%;
}
.block_list.details_list li a .price .price_block .price-cols .price_value {
    font-size: 4em;
}
.block_list.details_list li a .price .price_block .price-cols.side .price_value {
    font-size: 3em;
}
.block_list.details_list li a .price .price_block .price-cols .price_value .price_tax,.block_list.details_list li a .price .price_block .price-cols .price_value .price_en {
    font-size: 0.3em;
}
@media screen and (max-width: 767px){
.block_list.details_list li a{
    flex-wrap: wrap;
}    
.block_list.details_list li a .price {
    padding: 0;
}    
h2.topic_title {
    margin: 0 0 20px;
    font-feature-settings: "palt" 1;
    font-size: 1.8em;
}   
.block_list.details_list li a .list-img{
    max-width: 100%;
}
.block_list.details_list li a .price {
    max-width: 100%;
}
.block_list.details_list li a .price .txt_block {
    margin: 10px 0 20px;
}
.price .price_title {
    margin: 10px 0 10px;
    font-size: 1.5em;
}
.block_list.details_list li a .price .price-box {
    width: 100%;
    margin: 0;
        padding: 5px;
}
.block_list.details_list li a .price .price_block .price-cols .price_value {
    font-size: 3.5em;
}
.block_list.details_list li a .price .price_block .price-cols.side {
    width: 100%;
}
}

.block_list.cols2-1.carport{
    justify-content: space-between;
}
.block_list.details_list.carport li a .price .price-box {
    margin: 0;
}
.block_list.cols2-1 li ul.block_list--innerflex{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.block_list.cols2-1 li ul.block_list--innerflex li{
    width: calc(50% - 5px)
}
.block_list.cols2-1 li ul.block_list--innerflex.col3 li{
    width: calc(100% / 3 - 5px)
}
.block_list.cols2-1 li ul.block_list--innerflex.col3 li:nth-child(2n){
    margin: 0 10px 30px 0;
}
.block_list.cols2-1 li ul.block_list--innerflex.col3 li:nth-child(3n){
    margin: 0 0 30px 0;
}
@media screen and (max-width: 767px){
.block_list.cols2-1 li ul.block_list--innerflex.col3 li:nth-child(2n){
    margin: 0 0 30px 0;
}       
}

.carport_list{
    
}
.carport_list .icons{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*position: absolute;*/
    top: 0;
    margin: 10px;
}
.carport_list .icons .snow{
    background: #386094;
    /*border: 3px solid #fff;*/
    width: 100%;
    max-width: 90px;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
}
.carport_list .icons .port{
    background: #0180bd;
    /*border: 3px solid #fff;*/
    width: 100%;
    max-width: 90px;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
}
.carport_list .icons .port.twin{
    background: #002e75;
}
@media screen and (max-width: 767px){
.carport_list .icons .snow{
    max-width: 55px;
}
.carport_list .icons .port{
    max-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}    
}

.block_list.details_list li.carport_list .const-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 10px 10px;
    padding: 0 10px 0;
}
.block_list.cols2-1 li.carport_list{
    width: calc(50% - 5px);
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
}
.block_list.details_list li.carport_list a{
    flex-wrap: wrap;
    position: relative;
}
.block_list.details_list li.carport_list a .price {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block_list.details_list li.carport_list .price .price_block .price-cols .price_value {
    font-size: 4.5em;
}
.block_list.details_list li.carport_list .price .const-box .price-cols .price_value {
    font-size: 3em;
}
.block_list.details_list li.carport_list a .price .const-box .price-cols .price_value .price_tax, .block_list.details_list li.carport_list a .price .const-box .price-cols .price_value .price_en {
    font-size: 0.4em;
}
@media screen and (max-width: 767px){
.block_list.cols2-1 li.carport_list{
    width: 100%;
    margin: 0 0 30px 0;
}  
.block_list.details_list li.carport_list .price .price_block .price-cols .price_value {
    font-size: 12vw;
}
.block_list.details_list li.carport_list .price .const-box .price-cols .price_value {
    font-size: 10vw;
}
.block_list.details_list li.carport_list a .price .price_title {
    font-size: 1em;
}
}	

.carport_list .price{
}
.carport_list .price .price-box{
}
.carport_list .price .price-box .price-cols{
}
.carport_list .price .price-box .price-cols .price_value{
}

.block_list.cols1-1 li{
    width: 100%;
    margin: 0 10px 30px;
}
.block_list.cols2-1 li,.block_list.cols2-2 li{
    width: calc(50% - 5px);
    margin: 0 10px 30px 0;
}
.block_list.cols4-2 li{
    width: calc(25% - 6px);
    margin: 0 8px 30px 0;
}
.block_list.cols2-1 li:nth-child(2n){
    margin: 0 0 30px 0;
}
.block_list.cols3-2 li,.block_list.cols3-1 li{
    width: calc(100% / 3 - 6px);
    margin: 0 9px 30px 0;
}
@media screen and (min-width: 768px){
.block_list.cols3-2 li:nth-child(3n),.block_list.cols3-1 li:nth-child(3n){
    margin: 0 0 30px 0;
}
.block_list.cols4-2 li:nth-child(4n){
    margin: 0 0 30px 0;
}
}
@media screen and (max-width: 767px){
.block_list.cols1-1 li {
    width: 100%;
    margin: 0 0 30px;
}
 .block_list.cols2-1 li{
    width: 100%;
    margin: 0 0 30px 0;
}  
    .block_list.cols3-2 li,.block_list.cols4-2 li{
    width: calc(50% - 5px);
    margin: 0 10px 30px 0;
}  
    .block_list.cols3-2 li:nth-child(2n),.block_list.cols4-2 li:nth-child(2n){
    margin: 0 0px 30px 0;
}  
    .block_list.cols3-1 li{
    width: calc(50% - 5px);
    margin: 0 10px 30px 0;
}  
}

/*カーポート*/

.main_block{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 40px;
}
.main_block .list-img{
    width: 50%;
}
.main_block .list-img img{
    width: 100%;
    height: auto;
    max-width: 600px;
    margin: auto;
    display: block;
}
.main_block .price{
    width: 50%;
}
.main_block .price .price-box{
    width: 100%;
    margin: auto 0;
    padding: 10px 20px;
}
.main_block .price .txt_block{
    line-height: 1.2;
    margin: 0 0 10px;
}
.main_block .price .price_block{
    display: block;
}
.main_block .price .price_block .price-cols{
    width: auto; 
    flex-direction: raw;
}
.main_block .price .price_block p span{
    font-weight: normal;
    font-size: 0.8em;
}
.main_block .price .price_block .price-cols p,.main_block .price .const_block p{
    font-weight: bold;
    line-height: 1.2;
    font-size: 1.5em;
}
.main_block .price .const_block p.ex{
    font-weight: normal;
    line-height: 1.2;
    font-size: 1em;
}
.main_block .price .const_block p.ex_r{
    font-weight: normal;
    line-height: 1.2;
    font-size: 1em;
    text-align: right;
}
.main_block .price .const_block p span{
    font-weight: normal;
    font-size: 0.8em;
}
.main_block .price .const_block{
    border: 1px solid #bbb;
    margin: 20px 0 0;
    padding: 10px 20px 5px;
    box-sizing: border-box;
}
.main_block .price .const_block .price-cols{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 10px;
}
.main_block .icons{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*position: absolute;*/
    top: 0;
    margin: 0 0 10px;
}
.main_block .icons .snow{
    background: #386094;
    /*border: 3px solid #fff;*/
    width: 100%;
    max-width: 100px;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 5px 5px 5px 0;
}
.main_block .icons .port{
    background: #0180bd;
    /*border: 3px solid #fff;*/
    width: 100%;
    max-width: 100px;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_block .icons .port.twin{
    background: #002e75;
}
@media screen and (max-width: 767px){
.main_block .list-img {
    width: 100%;
}
.main_block .price {
    width: 100%;
}
.main_block .price .price-box {
    padding: 10px 0;
}   
.main_block .price .price-box .price_value {
    margin: 0 0 0 auto;
}
.main_block .price .const_block .price-cols .price_value {
    font-size: 10vw;
}
.main_block .icons .snow{
    max-width: 100px;
}
.main_block .icons .port{
    max-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
table.details_table{
    text-align: center;
    margin: 0 0 20px;
}
table.details_table.wfull{
    width: 100%;
}
table.details_table.mt20{
    margin: 20px 0 20px;
}
table.details_table,table.details_table th,table.details_table tr,table.details_table td {
    border: 1px solid #333;
    border-collapse: collapse;
    padding: 10px 5px;
}
table.details_table .bg_g{
    background: #9fa0a0;
    color: #fff;
    font-weight: normal;
}
@media screen and (max-width: 767px){
.slide-box table.details_table.wfull,.slide-box table.details_table{
    width: 1200px;
}
.slide-box.w600 table.details_table.wfull,.slide-box table.details_table{
    width: 600px;
}
}
.lv_h2 {
    text-align: center;
    font-size: 1.25em;
    line-height: 1.2;
    margin: 10px 0;
    font-weight: bold;
    font-feature-settings: "palt" 1;
}
.carport_jirei_block{
    margin: 0 0 50px;
}
.carport_jirei_block .block_list.cols2-1{
    margin: 0 0 20px;
}
.carport_jirei_block .block_list.cols2-1{
    margin: 0 0 20px;
}
.carport_jirei_block .block_list.cols2-1 li img{
    margin: 0;
}
.carport_jirei_block .block_list.cols2-1 li.cj_img{
    margin: 0 10px 0 0;
}
.carport_jirei_block .block_list.cols2-1 li.cj_txt{
    margin: 0;
}
.carport_jirei{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.carport_jirei .carport_jirei_cols{
    width: calc(50% - 5px);
}
.carport_jirei .carport_jirei_cols.border_cols{
    border: 1px solid #bbb;
    padding: 5px 5px;
    box-sizing: border-box;
    margin: 0 0 10px;
}
.carport_jirei .carport_jirei_cols .bk_b{
    background-color: #000;
    color: #fff;
    padding: 5px;
}
.carport_jirei .carport_jirei_cols .no_b{
    font-weight: bold;
    padding: 5px;
    margin: 0;
}
.carport_jirei .carport_jirei_cols .date{
    font-size: 3em;
    font-weight: bold;
    line-height: 1.2;
    text-align: right;
}
.carport_jirei .carport_jirei_cols .date span{
    font-size: 0.3em;
}
@media screen and (max-width: 767px){
.carport_jirei .carport_jirei_cols{
    width: 100%;
}   
.carport_jirei .carport_jirei_cols.sp_half{
    width: calc(50% - 5px);
}  
.carport_jirei_block .block_list.cols2-1 li.cj_img{
    margin: 0 0 20px;
}
}
.topic_title.carport_jirei_person{
    margin: 10px 0 20px;
}
.block_list.cols2-1 .carport_jirei_list{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 20px 5px;
}
.block_list.cols2-1 .carport_jirei_list li{
    width: auto;
    margin: 0px 0px 10px 20px;
    list-style: disc;
    line-height: 1.2;
}

.icon-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.icon-box--unit {
    width: 25%;
}
.icon-box--unit img {
    width: 100%;
    height:  auto;
}
.icon-box .icon-box--unit:not(:first-child) {
    margin-left: 10px;
}
@media screen and (max-width:767px) {
    .icon-box {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .icon-box--unit {
        width: 47%;
    }
    .icon-box .icon-box--unit:not(:first-child) {
        margin-left: 0;
    }
    .icon-box .icon-box--unit:nth-child(n+3) {
        margin-top: 10px;
    }
}