@charset "utf-8"; /*common*********************************/ @media screen and (min-width:750px){ /*concept*/ #content.factory .mainarea{ height:408px; width:100%; background:url(/images/factory/main.jpg) no-repeat; background-size:cover; background-position:center; } #content.factory .mainarea.honsya{ height:408px; width:100%; background:url(/images/factory/main2.jpg) no-repeat; background-size:cover; background-position:center; } .factory .fcwrapper{ width:660px; margin:0 auto; padding:70px 0; } .factory .fcwrapper .tl{ text-align:center; margin:0 0 50px 0; } .factory .fcwrapper .tl img{ display:inline-block; width:417px; } .factory .fcwrapper .text{ margin:0 0 40px 0; font-size:0.9rem; text-align:center; } .factory .fcwrapper .capbox{ margin:0 0 70px 0; } .factory .fcwrapper .capbox .flbox{ width:310px; float:left; } .factory .fcwrapper .capbox .frbox{ width:310px; float:right; } .factory .fcwrapper .capbox .tlbox{ padding:5px 0; color:#fff; background:#999; font-size:0.9rem; text-align:center; } .factory .fcwrapper .capbox table tr{ border-bottom:1px solid #ccc; font-size:0.9rem; } .factory .fcwrapper .capbox table tr td{ padding:5px; } .factory .fcwrapper .capimgbox ul{ width:700px; margin:0 0 0 -40px; } .factory .fcwrapper .capimgbox ul li{ width:310px; margin:0 0 40px 40px; float:left; } .factory .fcwrapper .capimgbox ul li .cap{ text-align:center; font-size:0.8rem; padding:10px 0 0 0; } .factory .fcwrapper .slidebox{ width:660px; } .factory .moviebox { text-align:center; } .factory .moviebox a{ margin:0 auto; display:inline-block; text-align:center; } .factory .moviebox a:hover{ opacity:0.8; } } @media screen and (max-width:750px){ /*concept*/ #content.factory .mainarea{ height:300px; width:100%; background:url(/images/factory/main.jpg) no-repeat; background-size:cover; background-position:center; } #content.factory .mainarea.honsya{ height:300px; width:100%; background:url(/images/factory/main2.jpg) no-repeat; background-size:cover; background-position:center; } .factory .fcwrapper{ width:100%; margin:0 auto; padding:40px 0; } .factory .fcwrapper .tl{ text-align:center; margin:0 auto 40px; width:100%; } .factory .fcwrapper .tl img{ width:100%; } .factory .fcwrapper .text{ margin:0 auto 40px; font-size:0.8rem; width:90%; text-align:center; } .factory .fcwrapper .capbox{ margin:0 auto 40px; width:90%; } .factory .fcwrapper .capbox .flbox{ width:100%; margin:0 0 30px 0; } .factory .fcwrapper .capbox .frbox{ width:100%; } .factory .fcwrapper .capbox .tlbox{ padding:5px 0; color:#fff; background:#999; font-size:0.8rem; text-align:center; } .factory .fcwrapper .capbox table tr{ border-bottom:1px solid #ccc; font-size:0.8rem; } .factory .fcwrapper .capbox table tr td{ padding:5px; } .factory .fcwrapper .capimgbox ul{ width:90%; margin:0 auto; } .factory .fcwrapper .capimgbox ul li{ width:100%; margin:0 0 30px 0; } .factory .fcwrapper .capimgbox ul li img{ width:100%; } .factory .fcwrapper .capimgbox ul li .cap{ text-align:center; font-size:0.7rem; padding:10px 0 0 0; } .factory .fcwrapper .slidebox{ width:100%; } .factory .fcwrapper .phbox img{ text-align:center; width:90%; margin: 0 auto; } .factory .moviebox { text-align:center; width:90%; margin: 0 auto; } .factory .moviebox a{ margin:0 auto; display:inline-block; text-align:center; width:100%; } .factory .moviebox a img{ width:100%; } .factory .moviebox a:hover{ opacity:0.8; } }