@charset "utf-8";

#fv { background: url(../images/photoblog/fv.jpg) center center no-repeat; background-size: cover;}
#fv h2 { padding: 185px 0 145px 40px;}
#photoblog { text-align: center;}
#photoblog h3 { font-size: 16px; line-height: 38px; padding: 0 0 70px;}

/* ------------------------------------------- detail */

#article { background: #f7f8fa; }
#article img { float: left;}
#article div { float: left; width: 435px; padding: 45px 25px 40px 40px; text-align: left;}
#article div h4 { font-size: 14px;}
#article div h4 span { display: block; font-size: 24px; font-weight: bold; padding: 5px 0 10px;}
#article div p.text { text-align: left; line-height: 33px;}

#blueRibbon { margin: 55px 0 25px;}
p.btn.look { margin: 60px 0 80px;}

#top .empty { font-weight: bold; font-size: 16px; padding: 60px 0;}

@media only screen and (max-width:640px){

#fv { background-size: cover;}
#fv h2 { padding: 90px 0 50px;}
#fv h2 img { height: 30px; width: auto;}
#photoblog h3 { font-size: 14px; line-height: 30px; padding: 0 0 30px;}
#head .head-contact { display: none;}

/* ------------------------------------------- detail */

#article img { float: none; width: 100%; height: auto;}
#article div { float: none; width: 94%; padding: 15px 3% 20px; text-align: left;}
#article div h4 { font-size: 14px; text-align: center;}
#article div h4 span { font-size: 20px; padding: 5px 0 15px;}

#blueRibbon { margin: 35px 0 10px;}
p.btn.look { margin: 20px 0 30px;}
}