@charset "utf-8";
/* CSS Document */
  
/*==BLOGGER==*/
.blogBox{ width:100%; margin-top:0px;}
.blogBox .conBox{ padding:0px 0;}
.blogBox .conBox p{font-size: 18px;text-align: center}
.blogBox .conBox b{font-size: 24px;text-align: center;display:block}
.blogBox .conBox p img{width: 80%; padding: 10px 0;}
  
.blogBox .conBox .MV{margin:0 auto;width:100%}

.blogBox .conBox .box {max-width:800px;}
.blogBox .conBox .box .rightBox{float:left; width:50%; box-sizing:border-box;padding: 100px 0}
.blogBox .conBox .box .rightBox .txtBox{border: 1px solid #000000;background-color:#ffffff; }
.blogBox .conBox .box .rightBox .txtBox p{font-size: 24px}
.blogBox .conBox .box .leftBox{float:left; width:50%; box-sizing:border-box; padding-left:40px;padding-top: 20px;max-width: 300px}
.blogBox .conBox .box .leftBox img{width: 100%}
.blogBox .conBox .box .title .txtBox p{font-size: 26px;}

@media (max-width: 768px){
.blogBox .conBox p{font-size: 16px;text-align: center;line-height:1.6;}
} 

@media (max-width: 640px){
.blogBox .conBox .box .leftBox{ float: none; width: 85%; display: block; margin: auto;padding: 20px 0}
.blogBox .conBox .box .rightBox{ float:none; width:100%; padding:20px 0;}
} 

@media (max-width: 480px){
.blogBox .conBox p{font-size: 14px;text-align: center}
.blogBox .conBox b{font-size: 18px;text-align: center;display:block}
}

@media (max-width: 320px){
.blogBox .conBox b{font-size: 16px;text-align: center;display:block}
}