@charset "utf-8";


/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#333;
	font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
	line-height:1.9em;
	letter-spacing:0.07em;
	word-wrap : break-word;
	overflow-wrap : break-word;
    animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
	/*background-color: #f2f2f2;*/
	background-image: url("/shared/bg_main.jpg");
	background-repeat: no-repeat;
	background-position: 50% 150px;
}
@media screen and (max-width:1000px){
	body{background-position: 50% 130px;}
}
@media screen and (max-width:640px){
	body{background-position: 50% 95px;}
}


@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@media screen and (max-width:480px){
body{line-height:1.7em;}
}

main{
	min-height: 196px;
	padding-bottom: 50px;
	background-image: url("/shared/bg_lbl-content.png");
	background-repeat: no-repeat;
	background-position: 50% -65px;
}

@media screen and (max-width:1000px){

main{
	min-height: 170px;
	background-size:340px auto;
	background-position: 50% -50px;
}

}

@media screen and (max-width:770px){

main{
	background-position: 50% -65px;
}

}

@media screen and (max-width:640px){

main{
	min-height: 140px;
	background-size:280px auto;
	background-position: 50% -45px;
}

}

@media screen and (max-width:480px){

main{
	min-height: 80px;
	background-size:200px auto;
	background-position: 50% -30px;
}

}


/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:400;
	font-size:1em;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

a{color:#00e;}
a:hover{color:#c00;}

sup{
	font-size:0.6em;
  vertical-align:baseline;
  position:relative;
  top:-1ex;
}

strong{font-weight:400;}

a img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
a img{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

input[type="submit"]{-webkit-appearance:none;}


/* 共通部品 ---------------------------------- */


/* ヘッダー ---------------------------------- */
#globalheader{
	background-color: #fff;
}

@media screen and (max-width:1000px){

#globalheader{
}

}

	#globalheader > .inner{
		max-width: 1200px;
		width:96%;
		height:90px;
		margin:0 auto;
		padding: 0 2%;
	}

@media screen and (max-width:1000px){

	#globalheader > .inner{
		width:96%;
		height:70px;
		padding: 0 2%;
	}

}

@media screen and (max-width:640px){

	#globalheader > .inner{
		height:50px;
	}

}

	#globalheader h1{
		width:284px;
		height:51px;
		margin-right: 22px;
		padding:19px 0 0;
		float:left;
	}
	#globalheader h1 img{
		width:100%;
		height:auto;
	}

@media screen and (max-width:1000px){

	#globalheader h1{
		width:227px;
		height:41px;
		padding:14px 0 0;
	}

}

@media screen and (max-width:640px){

	#globalheader h1{
		width:170px;
		height:31px;
		padding:9px 0 0;
	}

}

@media screen and (max-width:370px){

	#globalheader h1{
		width:150px;
		height:27px;
		padding:11px 0 0;
	}

}


		
	#globalheader h1{
		animation: fadein-image 4s ease-in-out;
		animation-fill-mode: forwards;
	}
	@keyframes fadein-image {
		0%  {opacity: 0;}
		10%  {opacity: 0;}
		100%  {opacity: 1;}
	}

		.entitle{
			height:46px;
			margin-top: 22px;
			padding:3px 0 0 17px;
			color:#8c8a00;
			font-size:0.9em;
			line-height: 1.5em;
			letter-spacing: 0.025em;
			border-left:3px solid #8c8a00;
			float: left;
		}

	@media screen and (max-width:1000px){

		.entitle{
			margin-top: 12px;
			padding:3px 0 0 17px;
		}

	}

	@media screen and (max-width:770px){

		.entitle{
			display: none;
		}

	}

		.entitle{
			animation: fadein-image 2s ease-in-out;
			animation-fill-mode: forwards;
		}
		@keyframes fadein-image {
			0%  {opacity: 0;}
			10%  {opacity: 0;}
			100%  {opacity: 1;}
		}


			.entitle p{
				margin: 0;
				letter-spacing: 0;
			}

			.entitle span{
				font-weight:700;
			}

		.linkban{
			display: block;
			width:220px;
			margin-top: 27px;
			float: right;
		}
		.linkban img{
			width:100%;
			height:auto;
		}

	@media screen and (max-width:1000px){

		.linkban{
			margin-top:17px;
		}

	}

	@media screen and (max-width:640px){

		.linkban{
			width:140px;
			margin-top:13px;
		}

	}

	@media screen and (max-width:370px){

		.linkban{
			width:110px;
			margin-top:16px;
		}

	}




		.linkbtn{
			display:block;
			width:120px;
			height:24px;
			margin:36px 0 0;
			padding-left:5px;
			color:#08437b;
			font-size: 0.9em;
			line-height:24px;
			text-align:center;				
			text-decoration:none;
			background-color:#f0f5ff;
			border-radius:12px;
			float: right;
			position: relative;
			z-index: 1000;
		}

		.linkbtn + .linkbtn{
			margin-right: 10px;
		}

	@media screen and (max-width:1000px){

		.linkbtn{
			margin:25px 0 0;
		}

	}

	@media screen and (max-width:870px){

		.linkbtn{
			width:90px;
		}

	}

	@media screen and (max-width:770px){

		.linkbtn{
			width:70px;
			height:20px;
			margin:26px 0 0;
			padding-left:0;
			font-size: 0.8em;
			line-height:20px;
			border-radius:10px;
			position: relative;
			top:-15px;
		}
		.linkbtn + .linkbtn{
			margin-left: -80px;
			top:18px;
			left:80px;
		}

	}

/******************************************************/


/******************************************************/




/* メニュー */

	#globalheader nav{
		height:60px;
		background-color:#00568c;
		position:relative;
	}

	#globalheader nav.fixed{
		width: 100%;
		position: fixed;
		top:0;
		z-index: 10000;
	}


@media screen and (max-width:640px){

	#globalheader nav{
		height:46px;
	}
	
}


		#globalheader nav > ul{
			max-width:620px;
			width:100%;
			height:46px;
			margin: 0 auto;
			padding:7px 0;
			background-image:url(/shared/line_menu.png);
			background-repeat:no-repeat;
			background-position:50% 50%;
			position:relative;
			z-index:10;
			pointer-events:auto;
		}
		#globalheader.fixed nav > ul{
			width:100%;
		}

	@media screen and (max-width:640px){
		
		#globalheader nav > ul{
			height:32px;
		}
		
	}


			#globalheader nav > ul > li{
				width:50%;
				height:100%;
				list-style:none;
				letter-spacing:0.1em;
				float:left;
			}




		main header{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			height:140px;
		}

	@media screen and (max-width:770px){

		main header{
			height:110px;
		}

	}

	@media screen and (max-width:480px){

		main header{
			height:80px;
		}

	}
			

			main header h2{
				color:#00568c;
				font-weight:700;
				font-size: 1.7em;
				text-align: center;
				line-height: 1.4em;
			}

	@media screen and (max-width:770px){

			main header h2{
				font-size: 1.4em;
			}

	}

	@media screen and (max-width:480px){

			main header h2{
				font-size: 1.2em;
			}

	}

			main header h2{
				animation: fadein-image 3s ease-in-out;
				animation-fill-mode: forwards;
			}
			@keyframes fadein-image {
				0%  {opacity: 0;}
				10%  {opacity: 0;}
				100%  {opacity: 1;}
			}

			main header h2 span{
				font-size:0.8em;
			}

				
				
			#globalheader nav > ul > li > a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				border-radius: 3px;
				width:calc(100% - 10px);
				height:100%;
				margin: 0 auto;
				color:#fff;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				line-height: 1.2em;
				background-image: url("/shared/bg_clear-white20.png");
				border-radius: 3px;
			}
			
		@media screen and (max-width:640px){
			
			#globalheader nav > ul > li > a{
				font-size:0.8em;
			}
			
		}


				#globalheader nav > ul > li > ul{
					display:none;
					width:100%;
					background-color: #a23333;
					position:relative;
				}

/* MAIN */
	
	main > .inner{
		max-width: 1200px;
		width:96%;
		margin: 0 auto;
	}



/* 右サイト固定バナー */

	.sidefix{
		list-style: none;
		position: fixed;
		right:0;
		top:180px;
		z-index: 10000;
	}

@media screen and (max-width:1000px){

	.sidefix{
		right:0;
		top:100px;
	}

}

@media screen and (max-width:480px){

	.sidefix{
		width: 100%;
		right:auto;
		top:auto;
		bottom: 0;
	}

.sidefix{zoom:1;}
.sidefix:after{
  content: ""; 
  display: block; 
  clear: both;
}

}


		.sidefix li{
			width:60px;
			height:150px;
			margin-bottom: 10px;
			background-color: #f60;
		}
		.sidefix li:nth-of-type(2){
			background-color: #36c;
		}
		.sidefix li a{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:18px;
			height:100%;
			padding: 0 21px;
			color:#fff;
			font-size: 1.1em;
			font-weight: 700;
			text-decoration: none;
			line-height: 1.3em;
		}

	@media screen and (max-width:1200px){

		.sidefix li{
			width:50px;
			height:130px;
		}
		.sidefix li a{
			padding: 0 16px;
		}

	}

	@media screen and (max-width:1000px){

		.sidefix li{
			width:42px;
			height:120px;
		}
		.sidefix li a{
			width:16px;
			padding: 0 13px;
			font-size: 1.0em;
		}

	}

	@media screen and (max-width:480px){

		.sidefix li{
			width:50%;
			height:50px;
			margin: 0;
			padding: 0;
			float: left;
		}
		.sidefix li a{
			width:100%;
			padding: 0;
		}

	}


	/* メイン */





	


/********************* その他 *********************/

				
	/* ページの先頭へ */

	.link-to-header{
		width:80px;
		margin-top:-80px;
		bottom:15px;
		right:30px;
		position:fixed;
		z-index:10000;
		display:none;
	}

	.link-to-header img{width:100%;}

@media screen and (max-width:1000px){
	
	.link-to-header{
		width:60px;
		margin-top:-60px;
	}
	
}

				
/* フッター ---------------------------------- */
	
	#globalfooter{
		width:100%;
		color:#fff;
		position:relative;
	}

	#globalfooter.footeractive{
		position:fixed;
		bottom:0;
	}

		.copyright{
			height:60px;
			color:#b2b2b2;
			font-size:0.8em;
			font-weight:400;
			text-align:center;
			line-height:60px;
			background-color:#371212;
		}

	@media screen and (max-width:640px){

		.copyright{
			height:50px;
			font-size:0.7em;
			line-height:50px;
		}

	}

	@media screen and (max-width:480px){

		.copyright{
			height:auto;
			padding: 10px 0;
			font-size:0.7em;
			line-height:1.3em;
		}

	}




	/* 404 */

	.fnf .inner{
		padding-top: 50px;
	}
@media screen and (max-width:480px){

	/* 404 */

	.fnf .inner{
		padding-top: 40px;
	}

}




	/* 丸付き番号 */
	
	ol.marunum li{
		margin-left:20px;
		list-style:none;
	}
	
	ol.marunum li:before{
		margin-right:-15px;
		position:relative;
		left:-20px;
	}
	ol.marunum li:nth-of-type(1):before{content:"①"}
	ol.marunum li:nth-of-type(2):before{content:"②"}
	ol.marunum li:nth-of-type(3):before{content:"③"}
	ol.marunum li:nth-of-type(4):before{content:"④"}
	ol.marunum li:nth-of-type(5):before{content:"⑤"}
	ol.marunum li:nth-of-type(6):before{content:"⑥"}
	ol.marunum li:nth-of-type(7):before{content:"⑦"}
	ol.marunum li:nth-of-type(8):before{content:"⑧"}
	ol.marunum li:nth-of-type(9):before{content:"⑨"}
	ol.marunum li:nth-of-type(10):before{content:"⑩"}
	ol.marunum li:nth-of-type(11):before{content:"⑪"}
	ol.marunum li:nth-of-type(12):before{content:"⑫"}
	ol.marunum li:nth-of-type(13):before{content:"⑬"}
	ol.marunum li:nth-of-type(14):before{content:"⑭"}
	ol.marunum li:nth-of-type(15):before{content:"⑮"}
	ol.marunum li:nth-of-type(16):before{content:"⑯"}
	ol.marunum li:nth-of-type(17):before{content:"⑰"}
	ol.marunum li:nth-of-type(18):before{content:"⑱"}
	ol.marunum li:nth-of-type(19):before{content:"⑲"}
	ol.marunum li:nth-of-type(20):before{content:"⑳"}
	ol.marunum li:nth-of-type(21):before{content:"㉑"}
	

	/* ※付き番号 */
	
	ol.komenum li{
		margin-left:35px;
		list-style:none;
	}
	
	ol.komenum li:before{
		margin-right:-25px;
		position:relative;
		left:-35px;
	}
	ol.komenum li:nth-of-type(1):before{content:"※1"}
	ol.komenum li:nth-of-type(2):before{content:"※2"}
	ol.komenum li:nth-of-type(3):before{content:"※3"}
	ol.komenum li:nth-of-type(4):before{content:"※4"}
	ol.komenum li:nth-of-type(5):before{content:"※5"}
	ol.komenum li:nth-of-type(6):before{content:"※6"}
	ol.komenum li:nth-of-type(7):before{content:"※7"}
	ol.komenum li:nth-of-type(8):before{content:"※8"}
	ol.komenum li:nth-of-type(9):before{content:"※9"}
	ol.komenum li:nth-of-type(10):before{content:"※10"}


	/* ※ */
	
	.kome{
		margin-left:20px;
		list-style:none;
	}
	
	.kome:before{
		content:"※";
		margin-right:-16px;
		position:relative;
		left:-20px;
	}

	/* ● */
	
	.maru{
		margin-left:20px;
		list-style:none;
	}
	
	.maru:before{
		content:"●";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}

	/* ■ */
	
	.mashikaku{
		margin-left:20px;
		list-style:none;
	}
	
	.mashikaku:before{
		content:"■";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}



	/* カギカッコ数字 */
	
	.kakko1,.kakko2,.kakko3,.kakko4,.kakko5,.kakko6,.kakko7,.kakko8,.kakko9,.kakko10{
		margin-left:22px;
		margin-right:-22px;
		list-style:none;
	}
	
	.kakko1:before,
	.kakko2:before,
	.kakko3:before,
	.kakko4:before,
	.kakko5:before,
	.kakko6:before,
	.kakko7:before,
	.kakko8:before,
	.kakko9:before,
	.kakko10:before{		
		margin-right:-18px;
		position:relative;
		left:-22px;
	}
	.kakko1:before{content:"(1)";}
	.kakko2:before{content:"(2)";}
	.kakko3:before{content:"(3)";}
	.kakko4:before{content:"(4)";}
	.kakko5:before{content:"(5)";}
	.kakko6:before{content:"(6)";}
	.kakko7:before{content:"(7)";}
	.kakko8:before{content:"(8)";}
	.kakko9:before{content:"(9)";}
	.kakko10:before{content:"(10)";}
		



		/* 一覧リストページリンク */

		.pagelinks{
			margin:20px 0 0;
			width:100%;
			text-align:center;
		}

			.prevpage,
			.nextpage{
				width:90px;
				/*float:left;*/
				display:-moz-inline-box;  
				display:inline-block;  
			}
			*html .prevpage,
			*html .nextpage{display:inline; zoom:1}
			*+html .prevpage,
			*+html .nextpage{display:inline; zoom:1}

			.link_before,
			.link_next{
				display:block;
				width:90px;
				font-size:80%;
				text-align:center;
				text-decoration:none;
				height:21px;
				padding-top:2px;
			}

				.link_before:hover,
				.link_next:hover{
					background:#b2365f;
					color:#fff;
				}

			.current_page,
			.link_page{
				display:block;
				/*float:left;*/
				display:-moz-inline-box;  
				display:inline-block;  
				width:21px;
				height:16px;
				/*border:1px solid #ccc;*/
				text-decoration:none;
				text-align:center;
				padding:0 0 5px;
				background:#b2365f;
				color:#fff;
			}
			*html .current_page,
			*html .link_page{display:inline; zoom:1}
			*+html .current_page,
			*+html .link_page{display:inline; zoom:1}
			
				.link_page{background:#fff;color:#b2365f;}
				.link_page:hover{
					background:#b2365f;
					color:#fff;
				}



	@media screen and (max-width:770px){
		.current_page,
		.link_page{display:none;}
	}



	.blocksp{display:none;}
	.blocksp0{display:none;}
	.blocksp0-5{display:none;}
	.blocksp1{display:none;}
	.blocksp1-5{display:none;}
	.blocksp2{display:none;}
	.blocksp2-5{display:none;}
	.blocksp3{display:none;}
	
	.inlinesp{display:none;}
	.inlinesp0{display:none;}
	.inlinesp0-5{display:none;}
	.inlinesp1{display:none;}
	.inlinesp1-5{display:none;}
	.inlinesp2{display:none;}
	.inlinesp2-5{display:none;}
	.inlinesp3{display:none;}
	
	.noblsp{display:block;}
	.noblsp0{display:block;}
	.noblsp0-5{display:block;}
	.noblsp1{display:block;}
	.noblsp1-5{display:block;}
	.noblsp2{display:block;}
	.noblsp2-5{display:block;}
	.noblsp3{display:block;}
	
	.noilsp{display:inline;}
	.noilsp0{display:inline;}
	.noilsp0-5{display:inline;}
	.noilsp1{display:inline;}
	.noilsp1-5{display:inline;}
	.noilsp2{display:inline;}
	.noilsp2-5{display:inline;}
	.noilsp3{display:inline;}

	@media screen and (max-width:1200px){
		.blocksp{display:block;}
		.inlinesp{display:inline;}
		.noblsp{display:none;}
		.noilsp{display:none;}
	}

	@media screen and (max-width:1000px){
		.blocksp0{display:block;}
		.inlinesp0{display:inline;}
		.noblsp0{display:none;}
		.noilsp0{display:none;}
	}

	@media screen and (max-width:840px){
		.blocksp0-5{display:block;}
		.inlinesp0-5{display:inline;}
		.noblsp0-5{display:none;}
		.noilsp0-5{display:none;}
	}

	@media screen and (max-width:770px){
		.blocksp1{display:block;}
		.inlinesp1{display:inline;}
		.noblsp1{display:none;}
		.noilsp1{display:none;}
	}

	@media screen and (max-width:640px){
		.blocksp1-5{display:block;}
		.inlinesp1-5{display:inline;}
		.noblsp1-5{display:none;}
		.noilsp1-5{display:none;}
	}


	@media screen and (max-width:480px){
		.blocksp2{display:block;}
		.inlinesp2{display:inline;}
		.noblsp2{display:none;}
		.noilsp2{display:none;}
	}

	@media screen and (max-width:400px){
		.blocksp2-5{display:block;}
		.inlinesp2-5{display:inline;}
		.noblsp2-5{display:none;}
		.noilsp2-5{display:none;}
	}

	@media screen and (max-width:370px){
		.blocksp3{display:block;}
		.inlinesp3{display:inline;}
		.noblsp3{display:none;}
		.noilsp3{display:none;}
	}