@charset "utf-8";
@import url(default.css);


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

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#333;
	font-size:0.9em;
	font-family:"kozuka-gothic-pro","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%;
}

@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;}
}


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

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:#444;}
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{
	width:100%;
	height:120px;
	margin-bottom:-120px;
	background-image:url(/shared/bg_clear-white80.png);
	position:fixed;
	z-index:2000;
	border-bottom: 1px solid #ccc;
}

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

#globalheader{
	height:50px;
	margin-bottom:-50px;
}

}

	#globalheader .inner{
		max-width:1000px;
		width:96%;
		margin:0 auto;
	}

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

	#globalheader .inner{
		width:100%;
		padding-left:0;
	}

}

	#menubtn{
		display:none;
		width:50px;
		height:50px;
		position:fixed;
		top:15px;
		left:-3%;
		cursor:pointer;
		z-index:3000;
		float: right;
	}
	#menubtn img{width:100%;}

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

	#menubtn{
		display:block;
		top:0;
		left:0;
	}

}


	#globalheader h1{
		width:328px;
		height:90px;
		padding:15px 0 0;
		float:left;
	}
	#globalheader h1 img{
		width:100%;
	}

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

	#globalheader h1{
		width:165px;
		height:45px;
		margin:1px 0 0 70px;
		padding:0;
		float:none;
	}

}


/* メニュー */
		
		#globalheader #menu{
			width:600px;
			height:70px;
			margin-top:25px;
			background-image:url(/shared/line_menu.gif);
			background-repeat:repeat-y;
			background-position:100% 50%;
			float:right;
			position:relative;
			z-index:1000;
		}

			#globalheader #menu li{
				height:70px;
				text-align:center;
				list-style:none;
				background-image:url(/shared/line_menu.gif);
				background-repeat:repeat-y;
				background-position:0 50%;
				float:left;
				position:relative;
			}
			#globalheader #menu li:nth-of-type(1){display: none;}
			#globalheader #menu li:nth-of-type(2){width:17%;}
			#globalheader #menu li:nth-of-type(3){width:23%;}
			#globalheader #menu li:nth-of-type(4){width:22%;}
			#globalheader #menu li:nth-of-type(5){width:22%;}
			#globalheader #menu li:nth-of-type(6){width:16%;}
		
			#globalheader #menu li a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				height:70px;
				color:#369;
				font-weight:500;
				text-decoration:none;
				line-height:1.2em;
			}

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

		#globalheader nav{
			width:180px;
			min-height:100%;
			position:fixed;
			z-index:200;
			background-image:url(/shared/bg_clear-white90.png);
		}

			#globalheader #menu{
				width:180px;
				height:auto;
				margin:0;
				border-bottom:1px solid #9ab6d9;
				float: none;
				overflow:hidden;
			}


				#globalheader #menu li{
					width:180px;
					height:50px;
					margin-right:0;
					text-align:left;
					border-radius:0;
					border-top:1px solid #9ab6d9;
					background-image:url(/shared/bg_clear-white90.png);
					background-repeat:repeat;
					float:none;
					overflow:hidden;
				}
				#globalheader #menu li:nth-of-type(1),
				#globalheader #menu li:nth-of-type(2),
				#globalheader #menu li:nth-of-type(3),
				#globalheader #menu li:nth-of-type(4),
				#globalheader #menu li:nth-of-type(5),
				#globalheader #menu li:nth-of-type(6){width:180px;}

				#globalheader #menu li:nth-of-type(1){
					display: block;
				}

				#globalheader #menu li a{
					width:100%;
					height:50px;
					font-size:1.0em;
					text-align: center;
					line-height:1.3em;
				}

	}




	/* メイン */

	main{
		padding:170px 0 0;
	}

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

	main{
		padding:50px 0 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;
		background-color:#4d4d4d;
	}
	
	#globalfooter.active{
		position:fixed;
		bottom:0;
	}
	
		#globalfooter .inner{
			max-width:1200px;
			width:96%;
			margin:0 auto;
			padding:23px 0 28px;
		}
		
			#globalfooter h2{
				margin-bottom:8px;
				font-weight:500;
				font-size:1.2em;
			}
		
			#globalfooter h2 a,
			#globalfooter h2 span{
				font-size:0.75em;
				text-decoration: none;
			}
	
			#globalfooter address{
				color:#ccc;
				font-style:normal;
				font-weight:400;
				font-size:0.9em;
				line-height:1.8em;
			}

		@media screen and (max-width:1000px){
		
			#globalfooter h2{
				font-size:1.0em;
				text-align:center;
			}
	
			#globalfooter address{
				text-align:center;
			}
		}

		.footermenu{
			float:right;
		}

			.footermenu li{
				margin-right:5px;
				font-size:0.9em;
				float:left;
				list-style:none;
				line-height: 1.4em;
					text-align: right;
			}
			.footermenu li:before{
				content:"｜";
				margin-right:5px;
				color:#999;
			}
			.footermenu li:last-child:after{
				content:"｜";
				margin-left:3px;
				color:#999;
			}

				.footermenu li a{
					color:#ccc;
					text-decoration:none;
				}

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

		.footermenu{
			width:590px;
			float:none;
			margin:0 auto 15px;
		}

	}

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

		.footermenu{display:none;}

	}


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





	/* 丸付き番号 */
	
	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;}
	.blocksp1{display:none;}
	.blocksp1-5{display:none;}
	.blocksp2{display:none;}
	.blocksp2-5{display:none;}
	.blocksp3{display:none;}
	
	.inlinesp{display:none;}
	.inlinesp0{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;}
	.noblsp1{display:block;}
	.noblsp2{display:block;}
	.noblsp2-5{display:block;}
	.noblsp3{display:block;}
	
	.noilsp{display:inline;}
	.noilsp0{display:inline;}
	.noilsp1{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: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;}
	}



