/* ******************************************************************
 *	File name		: plus.css
 *	Summary			: css base
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   baseadd
---------------------------------------------------------------------- */

.scroll_active #g-menu-btn div span,
.scroll_active #g-menu-btn div::before,
.scroll_active #g-menu-btn div::after{
	background:#FFF !important;
}
.scroll_active #g-logo{
	top:10px;
	width:170px;
}
.scroll_active header#g-header{
	height:90px;
	background:url(image/base/bg_sky.png) no-repeat center;
	background-size:cover;
}

b a{
	font-weight:bold !important;
}

/* ----------------------------------------------------------------------
   plus_sub
---------------------------------------------------------------------- */

#plus_sub{
	position:absolute;
	top:20px;
	right:20px;
}
#plus_sub *{
	font-weight:500;
	font-size:1.3rem;
	font-family:'Noto Sans JP', sans-serif !important;
	color:#FFF;
}
#ps_search,
#ps_langus{
	position:absolute;
	top:0px;
	height:30px;
	cursor:pointer;
	}
	#ps_search{
		padding-left:20px;
		right:130px;
	}
	#ps_langus{
		padding-left:30px;
		right:0px;
}
#ps_search::before,
#ps_langus::before{
	content:" ";
	position:absolute;
	top:3px;
	left:0px;
	height:15px;
	}
	#ps_search::before{
		width:15px;
		background:url(image/base/search.png) no-repeat;
		background-size:contain;
	}
	#ps_langus::before{
		width:22px;
		background:url(image/base/languages.png) no-repeat;
		background-size:contain;
}
#ps_search a,
#ps_langus a{
	text-decoration:none;
}
#ps_langus-menu{
	position:absolute;
	top:30px;
	right:0px;
	width:100px;
	}
	#ps_langus-menu li{
		position:relative;
		height:0px;
		margin:0px;
		background:rgba(0,0,0,0.8) !important;
		overflow:hidden;
		transition-duration:0.5s;
		}
		#ps_langus-menu li::after{
			content:" ";
			position:absolute;
			width:100%;
			height:1px;
			bottom:0px;
			background:#FFF;
		}
		#ps_langus-menu li a{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			height:100%;
			padding:0px 0px;
			font-size:1.1rem;
			text-decoration:none;
			color:#FFF;
}
#ps_langus:hover #ps_langus-menu li{
	height:30px;
}

/* --- responsive --- */
@media screen and (max-width:1024px){
	#plus_sub{
		display:none;
	}
}

/* no_langs */
#plus_sub.no_langs #ps_search{
	right:0px;
}
#plus_sub.no_langs #ps_langus{
	display:none;
}

/* ----------------------------------------------------------------------
   main_contents
---------------------------------------------------------------------- */

#main_contents{
	position:relative;
	width:1014px;
	max-width:100%;
	margin:0 auto;
}

#main_contents *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
	font-family:'Noto Sans JP', sans-serif !important;
	text-align:left;
}

#main_contents h2{
	font-weight:900;
	font-family: 'Noto Serif JP', serif !important;
	margin:0 0 15px;
	font-size:1.85rem;
}
#main_contents h3{
	margin:0 0 7px;
}
#main_contents p{
	margin:0 0 10px;
	font-size:1.31rem;
	text-align:justify;
	}
	#main_contents p b{
		font-weight:bold;
}

/* ----------------------------------------------------------------------
   banpaku_banner
---------------------------------------------------------------------- */

#banpaku_banner{
	position:relative;
	width:100%;
	padding:15px;
	margin:0 auto 10px;
	text-align:center;
	border-bottom:1px solid #C8C5C4;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#banpaku_banner{
		margin:30px auto 10px;
	}
}

/* ----------------------------------------------------------------------
   expo_head
---------------------------------------------------------------------- */

#expo_head{
	position:relative;
	min-height:705px;
	padding:20px;
/*
	background:url(image/expo_head.png) no-repeat top 20px right;
	background-size:640px 685px;
*/
}
#expo_head p{
	position:relative;
	width:560px;
	max-width:100%;
	margin:0 0 20px;
	z-index:1;
}
#expo_head_bg{
	position:absolute;
	top:0px;
	right:0px;
	width:640px;
	z-index:0;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#expo_head p{
		width:100%;
	}
	#expo_head_bg{
		position:relative;
		width:100%;
	}
}

/* ----------------------------------------------------------------------
   tohoku base
---------------------------------------------------------------------- */

.t_box{
	position:relative;
	width:1014px;
	max-width:100%;
	margin:0 0 30px;
	text-align:center;
	background:url(image/t_box_bg.png) repeat-y;
	}
	.t_box::after{
		content:" ";
		width:1014px;
		max-width:100%;
		height:5px;
		position:absolute;
		left:0px;
		bottom:0px;
		background:url(image/t_box_bg_end.png) no-repeat;
	}
	.t_box_contents{
		position:relative;
		width:1000px;
		max-width:100%;
		margin:0 auto;
		padding:0 20px;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	.t_box{
		width:100%;
		margin:0 0 30px;
		background:none;
	}
	.t_box::after{
		display:none;
	}
}

/* ----------------------------------------------------------------------
   photo
---------------------------------------------------------------------- */

.photo{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:center;
	flex-wrap:wrap;
	position:relative;
	margin:0 auto 20px;
	list-style:none;
	}
	.photo li{
		position:relative;
		width:280px;
		margin:0 0 10px;
	}
	.photo li:nth-child(3n+1){
		margin:0 30px 0 0;
	}
	.photo li:nth-child(3n+3){
		margin:0 0 0 30px;
	}
	.photo li p{
		text-align:left !important;
	}
	#main_contents .photo li figcaption,
	#main_contents .photo li figcaption p:first-child{
		font-weight:bold;
		font-family: 'Noto Serif JP', serif !important;
		margin:0 0 5px;
		font-size:1.5rem;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	.photo li{
		width:100%;
		text-align:center !important;
		}
		.photo li figure{
			text-align:center !important;
		}
		.photo li figure img{
			margin:0 auto;
		}
		#main_contents .photo li figcaption{
			width:100%;
			max-width:560px;
			margin:0 auto;
		}
		.photo li p{
			text-align:center !important;
	}
	.photo li:nth-child(3n+1),
	.photo li:nth-child(3n+3){
		margin:0 0 10px;
	}
}

/* ----------------------------------------------------------------------
   festival
---------------------------------------------------------------------- */

.festival{
	position:relative;
	width:1000px;
	max-width:100%;
	min-height:210px;
	margin:0 auto 0px;
	padding:40px 20px 0px 230px;
	background:rgba(0,0,0,0.1);
	}
	#t_sendai .festival{
		background:#F1F6CF;
	}
	#t_aomori .festival{
		background:#DFEFFF;
	}
	#t_iwate .festival{
		background:#FCE7DF;
	}
	#t_akita .festival{
		background:#E3F3F2;
	}
	#t_yamagata .festival{
		background:#FFF2C8;
	}
	#t_fukushima .festival{
		background:#EDE8F5;
	}

	#main_contents .festival h3{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:35px;
		left:35px;
		width:160px;
		height:160px;
		font-weight:normal;
		font-family: 'Noto Serif JP', serif !important;
		margin:0 0 15px;
		font-size:2.5rem;
		border:2px solid #FFF;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		color:#000;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
#main_contents .festival{
	position:relative;
	width:100%;
	padding:10px 20px 0px 20px;
	}
	#main_contents .festival h3{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		border:none;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}
}

.festival_photo{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	width:100%;
	list-style:none;
	}
	.festival_photo li{
		position:relative;
		width:220px;
		max-width:32%;
	}
	.festival_photo li span.date{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:-18px;
		left:-20px;
		height:36px;
		padding:0 20px;
		font-weight:bold;
		font-size:1.3rem;
		border:1px solid #000;
		background:#999;
		-moz-border-radius:18px;
		-webkit-border-radius:18px;
		border-radius:18px;
	}
	#t_sendai .festival_photo li span.date{
		background:#D3DE41;
	}
	#t_aomori .festival_photo li span.date{
		background:#80C0FF;
	}
	#t_iwate .festival_photo li span.date{
		background:#F2A180;
	}
	#t_akita .festival_photo li span.date{
		background:#90CFCD;
	}
	#t_yamagata .festival_photo li span.date{
		background:#FFCD22;
	}
	#t_fukushima .festival_photo li span.date{
		background:#B9A2D9;
	}

	.festival_photo li:nth-child(3n+2):last-child{
		position:relative;
		margin:0 35.5% 10px 0;
		list-style:none;
	}
	#main_contents .festival_photo li figcaption,
	#main_contents .festival_photo li figcaption p:first-child{
		font-weight:bold;
		font-family: 'Noto Serif JP', serif !important;
		margin:0 0 5px;
		font-size:1.5rem;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	.festival_photo{
		display:block;
		text-align:center;
	}
	.festival_photo li{
		display:block;
		width:100%;
		max-width:440px;
		margin:0 auto 30px;
		text-align:center !important;
	}
	.festival_photo li:nth-child(3n+2):last-child{
		margin:0 auto 30px !important;
	}
}

/* ----------------------------------------------------------------------
   festival
---------------------------------------------------------------------- */

.more_information{
	position:relative;
	width:1000px;
	max-width:100%;
	height:50px;
	margin:0 auto !important;
	}
	.more_information a{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-end;
		align-items:center;
		position:relative;
		width:100%;
		height:100%;
		padding-right:40px;
		text-align:right;
		text-decoration:none;
}

.more_information::before,
.more_information::after,
.more_information a::before,
.more_information a::after{
	content:" ";
	position:absolute;
	}
	.more_information::before,
	.more_information a::before{
		top:calc(50% - 11px);
		border:10px solid transparent;
		border-left:10px solid rgba(0,0,0,1);
	}
	.more_information::before{
		right:0px;
	}
	.more_information a::before{
		right:10px;
	}
	.more_information::after,
	.more_information a::after{
		top:calc(50% - 9px);
		border:8px solid transparent;
		border-left:8px solid #DDD;
		}
		.more_information::after{
			right:3px;
		}
		.more_information a::after{
			right:13px;
}

#t_sendai .more_information::after,
#t_sendai .more_information a::after{
	border-left: 8px solid #D3DE41;
}

#t_aomori .more_information::after,
#t_aomori .more_information a::after{
	border-left: 8px solid #80C0FF;
}

#t_iwate .more_information::after,
#t_iwate .more_information a::after{
	border-left: 8px solid #F2A180;
}

#t_akita .more_information::after,
#t_akita .more_information a::after{
	border-left: 8px solid #90CFCD;
}

#t_yamagata .more_information::after,
#t_yamagata .more_information a::after{
	border-left: 8px solid #FFCD22;
}

#t_fukushima .more_information::after,
#t_fukushima .more_information a::after{
	border-left: 8px solid #B9A2D9;
}


/* hover */
#t_sendai .more_information:hover{
	background:#F1F6CF;
}
#t_aomori .more_information:hover{
	background:#DFEFFF;
}
#t_iwate .more_information:hover{
	background:#FCE7DF;
}
#t_akita .more_information:hover{
	background:#E3F3F2;
}
#t_yamagata .more_information:hover{
	background:#FFF2C8;
}
#t_fukushima .more_information:hover{
	background:#EDE8F5;
}

/* ----------------------------------------------------------------------
   roople_sendai
---------------------------------------------------------------------- */

#roople_sendai{
	position:relative;
	padding:20px 7px;
	text-align:center;
}
#roople_sendai > p{
	position:relative;
	font-size:1.7rem;
	text-align:center;
}
#roople_sendai h3{
	display:inline-block;
	position:relative;
	margin:0 auto 30px;
	text-align:center;
	font-size:2.4rem;
	border-bottom:3px solid #8FC31F;
	color:#5FA224;
	}
	#roople_sendai h3 span{
		font-size:3.0rem;
		color:inherit;
}

#roople_detail{
	position:relative;
	padding:0 20px 0 345px;
	background:url(image/photo/miyagi/roople_sendai.png) no-repeat left top;
	background-size:311px;
	}
	#roople_detail p{
		font-size:1.5rem;
}

#roople_link{
	position:relative;
	text-align:left;
	}
	#roople_link p{
		display:inline-block;
		width:167px;
		margin:0 15px 0 0;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#roople_detail{
		position:relative;
		padding:0 20px 0 20px;
		background:none;
	}

	#roople_link{
		position:relative;
		text-align:left;
		}
		#roople_link p:first-child{
			width:100%;
			margin:0 auto 15px !important;
	}
}

/* ----------------------------------------------------------------------
   miyagi_map
---------------------------------------------------------------------- */

#miyagi_map{
	padding:20px 47px;
}
#miyagi_map figure{
	padding:20px 0;
	border-bottom:2px solid #8FC31F;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#miyagi_map{
		padding:20px 20px;
	}
}

/* ----------------------------------------------------------------------
   miyagi_experiences
---------------------------------------------------------------------- */

#miyagi_experiences{
	padding:20px 47px;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#miyagi_experiences{
		padding:20px 20px;
	}
}

/* ----------------------------------------------------------------------
   travel_info
---------------------------------------------------------------------- */

#travel_info{
	position:relative;
	margin:0 0 30px;
	padding:20px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
#travel_info h2{
	padding:0 0 5px;
	border-bottom:1px solid #555;
}

/* travel_info_detail */
#travel_info #travel_info_detail{
	padding-bottom:25px;
	border-bottom:1px solid #555;
	background:url(image/travel_info_detail.png) no-repeat right top;
	background-size:410px;
}
#travel_info #travel_info_detail_catch{
	font-weight:900;
	font-size:1.55rem;
}

.travel_ul{
	list-style:none;
}
.travel_ul li{
	position:relative;
	padding-left:17px;
	font-weight:500;
	font-size:1.35rem;
	}
	.travel_ul li a.fwb{
		font-weight:bold !important;
	}
	.travel_ul li::before{
		content:" ";
		position:absolute;
		top:5px;
		left:0px;
		width:10px;
		height:10px;
		background:#555;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	#travel_info h3:nth-of-type(1) + .travel_ul li::before{
		background:#E60012;
	}
	#travel_info h3:nth-of-type(2) + .travel_ul li::before{
		background:#59AECC;
	}
	#travel_info h3:nth-of-type(3) + .travel_ul li::before{
		background:#70C57E;
}

#travel_info h3{
	position:relative;
	width:360px;
	max-width:100%;
	padding:3px 20px;
	font-size:1.45rem;
	}
	#travel_info h3:nth-of-type(1){
		border-left:10px solid #E60012;
		background:#FCE2E4;
	}
	#travel_info h3:nth-of-type(2){
		margin-top:25px;
		border-left:10px solid #59AECC;
		background:#DFE5EB;
	}
	#travel_info h3:nth-of-type(3){
		margin-top:25px;
		border-left:10px solid #70C57E;
		background:#DFE8DB;
	}
	#travel_info h3 img{
		position:absolute;
		top:5px;
		margin:0 0 0 15px;
}


#external_link{
	padding:20px 50px;
	}
	#external_link p{
		font-size:1.55rem;
		text-align:left;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#travel_info h3{
		width:100%;
	}
	#travel_info h3 img{
		display:block;
		position:relative;
		top:0px;
		margin:5px 0 0 0px;
	}
	#travel_info #travel_info_detail{
		background:none;
	}
	#external_link{
		padding:20px 0px;
		}
		#external_link p{
			font-size:1.35rem;
	}
}




/* ----------------------------------------------------------------------
   access_info
---------------------------------------------------------------------- */

#access_info{
	position:relative;
	margin:0 0 30px;
	padding:20px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
#access_info h2{
	padding:0 0 5px;
	border-bottom:1px solid #555;
	font-size:2.4rem;
	text-align:center;
}
#access_info p.num {	
	position:relative;
	left:25px;
	padding-right:30px;
	text-indent:-1.35rem;
	overflow-wrap: anywhere;
	line-height:1.6rem;
	margin:7px 2px;
	}
#access_info .r_num1::before {
	content: url("image/r_num1.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .r_num2::before {
	content: url("image/r_num2.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .r_num3::before {
	content: url("image/r_num3.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .b_num1::before {
	content: url("image/b_num1.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .b_num2::before {
	content: url("image/b_num2.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .g_num1::before {
	content: url("image/g_num1.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .g_num2::before {
	content: url("image/g_num2.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .p_num1::before {
	content: url("image/p_num1.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}
#access_info .p_num2::before {
	content: url("image/p_num2.png");
	display: inline-block;
	margin:0 7px 0 0;
	vertical-align: middle;
	}



/* access_info_detail */
#access_info #access_info_detail_catch{
	font-weight:900;
	font-size:1.75rem;
}
.access_ul{
	list-style:none;
}
.access_ul li{
	position:relative;
	left:20px;
	padding-left:17px;
	font-weight:500;
	font-size:1.35rem;
	}
	.access_ul li a.fwb{
		font-weight:bold !important;
	}
	.access_ul li::before{
		content:" ";
		position:absolute;
		top:5px;
		left:0px;
		width:10px;
		height:10px;
		background:#59AECC;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	.access_ul li.haneda::before{
		content:" ";
		position:absolute;
		top:5px;
		left:0px;
		width:10px;
		height:10px;
		background:#B989D3;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	#access_info h3:nth-of-type(1) + .access_ul li::before{
		background:#E60012;
	}
	#access_info h3:nth-of-type(2) + .access_ul li::before{
		background:#59AECC;
	}
	#access_info h3:nth-of-type(3) + .access_ul li::before{
		background:#70C57E;
}

#access_info h3{
	position:relative;
	width:360px;
	max-width:100%;
	padding:3px 20px;
	font-size:1.45rem;
}
#access_info h3:nth-of-type(1){
	border-left:10px solid #E60012;
	background:#FCE2E4;
}
#access_info h3:nth-of-type(2){
	margin-top:25px;
	border-left:10px solid #59AECC;
	background:#DFE5EB;
}
#access_info h3:nth-of-type(3){
	margin-top:25px;
	border-left:10px solid #70C57E;
	background:#DFE8DB;
}
#access_info h3 img{
	position:absolute;
	top:5px;
	margin:0 0 0 15px;
}
#access_info .jrp{
	text-align:center;
	}
	#access_info .jrp:hover{
		opacity:0.6;
	}

#external_link{
	padding:20px 50px;
	}
	#external_link p{
		font-size:1.55rem;
		text-align:left;
}
/* --- responsive --- */
@media only screen and (max-width:1000px){
	#access_info h3{
		width:100%;
	}
	#access_info h3 img{
		display:block;
		position:relative;
		top:0px;
		margin:5px 0 0 0px;
	}
	#access_info #travel_info_detail{
		background:none;
	}
	#external_link{
		padding:20px 0px;
		}
		#external_link p{
			font-size:1.35rem;
	}
}