@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css');
@import url('https://fonts.googleapis.com/css?family=Anton');

/* font-family: "Rounded Mplus 1c"; */
/*
青森：BB66A5,rgb(187, 102, 165)
岩手：38A1DB,rgb(56, 161, 219)
秋田：6CBB5A,rgb(108, 187, 90)
宮城：00B2AF,rgb(0, 178, 175)
山形：F18C29,rgb(241, 140, 41)
福島：EA6088,rgb(234, 96, 136)
*/
/* 英文字：font-family: 'Anton', sans-serif; */

html {font-size: calc(62.5% + 0.25vw)}

/* Common */
@font-face {
	font-family: "Rounded Mplus 1c";
	font-weight: normal;
		src: local("Rounded Mplus 1c");
}

@font-face {
	font-family: "Rounded Mplus 1c";
	font-weight: bold;
		src: local("Rounded Mplus 1c");
}

body {
	font-size: 1.4rem;/* 14px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", "Rounded Mplus 1c", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	margin:0;
	padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

header {
	padding:2.5% 0;
	text-align: center
}
header h1 span {
	font-family: 'Anton', sans-serif;
	padding-left:1.8rem;
}
header h1:first-letter {
	font-size: 1.8em;
}
section {
	padding: 0 5%;
	text-align: center;
}

article{
	border-radius: 0.25em;
	margin-bottom:5%;
	text-align: left;
}
article:last-child{
	margin-bottom:initial;
}

img {
	width: 100%;
	max-width:100%;
}

.close_btn {
	position: relative;
	display: inline-block;
	padding: .65em 4em;
	border: 2px solid #333;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: 0 auto 5em auto!important;
}
.close_btn::after {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: -1;
	content: '';
	width: 101%;
	height: 105%;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.close_btn:hover {
	color: #333;
}
.close_btn:hover::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Contents */
h2 {
	border-radius: 0.25em 0.25em 0 0;
	height: auto;
	line-height: 50px;
	margin: 0 0 10px 0;
	padding: 0 2%;
	position: relative;
}
h2 span {
	border-radius: 0 0.1em 0 0;
	color: #FFF;
	padding: 0 5%;
	position: absolute;
	right: 0;
	top: 0;
}
h2 span:before {
	border: 0 solid transparent;
	border-width: 50px 50px 0 0;
	content: ' ';
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 99.9%;
	top: 0;
	width: 0;
}

dl,dt,dd {
	margin:0;
	padding:0;
}

dl {	
	overflow: hidden;
	padding: 1.5% 2.5%;
}

dl dt {
	width: 100%;
}
dl dt span {
	font-weight: 700;
	padding-right: 5%;
}
dl dt {
	border-bottom: solid 5px #8FC320;
	position: relative;
	margin-bottom: 2.5%;
}
dl dt:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 5px #666;
	bottom: -5px;
	width: 11.5%;
}
dl > dd {
	float: left;
	width: 58%;
	margin-right: 2.0%;
}
dl > dd:last-child {
	margin-right: inherit;
}

/* 追加　左右の比率変え */
dl > dd.mapsIllust {
	float: left;
	width: 39%;
	margin-right: 2%;
}


article {
	border: 1px solid var(--bus_area_hex);
}
.close_btn::after {
	background-color: var(--bus_area_hex) !important;
}
h2 {
	border-bottom: 1px solid var(--bus_area_hex);
	color: var(--bus_area_hex);
}
h2 span {
	background: var(--bus_area_hex);
}
h2 span:before {
	border-right-color: var(--bus_area_hex);
}
dl dt {
	border-bottom: solid 5px var(--bus_area_hex);
}
dl dt:after {
	border-bottom: solid 5px #999;
}


.aomori {
	--bus_area_hex: #BB66A5;
	--bus_area_rgb: 187, 102, 165;
}
.iwate {
	--bus_area_hex: #38A1DB;
	--bus_area_rgb: 56, 161, 219;
}
.akita {
	--bus_area_hex: #6CBB5A;
	--bus_area_rgb: 108, 187, 90;
}
.miyagi {
	--bus_area_hex: #00B2AF;
	--bus_area_rgb: 0, 178, 175;
}
.yamagata {
	--bus_area_hex: #F18C29;
	--bus_area_rgb: 241, 140, 41;
}
.fukushima {
	--bus_area_hex: #EA6088;
	--bus_area_rgb: 234, 96, 136;
}

/* Google Map */
.ggmap {
	position: relative;
	padding-bottom: 34%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 767px) {
	/*PC*/
	.dNoPc{
		display: none;	
	}
}
@media (max-width:767px) {
	/*SP*/
	.dNoMb{
		display: none;
	}
	h2 {
		padding: 0 2% 0 5%;
	}
	dl {
		padding: 2.5% 5%;
	}
	dl dt:after {
		width: 25%;
	}
	dl dd{
		display: inherit;
		width: 100%;
		margin-bottom: 10px;
	}
	.ggmap {
		padding-bottom: 56.25%;
		margin-bottom: 1.5rem;
	}
	
	/* 追加 181108 */
	dl > dd{
		float: none;
		width: 100%;
	}
}