@charset "utf-8";
/* CSS Document */

.side li a span{display:block;font-size: .7em;letter-spacing: .1em;line-height: .5em;margin-bottom: 1em;}
.side li a:hover span{margin-left:2em;}

@-moz-document url-prefix() {
	.side li a span{display:block;font-size: .8em;letter-spacing: .1em;line-height: .5em;margin-bottom: 1em;}
}

@media all and (-ms-high-contrast:none){
	.side li a span{display:block;font-size: .8em;letter-spacing: .1em;line-height: .5em;margin-bottom: 1em;}
	.side li a:hover span{margin-left:0;}
	.spotLight tbody{display:-ms-flex; flex-wrap:-ms-wrap; width:715px;}
	.side .Ttl{padding-bottom: .5em;font-weight: bold;font-size: 1.1em; color:#474747;}
	.spotLight th p:nth-child(1){width: 140%!important;display: block;}
}

.kasen_pos_01{
	font-weight: unset;
	border-bottom: unset;
}
.swiper-button-next{
	right: 0 !important;
}

.swiper-button-prev{
	left: 0 !important;
}

.modalDialog img{margin:0 auto;text-align:center;display: block;max-width: 500px;}

.modalDialog > div {
		width: 500px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		/* border-radius: 10px; */
		background: #fff;
		/*background: -moz-linear-gradient(#fff, #999);*/
		/* background: -webkit-linear-gradient(#fff, #999); */
		/*background: -o-linear-gradient(#fff, #999);*/
		border: 1px solid #b5b3b3;
	}

table.spotLight{display: flex; margin: 0 auto;padding-top: 50px ;}
.spotLight tbody{display:flex; flex-wrap:wrap;justify-content: space-around}
.spotLight tr{flex-direction: column;display:flex;width: calc(90%/3);justify-content: flex-start; margin-bottom: 50px;}
.spotLight td{flex-direction: column;}

.title{display: flex; background: #dddddd; padding: 10px; font-size:27px!important;padding:16px 2px; }
.title .name{width: 70%;padding-left: 1em; text-align:left; font-size: 2.0rem;}
.price{text-align: right;width: 30%; padding-right: 1em; font-weight:normal;}
.spotLight img{width: 100%;;height:auto;display: block;margin: 0 auto;}

.spotLight th{display:flex;}
.spotLight td p:nth-child(2){text-align:center;}

.spotLight table.spec{display: block; width:100%;margin: auto; border:.5px solid #c6c6c6;}
.spotLight table.spec tr{width: 100%; margin-bottom: 0px; }
.spotLight table.spec th{display: block; font-size:12px;width: 100%; padding: 5px; }
.spotLight table.spec td{ display: block;padding: 5px; font-size: 14px;}

table.spotLight2{width:100%; margin: auto;}

.spotLight2 tr{flex-direction: column;display:flex;width:100%;justify-content: flex-start;}
.spotLight2 td{flex-direction: column;}


.spotLight2 img{width: 100%;;height:auto;display: block;margin: 0 auto;}

.spotLight2 th{display:flex;}
table.spec{width:100%;margin: auto;}
table.spec th{font-size:15px; padding: 10px;}


.spotLight2 .spec{    display: flex;
    flex-direction: column; width:100%;margin: auto; border:.5px solid #c6c6c6;}
.spotLight2 table.spec tr{width: 100%; margin-bottom: 0px; }
.spotLight2 table.spec th{display: block; font-size:12px;width: 100%; padding: 5px; }
.spotLight2 table.spec td{ display: block;padding: 5px; font-size: 14px;}

.col2Wrap .spec{
	width: 100%;
}

table.spec2{width:100%;margin: auto; border: 1px solid #c6c6c6; z-index: 20}
table.spec2 th{background: #f2f2f2;
    width: 30%;
    border-top: 1px solid #dedede;
    padding: 10px;
    font-weight: 700;
    font-size:12px;
    
} 
table.spec2 td{border-bottom: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
font-size:14px;padding: 9px;
}

table.spec2 td:nth-child(1){width:50%;}
table.spec2 td:nth-child(2){width:30%;}
table.spec2 td:nth-child(3){width:0%;}


.contact_box.cb_active{
	bottom: -130px !important;
}
h2.h2_res_2line{
	font-size: 38px;
	font-weight: 700;
	text-align: center !important;
	margin: 20px auto 50px;
    padding: 0 5px;
	vertical-align: middle;
	display: inline-block;
	position:relative;
}
h2.h2_res_2line:before{
	content:"";
	background:#9da0a4;
	display: inline-block;
	position:absolute;
	top:0;
	left:-45px;
	height: 59px;
	width: 1px;
}
h2.h2_res_2line:after{
	content:"";
	background:#9da0a4;
	display: inline-block;
	position:absolute;
	top:0;
	right:-45px;
	height: 59px;
	width: 1px;
}

h2.h2_table{
	background: #49637A;
	color:#fff;
	font-size: 32px;
	font-weight: 700;
	margin: 20px auto 20px;
    padding: 30px 10px;
	vertical-align: middle;
	border-radius: 6px;
}

.autoTbl .title{
	background:#E5EAEF;
	color:#49637A;
	display: flex;
	padding: 10px;
	font-size:27px!important;
	padding:16px 2px; 
}

h2.h2_regi{
	background: #5A7B79;
	color:#fff;
	font-size: 32px;
	font-weight: 700;
	margin: 20px auto 20px;
    padding: 30px 10px;
	vertical-align: middle;
	border-radius: 6px;
}

.autoRegi .title{
	display: flex;
	background:#E7EBEA;
	color:#5A7B79;
	padding: 10px;
	font-size:27px!important;
	padding:16px 2px; 
}


.selectBtn{
	display: flex;
	justify-content:center;
	gap: 30px;
}


.selectBtn a{
	width:100%;
}

.selectBtn li{
	font-size:24px;
	font-weight:700;
	text-align:center;
	background: #49637A;
	color:#fff;
	border-radius: 10px;
	line-height: 1.2;
	width: 100%;
}
.selectBtn li:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
	display:block;
}
.selectBtn a:last-child li{
	background: #5A7B79;
}

.selectBtn li span{
	font-size:15px;
	font-weight: normal;
}
.h3_counter{
	font-size: 1.7rem;
}



@media (min-width:729px) and (max-width:1000px) {

.spotLight tr{flex-direction: column;display:flex;width: calc(98%/2);justify-content: flex-start; margin-bottom: 30px;}
.title .name{width: 80%;}
.col2Wrap{
	flex-direction: unset;
}
}

@media (min-width:320px) and (max-width:728px) {
table.spotLight2{width:98%; margin: auto;}
table.spotLight2 .title {
	display: unset;
	text-align:center;
}
table.spotLight2 .title .name{
	width:100%;
	text-align:center;
	padding: unset;
}
table.spotLight2 .title .price{
	width:100%;
	text-align:center;
	padding-right: unset;
}
.modalDialog{display:none;}
 .spotLight td {display: flex;}
	.spotLight tr{display:block;width: 100%!important;max-width: 100%;}
	.spotLight tr:nth-child(even){margin-left: 0;}
	.spotLight th{flex-direction: column;}
	.spotLight tr:last-child th p:nth-child(2){text-align: right;}
	.spotLight p:nth-child(1){width: 100%;display: block;padding-right: 0em;margin: 0 auto;}
	.spotLight p:nth-child(2){width: 100%;padding-right: 0;display: block;text-align: right;}
	.spotLight img{margin: auto;}
	.img li img{max-width: 500px;}
}

table.colorLine{width:100%;}
.colorLine th{background:#E7EFD9;display:block;width: 99%;}
.colorLine td{display:flex; justify-content: space-between; margin-top:1em;}
.colorLine ul{display:block;}
.colorLine li{padding:.5em;width: 94%;}
.colorLine li:nth-child(odd){background:#EEEEEE;}
.colorLine ul{width:50%;}
.colorLine ul:last-child li{background:none;padding:0; margin:0 auto; text-align:center;}
.colorLine span{display:block;}
.colorLine ul:first-child li{display:flex;}
.colorLine span:nth-child(1){width: 55%;}
.colorLine span:nth-child(2){width:30%;}
.colorLine span:nth-child(3){width:15%;}

@media (min-width:320px) and (max-width:728px) {
.colorLine td{flex-direction: column;}
.colorLine ul{width:100%;}
.colorLine span:nth-child(1){width: 55%;}
.colorLine span:nth-child(2){width:30%;}
.colorLine span:nth-child(3){width:15%;}
}

@media screen and (max-width: 767px){
	.contact_box > div {
	grid-template-columns: repeat(2, 1fr);
    gap: 2px;
	background: #004b96;	
	}

h2.h2_res_2line{
	font-size: 30px !important;
	margin: 20px auto 50px;
}
h2.h2_res_2line:before{
	top: -5px;
	height: 109px;}
h2.h2_res_2line:after{
	top: -5px;
	height: 109px;}

.selectBtn{
	display: flex;
	justify-content:center;
	gap: 30px;
	flex-wrap: wrap;
}


.selectBtn a{
	width:100%;
}

.selectBtn li{
	font-size:24px;
	font-weight:700;
	text-align:center;
	background: #48637A;
	color:#fff;
	border-radius: 10px;
	line-height: 1.2;
	width: 100%;
}
.selectBtn li:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
	display:block;
}
.selectBtn a:last-child li{
	background: #5A7B79;
}
.selectBtn li span{
	font-size:15px;
}
.width-900{
	width:100% !important;
}
.h3_counter{
	font-size: 1.4rem;
}

h2.h2_table{
	font-size: 24px;
	margin: 20px auto 30px;
    padding: 20px 5px;
}

.autoTbl .title{
	padding: 10px;
	font-size:27px!important;
	padding:16px 2px; 
}

h2.h2_regi{
	font-size: 24px;
	font-weight: 700;
	margin: 20px auto 30px;
    padding: 20px 5px;
}

.autoRegi .title{
	padding: 10px;
	font-size:27px!important;
	padding:16px 2px; 
}
.col2Wrap{
	flex-direction: column;
}
.flexBoxOne{
	gap:0;
}
}