@charset "utf-8";
@font-face{font-family:"LibreBaskerville";src:url(../../../font/LibreBaskerville-Regular.ttf);}
*{box-sizing: border-box;}
.main-container{width:100%;display:flex;}
.left-container{width:75%;border-right:3px solid #e6e9ed;}
.url-link{margin:0;padding:0;background-color:#e6e9ed;}
.url-link p{margin:0;padding:0.6rem 0 0.6rem 1.8rem;color:#4c4c4c;font-size:1rem;font-family:calibri;font-weight:bold;}
.url-link span{padding-left:1.8rem;}
.url-link a{position:relative;color:#4c4c4c;}
.url-link a:hover{color:#000;}
.url-link a:after{content:"";position:absolute;top:-3px;right:-0.9rem;width:1.6rem;height:1.6rem;border-right:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;transform:rotate(-45deg);}
.image-container{width:100%;display:flex;flex-flow:row wrap;}
.image-box{width:100%;text-align:center;}
.image-box h1{width:100%;margin:0;padding:1rem;color:#FFF;background-color:#4c4c4c;}
.image-box p{width:100%;margin:0;padding:1rem;font-family:sans-serif;font-size:1.2rem;background-color:#E0E3E7;}
.image-box img{width:50%;height:auto;margin-top:2rem;background-color:#bebcbc;border:5px solid #ADB0F3;cursor:pointer;}
.image-box img:hover{border:5px solid #E9545A;}
#target-container{display:flex;justify-content:center;margin-bottom:1.8rem;}
.target-link{padding:5px;}
.target-link a{position:relative;width:5rem;height:2.5rem;margin-top:0.9rem;padding:0 1.2rem;border-radius:10%;color:#fff;background-color:#000;display:flex;justify-content:center;align-items:center;font-family:calibri;font-weight:bold;cursor:pointer;}
.right-container{width:25%;}
.ad-horizon{width:100%;}
.ad-space{width:90%;margin:25px auto 0 auto;}
@media(min-width:1025px) and (max-width:1200px){*{box-sizing:border-box;}.main-container{top:46%;}}
@media(min-width:768px) and (max-width:1024px){*{box-sizing:border-box;}.main-container{flex-direction:column;}.left-container{width:100%;}.target-link a{width:4.3rem;}.right-container{width:100%;}}
@media(min-width:641px) and (max-width:767px) and (orientation:landscape){
	.main-container{flex-direction:column;}
	.left-container{width:100%;border:none;}
	.image-container{margin-left:0;}
	.image-box img{width:60%;}
	.image-box h1{font-size:1.5rem;}
	.image-box p{font-size:1.2rem;}
	.target-link a{padding:0 2.1rem;}
	.right-container{width:100%;}
}
@media(min-width:641px) and (max-width:767px) and (orientation:portrait){
	.main-container{flex-direction:column;}
	.left-container{width:100%;border:none;}
	.image-container{margin-left:0;}
	.image-box h1{font-size:1.5rem;}
	.image-box p{font-size:1.2rem;}
	.image-box img{width:90%;}
	.target-link a{padding:0 2.1rem;}
	.right-container{width:100%;}
	.button{width:96%;}
}
@media(min-width:361px) and (max-width:640px) {
    .main-container{flex-direction:column;}
	.left-container{width:100%;border:none;}
	.url-link p{font-size:0.8rem;}
    .url-link a:after{width:1.4rem;height:1.4rem;}
	.image-container{margin-left:0;}
	.image-box h1{font-size:1.2rem;}
	.image-box p{font-size:1rem;}
	.image-box img{width:90%;}
	.target-link a{padding:0 2.1rem;}
	.right-container{width:100%;}
	.button{width:96%;}
}
@media(max-width:360px) {
    .main-container{flex-direction:column;}
	.left-container{width:100%;border:none;}
	.url-link p{font-size:0.6rem;}
    .url-link a:after{width:1.2rem;height:1.2rem;}
	.image-container{margin-left:0;}
	.image-box h1{font-size:1rem;}
	.image-box p{font-size:0.8rem;}
	.image-box img{width:90%;}
	.target-link a{padding:0 2.1rem;}
	.right-container{width:100%;}
	.button{width:96%;}
}