/* CSS Document */

.ctt_info figure{ width:220px;}
.exp img{width:100%;}
/*PCオンリー*/@media screen and (min-width: 721px){
	.ctt_info figure ~ img{ margin:0 0 20px;}
}
@media screen and (max-width: 720px){
	.ctt_info figure, .ctt_info figure ~ img{ width:45%; margin:0 0 10px;}
	.ctt_info figure img{ max-width:220px;}
	.ctt_info figure ~ img{ max-width:200px;}
	.ctt_info figure ~ .big_exp{width:90%; max-width:440px;}
}
.ctt_info figure img{ width:100%;}

.inner section.bus_exp{width:200px;}
@media screen and (max-width: 720px){
	.inner section.bus_exp{width:90%;display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-around; flex-wrap:wrap;}
}
.bus_stop{margin:0 0 1em;display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: center; text-align:center;}
.bus_stop li{width:1.4em;padding:0.5em 0; background:#E2DFEF; border:#E5E3D1 2px solid;}
.bus_stop li:not(:last-child){margin:0 0.5em 0 0;}
.bus_stop .to{background:#FFFEEC;}
.bus_exp p:first-child{margin:0 0 10px;background:#C9C4E1; color: #fff; text-align: center; text-shadow:#303030 0 2px 5px; border-radius: 2px;}
.bus_exp p.day{background:#FCE2CB;}
.bus_exp a{display:block; width:98%; margin:0 0 10px; padding:9px 0; background:radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 17%, rgba(255,255,255,.6) 19%, rgba(255,255,255,0) 20%) 0 110px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0, linear-gradient(to right, #edf6ee 0%,#b7dcbc 100%);
background-size: 47px 47px, 97px 97px, 41px 41px, 61px 61px, 53px 53px, 73px 73px, 100% 100%; border:#E5E3D1 1px solid; border-radius:2px; text-align:center; transition:background 0.5s linear, border 0.5s linear, color 0.2s linear;}
.bus_exp a:nth-of-type(2){background:radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 17%, rgba(255,255,255,.6) 19%, rgba(255,255,255,0) 20%) 0 110px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0, linear-gradient(to right, #FFFDE8 0%,#FFF78C 100%);
background-size: 47px 47px, 97px 97px, 41px 41px, 61px 61px, 53px 53px, 73px 73px, 100% 100%; }
.bus_exp a:hover{background: #edcc3c; border:#fce2cb 1px solid; color:#fff;}
/*PCオンリー*/@media screen and (min-width: 721px){
	.bus_exp a{ font-size:18px;}
	.bus_exp a:nth-of-type(2){ margin:0;}
}
@media screen and (max-width: 720px){
	.bus_exp p, .bus_exp ul{width:100%;}
	.bus_exp a{width:45%;}
}