@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.border {border-bottom:solid 1px #e6e6e6;}
.read_wrap{
	/*background-color:#fff9f8;*/
	background-color:#fceae8;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {


	#read {
		text-align:center;
		}
		#read img {
			margin:30px 0 15px;
			}
		#read p {
			line-height:3;
			}


	.read_wrap{
		padding-bottom:40px;
		}
	.border {
		border-bottom:1px solid #ebebeb;
		margin:0px 0 70px;
		}

.read_wrap{
		padding-bottom:0;
		height:335px;
		display:table;
		width:100%;
		}
	#read {
		text-align:center;
		display:table-cell;
		vertical-align:middle;
		}
		#read img {
			margin:0 0 25px;
			}
	

/* container */
	.container_wrap {
		min-width: 1000px;
		max-width: 1220px;
		}
	#container > div:first-child {
		margin-bottom:70px !important;
		}
	#container > div:first-child .phtArea{
		width:300px;
		}
		#container .page{
			background:#dc4a2e;
			color:#fff;
			font-size:12px;
			font-weight:bold;
			padding:4px 5px 5px;
			margin-bottom:25px;
			}
			#container .page .flowno{
				float:left;
				}
			#container .page .pageno{
				float:right;
				}
		#container .block{
			width:49%;
			float:left;
			}
		#container > div .block:last-child{
			float:right;
			}
		#container .phtArea{
			float:left;
			margin-right:40px;
			position:relative;
			}
			#container .phtArea img{
				width:100%;
				}
		#container .phtArea span{
			position:absolute;
			right:0;
			top:0;
			display:block;
			background:#ed6b86;
			color:#fff;
			padding:4px 6px 5px;
			letter-spacing:-0.2px;
			font-size:12px;
			font-weight:bold;
			}
			#container .txtArea {
				}
				#container dl.s_tit {
					}
					#container dl.s_con dt {
						margin-bottom:20px;
						}
					#container dl.s_con dd {
						font-size:12px;
						margin-bottom:10px
						}
				#container p.tit {
					font-weight:bold;
					font-size:16px;
					line-height:1.6;
					margin-bottom:22px;
					}
				#container dl.s_name {
					}
					#container dl.s_name dt {
						margin-bottom:20px;
						font-size:12px;
						}
					#container dl.s_name dd {
						font-weight:bold;
						margin-bottom:15px;
						line-height:1.4;
						}
						
		#container > div:not(:first-child) {
			float:left;
			width:49%;
			height:310px;
			}
		#container > div:not(:first-child):nth-child(2n+1) {
			margin-right: 0;
			float:right;
			width:49%;
			}
			
			
			
		#container > div:not(:first-child) .page{
			background:#dc4a2e;
			color:#fff;
			font-size:12px;
			font-weight:bold;
			padding:4px 5px 5px;
			margin-bottom:20px;
			}
			#container > div:not(:first-child) .page .flowno{
				float:left;
				}
			#container > div:not(:first-child) .page .pageno{
				float:right;
				}
		#container > div:not(:first-child) .block{
			width:49%;
			float:left;
			}
		#container > div:not(:first-child) .block:last-child{
			width:49%;
			float:right;
			}
		#container > div:not(:first-child) .phtArea{
			float:none;
			margin-right:0;
			}
			#container > div:not(:first-child) .txtArea {
				margin-top:15px;
				}
				#container > div:not(:first-child) dl.s_tit {
					}
					#container > div:not(:first-child) dl.s_con dt {
						margin-bottom:20px;
						}
					#container > div:not(:first-child) dl.s_con dd {
						font-size:12px;
						margin-bottom:10px
						}
				#container > div:not(:first-child) p.tit {
					display:none;
					}
				#container > div:not(:first-child) dl.s_name {
					display:-webkit-box;
					display: -webkit-flex;
					display:-ms-flexbox;
					display: flex;
					-webkit-flex-wrap:wrap;
					-ms-flex-wrap:wrap;
					flex-wrap:wrap;
					}
					#container > div:not(:first-child) dl.s_name dt {
						order:2;
						margin-bottom:20px;
						font-size:12px;
						width:100%;
						line-height:1.4;
						}
					#container > div:not(:first-child) dl.s_name dd {
						order:1;
						-webkit-box-ordinal-group:1;
						-ms-flex-order:1;
						-webkit-order:1;
						font-weight:bold;
						margin-bottom:5px;
						}
						
					#container > div .itiran {
						text-align:center;
						font-weight:bold;
						margin-top:15px;
						}
			
			
		#container > div div.one_column{
			width:100%!important;
			}
			#container > div div.one_column .phtArea{
				float:left;
				width:49%;
				}
			#container > div div.one_column .txtArea{
				float:left;
				width:49%;
				padding-left:10px;
				box-sizing:border-box;
				margin-top: 0;
				}
				#container > div div.one_column  p.tit {
					display:block;
					}

		.pagelink {
			text-align:center;
			margin:40px auto 0;
			padding: 0 280px;
			}
			.pagelink ul {
				display:inline-block;
				}
				.pagelink ul li {
					float:left;
					margin:10px 6px 0;
					}
				.pagelink ul li a {
					border:solid 1px #333333;
					border-radius:23px;
					height:23px;
					width:23px;
					display:block;					
					}
					.pagelink ul li a span {
						vertical-align:middle;
						line-height:25px;
						}
				.pagelink ul li a.on {
					background:#333333;
					color:#fff;
					}
				.pagelink ul li a:hover {
					background:#333333;
					color:#fff;
					}
		
		#main{
			position:relative;
			}
		#main .archives{
			}
			#main .archives a{
				display:inline-block;
				right:10px;
				font-size:15px;
				bottom:-23px;
				position:absolute;
				}
			#main .archives div{
				font-size:15px;
				padding:25px 100px;
				border:1px solid #dc4a2e;
				color:#dc4a2e;
				}
				#main .archives a span{
					display:inline-block;
					position:relative;
					}
				#main .archives a span::before{
					content: "";
					position: absolute;
					left: -20px;
					width: 11px;
					height: 2px;
					top: 50%;
					margin-top: -1px;
					background: #dc4a2e;
					}
				#main .archives a span::after{
					content: "";
					position: absolute;
					left: -17px;
					width: 6px;
					height: 6px;
					border-top: 2px solid #dc4a2e;
					border-right: 2px solid #dc4a2e;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					top: 50%;
					margin-top: -4px;
					}
				#main .archives a p{
					margin-top:10px;
					font-size:13px;
					text-align:center;
					}

}









/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {

	#read {
		margin:0 10px;
		text-align:center;
		}
		#read img {
			margin:25px 0;
			max-width:100%;
			}
		#read p {
			line-height:2.5;
			}


	.read_wrap{
		padding-bottom:20px;
		}
	.border {
		border-bottom:1px solid #ebebeb;
		margin:0px 0 35px;
		}


	#container {
		margin:10px;
		}








	#container > div:first-child {
		margin-bottom:35px !important;
		}
		#container .page{
			background:#dc4a2e;
			color:#fff;
			font-size:12px;
			font-weight:bold;
			padding:4px 5px 5px;
			margin-bottom:10px;
			}
			#container .page .flowno{
				float:left;
				}
			#container .page .pageno{
				float:right;
				}
		#container .block{
			}
		#container .phtArea{
			margin-bottom:15px;
			position:relative;
			}
			#container .phtArea img{
				width:100%;
				}
			#container .txtArea {
				}
				#container p.tit {
					font-weight:bold;
					font-size:16px;
					line-height:1.6;
					margin-bottom:10px;
					}
				#container dl.s_name {
					}
					#container dl.s_name dt {
						margin-bottom:15px;
						font-size:12px;
						}
					#container dl.s_name dd {
						font-weight:bold;
						margin-bottom:15px;
						line-height:1.4;
						}
						
		#container > div:not(:first-child) {
			margin:0px;
			}
		#container > div:not(:first-child) .page{
			background:#dc4a2e;
			color:#fff;
			font-size:12px;
			font-weight:bold;
			padding:4px 5px 5px;
			margin-bottom:10px;
			}
			#container > div:not(:first-child) .page .flowno{
				float:left;
				}
			#container > div:not(:first-child) .page .pageno{
				float:right;
				}
		#container > div:not(:first-child) .block{
			}
		#container > div:not(:first-child) .block:last-child{
			margin-right:0px;
			}
		#container > div:not(:first-child) .phtArea{
			float:none;
			margin-right:0;
			}
			#container > div:not(:first-child) .txtArea {
				margin-top:15px;
				}
				#container > div:not(:first-child) dl.s_tit {
					}
					#container > div:not(:first-child) dl.s_con dt {
						margin-bottom:20px;
						}
					#container > div:not(:first-child) dl.s_con dd {
						font-size:12px;
						margin-bottom:10px
						}
				#container > div:not(:first-child) p.tit {
					display:none;
					}
				#container > div:not(:first-child) dl.s_name {
					display:-webkit-box;
					display: -webkit-flex;
					display:-ms-flexbox;
					display: flex;
					-webkit-flex-wrap:wrap;
					-ms-flex-wrap:wrap;
					flex-wrap:wrap;
					}
					#container > div:not(:first-child) dl.s_name dt {
						order:2;
						margin-bottom:30px;
						font-size:12px;
						width:100%;
						line-height:1.4;
						}
					#container > div:not(:first-child) dl.s_name dd {
						order:1;
						-webkit-box-ordinal-group:1;
						-ms-flex-order:1;
						-webkit-order:1;
						font-weight:bold;
						margin-bottom:5px;
						line-height:1;
						}
						
					#container > div .itiran {
						text-align:center;
						font-weight:bold;
						margin-top:15px;
						}



		.pagelink {
			text-align:center;
			margin:20px auto 0;
			}
			.pagelink ul {
				display:inline-block;
				}
				.pagelink ul li {
					float:left;
					margin:10px 6px 0;
					}
				.pagelink ul li a {
					border:solid 1px #333333;
					border-radius:23px;
					height:23px;
					width:23px;
					display:block;					
					}
					.pagelink ul li a span {
						vertical-align:middle;
						line-height:25px;
						}
				.pagelink ul li a.on {
					background:#333333;
					color:#fff;
					}
				.pagelink ul li a:hover {
					background:#333333;
					color:#fff;
					}
					
					
		
		
		#main{
			}
		#main .archives{
			padding:0 10px;
			}
			#main .archives a{
				font-size:15px;
				text-align:center;
				}
			#main .archives div{
				font-size:15px;
				padding:25px 100px;
				border:1px solid #dc4a2e;
				color:#dc4a2e;
				}
				#main .archives a span{
					display:inline-block;
					position:relative;
					}
				#main .archives a span::before{
					content: "";
					position: absolute;
					left: -20px;
					width: 11px;
					height: 2px;
					top: 50%;
					margin-top: -1px;
					background: #dc4a2e;
					}
				#main .archives a span::after{
					content: "";
					position: absolute;
					left: -17px;
					width: 6px;
					height: 6px;
					border-top: 2px solid #dc4a2e;
					border-right: 2px solid #dc4a2e;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					top: 50%;
					margin-top: -4px;
					}
				#main .archives a p{
					margin-top:10px;
					font-size:13px;
					text-align:center;
					}






}