*{ margin: 0px; padding: 0px; font-family: Roboto,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3'; font-size: calc(12px + 0.25vw); color: #333; outline: none; caret-color: transparent; } a{ display: inline-block; width: 100%; height: 100%; text-decoration: none; cursor: pointer; } li { list-style: none; } h1,h2,h3,h4,h5,h6{ line-height: 1em; } h1{ font-size: calc(32px + 0.25vw); } h2{ font-size: calc(26px + 0.25vw); } h3{ font-size: calc(21px + 0.25vw); } h4{ font-size: calc(18px + 0.25vw); } h5{ font-size: calc(15px + 0.25vw); } h6{ font-size: calc(11px + 0.25vw); color: #666; } p{ line-height: 1.4em; } input{ background: #eee; border: 0px; border-radius: 6px; color: #555; caret-color: #aaa; } input:focus{ background: #aaf; outline: 0; border: none; color: #fff; } table{ width: 100%; height: 210px; border-collapse: collapse; text-align: center; } caption{ height: 50px; line-height: 1.4em; } .capspan1{ font-size: 10pt; font-weight: normal; } .capspan2{ font-size: 18pt; } thead{ border-bottom: 1px solid #ddd; } table th{ height: 29px; border: 0; } table td{ height: 30px; border: 0; } .dayC1{ background: #f6f6f6; } audio{ width: 100%; background: #f4f4f4; border-bottom: 1px solid #ddd; border-radius: 6px; } /*--------[z-index_1000,2000,7000,9000]--------*/ /*-----------------------------------------------*/ /*-------------------▼全体の設定------------------*/ /*-----------------------------------------------*/ body{ background: #fafafa; } /*====================*/ /*====================*/ /*=======[#all]=======*/ /*====================*/ /*====================*/ #all{ width: 100vw; height: 100vh; overflow: hidden; } /*=---=---=---=---=---=---*/ /*=--=---[#wrapp]=---=-*/ /*=---=---=---=---=---=---*/ #wrapp{ margin-right: auto; margin-left: auto; width: 50%; min-width: 300px; } #c1{ width: 100%; height: 300px; background: radial-gradient(#fff6f6 30%,transparent); font-size: 18pt; font-weight: bold; line-height: 300px; text-align: center; } #mark{ margin-top: -130px; margin-left: calc( 50% - 40px ); width: 80px; height: 40px; } #c1mark{ float: left; width: 40px; height: 40px; background: url('c1mark.png') 0px 0px no-repeat; background-size: 40px; } #c1markP{ margin-left: 40px; width: 40px; height: 40px; background: url('c1mark_p2.png') 0px 0px no-repeat; background-size: 40px; } #c1explain{ width: 100%; font-size: 11pt; font-weight: normal; text-align: center; } #link1{ margin-left: calc( 50% - 150px ); width: 298px; height: 46px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ccc; border-radius: 6px; background: #334; line-height: 46px; text-align: center; cursor: pointer; } #link1 a{ color: #fff; } #link1:hover{ border-top: 3px solid #aaf; border-right: 1px solid #bbf; border-bottom: 1px solid #fbb; border-left: 1px solid #bbf; } #link2{ margin-top: 10px; margin-left: calc( 50% - 150px ); width: 298px; height: 36px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ccc; border-radius: 6px; line-height: 36px; text-align: center; }