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

/* タブ */
@media (min-width: 768px) {
	.tabBox { background-color: #fff; width: 100%; margin: 30px auto 0;}
	.tabBox .tab_item { width: calc(100%/3); height: 50px; background-color: #c9c9c9; line-height: 50px; font-size: 16px; text-align: center; color: #150201; display: block; float: left; font-weight: bold; transition: all 0.2s ease; margin: 0; border-radius: 10px 0 0 0;}
	.tabBox .tab_item.ogori,.tabBox .tab_item.kurume{ border-right: 4px solid #fff;}
	.tabBox .tab_item:hover { opacity: 0.8;}
	.tabBox input[name="tab_item"] { display: none;}
	.tabBox .tab_content { display: none; padding: 20px 20px 40px; clear: both; overflow: hidden;}
	.tabBox #ogori:checked ~ #ogori_content,
	.tabBox #kurume:checked ~ #kurume_content,
	.tabBox #other:checked ~ #other_content { display: block; border-top: 3px solid #d54387;}
	.tabBox input:checked + .tab_item { background-color: #d54387; color: #fff;}
	.tabBox .tab2{ position: relative; top: 10px;}
}
@media (max-width: 767.98px) {
	.tabBox { background-color: #fff; margin: 30px 0 0;}
	.tabBox .tab_item { width: calc(100%/3); height: 50px; background-color: #c9c9c9; line-height: 50px; font-size: 12px; text-align: center; color: #150201; display: block; float: left; font-weight: bold; transition: all 0.2s ease; margin: 0; border-radius: 10px 0 0 0;}
	.tabBox .tab_item.ogori,.tabBox .tab_item.kurume{ border-right: 3px solid #fff;}
	.tabBox input[name="tab_item"] { display: none;}
	.tabBox .tab_content { display: none; padding: 10px 0 0; clear: both; overflow: hidden;}
	.tabBox #ogori:checked ~ #ogori_content,
	.tabBox #kurume:checked ~ #kurume_content,
	.tabBox #other:checked ~ #other_content { display: block; border-top: 2px solid #d54387;}
	.tabBox input:checked + .tab_item { background-color: #d54387; color: #fff;}
	.tabBox .tab2{ position: relative; top: 10px;}
}


/* tbl */
.tbl01 tr:nth-child(2n+1) {background: #eee;}
.tbl01 .thead th{border-right: solid 1px #fff;}
.tbl01 th {padding: 10px; background: #777; border-right: solid 1px #777; color: #ffffff; font-weight: bold;}
.tbl01 th:last-child { border-right: none;}
.tbl01 td {padding: 10px; border-right: solid 1px #bbb;}
.tbl01 td a { color: #40ade0;}
.tbl01 td:first-child {text-align: center;}
.tbl01 td:last-child {border-right: none;}
@media (min-width: 768px) {
	.tbl01{width: 90%; margin: 20px auto;}
	.tbl01 .thead th:first-child{width: 60px;}
	.tbl01 .thead th:nth-child(2){width: 330px;}
	.tbl01 .thead th:nth-child(3){width: calc(100% - 390px);}
}
@media (max-width: 767.98px) {
	.tbl01{width: 100%; margin: 20px auto 0;}
	.tbl01 .thead th:first-child{width: 33px;}
	.tbl01 .thead th:nth-child(2){width: calc(50% - 33px);}
	.tbl01 .thead th:nth-child(3){width: calc(50%);}
}


@media (min-width: 768px) {}
@media (max-width: 767.98px) {}