@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:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
	line-height:1.9em;
	letter-spacing:0.07em;
    animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
}

@media screen and (max-width:1000px){
body{
	background-color: #444;
}
}


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

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

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




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

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

rt{font-size:1em;}

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

img,area,table{border:0;}

figure{margin:0;}
/*
a{color:#444;}
a:hover{color:#c00;}
*/
sup{
	font-size:0.6em;
  vertical-align:baseline;
  position:relative;
  top:-1ex;
}

a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
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;}


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


#loading{
	display:none;
	width:100%;
	height:100%;
	background-color:#fff;
	background-image:url(/shared/loading.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100px auto;
	position:fixed;
	/*position:relative;*/
	top:0;
	z-index:10000;
}




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

	/* リンクボタン */

	.linkbtn{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		max-width:480px;
		width: 80%;
		height:70px;
		margin:70px auto 0;
		padding-right:10px;
		color:#fff;
		font-weight:700;
		font-size:2.0em;
		text-decoration:none;
		background-color:#f60;
		background-image:url(/images/link_yajirushi-clear.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:95% 50%;
		border-radius:5px;
		-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;
	}

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

	.linkbtn{
		margin:50px auto 0;
		font-size:1.8em;
		background-size:15px auto;
	}

}

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

	.linkbtn{
		height:60px;
		margin:40px auto 0;
		font-size:1.5em;
		background-size:12px auto;
	}

}
	
	.linkbtn:hover{
		color:#fff;
		filter:alpha(opacity=70);
		-moz-opacity:0.70;
		opacity:0.70;
	}





	/* 丸付き番号 */
	
	ol.marunum li{
		margin-left:21px;
		list-style:none;
	}
	
	ol.marunum li:before{
		margin-right:-20px;
		position:relative;
		left:-25px;
	}
	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{
		width: calc(90% - 20px);
		margin-left:20px;
		list-style:none;
	}
	
	.kome:before{
		content:"※";
		margin-right:-15px;
		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{
		width:calc(100% - 22px);
		margin-left: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)";}
		


	/* テキストリンク */
	
	.linktext{
		margin:0 0 0 20px;
		padding-left:15px;
		text-decoration:none;
		background-image:url(/relay/shared/img_triangle-red.png);
		background-repeat:no-repeat;
		background-position:0 50%;
		background-size:4px auto;
		position:relative;
		top:5px;		
	}

	.linktext:hover{
		text-decoration:underline;
	}




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

		.page-navi{
			max-width:1060px;
			width:90%;
			margin:20px auto 0
		}
		
			.page-navi li{
				width:110px;
				list-style:none;
			}

			.next-page{
				float:right;
				text-align:right;
				background:url(/relay/shared/btn_next.gif) no-repeat 100% 50%;
			}
			.prev-page{background:url(/relay/shared/btn_next.gif) no-repeat 0 50%;}
				
			.page-navi a{
				height:20px;
				font-size:0.8em;
				/*font-family:'kozuka-gothic-pr6n','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
				font-weight:700;
				text-decoration:none;
				line-height:22px;
				display:block;
			}
			.next-page a{padding-right:28px;}
			.prev-page a{padding-left:30px;}


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

		.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:#369;
					color:#fff;
				}

			.current_page,
			.link_page{
				display:block;
				/*float:left;*/
				display:-moz-inline-box;  
				display:inline-block;  
				width:22px;
				height:16px;
				/*border:1px solid #ccc;*/
				text-decoration:none;
				text-align:center;
				padding:0 0 5px;
				background:#369;
				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:#369;
					color:#fff;
				}





			.pagination a.page-numbers,
			.pagination span.page-numbers{
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				width:28px;
				height:32px;
				margin-right: 5px;
				float: left;
				text-decoration: none;
			}

			.pagination a.page-numbers{
				background-color: #eee;
			}
			.pagination span.page-numbers{
				color:#fff;
				background-color:#7c73b3;
			}
			.pagination .prev.page-numbers,
			.pagination .next.page-numbers,
			.pagination .dots.page-numbers{
				background-color:transparent;
			}
			pagination .dots.page-numbers{
				color:#333;;
			}






.notfound{
	padding:200px 0 0;
	color:#e73656;
	font-size:2.0em;
	font-weight:700;
	text-align:center;
}

@media screen and (max-width:640px){
	
.notfound{
	padding:100px 0 0;
	font-size:1.2em;
}

}

				
	/* ページの先頭へ */

	.link-to-header{
		width:80px;
		margin-top:-80px;
		bottom:0;
		right:20px;
		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;
		right:10px;
	}
	
}



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

		#navigation{
			clear:both;
			margin:30px 2% 0;
		}
		
		#navigation:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #navigation{display: inline-table;}
		/* no ie mac \*/
		* html #navigation{height:1%;}
		#navigation{display: block; min-height:0;}
		/* */
		

		.pages{
			width:50px;
			margin-right:10px;
			display:block;
			float:left;
			background-color:#f2f2f2;
			text-align:center;
			
		}
		
		.current{
			width:30px;
			margin-right:5px;
			display:block;
			float:left;
			text-align:center;
			border:1px solid #333;			
		}
		
		.page{
			width:30px;
			margin-right:5px;
			display:block;
			color:#fff;
			float:left;
			background-color:#333;
			text-align:center;
			border:1px solid #333;			
		}





	.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:1240px){
		.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;}
	}