diff --git a/css/sub.css b/css/sub.css index a156523..9a2573d 100644 --- a/css/sub.css +++ b/css/sub.css @@ -7,6 +7,12 @@ background-color: #ffff7f; } +h2 { +font-size:x-large; + font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; +} + + /* header */ header { text-align: center; @@ -20,20 +26,20 @@ /* menu */ -table, tr, td { +#menu table, tr, td { border: 1px solid #ffff7f; border-collapse: collapse } -table { +#menu table { height: 60px; text-align: center; } -table td{ +#menu table td{ margin: 5px; } -table tr td { +#menu table tr td { padding-left: 14px; padding-right: 14px; border-left: 3px dotted orange; @@ -110,6 +116,88 @@ transition: 0.3s; } +/* Q&A */ +label:not(.label) { + background: #FFF0F5; + color: #000; + padding: 10px; + display: block; + margin: 0; + border: 1px solid #fff; + cursor: pointer; +} + +label:hover:not(.label) { + background: #FF6699; +} + +input[type="checkbox"].on-off{ + display: none; +} + +input[type="checkbox"].on-off + section{ + display: none; +} + +input[type="checkbox"].on-off:checked + section{ + display: block; +} + +section.qa{ + padding:1ex; +} + +/* Q&A print */ +@media print{ + header{ + display: none; + } + + nav{ + display: none; + } + + footer{ + display: none; + } + + .main_contents{ + background-color:#fff; + margin:0; + padding:5px; + width:1000px; + float:left; + } + .qa{ + padding:0; + } + label { + background: #FFF0F5; + color: #000; + padding:0; + display: block; + margin: 0; + border: 1px solid #fff; + cursor: pointer; + } + + input[type="checkbox"].on-off + section{ + display: block; + } + + input[type="checkbox"].on-off:checked + section{ + display: block; + } +} + +a.link{ + display:block; + text-decoration:none; + color:#463a1c; +} + + + /* footer */