@charset "utf-8";

/*平泉*/

/* ---------------------------------------------------------------- */

header{
	position: 					fixed;
	display: 					block;
	background-color: 			#f1f1f1;
	width: 						100%;
	min-height: 				100px;
	margin: 					auto;
	z-index: 					9999;
}

.h_inner{
	position: 					relative;
}

#logo{
	position: 					absolute;
	left: 						30px;
	top: 						10px;
	margin: 					0;
	width: 						250px;
}

.menuwrap{
	width: 				100%;
	max-width: 			800px;
	margin: 			auto;
	padding-top: 		2%;
}

.hd{
	display: 					block;
}

.hd_sp{
	display: 					none;
}

.hd_right{
	z-index: 					999;
	position: 					fixed;
	display: 					block;
	padding: 					9px;
	margin: 					0px;
	top: 						0;
	right: 						120px;
	margin-top: 				1%;
	margin-right: 				5%;
}

.nav_link{
	position: 					relative;
	display: 					inline-block;
	float: 						right;
	max-width: 					190px;
	height: 					64px;
	margin: 					0 15px 0 0;
}

.ac_botan{
	z-index: 					999;
	position: 					fixed;
	display: 					block;
	width:						60px;
	margin: 					0px;
	top: 						0;
	right: 						60px;
	margin-top: 				1%;
	margin-right: 				5%;
}

.mainbotan{
	margin-top: 				2%;
}


.mobilenav {
	font-family:				inherit;
	top:						0;
	left:						0;
	z-index:					999;
	display:					none;
	position:					fixed;
	width:						100%;
	height:						100%;
	background:					rgba(241, 241, 241, 0.9);
	overflow-y:					auto;
}

.body_hiraizumi .mobilenav	{ background:rgba(226, 206,  84, 0.9); }
.body_mogami .mobilenav		{ background:rgba(193,  39,  45, 0.9); }
.body_takata .mobilenav		{ background:rgba( 41, 171, 226, 0.9); }
.body_tono .mobilenav		{ background:rgba( 57, 179,  74, 0.9); }

.mobilenav li {
	list-style-type:			none;
	padding:					5px;
	padding-left:				1em;
}

.mobilenav li a {
	color:						#000;
	text-decoration:			none;
	width:						100%;
}

.mobilenav li a:hover {
	color:						#666;
}

.mobilenav li:first-child {
	margin-top:				10px;
}

.mobilenav::-webkit-scrollbar{
	width:						10px;
}
.mobilenav::-webkit-scrollbar-track{
	background:					#fff;
	border-left:				solid 1px #ececec;
}
.mobilenav::-webkit-scrollbar-thumb{
	background:					#ccc;
	border-radius:				10px;
	box-shadow:					inset 0 0 0 2px #fff;
}

.accbox label {
	display:					block;
	margin:						1.5px 0;
	padding:					13px 12px;
	color:						#000;
	font-weight:				bold;
	background:					#fff;
	cursor:						pointer;
	transition:					all 0.5s;
	padding-left:				2em;
}

.accbox label:before {
	content:					"\f054";
	font-family:				"Font Awesome 5 Free";
	padding-right:				8px;
	font-weight:				900;
}

.accbox label:hover {
	background:					#ffe9a9;
}

.accbox input {
	display:					none;
}

.accbox .accshow {
	height:						0;
	padding:					0;
	overflow:					hidden;
	opacity:					0;
	transition:					0.8s;
}

.accbox .accshow p {
	margin:						15px 10px;
}

.cssacc:checked + label + .accshow {
	height:						auto;
	padding:					5px;
	background:					#fff5eb;
	opacity:					1;
}

.cssacc:checked + label:before {
	content:					"\f078";
}

.menu_box{
	width:						100%;
	max-width:					790px;
}

.menu_box div{
	width:						45%;
	max-width:					350px;
	display:					inline-block;
	background-color:			#fff;
	margin-top:					2%;
}

.menu_icon{
	max-width: 					120px;
}

.icon {
	background: 				#333;
	z-index: 					999;
	position: 					fixed;
	display: 					block;
	padding: 					9px;
	height: 					32px;
	width:						32px;
	margin: 					0px;
	top: 						0;
	right: 						-10px;
	border-radius: 				50%;
	margin-top: 				1%;
	margin-right: 				5%;
}

.menui {
	background: 				#fff;
	transition: 				0.6s ease;
	transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
	margin: 					10px 0 0 4px;
	position: 					absolute;
}

.top-menu {
    top: 				5px;
    width: 				24px;
    height: 			2px;
    border-radius: 		10px;
}

.mid-menu {
    top: 				13px;
    width: 				24px;
    height: 			2px;
    border-radius: 		10px;
}

.bottom-menu {
    top: 				21px;
    width: 				24px;
    height: 			2px;
    border-radius: 		10px;
}

.top-animate {
    background: 		#fff !important;
    top: 				13px !important;
    -webkit-transform: 	rotate(45deg);
    transform: 			rotate(45deg);
}

.mid-animate {
    opacity: 			0;
}

.bottom-animate {
    background: 		#fff !important;
    top: 				13px !important;
    -webkit-transform: 	rotate(-225deg);
    transform: 			rotate(-225deg);
}


/* ---------------------------------------------------------------- */
.flex {
	width: 				100%;
	display: 			flex;
	justify-content: 	center;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex2 {
	width: 				100%;
	display: 			flex;
	justify-content: 	space-around;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex2::after{
  content:				"";
  display: 				block;
  width:				33%;
}

.flex3 {
	width: 				100%;
	display: 			flex;
	justify-content: 	space-around;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex4 {
	width: 				100%;
	display: 			flex;
	justify-content: 	space-around;
	display: 			-webkit-box;
	display: 			-moz-box;
	display: 			-webkit-flexbox;
	display: 			-moz-flexbox;
	display: 			-ms-flexbox;
	display: 			-webkit-flex;
	display: 			-moz-flex;
	display: 			flex;
	-webkit-box-lines: 	multiple;
	-moz-box-lines: 	multiple;
	-webkit-flex-wrap: 	wrap;
	-moz-flex-wrap: 	wrap;
	-ms-flex-wrap: 		wrap;
	flex-wrap: 			wrap;
}

.flex4::after{
	content:				"";
	display: 				block;
	width:				45%;
}
/* ---------------------------------------------------------------- */

.topbar{
	width: 						100%;
	height: 					60px;
	background-color: 			#afcfe2;
}

.topbar img{
	width: 						100%;
	max-width: 					65px;
	float: 						right;
	padding-top: 				0.5%;
	padding-right: 				0.5em;
}

.topinner{
	max-width: 					1200px;
	margin: 					auto;
}

.topinner h3{
	color: 						#fff;
	font-size: 					150%;
	font-weight: 				bolder;
	line-height: 				60px;
	width: 						70%;
	display: 					inline-block;
	padding-left: 				0.5em;
}

.topinner h3 a {
	color: 						#fff;
}
.topinner h3 a:hover {
	color: 						#000;
}

footer {
	box-sizing:			border-box;
	padding:			20px 0 0 0;
	line-height:		100%;
	text-align:			center;
	background-color: 	#000;
	color: 				#fff;
}

footer a{
	color: 				#fff;
}

.f_wrapper {
	width:				100%;
	max-width: 			1200px;
	margin: 			auto;
	padding:			0;
}

.f_logo span{
	display: 			block;
}

.f_logo{
	width: 				100%;
	max-width: 			500px;
	margin: 			auto;
	float: 				left;
	padding: 			1% 0;
}

.f_logo h1{
	text-align: 		center;
}

.fh{
	font-size: 			180%;
}

.f_info{
	width: 				100%;
	max-width: 			500px;
	margin: 			auto;
	float: 				left;
	padding: 			1% 0;
	line-height: 		1.5em;
}

.f_menu{
	text-align: 		left;
	padding: 			2% 0;
	line-height: 		1.5em;
}

.f_menu div{
	width: 				100%;
	max-width: 			250px;	
}

.f_menu a:hover{
	text-decoration: 	underline;
}

.f_menu li{
	line-height: 		2em;
}

.logoarea{
	width: 				100%;
	max-width: 			1200px;
	padding-top: 		1%;
	padding-bottom: 		1%;
}

.grouplogo{
	width: 				90%;
	max-width: 			200px;
	padding: 			0 1%;
}

#copyright {
	font-size:			80%;
}

#page_lift {
	position:			fixed;
	box-sizing:			border-box;
	bottom:				1%;
	width:				100%;
	padding:			0 5%;
	text-align:			right;
	z-index: 			9;
}

#page_lift a {
	opacity:			0.8;
	text-decoration:	none;
}

#page_lift a:hover {
	opacity:			1.0;
}

.up_yellow{
	color: 				rgba(241, 241, 241, 1.0);
}

.body_hiraizumi .up_yellow	{ color:rgba(226, 206,  84, 1.0); }
.body_mogami .up_yellow		{ color:rgba(193,  39,  45, 1.0); }
.body_takata .up_yellow		{ color:rgba( 41, 171, 226, 1.0); }
.body_tono .up_yellow		{ color:rgba( 57, 179,  74, 1.0); }





/* ******************************************************************** */
/*------responseb----------------------------------------------*/
@media all and (max-width: 1195px) {	/* 以下 */
	.car_menu li{
		margin: 				0 2%;
	}
}

@media all and (max-width: 1030px) {	/* 以下 */
	.car_menu li{
		margin: 				0 1%;
	}
}

@media all and (max-width: 930px) {	/* 以下 */

	.hd{
		display: 					none;
	}

	.hd_sp{
		display: 					block;
	}

	.main_sp{
		width: 						100%;
		max-width: 					450px;
		margin:						0 auto;
		padding-top: 				70px;
		text-align: 				center;
	}

	.main_sp img{
		width: 						90%;
		max-width: 					200px;
		margin: 					1%;
	}

	.main_sp a{
		display: 					table-cell;
	}
}

@media all and (max-width: 870px) {	/* 以下 */

	body {
		font-size:					13px;
		margin:						auto;
	}

	.wrapper,.inner{
		width: 						96%;		
	}

	.topinner h3{
		font-size: 					100%;
	}

	.actable {
		width: 						90%;
	}

	.qa_box div {
		padding:					1em;
	}

	.topposition,
	.topposition2,
	.topposition3 {
		font-size: 					16px;
		width: 						90%;
	}

	.topposition::after,
	.topposition2::after,
	.topposition3::after {
		top: 						5px;
		left: 						5px;
	}

	.flow_menu_box{
		display: 					block;
		text-align: 				center;
	}

	.flow_menu_box a{
		margin:						2% auto;
	}

	.flow_menu_inner {
		padding: 					0;
	}

	.dorm_top,table.dorm{
		float: 						none;
		width: 						98%;
	}

	.car_menu{
		padding:					0;
	}

	#logo{
		width: 						230px;
		left: 						5px;
	}

	.f_wrapper .flex3{
		flex-wrap: 					nowrap;
	}
	
	.topbar img {
		max-width: 50px;
		padding-top: 2.5%;
	}

	.storename{
		font-size: 					100%;
	}

	.menu_p p{
		font-size: 					30px;
	}

	.acttl{
		width: 						100%;
	}
}

@media all and (max-width: 750px) {
	.hd_right{
		right: 						40px;
	}

	.menu_p p{
		font-size: 					26px;
	}

	.contact_table,
	.contact_table th{
		width: 100%;
	}

	.contact_table th,
	.contact_table td {
		display: block;
	}

	.formbox{
		padding: 					1em;
	}

	.contact_table td {
		margin-bottom: 				.5em;
	}

}

@media all and (max-width: 660px) {
	.menu_p p{
		font-size: 					20px;
	}
}

@media all and (max-width: 560px) {	
	.menu_p p{
		font-size: 					18px;
	}
}

@media all and (max-width: 440px) {
	.menu_p p{
		font-size: 					14px;
	}

	.menu_box div{
		font-size: 					10px;
	}

	.accbox label {
		padding-left: 				1em;
	}
}

@media all and (max-width: 330px) {	/* 以下 */
	.menu_p p{
		font-size: 					12px;
	}
}