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


/************************
    けっトラ市ページ
************************/

#kei-truck span{
	color:#0033ff;
}


.contents h2{
	display: block;
	float:none !important;
}
#kei-truck h3{
	color:#07a33e;
	font-size:120%;
	padding:10px 0;
}
@media screen and (max-width:767px){
#kei-truck h3{
	font-size:100%;
}
}

.tora_box{
	overflow:hidden;
	margin-top: 5rem;
}
@media screen and (max-width:767px){
.tora_box{
	margin-top: 3rem;
}
}


#tora_1 .chart{
	margin-top:20px;
	border-top:1px solid #e0e0e0;
}
#tora_1 dl{
	overflow:hidden;	
	padding:10px 0;
}
#tora_1 dt{
	width: 20%;
	text-align:center;
	float:left;
	color:#07a33e;
	font-weight:bold;
}
#tora_1 dd{
	width: 80%;
	float:left;
}

#tora_6 .schedule dt.gray{
	color:#ccc;
}
#kei-truck dd.gray,#kei-truck dd.gray span{
	color:#ccc;
}

@media screen and (max-width:767px){
#tora_1 dt{
	width: 100%;
	text-align:left;
}
#tora_1 dd{
	width: 100%;
}
}


#tora_5 ol{
	list-style-type:decimal;
	margin-left: 30px;
	padding-bottom:20px;
}


#tora_6{}

#tora_6 .qr {
	overflow:hidden;	
	margin:2rem 0;
}
#tora_6 .qr a{
text-decoration:underline;
}

#tora_6 .qr dl{
	width:25%;
	float:left;
	text-align:center;
	border: 1px solid #e0e0e0;
	padding: 15px 0;
}
@media screen and (max-width:767px){
#tora_6 .qr dl{
	width:50%;
}
}

#tora_6 .schedule dl{
	overflow:hidden;	
	padding:10px 0;
}


#tora_6 .schedule dt{
	width:16%;
	text-align:center;
	float:left;
	color:#07a33e;
	font-weight:bold;
}
#tora_6 .schedule dd{
	width:28%;
	float:left;
	text-align:center;
}
@media screen and (max-width:767px){
#tora_6 .schedule dt{
	width:100%;
	text-align:left;
	padding-left:20px;
}
#tora_6 .schedule dd{
	width: 95%;
	text-align:left;
	padding-left: 5%;
}
}
#tora_6 .schedule strong{
	float:left;
	margin-right:10px;
}

#tora_6 .schedule .title{
	border-top: 1px solid #e0e0e0;
	background:#f0ffc7;
}
@media screen and (max-width:767px){
#tora_6 .schedule .title{
	display:none;
}
}

#tora_10 .otanoshimi{
	border: 1px solid #e0e0e0;
	margin:20px 0;
	padding:20px 30px;
}
#tora_10 .otanoshimi strong{
	font-size:110%;
	padding-bottom:10px;
	display:block;
}



article{
	background:#07a33e;
	margin:5rem 0 10rem;
	padding:30px;
	text-align:center;
	color:#fff;
}
@media screen and (max-width:767px){
article{
	margin:2rem 0 5rem;
	padding:30px 10px;
}
}

article h3{
	font-size:180%;
	margin-bottom:10px;
}
@media screen and (max-width:767px){
article h3{
	font-size:110%;
	font-weight:bold;
}
}
article a,
article a:hover{
	color:#fff;
	font-size:250%;
	font-weight:bold;
	color: #fef200;
}
@media screen and (max-width:767px){
article a,
article a:hover{
	font-size:200%;
}	
}
@media screen and (max-width:480px){
article a,
article a:hover{
	font-size:150%;
}	
}
a.btn_12 {
	display: flex;
    justify-content: space-evenly;
	font-size:200%;
    align-items: center;
	text-align: center;
	text-decoration: none;
	margin:1rem auto;
	padding: 1rem 4rem 1rem 3rem;
	font-weight: bold;
	background: #fef200;
	color: #07a33e;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
	max-width:600px;
}
@media screen and (max-width:767px){
a.btn_12 {
	font-size:130%;
	max-width:400px;
}
}
@media screen and (max-width:480px){
a.btn_12 {
	font-size:100%;
	max-width:300px;
	padding: 1rem 3% 1rem 3%;
}
}
a.btn_12::before {
	content: '';
	width: 15px;
	height: 15px;
	border-top: 5px solid #07a33e;
	border-right: 5px solid #07a33e;
	transform: rotate(45deg);
}
@media screen and (max-width:480px){
a.btn_12::before {
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #07a33e;
	border-right: 2px solid #07a33e;
	transform: rotate(45deg);
}
}
a.btn_12:hover {
	background: #fff;
	color: #07a33e;
	font-size:200%;
}
@media screen and (max-width:767px){
a.btn_12:hover {
	font-size:130%;
}
}
@media screen and (max-width:480px){
a.btn_12:hover {
	font-size:100%;
}
}


.kettora_pop{
	margin-bottom: 3rem;
	clear: both;
	overflow: hidden;
}
.kettora_pop img{
	float: left;
	width: 50%;
}
@media screen and (max-width:767px){
.kettora_pop img{
	float:none;
	width: 100%;
}	
}