@charset "utf-8";
/*リアルキャンパスここから*/
#realc_loop_area{margin:10px auto; display:flex; flex-wrap:wrap; max-width:980px;}
#rc_logo{width:180px;}


	/*縦並びの場合*/
#realc_loop_area .tateyoko{width:100%; min-height:120px; margin:5px; display:flex; max-width:980px;}
#realc_loop_area .tateyoko .loopimg_box{width:20%;  margin:0 auto;}
#realc_loop_area .tateyoko .loopimg_box img{width:100%; max-height:220px; margin:0 auto; border-radius: 7px;
box-shadow: 2px 2px 2px #999;}

#realc_loop_area .tateyoko .comme_date{width:calc(80% - 25px); margin-left:15px; position:relative; font-size:92.5%;}
#realc_loop_area .tateyoko p.rc_date{position:absolute; top:0; left:0;}
#realc_loop_area .tateyoko p.rc_comme{margin-top:30px; text-align:justify;}
	@media screen and ( max-width:699px ){
#realc_loop_area .tateyoko .loopimg_box{width:35%;}
#realc_loop_area .tateyoko .loopimg_box img{max-height:270px;}
#realc_loop_area .tateyoko .comme_date{width:calc(65% - 5px); margin-left:5px; position:relative; font-size:80%;}
#realc_loop_area .tateyoko p.rc_comme{margin-top:20px;}
	}





#pre_next_btn .pre_next_btn{max-width:980px; margin:5px auto;}
#pre_next_btn .btn_realc{width:80px; text-align:center; border-radius:8%; margin:3px 15px; padding:2px 8px; background:#ccc; font-size:70%;}
	@media screen and ( max-width:699px ){
	#pre_next_btn .btn_realc{width:65px; margin:3px 5px; padding:2px 5px;}
	}

#pre_next_btn .btn_realc a, .btn_realc a:link, .btn_realc a:hover, .btn_realc a:visited{text-decoration:none; color:#111; line-height: 1.65;}


/*リアルキャンパスここまで*/