@charset "utf-8"; /* Theme Name: Amethyst Description: Used to style the TinyMCE editor. */ /* -------------------------------------------------------------- */ /* Amethyst default styles /* -------------------------------------------------------------- */ /** * root element */ @media only screen and (max-width: 48em) { body { position: static; } } /** * text-level semantics */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Arial, Sans-Serif; } h1, h1 > a, h2, h2 > a, h3, h3 > a, h4, h4 > a, h5, h5 > a, h6, h6 > a { color: #222222; } h1:hover, h1 > a:hover, h2:hover, h2 > a:hover, h3:hover, h3 > a:hover, h4:hover, h4 > a:hover, h5:hover, h5 > a:hover, h6:hover, h6 > a:hover { text-decoration: none; } a { color: #e80c7a; text-decoration: none; transition: 0.3s; } a:focus { outline: thin dotted; } a:link, a:visited { color: #e80c7a; } a:hover, a:active, a:focus { outline: 0; color: #91074c; text-decoration: none; } p { color: #222222; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Arial, Sans-Serif; } ::-moz-selection { background: transparent; background-color: #fef5fa; color: #222222; } ::selection { background: transparent; background-color: #fef5fa; color: #222222; } /** * list items */ ul, ol { margin: 0; padding: 0; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Arial, Sans-Serif; list-style: none; } dl { margin-bottom: 2em; } dl:last-child { margin-bottom: 0; } dl dt { margin-bottom: 1em; font-weight: bold; } dl dd { margin-bottom: 1em; } dl dd:last-child { margin-bottom: 0; } /** * grouping content */ iframe { vertical-align: middle; } /** * embedded content */ figure { margin: 0; } img { line-height: 1.0; border: 0; } svg:not(:root) { overflow: hidden; } /** * table */ table { width: 100%; background-color: #ffffff; border-spacing: 0; border-collapse: collapse; font-size: inherit; } table caption { margin: 5px 0; } table thead, table tfoot { background-color: #fafafa; } table thead th, table tfoot th { padding: 8px; font-weight: 600; } table tbody th { padding: 8px; font-weight: 500; } table tbody tr:nth-child(odd) { background-color: #ffffff; } table tbody tr:nth-child(even) { background-color: #fafafa; } table td { padding: 6px; } /** * screen reader text */ .screen-reader-text { display: none; } /* -------------------------------------------------------------- */ /* editor styles /* -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, blockquote, table { margin: 20px 0; } h1 { font-size: 1.375rem; } h2 { font-size: 1.125rem; border-bottom: 1px dotted #dedede; } h3 { font-size: 1.0625rem; } h4 { font-size: 1rem; } h5 { font-size: 0.9375rem; font-weight: normal; } h6 { font-size: 0.875rem; font-weight: normal; } ul { list-style-type: square; } ol { list-style-type: decimal; } ul, ol { margin-left: 16px; } ul li, ol li { margin: 8px; font-size: 0.875rem; line-height: 1.4; } dl dt, dl dd { color: #454545; font-size: 0.875rem; } dl dt { margin-left: 0; font-family: "Helvetica Neue", "Helvetica", "Lato", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Arial, Sans-Serif; } dl dd { margin-left: 14px; } p { color: #454545; font-size: 0.875rem; line-height: 1.5; } blockquote { position: relative; padding: 10px; color: #454545; border: 1px dotted #dedede; font-size: 0.8125rem; } blockquote > * { margin: 0; font-size: 0.8125rem; } blockquote > ul, blockquote ol { margin-left: 16px; } cite, .comment-content cite { font-size: 0.75rem; font-style: normal; } pre { padding: 10px; background-color: #f8f8f8; color: #454545; font-family: Menlo, Consolas, Courier, sans-serif; font-size: 0.75rem; word-wrap: normal; overflow-x: auto; } pre code { background-color: transparent; } code { background-color: #f8f8f8; border: none; border-radius: 3px; color: #cc0000; font-family: Menlo, Consolas, Courier, sans-serif; font-size: 0.75rem; } kbd { padding: 2px 4px; background-color: #313131; border: 1px solid #6f6f6f; border-radius: 3px; color: #ffffff; font-family: Menlo, Consolas, Courier, sans-serif; font-size: 0.75rem; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } address { color: #454545; font-size: 0.875rem; font-style: normal; } ins { padding: 0 4px; background-color: #7fdffd; color: #454545; text-decoration: none; } table { border: 1px solid #dedede; background-color: #ffffff; text-align: left; font-size: 0.875rem; } /* -------------------------------------------------------------- */ /* WordPress classes /* -------------------------------------------------------------- */ /** * caption */ .wp-caption { margin-bottom: 0.9375rem; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { margin: 0.8075em 0; text-align: center; font-size: 0.75rem; } .wp-caption-text a { font-size: 0.75rem; } /** * gallaries */ .gallery { margin-bottom: 0.9375rem; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66667%; } .gallery-columns-7 .gallery-item { max-width: 14.28571%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11111%; } .gallery-icon { padding: 0; background: none; margin-bottom: 10px; } .gallery-caption { display: block; } /** * alignment */ .alignleft { display: inline; float: left; margin-right: 0.9375rem; margin-bottom: 0.9375rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignright { display: inline; float: left; margin-right: 0.9375rem; margin-bottom: 0.9375rem; } .post__editor .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } /* -------------------------------------------------------------- */ /* media queries /* -------------------------------------------------------------- */ @media only screen and (min-width: 40.0625em) { h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, blockquote, table{ margin: 30px 0; } h1 { font-size: 1.75rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } ul, ol { margin-left: 14px; } blockquote > * { margin: 0; } }