��@charset "utf-8"; /* Reset CSS */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } a{ text-decoration:none; } table { border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } strong{ font-weight: bold; } ol,ul,li { list-style: none; margin:0; padding:0; } caption,th { text-align: left; } q:before,q:after { content:''; } abbr,acronym { border: 0; } .wWrapper_old{ top:0; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; overflow: hidden; } .clearfix:after { clear: both; } .work_box { position: relative; width: 90%; max-width: 1300px; margin: 0 auto; } .work_box article { width: 100%; margin: 0 auto; } .work_box article ul { padding: 40px 0; margin: 60px 0 400px; text-align: center; } .normal { margin: 0 5px 20px; vertical-align: top; display: inline-block; } .work_box article ul li p { position: relative; text-align: left; } .works_txt { max-width: 580px; padding: 0; margin-top: 0px; } .title { padding-bottom: 15px; font-size: 12px; font-weight: bold; letter-spacing: 0.14em; line-height: 2em; } .txt { font-size: 10px; line-height: 2.5em; letter-spacing: 0.15em; } .works_txt a { color: #000; } .works_txt a:hover { color: #ccc; } .an_ph { width: 100%; height: 100%; } .sub_menu { position: fixed; top: 30px; left: 30px; z-index:0; } .ap_title { margin: 0 0 20px; font-size: 14pt; font-weight: bold; letter-spacing: 0.2em; } .sub_menu p { font-size: 10px; line-height: 2.7em; letter-spacing: 0.1em; } .sub_menu p a {color:#000;} .sub_menu p a:hover {color:#ccc;} .video { position: relative; width: 600px; height: 0; margin : 0 auto; padding: 0 0 56.25%; overflow: hidden; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wide { width: 100%; max-width: 600px; margin: 0 auto; padding: 0 5px 20px; }