@charset "utf-8";
/* ******************************************************************
 *	File name		: ojs.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   ojs
---------------------------------------------------------------------- */

#main_contents h2{
	margin:0 auto 30px;
	padding:0px;
	border:none;
	background:none;
	}
	#main_contents h2::before,
	#main_contents h2::after{
		display:none;
}

#main_contents p{
	font-size:1.0rem;
	text-align:justify;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#main_contents p{
		font-size:0.8rem;
		text-align:justify;
	}
}

/* btn */
#main_contents .btn{
	margin:30px auto 30px;
	text-align:center;
}
#main_contents .btn a{
	padding:10px 20px;
	font-size:0.77rem;
}
#main_contents .btn a::before,
#main_contents .btn a::after{
	display:none;
}

/* photo */
.photo_640{
	position:relative;
	width:640px;
	max-width:100%;
	margin:20px auto 30px;
}
.photo_full{
	position:relative;
	width:100%;
	margin:20px auto 30px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.photo_640,
	.photo_full{
		margin:0px auto 30px;
	}
}

/* lr_box_01 */
#lr_box_01{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row-reverse;
}
#lr_box_01 > figure{
	width:300px;
}
#lr_box_01 > div{
	width:calc(100% - 340px);
}

/* lr_box_02 */
#lr_box_02{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	margin:0 0 30px;
	}
	#lr_box_02 > figure{
		width:300px;
	}
	#lr_box_02 > div{
		width:calc(100% - 340px);
}

/* lr_box_03 */
#lr_box_03{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 30px;
	}
	#lr_box_03 > figure{
		width:300px;
	}
	#lr_box_03 > div{
		width:calc(100% - 340px);
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#lr_box_01,
	#lr_box_02,
	#lr_box_03{
		margin:0px;
	}
	#lr_box_01 > figure,
	#lr_box_01 > div,
	#lr_box_02 > figure,
	#lr_box_02 > div,
	#lr_box_03 > figure,
	#lr_box_03 > div{
		width:100%;
		margin:0 0 20px;
	}
}