/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

body.home #main_visual h2{
	
  text-shadow: 0 0 10px rgba(0, 0, 0, 1.5)
}
body.home #main_visual p{
	
  text-shadow: 0 0 10px rgba(0, 0, 0, 1.5)
}

.front-loop-cont {
	display: flex;
	flex-wrap: wrap;
}
body.home .front-loop .popular_post_box {
	float: none;
}

@media screen and (max-width: 991px) {
	body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 	{
	display: block;
	}

}

@media screen and (max-width: 991px) {
	body.home #main_visual {
  background-size: cover!important;
  height: 450px!important;  
	}
body.home #main_visual h2 {
  line-height: 40px;
	position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
body.home #main_visual p {
	
  width: 600px;
  margin: 0 auto;
	position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
}
@media screen and (max-width: 480px){
body.home #main_visual {
  background-size: cover!important;
  height: 350px!important;  
	}
body.home #main_visual h2 {
	width: 80%;
  line-height: 40px;
	position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
body.home #main_visual p {
	
  width: 80%;
  margin: 0 auto;
	position: absolute;
  top: 70%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

}

.square_btn{
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #668ad8;/*ボタン色*/ color: #FFF!important;
border-bottom: solid 4px #627295;
border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/ -ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }