/*
======== table of content. ===============

summary:レスポンシブ基本要素

==========================================
*/

#promotion .sec_intro { position:relative; margin:30px auto 0; }

.link_more { position:relative; float:right; margin-top:40px; text-align:right; cursor:pointer; }

.img_flow { text-align:center; }
.img_pc { display:inline; }
.img_sp { display:none; }

.fancybox p{ position: absolute;
    top:0;
    background: rgba(255,255,255,.9);
    width: 100%;
    max-width: 600px;
    padding: 10px;
    text-align: center;}

@media screen and (min-width: 801px) {
#promotion .sec_intro { width:980px; }
#promotion .txt_intro { margin-right:185px; font-size:114.2%; }
#promotion .btn_list { position:absolute; right:0; top:0; }

.img_flow { padding:20px 50px 0; }

}

@media screen and (min-width: 641px) and (max-width: 800px) {
#promotion .sec_intro { width:620px; }
#promotion .txt_intro { margin-right:185px; font-size:100%; }
#promotion .btn_list { position:absolute; right:0; top:0; }

.img_flow { padding:20px 0 0; }
}

@media screen and (max-width: 640px) {
#promotion .sec_intro { margin-top:20px; padding:0 20px; }
#promotion .txt_intro {  }
#promotion .btn_list { margin-top:10px; text-align:right; }

.link_more { margin-top:0; }

.img_flow { padding:20px 0; }
.img_pc { display:none; }
.img_sp { display:inline-block; max-width:284px; }

}