/* Theme Name: New Theme Theme URI: Author: the WordPress team Author URI: Description: Version: 1.0 Tags: */ /* -------------------------------------------------- reset -------------------------------------------------- */ * { margin: 0; padding: 0; box-sizing: border-box;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } img{ vertical-align: bottom;} ul{ list-style: none;} ul li{ list-style-type: none;} figure { margin: 0;} /* ============================================================================= Forms ========================================================================== */ form { margin: 0;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend { border: 0;} button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;} button, input { line-height: normal;} button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;} input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top;} input[type="search"]:focus { outline: none;} table { border-collapse: collapse; border-spacing: 0; } /* font-style -------------------------------------------------- */ body { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; /* font-family: "游ゴシック","Yu Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ","Meiryo",sans-serif;*/ font-size: 16px; *font-size:small; *font:x-small; line-height: 1.6; } input, textarea {font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;} .min {font-family: "游明朝", "Yu Mincho", "YuMincho", serif;} .one { font-family: "Poiret One", cursive;} .eng { font-family: "Oswald", sans-serif;} ::selection{ background: #feffaf; color: #000;} ::-moz-selection{ background: #feffaf; color: #000;} a { color:#002159; text-decoration: underline;} a:link { color:#002159;} a:visited{ color:#002159;} a:hover { color:#002159;} a:active { color:#002159;} em{ font-style: normal;} /* utility -------------------------------------------------- */ .cf{ clear: both;} .cf:after{ content: ''; display: block; clear: both;} @media (max-width: 641px) { } #hd { position: absolute; left: 0; top: 0; width: 100%; z-index: 100;} #hd .inner-hd { width: 100%; padding: 20px;} #hd .hd-ctn { display: flex; justify-content: space-between; width: 100%;} #hd .hd-logo { width: 40%;} #hd .hd-logo .puzzle { fill:#3dbfd3;} #hd .hd-logo h1 a { display: block; width: 100%; max-width: 250px;} #hd .hd-logo h1 a svg#logo { display: block; width: 100%; height: 60px; font-size: clamp(32px,8.0vw,60px); font-weight: 900; letter-spacing: 0.1rem; fill: #3dbfd3;} #hd .hd-nav { width: 60%;} #hd .hd-nav ul { font-size: 0; text-align: right;} #hd .hd-nav ul li { position: relative; display: inline-block; padding: 10px; font-size: 18px;} #hd .hd-nav ul li a { position: relative; display: block; padding: 10px 0; z-index: 2;} #hd .hd-nav ul li:after { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #eee; } .pagetop { position: fixed; right: 5%; bottom: 50px; width: 60px; height: 50px; z-index: 10;} .pagetop a { position: relative; display: block; width: 100%; height: 100%; color: #000; font-size: 10px; text-decoration: none;} .pagetop a span { position: relative; display: block; padding-top: 20px; text-align: center; z-index: 2;} .pagetop a:before { content: ''; display: block; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(15deg); z-index: 1; background: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 50%; transition: 0.3s ease; } .pagetop a:hover:before { transform: translate(-50%,-50%) rotate(0deg); } #ft .inner-ft { padding: 20px;} #ft ul { font-size: 0; text-align: center;} #ft ul li { display: inline-block; padding: 0 10px; font-size: 14px;} #ft ul li a { color: #000;} #ft .copyright { padding: 20px; } #ft .copyright p { font-size: 14px; text-align: center;} .wrap { padding-top: 90px;}