@charset "UTF-8";
@charset "UTF-8";
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
 .off1200,
.off1170,
.off1100,
.off991,
.off850,
.off767,
.off640,
.off480,
.off375,
.off360,
.off320 {
display: block !important;
}
.on1200,
.on1170,
.on1100,
.on991,
.on850,
.on767,
.on640,
.on480,
.on375,
.on360,
.on320 {
display: none !important;
}
@media (max-width: 1200px) {
.off1200 {
display: none !important;
}
.on1200 {
display: block !important;
}
}
@media (max-width: 1170px) {
.off1170 {
display: none !important;
}
.on1170 {
display: block !important;
}
}
@media (max-width: 1100px) {
.off1100 {
display: none !important;
}
.on1100 {
display: block !important;
}
}
@media (max-width: 991px) {
.off991 {
display: none !important;
}
.on991 {
display: block !important;
}
}
@media (max-width: 850px) {
.off850 {
display: none !important;
}
.on850 {
display: block !important;
}
}
@media (max-width: 767px) {
.off767 {
display: none !important;
}
.on767 {
display: block !important;
}
}
@media (max-width: 640px) {
.off640 {
display: none !important;
}
.on640 {
display: block !important;
}
}
@media (max-width: 480px) {
.off480 {
display: none !important;
}
.on480 {
display: block !important;
}
}
@media (max-width: 375px) {
.off375 {
display: none !important;
}
.on375 {
display: block !important;
}
}
@media (max-width: 360px) {
.off360 {
display: none !important;
}
.on360 {
display: block !important;
}
}
@media (max-width: 320px) {
.off320 {
display: none !important;
}
.on320 {
display: block !important;
}
} .scroll-box::-webkit-scrollbar {
display: none;
} ::-webkit-scrollbar {
display: none;
}
.scroller {
margin: 0 auto;
width: 200px;
height: 280px;
overflow-y: scroll;
background-color: #f8e9f2;
border: solid 4px #DE94BF;
border-radius: 5px;
}
.scroller::-webkit-scrollbar {
width: 8px;
background-color: #DE94BF;
}
.scroller::-webkit-scrollbar-thumb {
background: #FAF8D8;
width: 6px;
border-radius: 5px;
}
ins.adsbygoogle {
background: transparent !important;
}
.add_cate {
text-align: center;
margin-top: 5rem;
font-size: 2rem;
}
.add_cate span {
font-size: 1.4rem;
} * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow-y: scroll;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
font-size: 10px;
font-size: 62.5%;
word-break: break-word;
}
html.active {
overflow: hidden;
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
margin-bottom: 0 !important;
letter-spacing: 2px;
padding-bottom: 0 !important;
color: #505050;
}
body {
-webkit-animation-name: fadein;
animation-name: fadein;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
h1, h2, h3, h4, h5, h6, .font-min {
font-size: 100%;
font-weight: 800;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .font-min span {
font-weight: 400;
}
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd, li,
table, td, th,
address,
blockquote, form, fieldset, legend, div, hr, pre {
margin: 0;
padding: 0;
font-style: normal;
font-size: 100%;
list-style: none;
}
h1 {
font-size: 260%;
}
h2 {
font-size: 190%;
}
h2.center {
text-align: center;
margin: 3rem 0;
color: #dfb98c;
}
@media (max-width: 1200px) {
h1 {
font-size: 220%;
}
h2 {
font-size: 180%;
}
}
@media (max-width: 767px) {
h2 {
font-size: 160%;
}
}
@media (max-width: 640px) {
h2 {
font-size: 150%;
}
}
@media (max-width: 480px) {
h2 {
letter-spacing: 1px;
font-size: 120%;
}
}
h1.page-title {
font-size: 2.5rem;
border-bottom: dashed 1px #ccc;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
header.entry-header {
text-align: center;
border-bottom: solid 1px #ddd;
padding: 3rem 0;
margin-bottom: 3rem;
}
header.entry-header h2.entry-title {
font-size: 2.2rem;
}
header.entry-header h2.entry-title a {
position: relative;
padding: 1rem;
display: block;
}
header.entry-header h2.entry-title a::before {
content: "";
width: 5px;
height: 5px;
display: inline-block;
background: #151516;
border-radius: 100%;
position: absolute;
left: -12px;
top: 27px;
}
@media (hover: hover) {
header.entry-header h2.entry-title a:hover {
background: #2884ce;
color: #fff;
}
}
@media (hover: none) {
header.entry-header h2.entry-title a:active {
background: #2884ce;
color: #fff;
}
}
header.entry-header .entry-title {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
font-size: 2.5rem;
}
@media (max-width: 1200px) {
header.entry-header .entry-title {
font-size: 2.2rem;
}
}
header.entry-header .entry-title span.title_note {
padding-left: 0;
font-size: 1.6rem;
}
header.entry-header span {
padding-left: 1rem;
}
figure {
margin: 0 0 2rem;
}
figure img {
width: 100%;
height: auto;
}
img,
object,
embed {
border: 0;
vertical-align: top;
outline: none;
max-width: 100%;
height: auto;
}
object:focus {
outline: none;
}
embed:focus {
outline: none;
}
input[type="button"],
input[type="text"],
input[type="submit"] {
-webkit-appearance: none;
}
button {
background-color: transparent;
border: 0;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
::-webkit-input-placeholder {
color: #ccc;
}
::-moz-placeholder {
color: #ccc;
}
:-moz-placeholder {
color: #ccc;
}
:-ms-input-placeholder {
color: #ccc;
}
a, button {
color: #505050;
outline: none;
text-decoration: none;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
}
@media (hover: hover) {
a:hover, button:hover {
color: #505050;
cursor: pointer;
}
}
@media (hover: none) {
a:active, button:active {
color: #505050;
cursor: pointer;
}
}
a:visited, button:visited {
color: #505050;
}
a:focus, button:focus {
outline: none;
}
img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
vertical-align: top;
}
b, strong {
font-weight: 800;
}
div,
ul,
section,
article {
width: auto;
zoom: 1;
}
aside,
li,
dd,
ul,
section,
article {
zoom: 1;
}
span.footer-note {
display: block;
text-align: right;
position: relative;
bottom: -20px;
font-size: 12px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
border-color: #82c0eb #82c0eb #4ea6e2;
background: #82c0eb;
color: #fff;
}
@media (hover: hover) {
a img:hover {
opacity: 0.8;
}
}
@media (hover: none) {
a img:active {
opacity: 0.8;
}
} div#survey-modal h2,
div#survey h2 {
text-align: center;
}
div#survey-modal select,
div#survey select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
div#survey-modal .ff-default .ff-el-input--label label,
div#survey .ff-default .ff-el-input--label label {
font-size: 2.5rem;
font-weight: 600;
}
div#survey-modal .ff-el-input--content,
div#survey .ff-el-input--content {
padding: 0 0 0 1rem;
}
div#survey-modal .ff-default .ff-el-form-control,
div#survey .ff-default .ff-el-form-control {
font-size: 2rem;
}
div#survey-modal .ff-default .ff-el-form-check label,
div#survey .ff-default .ff-el-form-check label {
font-size: 2rem;
}
div#survey-modal form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style),
div#survey form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) {
background: #000000;
width: 22rem;
font-size: 2rem;
}
div#survey-modal button#close-modal, div#survey-modal button#no-answer-btn,
div#survey button#close-modal,
div#survey button#no-answer-btn {
cursor: pointer;
width: 22rem;
font-size: 2rem;
font-weight: 500;
line-height: 1.5;
padding: 8px 20px;
position: relative;
text-align: center;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-o-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
margin: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
border-radius: 7px;
color: #fff;
background: #000000;
}
@media (hover: hover) {
div#survey-modal button#close-modal:hover, div#survey-modal button#no-answer-btn:hover,
div#survey button#close-modal:hover,
div#survey button#no-answer-btn:hover {
opacity: 0.8;
}
}
@media (hover: none) {
div#survey-modal button#close-modal:active, div#survey-modal button#no-answer-btn:active,
div#survey button#close-modal:active,
div#survey button#no-answer-btn:active {
opacity: 0.8;
}
}
div#survey-modal button#no-answer-btn,
div#survey button#no-answer-btn {
margin-top: 2rem;
background: #b2b2b2;
}
div#survey-modal .ff-message-success,
div#survey .ff-message-success {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 2rem;
text-align: center;
font-size: 1.8rem;
}
header#masthead {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
width: 100%;
height: 60px;
padding: 0 1.5rem;
z-index: 1;
border-bottom: solid 1px #ddd;
z-index: 11111;  }
@media (max-width: 1200px) {
header#masthead {
height: 52px;
}
}
header#masthead .header-inner {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header#masthead .site-branding {
width: 21rem;
}
header#masthead .site-branding .site-title {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 800;
font-size: 2.4rem;
position: relative;
clip: initial;
}
header#masthead .site-branding .site-title span.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
header#masthead .site-branding .site-title a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
color: #000000;
}
@media (max-width: 1200px) {
header#masthead .search_question {
width: calc(100% - 30rem);
margin-right: 1.5rem;
}
}
@media (max-width: 767px) {
header#masthead .search_question {
display: none;
}
}
header#masthead .search_question input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 7px;
margin: 5px 0;
border: 1px solid #999;
border-radius: 5rem;
}
header#masthead .search_question #form {
position: relative;
width: 50rem;
}
@media (max-width: 1200px) {
header#masthead .search_question #form {
width: 100%;
}
}
header#masthead .search_question #s-box {
width: 100%;
font-size: 1.6rem;
}
header#masthead .search_question #s-btn-area {
position: absolute;
width: 38px;
height: 38px;
top: calc(50% - 19px);
right: 0;
border-radius: 100%;
background: #999;
}
header#masthead .search_question #s-btn-area::before {
position: absolute;
content: '';
width: 15px;
height: 15px;
top: calc(50% - 9px);
left: calc(50% - 9px);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
}
header#masthead .search_question #s-btn-area::after {
position: absolute;
content: '';
width: 8px;
height: 6px;
top: calc(50% + 6px);
left: calc(50% + 2px);
border-top: solid 2px #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header#masthead .search-mobile {
display: none;
position: relative;
}
@media (max-width: 767px) {
header#masthead .search-mobile {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
margin: 0 1rem 0 0;
width: calc(100% - 26rem);
}
}
header#masthead .search-mobile button {
position: absolute;
width: 38px;
height: 38px;
top: calc(50% - 19px);
right: 0;
border-radius: 100%;
background: #999;
}
header#masthead .search-mobile button::before {
position: absolute;
content: '';
width: 15px;
height: 15px;
top: calc(50% - 9px);
left: calc(50% - 9px);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
}
header#masthead .search-mobile button::after {
position: absolute;
content: '';
width: 8px;
height: 6px;
top: calc(50% + 6px);
left: calc(50% + 2px);
border-top: solid 2px #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header#masthead .search-modal {
display: none; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header#masthead .search-modal-content {
background: #fff;
padding: 6rem 2rem;
border-radius: 1rem;
text-align: center;
width: 100%;
max-width: 95%;
}
header#masthead .search-modal-content #form {
position: relative;
width: 100%;
}
header#masthead .search-modal-content #s-box {
width: 100%;
font-size: 1.6rem;
border-radius: 1rem;
padding: 0.7rem;
}
header#masthead .search-modal-content #s-btn-area {
position: absolute;
width: 38px;
height: 38px;
top: calc(50% - 19px);
right: 0;
border-radius: 100%;
background: #999;
}
header#masthead .search-modal-content #s-btn-area::before {
position: absolute;
content: '';
width: 15px;
height: 15px;
top: calc(50% - 9px);
left: calc(50% - 9px);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
}
header#masthead .search-modal-content #s-btn-area::after {
position: absolute;
content: '';
width: 8px;
height: 6px;
top: calc(50% + 6px);
left: calc(50% + 2px);
border-top: solid 2px #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header#masthead #search-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
}
.add_post a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #000000;
background: #000000;
color: #fff;
font-weight: 500;
border-radius: 5rem;
padding: 0.3rem 2rem;
}
@media (max-width: 1200px) {
.add_post a {
width: 38px;
height: 38px;
padding: 0;
margin: 0;
}
}
@media (hover: hover) {
.add_post a:hover {
opacity: 0.8;
}
}
@media (hover: none) {
.add_post a:active {
opacity: 0.8;
}
}
.add_post .dli-plus {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 1em;
height: 0.2em;
background: currentColor;
border-radius: 0.1em;
position: relative;
margin-right: 0.5rem;
}
@media (max-width: 1200px) {
.add_post .dli-plus {
margin-right: 0;
}
}
.add_post .dli-plus::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
border-radius: inherit;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
@media (max-width: 1200px) {
.add_post span.make {
display: none;
}
}
#sp_nav {
display: block;
top: 5.3rem;
left: 0;
z-index: 12; }
#sp_nav #nav_hbg {
cursor: pointer;
z-index: 21;
left: 10px;
top: -4.8rem;
}
#sp_nav #nav_hbg div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
width: 40px;
height: 40px;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 99;
}
#sp_nav #nav_hbg div.clicked {
left: 255px;
top: 5px;
position: absolute;
background: #fff;
width: 40px;
height: 40px;
padding: 4px;
border-radius: 100%;
border: solid 1px #ddd;
}
@media (max-width: 480px) {
#sp_nav #nav_hbg div.clicked {
right: 115px;
left: auto;
}
}
#sp_nav #nav_hbg div span {
width: 100%;
height: 2px;
background-color: #232323;
-webkit-transition: opacity 0.1s ease, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.1s ease, -webkit-transform 0.3s ease-in-out;
-o-transition: opacity 0.1s ease, transform 0.3s ease-in-out;
transition: opacity 0.1s ease, transform 0.3s ease-in-out;
transition: opacity 0.1s ease, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
#sp_nav .clicked span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(135deg);
-ms-transform: translateY(10px) rotate(135deg);
transform: translateY(10px) rotate(135deg);
background-color: #232323 !important;
}
#sp_nav .clicked span:nth-child(2) {
opacity: 0;
}
#sp_nav .clicked span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(-135deg);
-ms-transform: translateY(-10px) rotate(-135deg);
transform: translateY(-10px) rotate(-135deg);
background-color: #232323 !important;
}
#sp_nav #sp_nav_menu {
position: absolute;
top: 0;
left: -30rem;
right: 0;
bottom: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 20;
background: #fff;
width: 30rem;
}
#sp_nav #sp_nav_menu.opened {
position: relative;
left: -15px;
border-right: 1px solid #ddd;
}
#sp_nav #sp_nav_menu .site-branding {
padding: 5.5rem 1.5rem;
}
@media (max-width: 640px) {
#sp_nav #sp_nav_menu .site-branding {
padding: 30px 1.5rem;
}
}
@media (max-width: 480px) {
#sp_nav #sp_nav_menu .site-branding {
padding: 25px 1.5rem;
}
}
#sp_nav #sp_nav_menu .menu_area {
overflow-y: scroll;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: relative;
padding-bottom: 12rem;
}
#sp_nav #sp_nav_menu .menu_area li a {
font-size: 2rem;
font-weight: 500;
padding: 2rem;
display: block;
border-bottom: dashed 1px #ddd;
}
#sp_nav #sp_nav_menu .menu_area li a:hover,
#sp_nav #sp_nav_menu .menu_area li.current-menu-item a {
color: #a1181a;
background: #f3f3f3;
} .search_list {
padding: 0 5rem;
}
@media (max-width: 480px) {
.search_list {
padding: 0 2rem;
}
}
.nav-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 3rem 0 0;
gap: 1rem;
}
.nav-links .page-numbers {
width: 3rem;
height: 3rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
background: #f3f3f3;
}
@media (hover: hover) {
.nav-links .page-numbers:hover {
background: #000000;
color: #fff;
}
}
@media (hover: none) {
.nav-links .page-numbers:active {
background: #000000;
color: #fff;
}
}
.nav-links .page-numbers.current {
background: #000000;
color: #fff;
font-weight: 600;
}
.nav-links .page-numbers.dots {
background: none;
}
.nav-links .page-numbers.prev, .nav-links .page-numbers.next {
width: auto;
background: none;
}
@media (hover: hover) {
.nav-links .page-numbers.prev:hover, .nav-links .page-numbers.next:hover {
color: #333;
}
}
@media (hover: none) {
.nav-links .page-numbers.prev:active, .nav-links .page-numbers.next:active {
color: #333;
}
}
div#comments h2 span {
font-size: 2.4rem;
} .post_list, .comments, .popularity, .favorite {
padding: 0 5rem;
}
@media (max-width: 640px) {
.post_list, .comments, .popularity, .favorite {
padding: 0 2rem 2rem;
}
}
@media (max-width: 480px) {
.post_list, .comments, .popularity, .favorite {
padding: 0 1rem 2rem;
}
}   .favorite button.simplefavorites-clear {
color: #fff;
font-size: 16px;
background: #000000;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 20px auto 10px;
padding: 10px 15px;
}
@media (hover: hover) {
.favorite button.simplefavorites-clear:hover {
background: #f54834;
}
}
@media (hover: none) {
.favorite button.simplefavorites-clear:active {
background: #f54834;
}
} .top_contents {
padding: 0 5rem 5rem;
}
@media (max-width: 640px) {
.top_contents {
padding: 0 2rem 2rem;
}
}
@media (max-width: 480px) {
.top_contents {
padding: 0 1rem 2rem;
}
}
.top_contents h2.top_h2 {
font-size: 2.5rem;
font-weight: 800;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 2rem 1rem;
border-bottom: solid 1px #ddd;
}
.top_contents h2.top_h2 img {
width: 35px;
margin-right: 5px;
}
.top_contents .more_look {
text-align: right;
margin-top: -4rem;
margin-bottom: 5rem;
padding-right: 2rem;
}
.top_contents .more_look a {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #000000;
background: #000000;
color: #fff;
font-weight: 500;
border-radius: 1rem;
padding: 0.5rem 2rem;
font-size: 2rem;
}
@media (hover: hover) {
.top_contents .more_look a:hover {
opacity: 0.8;
}
}
@media (hover: none) {
.top_contents .more_look a:active {
opacity: 0.8;
}
}
.top_contents .comments {
padding: 0;
margin-top: 5rem;
}
.top_contents .top_ad {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top_contents .hot_category .category_list {
margin: 5rem 0 8rem;
}
@media (max-width: 640px) {
.top_contents .hot_category .category_list {
padding: 0;
}
}
.top_contents .hot_category .category_list ul.list_inner {
margin-top: 3rem;
}
@media (max-width: 1759px) {
.top_contents .hot_category .category_list ul.list_inner {
gap: 20px 2%;
}
.top_contents .hot_category .category_list ul.list_inner li.list_item {
width: 49%;
max-width: 100%;
}
}
@media (max-width: 640px) {
.top_contents .hot_category .category_list ul.list_inner li.list_item {
width: 100%;
}
} .about_area {
padding: 0 5rem;
}
@media (max-width: 480px) {
.about_area {
padding: 0 2rem;
}
}
.about_area .site-branding {
text-align: center;
}
.about_area .site-branding p {
font-size: 2rem;
}
.about_area .kiyaku {
max-width: 150rem;
margin: 5rem auto 0;
border: solid 1px #dbdbdb;
padding: 2rem;
background: #f6f6f6;
}
.about_area .kiyaku h3 {
font-size: 2rem;
}
.about_area .kiyaku p {
font-size: 1.6rem;
padding-bottom: 2rem;
border-bottom: dashed 1px;
margin-bottom: 2rem;
}
.about_area .kiyaku li {
font-size: 1.6rem;
text-indent: -1.5rem;
padding-left: 1.5rem;
}
.about_area .kiyaku li:not(:last-child) {
margin-bottom: 2rem;
}
.about_area .kiyaku li.title {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 1rem;
} .blocked {
text-align: center;
margin-top: 5rem;
font-size: 2rem;
} main {
width: 100%;
margin-top: 60px;
}
@media (max-width: 1200px) {
main {
margin-top: 52px;
}
}
main .page_inner {
width: 100%;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
main .page_inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
main .page_inner #main_area {
width: calc(100% - 30rem);
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 30rem;
}
@media (max-width: 1200px) {
main .page_inner #main_area {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 991px) {
main .page_inner #main_area {
width: 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
main .page_inner #main_area .section-inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
main .page_inner #main_area .newposts {
width: calc(100% - 30rem);
padding-bottom: 2rem;
}
@media (max-width: 991px) {
main .page_inner #main_area .newposts {
width: 100%;
}
}
main .page_inner #main_area .newposts > .ad_box {
margin-top: 2rem;
}
main .page_inner #main_area .newposts .add_post_box {
text-align: center;
margin: 30px 0;
}
main .page_inner #main_area .newposts .add_post_box .add_post {
display: inline-block;
}
main .page_inner #main_area .newposts .add_post_box .add_post a {
width: auto;
height: auto;
padding: 0.3rem 2rem;
}
@media (max-width: 1200px) {
main .page_inner #main_area .newposts .add_post_box .add_post .dli-plus {
margin-right: 0.5rem;
}
}
main .page_inner #main_area .newposts .add_post_box .add_post span.make {
font-size: 2rem;
}
@media (max-width: 1200px) {
main .page_inner #main_area .newposts .add_post_box .add_post span.make {
display: block;
}
}
main .page_inner #main_area .newposts .add_post_box .oshirase {
max-width: 530px;
margin: auto;
}
main .page_inner #main_area .newposts .add_post_box .oshirase b {
display: block;
border-bottom: dashed 1px;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
main .page_inner #main_area .newposts .add_post_box .oshirase p {
text-align: left;
}
main .page_inner #main_area .favorites-list li {
border-top: none;
padding: 0;
}
main .page_inner #main_area .alm-masonry {
margin-bottom: 5rem;
padding: 0 5rem;
}
@media (max-width: 480px) {
main .page_inner #main_area .alm-masonry {
padding: 0 2rem;
}
}
main .page_inner #main_area #ajax-load-more,
main .page_inner #main_area .favorites-list,
main .page_inner #main_area .gpt-list {
width: 100%;
margin-bottom: 5rem;
}
main .page_inner #main_area #ajax-load-more .alm-item,
main .page_inner #main_area .favorites-list .alm-item,
main .page_inner #main_area .gpt-list .alm-item {
position: relative;
width: 100%;
border-bottom: dashed 1px #ddd;
}
main .page_inner #main_area #ajax-load-more .alm-item.ads,
main .page_inner #main_area .favorites-list .alm-item.ads,
main .page_inner #main_area .gpt-list .alm-item.ads {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
main .page_inner #main_area #ajax-load-more .alm-item a,
main .page_inner #main_area .favorites-list .alm-item a,
main .page_inner #main_area .gpt-list .alm-item a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2rem;
border-radius: 2rem;
margin: 1rem 0;
width: 100%;
}
@media (max-width: 480px) {
main .page_inner #main_area #ajax-load-more .alm-item a,
main .page_inner #main_area .favorites-list .alm-item a,
main .page_inner #main_area .gpt-list .alm-item a {
padding: 1rem;
border-radius: 1rem;
}
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area,
main .page_inner #main_area .favorites-list .alm-item a .text-area,
main .page_inner #main_area .gpt-list .alm-item a .text-area {
display: block;
width: calc(100% - 15rem);
}
@media (max-width: 640px) {
main .page_inner #main_area #ajax-load-more .alm-item a .text-area,
main .page_inner #main_area .favorites-list .alm-item a .text-area,
main .page_inner #main_area .gpt-list .alm-item a .text-area {
width: 100%;
margin-bottom: 2rem;
}
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area .post-meta,
main .page_inner #main_area .favorites-list .alm-item a .text-area .post-meta,
main .page_inner #main_area .gpt-list .alm-item a .text-area .post-meta {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.4rem;
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area .post-meta .cate_come,
main .page_inner #main_area .favorites-list .alm-item a .text-area .post-meta .cate_come,
main .page_inner #main_area .gpt-list .alm-item a .text-area .post-meta .cate_come {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px;
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area .post-meta .name_date,
main .page_inner #main_area .favorites-list .alm-item a .text-area .post-meta .name_date,
main .page_inner #main_area .gpt-list .alm-item a .text-area .post-meta .name_date {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area .post-meta .cate,
main .page_inner #main_area .favorites-list .alm-item a .text-area .post-meta .cate,
main .page_inner #main_area .gpt-list .alm-item a .text-area .post-meta .cate {
width: 100%;
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area p.entry-meta,
main .page_inner #main_area #ajax-load-more .alm-item a .text-area p.comment-count,
main .page_inner #main_area #ajax-load-more .alm-item a .text-area p.entry-category,
main .page_inner #main_area .favorites-list .alm-item a .text-area p.entry-meta,
main .page_inner #main_area .favorites-list .alm-item a .text-area p.comment-count,
main .page_inner #main_area .favorites-list .alm-item a .text-area p.entry-category,
main .page_inner #main_area .gpt-list .alm-item a .text-area p.entry-meta,
main .page_inner #main_area .gpt-list .alm-item a .text-area p.comment-count,
main .page_inner #main_area .gpt-list .alm-item a .text-area p.entry-category {
font-size: 1.4rem;
}
main .page_inner #main_area #ajax-load-more .alm-item a .text-area .entry-meta,
main .page_inner #main_area .favorites-list .alm-item a .text-area .entry-meta,
main .page_inner #main_area .gpt-list .alm-item a .text-area .entry-meta {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.4rem;
}
main .page_inner #main_area #ajax-load-more .alm-item a .img-area,
main .page_inner #main_area .favorites-list .alm-item a .img-area,
main .page_inner #main_area .gpt-list .alm-item a .img-area {
display: block;
width: 15rem;
}
@media (max-width: 640px) {
main .page_inner #main_area #ajax-load-more .alm-item a .img-area,
main .page_inner #main_area .favorites-list .alm-item a .img-area,
main .page_inner #main_area .gpt-list .alm-item a .img-area {
width: 100%;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
main .page_inner #main_area #ajax-load-more .alm-item a .img-area img,
main .page_inner #main_area .favorites-list .alm-item a .img-area img,
main .page_inner #main_area .gpt-list .alm-item a .img-area img {
border-radius: 1rem;
}
@media (hover: hover) {
main .page_inner #main_area #ajax-load-more .alm-item a:hover,
main .page_inner #main_area .favorites-list .alm-item a:hover,
main .page_inner #main_area .gpt-list .alm-item a:hover {
background: #f3f3f3;
}
}
@media (hover: none) {
main .page_inner #main_area #ajax-load-more .alm-item a:active,
main .page_inner #main_area .favorites-list .alm-item a:active,
main .page_inner #main_area .gpt-list .alm-item a:active {
background: #f3f3f3;
}
}
main .page_inner #main_area #ajax-load-more .alm-item a.admin-post .text-area p.entry-meta span,
main .page_inner #main_area .favorites-list .alm-item a.admin-post .text-area p.entry-meta span,
main .page_inner #main_area .gpt-list .alm-item a.admin-post .text-area p.entry-meta span {
color: #fa8272;
font-weight: 600;
}
main .page_inner #main_area #ajax-load-more .alm-item.no-img .text-area,
main .page_inner #main_area .favorites-list .alm-item.no-img .text-area,
main .page_inner #main_area .gpt-list .alm-item.no-img .text-area {
width: 100%;
}
main .page_inner #main_area #ajax-load-more .alm-item.no-img .text-area .post-meta,
main .page_inner #main_area .favorites-list .alm-item.no-img .text-area .post-meta,
main .page_inner #main_area .gpt-list .alm-item.no-img .text-area .post-meta {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.4rem;
}
main .page_inner #main_area #ajax-load-more .alm-item.no-img .text-area .post-meta .name_date,
main .page_inner #main_area .favorites-list .alm-item.no-img .text-area .post-meta .name_date,
main .page_inner #main_area .gpt-list .alm-item.no-img .text-area .post-meta .name_date {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
main .page_inner #main_area #ajax-load-more .alm-item.no-img .text-area .post-meta .cate,
main .page_inner #main_area .favorites-list .alm-item.no-img .text-area .post-meta .cate,
main .page_inner #main_area .gpt-list .alm-item.no-img .text-area .post-meta .cate {
width: 100%;
}
main .page_inner #main_area #ajax-load-more .alm-btn-wrap,
main .page_inner #main_area .favorites-list .alm-btn-wrap,
main .page_inner #main_area .gpt-list .alm-btn-wrap {
text-align: center;
}
main .page_inner #main_area #ajax-load-more .alm-btn-wrap button.alm-load-more-btn,
main .page_inner #main_area .favorites-list .alm-btn-wrap button.alm-load-more-btn,
main .page_inner #main_area .gpt-list .alm-btn-wrap button.alm-load-more-btn {
font-size: 2rem;
padding: 1rem 2rem;
}
main .page_inner #main_area #ajax-load-more .alm-btn-wrap button.alm-load-more-btn .done,
main .page_inner #main_area .favorites-list .alm-btn-wrap button.alm-load-more-btn .done,
main .page_inner #main_area .gpt-list .alm-btn-wrap button.alm-load-more-btn .done {
cursor: default;
background: #ddd;
}
@media (hover: hover) {
main .page_inner #main_area #ajax-load-more .alm-btn-wrap button.alm-load-more-btn .done:hover,
main .page_inner #main_area .favorites-list .alm-btn-wrap button.alm-load-more-btn .done:hover,
main .page_inner #main_area .gpt-list .alm-btn-wrap button.alm-load-more-btn .done:hover {
color: #fff;
}
}
@media (hover: none) {
main .page_inner #main_area #ajax-load-more .alm-btn-wrap button.alm-load-more-btn .done:active,
main .page_inner #main_area .favorites-list .alm-btn-wrap button.alm-load-more-btn .done:active,
main .page_inner #main_area .gpt-list .alm-btn-wrap button.alm-load-more-btn .done:active {
color: #fff;
}
}
main .page_inner #main_area .alm-listing {
padding: 0 5rem 5rem;
}
@media (max-width: 640px) {
main .page_inner #main_area .alm-listing {
padding: 0 2rem 2rem;
}
}
main .page_inner #main_area .make_question {
margin: 5rem 0 3rem;
}
main .page_inner #main_area .make_question ul.wpuf-form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
main .page_inner #main_area .make_question ul.wpuf-form li.post_title.field-size-large {
width: 100%;
margin: 0;
padding: 0;
}
main .page_inner #main_area .make_question ul.wpuf-form li.post_title.field-size-large .wpuf-label {
display: none;
}
main .page_inner #main_area .make_question ul.wpuf-form li.post_title.field-size-large .wpuf-fields {
width: 100%;
}
main .page_inner #main_area .make_question ul.wpuf-form li.post_title.field-size-large .wpuf-fields input {
width: 100%;
font-size: 16px;
padding: 6px;
}
main .page_inner #main_area .make_question ul.wpuf-form li.wpuf-submit {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 0;
width: 88px;
margin-bottom: 5px;
}
main .page_inner #main_area .make_question ul.wpuf-form li.wpuf-submit input[type="button"], main .page_inner #main_area .make_question ul.wpuf-form li.wpuf-submit input[type="text"], main .page_inner #main_area .make_question ul.wpuf-form li.wpuf-submit input[type="submit"] {
width: 100%;
font-size: 16px;
}
main .page_inner #main_area .make_post {
padding: 0 5rem;
}
@media (max-width: 480px) {
main .page_inner #main_area .make_post {
padding: 0 2rem;
}
}
main .page_inner #main_area ul.gpt_post {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main .page_inner #main_area ul.gpt_post li {
width: 100%;
margin-bottom: 1rem;
}
main .page_inner #main_area ul.gpt_post li label {
font-size: 1.8rem;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
main .page_inner #main_area ul.gpt_post li label span {
margin-left: 0.5rem;
display: inline-block;
font-size: 12px;
color: #fff;
line-height: 1;
padding: 4px 6px;
border-radius: 5px;
}
main .page_inner #main_area ul.gpt_post li label span.indispensable {
background: #e91f64;
}
main .page_inner #main_area ul.gpt_post li label span.arbitrary {
background: #3f52b5;
}
main .page_inner #main_area ul.gpt_post li input, main .page_inner #main_area ul.gpt_post li textarea {
width: 100%;
font-size: 1.6rem;
padding: 3px 10px;
}
main .page_inner #main_area ul.gpt_post li.submit {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 100%;
}
main .page_inner #main_area ul.gpt_post li.submit input[type="button"], main .page_inner #main_area ul.gpt_post li.submit input[type="text"], main .page_inner #main_area ul.gpt_post li.submit input[type="submit"] {
width: 120px;
font-size: 18px;
padding: 1.5rem;
}
main .page_inner #main_area #user-submitted-posts {
width: 100%;
max-width: 100%;
}
main .page_inner #main_area #user-submitted-posts .usp-title {
margin: 10px 0 4rem;
}
main .page_inner #main_area #user-submitted-posts .usp-title label {
font-size: 1.8rem;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
main .page_inner #main_area #user-submitted-posts .usp-title label::after {
content: "必須";
margin-left: 0.5rem;
display: inline-block;
font-size: 12px;
color: #fff;
line-height: 1;
padding: 4px 6px;
border-radius: 5px;
background: #000000;
}
main .page_inner #main_area #user-submitted-posts .usp-title input#user-submitted-title {
width: 100%;
font-size: 1.6rem;
padding: 10px 15px;
border-radius: 10px;
}
main .page_inner #main_area #user-submitted-posts .usp-custom {
margin: 10px 0 4rem;
}
main .page_inner #main_area #user-submitted-posts .usp-custom label {
display: none;
}
main .page_inner #main_area #user-submitted-posts .usp-custom input#user-submitted-custom {
width: 100%;
font-size: 1.6rem;
padding: 10px 15px;
border-radius: 10px;
}
main .page_inner #main_area #user-submitted-posts .usp-content label {
font-size: 1.8rem;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
main .page_inner #main_area #user-submitted-posts .usp-content label::after {
content: "任意";
margin-left: 0.5rem;
display: inline-block;
font-size: 12px;
color: #fff;
line-height: 1;
padding: 4px 6px;
border-radius: 5px;
background: #000000;
}
main .page_inner #main_area #user-submitted-posts .usp-content textarea#user-submitted-content {
width: 100%;
font-size: 1.6rem;
padding: 10px 15px;
border-radius: 10px;
}
main .page_inner #main_area #user-submitted-posts .usp-images label {
font-size: 1.8rem;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
main .page_inner #main_area #user-submitted-posts .usp-images label::after {
content: "任意";
margin-left: 0.5rem;
display: inline-block;
font-size: 12px;
color: #fff;
line-height: 1;
padding: 4px 6px;
border-radius: 5px;
background: #000000;
}
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
text-align: right;
}
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image input.usp-input.usp-clone {
width: auto;
}
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image input.usp-input.usp-clone::-webkit-file-upload-button {
width: 100px;
height: 40px;
opacity: 0;
position: relative;
}
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image input.usp-input.usp-clone::file-selector-button {
width: 100px;
height: 40px;
opacity: 0;
position: relative;
}
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image input.usp-input.usp-clone::before {
position: absolute;
content: "画像追加";
width: 100px;
height: 40px;
font-weight: bold;
color: white;
background: #000000;
font-size: 14px;
border-radius: 10em;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
cursor: pointer;
}
@media (hover: hover) {
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image input.usp-input.usp-clone:hover::before {
opacity: 0.8;
}
}
@media (hover: none) {
main .page_inner #main_area #user-submitted-posts .usp-images #user-submitted-image input.usp-input.usp-clone:active::before {
opacity: 0.8;
}
}
main .page_inner #main_area #user-submitted-posts fieldset.usp-category {
margin-bottom: 4rem;
}
main .page_inner #main_area #user-submitted-posts fieldset.usp-category label {
display: none;
}
main .page_inner #main_area #user-submitted-posts fieldset.usp-category select#user-submitted-category {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
padding: 11.5px;
border-radius: 1rem;
width: 100%;
}
main .page_inner #main_area #user-submitted-posts fieldset.usp-category select#user-submitted-category option:disabled {
color: #ddd; }
main .page_inner #main_area #user-submitted-posts div#usp-submit {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 100%;
}
main .page_inner #main_area #user-submitted-posts div#usp-submit input#user-submitted-post {
width: 160px;
font-size: 18px;
padding: 1.5rem;
border-radius: 10em;
cursor: pointer;
border-color: #000000;
background: #000000;
color: #fff;
}
@media (hover: hover) {
main .page_inner #main_area #user-submitted-posts div#usp-submit input#user-submitted-post:hover {
opacity: 0.8;
}
}
@media (hover: none) {
main .page_inner #main_area #user-submitted-posts div#usp-submit input#user-submitted-post:active {
opacity: 0.8;
}
}
main .page_inner #main_area #user-submitted-posts div#usp-submit input#user-submitted-post:disabled {
background-color: #ccc; border-color: #ccc #DDD #DDD;
color: #666; cursor: not-allowed; opacity: 0.6; -webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
-o-transition: background-color 0.3s ease, opacity 0.3s ease;
transition: background-color 0.3s ease, opacity 0.3s ease;
}
main .page_inner #main_area form#acf-form input#acf-_post_title {
font-size: 1.6rem;
padding: 10px 15px;
border-radius: 10px;
}
main .page_inner #main_area form#acf-form input#acf-field_67d53d8b9bb02 {
font-size: 1.6rem;
padding: 10px 15px;
border-radius: 10px;
}
main .page_inner #main_area form#acf-form textarea#acf-field_67d68ec63a9d9 {
width: 100%;
font-size: 1.6rem;
padding: 10px 15px;
border-radius: 10px;
}
main .page_inner #main_area form#acf-form a.acf-button.button {
width: 100px;
height: 40px;
font-weight: bold;
color: white;
background: #000000;
font-size: 14px;
border-radius: 10em;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
cursor: pointer;
letter-spacing: 0;
}
@media (hover: hover) {
main .page_inner #main_area form#acf-form a.acf-button.button:hover {
opacity: 0.8;
}
}
@media (hover: none) {
main .page_inner #main_area form#acf-form a.acf-button.button:active {
opacity: 0.8;
}
}
main .page_inner #main_area form#acf-form .hide-if-value p {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
main .page_inner #main_area form#acf-form .acf-form-submit {
text-align: center;
}
main .page_inner #main_area form#acf-form .acf-form-submit input {
width: 160px;
font-size: 18px;
padding: 1.5rem;
border-radius: 10em;
cursor: pointer;
border-color: #000000;
background: #000000;
color: #fff;
}
@media (hover: hover) {
main .page_inner #main_area form#acf-form .acf-form-submit input:hover {
opacity: 0.8;
}
}
@media (hover: none) {
main .page_inner #main_area form#acf-form .acf-form-submit input:active {
opacity: 0.8;
}
}
main .page_inner #main_area form#acf-form input[type="file"]::-webkit-file-upload-button {
border-style: none;
width: 160px;
font-size: 18px;
padding: 1.3rem;
border-radius: 10em;
cursor: pointer;
border-color: #000000;
background: #000000;
color: #fff;
}
main .page_inner #main_area form#acf-form input[type="file"]::file-selector-button {
border-style: none;
width: 160px;
font-size: 18px;
padding: 1.3rem;
border-radius: 10em;
cursor: pointer;
border-color: #000000;
background: #000000;
color: #fff;
}
@media (hover: hover) {
main .page_inner #main_area form#acf-form input[type="file"]::-webkit-file-upload-button:hover {
opacity: 0.8;
}
main .page_inner #main_area form#acf-form input[type="file"]::file-selector-button:hover {
opacity: 0.8;
}
}
@media (hover: none) {
main .page_inner #main_area form#acf-form input[type="file"]::-webkit-file-upload-button:active {
opacity: 0.8;
}
main .page_inner #main_area form#acf-form input[type="file"]::file-selector-button:active {
opacity: 0.8;
}
}
main .page_inner #main_area form#acf-form .acf-fields > .acf-field {
border-top: none;
}
main .page_inner #ad_area {
position: fixed;
display: block;
width: 30rem;
overflow-x: hidden;
overflow-y: auto;
top: 60px;
min-height: calc(100vh - 60px);
right: 0;
border-left: solid 1px #ddd;
}
@media (max-width: 991px) {
main .page_inner #ad_area {
display: none;
}
}
#side_area {
width: 30rem;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
min-height: calc(100vh - 100px);
position: fixed;
text-decoration: none;
top: 60px;
background: #fff;
border-right: solid 1px #ddd;
}
@media (max-width: 1200px) {
#side_area {
top: 52px;
}
}
@media (max-width: 991px) {
#side_area {
min-height: calc(100vh - 60px);
}
}
#side_area .section-inner {
overflow-y: scroll;
overflow-x: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100vh - 60px);
}
#side_area .side_content ul {
padding: 1rem;
}
#side_area .side_content ul li {
margin-bottom: 0.5rem;
}
#side_area .side_content ul li.current-menu-item a {
background: #f3f3f3;
}
#side_area .side_content ul li a {
width: 100%;
font-size: 14px;
font-weight: 600;
display: block;
padding: 1rem 1rem 1rem 4rem;
position: relative;
margin: 0;
border-radius: 1rem;
color: #505050;
}
@media (hover: hover) {
#side_area .side_content ul li a:hover {
background: #f3f3f3;
}
}
@media (hover: none) {
#side_area .side_content ul li a:active {
background: #f3f3f3;
}
}
#side_area .side_content ul li a::before {
width: 2.5rem;
height: 2.5rem;
position: absolute;
left: 9px;
top: 0;
bottom: 0;
margin: auto;
display: block;
}
#side_area .side_content ul li.make_post a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/make_post.png);
background-size: contain;
}
#side_area .side_content ul li.my_post a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/my_post.png);
background-size: contain;
}
#side_area .side_content ul li.new_list a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/new_list.png);
background-size: contain;
}
#side_area .side_content ul li.latest a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/latest.png);
background-size: contain;
}
#side_area .side_content ul li.popular a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/popular.png);
background-size: contain;
}
#side_area .side_content ul li.favoritelist a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/favorite.png);
background-size: contain;
}
#side_area .side_content ul li.categorylist a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/category.svg);
background-size: contain;
}
#side_area .side_content ul li.room a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/group.png);
background-size: contain;
}
#side_area .side_content ul li.block a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/block.png);
background-size: contain;
}
#side_area .side_content ul li.about a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/about.png);
background-size: contain;
}
#side_area .side_content ul li.wid a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/wid.png);
background-size: contain;
}
#side_area .side_content ul li.questionnaire a::before {
content: "";
background: url(//gpt.minnna.jp/wps/wp-content/themes/gpt2/img/questionnaire.png);
background-size: contain;
}
#side_area .side_content.post_list {
padding: 0;
}
#side_area .side_content.page_list {
border-top: solid 1px  #ddd;
}
@media (max-width: 1200px) {
.site-main #side_area {
display: none;
}
}
#load-more-comments,
#load-more {
text-align: center;
padding: 5rem 0 0;
}
.back-to-top-link {
display: inline-block;
margin: 30px auto;
padding: 10px 20px;
background: #000000;
color: #fff !important;
text-align: center;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
}
.back-to-top-link:hover {
opacity: 0.8;
}
#usp-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.usp-modal {
background: #fff;
padding: 2em 3em;
font-size: 1.5em;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
ul.no-favorites {
color: #666;
text-align: center;
padding: 2rem;
}
section.no-results.not-found form.search-form {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.no-results.not-found form.search-form label {
width: calc(100% - 66px);
max-width: 800px;
display: block;
}
section.no-results.not-found form.search-form label input.search-field {
font-size: 16px;
padding: 10px 15px;
width: 100%;
border-radius: 1rem;
}
section.no-results.not-found form.search-form input.search-submit {
font-size: 16px;
font-weight: 600;
color: #fff;
padding: 15px;
background: #fa8372;
border-color: #fa8372 #fa8372 #fa8372;
border-radius: 1rem;
letter-spacing: 1px;
margin-left: 11px;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media (hover: hover) {
section.no-results.not-found form.search-form input.search-submit:hover {
opacity: 0.8;
}
}
@media (hover: none) {
section.no-results.not-found form.search-form input.search-submit:active {
opacity: 0.8;
}
}
p.list {
padding: 0 2rem;
}
p.list a {
color: #fff;
font-size: 16px;
background: #82c0eb;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 20px auto 10px;
padding: 10px 15px;
}
@media (hover: hover) {
p.list a:hover {
background: #26a5fd;
}
}
@media (hover: none) {
p.list a:active {
background: #26a5fd;
}
} #page {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: calc(100vh - 60px);
}
#colophon {
margin-top: auto;
padding: 0;
z-index: 1;
}
#colophon .site-info {
padding: 4rem 1rem 3rem;
text-align: center;
font-size: 1.6rem;
}
#colophon .site-info p.wid_logo a {
width: 150px;
display: block;
margin: 4rem auto 1rem;
}
@media (hover: hover) {
#colophon .site-info p.wid_logo a:hover {
opacity: 0.8;
}
}
@media (hover: none) {
#colophon .site-info p.wid_logo a:active {
opacity: 0.8;
}
} .block_list {
width: 100%;
margin-bottom: 5rem;
padding: 0 5rem;
}
@media (max-width: 640px) {
.block_list {
padding: 0 2rem;
}
}
@media (max-width: 480px) {
.block_list {
padding: 0 1rem 2rem;
}
}
.block_list h3 {
border-bottom: solid 1px #ddd;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.block_list ul.anon-blocklist-ul {
padding: 1rem;
}
.block_list ul.anon-blocklist-ul li {
padding: 1rem 0;
border-bottom: dashed 1px #ddd;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding-right: 12rem;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_list ul.anon-blocklist-ul li code {
display: inline-block;
font-size: 1.2rem;
}
.block_list ul.anon-blocklist-ul li span.nickname {
display: inline-block;
}
.block_list ul.anon-blocklist-ul li button.anon-unblock-btn {
font-size: 1.6rem;
padding: 0.8rem 1rem;
border-radius: 5rem;
position: absolute;
right: 0;
color: #ffffff;
background: #000000;
border: 1px solid #000000;
cursor: pointer;
}
.block_list ul.anon-blocklist-ul li button.anon-unblock-btn:hover {
opacity: 0.85;
} .setumei {
width: 100%;
}
.setumei p {
padding-bottom: 0;
}
.setumei span {
display: inline-block;
text-align: right;
float: right;
padding: 2px 1rem;
background: #000000;
border-radius: 5px;
color: #fff;
font-weight: 500;
}
.anon-block-control {
width: 100%;
text-align: right;
margin-top: 5px !important;
}
.gc_shortcord {
width: 100%;
margin-bottom: 3rem;
}
.thankyou2 {
padding: 3rem;
font-size: 2rem;
}
.thankyou2 a {
text-decoration: underline;
color: #000000;
} .error-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #a3a3a3;
z-index: 9998;
}
.error-modal-content {
position: fixed;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
padding: 2em;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
z-index: 9999;
text-align: center;
}
.error-modal-content p {
font-size: 16px;
margin-bottom: 1em;
}
.error-modal-content button {
padding: 0.5em 1.2em;
font-size: 14px;
background: #000000;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
} a.admin-post {
background: #fffbe7;
}
a.admin-post p.nickname {
color: #000000;
font-weight: 600;
}
a.admin-post h3 {
color: #000000;
} .sns__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-pack: end;
-webkit-justify-content: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
margin-bottom: 1rem;
}
.sns__container a {
width: 40px;
text-align: center;
color: #fff;
padding: 0;
font-size: 23px;
border-radius: 5px;
}
.sns__container a:hover {
opacity: 0.6;
}
.sns__twitter {
background: #55acee;
}
.sns__facebook {
background: #3b5998;
}
.sns__pocket {
background: #ef3f56;
}
.sns__line {
background: #1dcd00;
}
.sns__hatena {
background: #00a5de;
}
.popup {
display: none;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 20px;
background-color: white;
border: 1px solid #ccc;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.popup-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
} .comeBubble {
position: relative;
display: inline-block;
margin-bottom: 10px;
padding: 1px 5px;
border: 1px solid #000000;
border-radius: 8px;
background-color: #f3f3f3;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #505050;
}
.comeBubble::before {
content: "";
position: absolute;
bottom: 0;
left: 24%;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: #000000 transparent transparent;
translate: -50% 100%;
}
.comeBubble::after {
content: "";
position: absolute;
bottom: 0;
left: 24%;
border-style: solid;
border-width: 7.6px 0 0 7.6px;
border-color: #f3f3f3 transparent transparent;
translate: calc(-50% + 0.2px) 100%;
}
p.room {
position: relative;
display: inline-block;
margin-bottom: 10px;
padding: 1px 5px;
border: 1px solid #a464af;
border-radius: 8px;
background-color: #a464af;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #fff;
}
.cateBubble {
position: relative;
display: inline-block;
margin-bottom: 10px;
padding: 1px 5px;
border: 1px solid #000000;
border-radius: 8px;
background-color: #000000;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #fff;
}
.cateBubble a {
color: #fff !important;
}
.anon-id {
font-size: 12px;
}
.viewBubble {
margin-left: 5px;
position: relative;
display: inline-block;
margin-bottom: 10px;
padding: 1px 5px;
border: 1px solid #00BCD4;
border-radius: 8px;
background-color: #00BCD4;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #fff;
} #page-top {
display: none;
position: fixed;
bottom: 5rem;
right: 0;
z-index: 1000;
}
#page-top a {
display: block;
padding: 3.5rem 3rem;
position: relative;
}
#page-top a::before {
content: "";
width: 1px;
height: 85%;
position: absolute;
background-color: #888;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
bottom: 0;
}
#page-top a::after {
content: "";
width: 1px;
position: absolute;
background-color: #888;
height: 42%;
left: 4rem;
top: 8%;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
@media (hover: hover) {
#page-top a:hover::before {
height: 100%;
}
#page-top a:hover::after {
left: 4rem;
top: -0.5rem;
}
}
@media (hover: none) {
#page-top a:active::before {
height: 100%;
}
#page-top a:active::after {
left: 4rem;
top: -0.5rem;
}
}
.question {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin-right: 1rem;
}
p#calculation-question {
font-size: 2rem;
}
.ad_box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ad_box a img {
border: solid 1px #ddd;
}
.ad_box_side {
margin-top: 2rem;
padding: 1rem;
}
.ads-container {
max-width: 800px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.adsbygoogle {
text-align: center;
min-width: 250px;
max-width: 100%;
width: 100%;
height: 200px;
}
.page_down {
margin-top: 5rem;
} .my_post_note {
padding: 0 5rem 2rem;
}
.my_post_note li {
text-indent: -1.5rem;
padding-left: 1.5rem;
}
.my_post_note li:not(:last-child) {
margin-bottom: 1rem;
}
@media (max-width: 640px) {
.my_post_note {
padding: 0 2rem 2rem;
}
}
@media (max-width: 480px) {
.my_post_note {
padding: 0 1rem 2rem;
}
}
nav.pagination {
margin-top: 5rem;
}
nav.pagination ul.page-numbers {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav.pagination ul.page-numbers li a {
cursor: pointer;
}
@media (hover: hover) {
nav.pagination ul.page-numbers li a:hover {
opacity: 0.8;
}
}
@media (hover: none) {
nav.pagination ul.page-numbers li a:active {
opacity: 0.8;
}
}
nav.pagination ul.page-numbers li .page-numbers {
width: 5rem;
height: 5rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #000000;
border-radius: 100%;
color: #fff;
font-weight: 800;
margin: 0 0.5rem;
}
@media (max-width: 480px) {
nav.pagination ul.page-numbers li .page-numbers {
width: 3.5rem;
height: 3.5rem;
}
}
@media (max-width: 375px) {
nav.pagination ul.page-numbers li .page-numbers {
margin: 0 0.2rem;
width: 3.3rem;
height: 3.3rem;
}
}
nav.pagination ul.page-numbers li .page-numbers.current {
background: #ddd;
}
nav.pagination ul.page-numbers li .page-numbers.dots {
background: none;
color: #000000;
width: auto;
}
nav.pagination ul.page-numbers li .page-numbers.next, nav.pagination ul.page-numbers li .page-numbers.prev {
background: #fff;
color: #000000;
width: auto;
}
section.weekly-ranking {
margin: 5rem 0 8rem;
} .alm-item .rank-badge {
position: relative;
left: 0;
top: -8px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 999px;
font-weight: 800;
font-size: 14px;
color: #fff;
background: #000000;
z-index: 2;
}  .alm-item:nth-of-type(1) .rank-badge { background: #000000; }
.alm-item:nth-of-type(2) .rank-badge { background: #1A1A1A; }
.alm-item:nth-of-type(3) .rank-badge { background: #333333; }
.alm-item:nth-of-type(4) .rank-badge { background: #4D4D4D; }
.alm-item:nth-of-type(5) .rank-badge { background: #666666; } .cate_come .weeklyBubble {
position: relative;
display: inline-block;
margin-bottom: 10px;
padding: 1px 5px;
border: 1px solid #000000;
border-radius: 8px;
background-color: #f3f3f3;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #505050;
}
p.ranking-period {
padding: 15px;
}   .simplefavorite-button,
.simplefavorite-button.active,
a.simplefavorite-button {
background: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
}

body {
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
} .front-controls.post-control {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
button.js-front-delete-comment,
button.js-front-delete-post {
padding: 1rem 2rem;
height: 4rem;
border-radius: 5rem;
font-size: 1.8rem;
font-weight: 600;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #F44336;
margin-top: 1rem;
color: #fff;
}
button.js-front-delete-comment:hover,
button.js-front-delete-post:hover {
opacity: 0.8;
}
.post_area {
width: calc(100% - 30rem);
padding: 0 5rem;
}
@media (max-width: 991px) {
.post_area {
width: 100%;
}
}
@media (max-width: 767px) {
.post_area {
padding: 0 3.5rem;
}
}
@media (max-width: 640px) {
.post_area {
padding: 0 2rem;
}
}
@media (max-width: 480px) {
.post_area {
padding: 0 1rem;
}
}
.post_area > .ad_box {
margin-top: 2rem;
}
div#comments {
margin-bottom: 5rem;
}
.entry-content {
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer.comment-meta {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer.comment-meta .comment {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
footer.comment-meta .comment p.entry-meta {
font-size: 1.2rem;
}
.comment-author.vcard b {
font-weight: 400;
}
ol.comment-list li {
border: solid 1px #ccc;
margin-top: 3rem;
padding: 2rem;
border-radius: 1rem;
background: #fff;
}
@media (max-width: 767px) {
ol.comment-list li {
padding: 1.7rem;
}
}
@media (max-width: 480px) {
ol.comment-list li {
padding: 1.4rem;
}
}
ol.children li {
background: #fff;
}
@media (max-width: 767px) {
li > ul, li > ol {
margin-left: 1rem;
}
}
@media (max-width: 767px) {
li > ul, li > ol {
margin-left: 0;
}
}
header.entry-header {
position: relative;
border-bottom: none;
padding-bottom: 0;
margin-bottom: 1rem;
}
header.entry-header h1.entry-title {
text-align: left;
font-size: 160%;
}
@media (max-width: 991px) {
header.entry-header h1.entry-title {
font-size: 150%;
}
}
header.entry-header .entry-meta {
text-align: right;
font-size: 1.2rem;
}
header.entry-header .entry-meta .name_date {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-webkit-justify-content: end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
header.entry-header .entry-meta .name_date .nickname {
margin-bottom: 1rem;
}
header.entry-header .entry-meta .name_date .nickname .anon-id {
padding: 0;
}
header.entry-header .entry-meta a {
color: #000000;
margin: 0;
font-weight: 500;
}
.entry-content {
position: relative;
}
.entry-content span.line {
border-top: solid 1px #ccc;
display: block;
width: 100%;
margin-bottom: 2rem;
}
.entry-content .post-thumbnail {
margin-bottom: 3rem;
}
.entry-content .post-thumbnail img {
border-radius: 1rem;
}
.entry-content p {
padding-bottom: 2rem;
width: 100%;
}
@media (max-width: 991px) {
.entry-content p {
padding-left: 0;
}
}
ol.children .reply a {
display: none;
}
article.comment-body {
position: relative;
}
.reply {
position: absolute;
right: 0;
bottom: 0px;
}
.reply a {
border: solid 1px #ccc;
width: 50px;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
padding: 6px;
background: #f2f2f2;
}
button.comment-report-button {
position: absolute;
right: 70px;
width: 50px;
height: 50px;
bottom: 0;
border: solid 1px #ccc;
border-radius: 100%;
font-size: 16px !important;
background: #f2f2f2;
color: #505050;
}
ol.children button.comment-report-button {
right: 0;
}
.question_favorite {
bottom: 200px;
position: absolute;
}
.question_favorite .simplefavorite-button {
padding: 0.5rem 1rem;
margin-top: 1rem;
display: inline-block;
border-radius: 5px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
}
@media (hover: hover) {
.question_favorite .simplefavorite-button:hover {
opacity: 0.8;
}
}
@media (hover: none) {
.question_favorite .simplefavorite-button:active {
opacity: 0.8;
}
}
@media (hover: hover) {
.question_favorite .simplefavorite-button.active:hover {
background: #202124 !important;
color: #fff;
}
}
@media (hover: none) {
.question_favorite .simplefavorite-button.active:active {
background: #202124 !important;
color: #fff;
}
}
@media (max-width: 375px) {
.question_favorite .simplefavorite-button .FavoriteBtn {
font-size: 12px;
padding: 0.3rem 0;
}
}
.question_favorite .simplefavorite-button {
border-radius: 5rem;
font-weight: 500;
}
@media (hover: hover) {
.question_favorite .simplefavorite-button:hover {
background: #202124;
color: #fff !important;
}
}
@media (hover: none) {
.question_favorite .simplefavorite-button:active {
background: #202124;
color: #fff !important;
}
}
.question_delete {
text-align: right;
width: 100%;
}
.question_delete a {
border-radius: 5rem;
background: #ddd;
padding: 0.5rem 1rem;
margin-top: 1rem;
display: inline-block;
border: solid 1px #ccc;
font-weight: 500;
}
@media (hover: hover) {
.question_delete a:hover {
background: #202124;
color: #fff;
}
}
@media (hover: none) {
.question_delete a:active {
background: #202124;
color: #fff;
}
}
@media (max-width: 375px) {
.question_delete a p.editPost {
font-size: 12px;
padding: 0.3rem 0;
}
}
.report-form {
width: 100%;
}
.report-form form#report-post-form {
width: 100%;
max-width: 800px;
margin: 2rem auto;
text-align: right;
}
.report-form form#report-post-form textarea#report-reason {
font-size: 16px;
width: 100% !important;
}
.report-form form#report-post-form input[type="submit"] {
font-size: 18px;
padding: 1rem 3rem;
margin-top: 20px;
}
.wpulike.wpulike-default {
width: 100%;
margin-top: 6rem;
}
div#respond {
margin: 6rem 0;
}
div#respond h3#reply-title {
font-weight: 500;
font-size: 2.4rem;
}
div#respond form#commentform {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#respond form#commentform p.logged-in-as {
display: none;
}
div#respond form#commentform p.comment-notes {
width: 100%;
}
div#respond form#commentform p.comment-form-comment {
width: 100%;
margin: 1rem 0;
}
div#respond form#commentform p.comment-form-comment label {
display: none;
}
div#respond form#commentform p.comment-form-comment textarea#comment {
font-size: 16px;
height: 15rem;
padding: 10px 15px;
border-radius: 10px;
}
div#respond form#commentform p.comment-form-cookies-consent {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
display: none;
}
div#respond form#commentform p.comment-form-cookies-consent label {
line-height: 1.5;
font-size: 1.8rem;
}
div#respond form#commentform p.comment-form-author {
margin-bottom: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
div#respond form#commentform p.comment-form-author label {
font-size: 2rem;
margin-bottom: 10px;
}
div#respond form#commentform p.comment-form-author input#author {
font-size: 16px;
padding: 10px;
border-radius: 1.5rem;
width: calc(100% - 70px);
width: 100%;
}
div#respond form#commentform p.comment-form-email {
margin-bottom: 1rem;
width: 49%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div#respond form#commentform p.comment-form-email input#email {
font-size: 16px;
padding: 5px;
width: calc(100% - 80px);
}
div#respond form#commentform p.form-submit {
text-align: center;
margin-top: 3rem;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div#respond form#commentform p.form-submit label {
width: 80px;
}
div#respond form#commentform p.form-submit input#submit {
width: 200px;
font-size: 2rem;
border-color: #000000;
background: #000000;
color: #fff;
border-radius: 5rem;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media (hover: hover) {
div#respond form#commentform p.form-submit input#submit:hover {
opacity: 0.8;
}
}
@media (hover: none) {
div#respond form#commentform p.form-submit input#submit:active {
opacity: 0.8;
}
}
div#respond form#commentform p.form-submit input#submit.sending {
background: #ddd;
color: #505050;
border-color: #ccc;
cursor: not-allowed;
}
.acf-edit-post {
width: 100%;
}
.acf-edit-post .acf-label {
text-align: center;
font-size: 2rem;
}
.acf-edit-post .acf-input {
text-align: center;
}
.acf-form-submit {
text-align: center;
margin-top: 1rem;
}
.acf-form-submit input {
padding: 1.5rem 3rem;
font-size: 16px;
background: #607D8B;
color: #fff;
border-radius: 5px;
}
.acf-form-submit input:hover {
background: #2196F3;
}
.acf-form-submit span.acf-spinner {
position: absolute;
}
.acf-switch {
height: auto !important;
}
.acf-switch span {
font-size: 16px !important;
padding: 1rem 2rem !important;
} .admin-post .name_date span {
color: #000000;
font-weight: 600;
}
.admin-post header.entry-header h1.entry-title {
color: #000000;
} .comment-author.vcard.admin-comment b {
color: #000000;
}.simplefavorite-button.active{opacity:.7}.simplefavorite-button.has-count{position:relative}.simplefavorite-button.preset{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #ccc;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.1),1px 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 0 2px 0 rgba(0,0,0,.1),1px 1px 1px 0 rgba(0,0,0,.1);padding:.5em 1em .5em 2em;position:relative;border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.simplefavorite-button.preset:active,.simplefavorite-button.preset:focus{outline:0}.simplefavorite-button.preset i{position:absolute;font-size:1.3em;left:.3em}.simplefavorite-button.preset:hover{background-color:#333;border-color:#333;color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.simplefavorite-button.preset.active{background-color:#333;color:#fff;border-color:#333;opacity:1}.simplefavorites-loading{margin-left:8px}.sf-icon-spinner-wrapper{display:inline-block;position:relative;min-width:1em;min-height:1em}.sf-icon-spinner{-webkit-animation:sf_rotate linear 2s infinite;animation:sf_rotate linear 2s infinite;position:absolute;top:.15em;left:0}@-webkit-keyframes sf_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes sf_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}}.favorites-list{list-style:none}.favorites-list li{zoom:1;border-top:1px solid rgba(0,0,0,.2);padding:.75em 0;margin:0}.favorites-list li:after,.favorites-list li:before{content:" ";display:table}.favorites-list li:after{clear:both}.favorites-list li img{float:left;margin-right:1em}.simplefavorites-modal-backdrop{position:fixed;width:0;height:0;background-color:rgba(0,0,0,.85);top:0;left:50%;z-index:998;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.simplefavorites-modal-backdrop.active{width:100%;height:100%;left:0;opacity:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.simplefavorites-modal-content{z-index:999;position:fixed;top:-200%;left:50%;width:50%;background-color:#fff;border-radius:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:2px 2px 20px 0 rgba(51,51,51,.5);box-shadow:2px 2px 20px 0 rgba(51,51,51,.5)}.simplefavorites-modal-content.small{width:400px}.simplefavorites-modal-content.active{top:50px;-webkit-transition:all .2s ease;transition:all .2s ease}.simplefavorites-modal-content.loading .modal-content-body{display:none}.simplefavorites-modal-content.loading .modal-content-loading{display:block}.simplefavorites-modal-content-body{padding:1em;max-height:300px;overflow:auto;zoom:1}.simplefavorites-modal-content-body:after,.simplefavorites-modal-content-body:before{content:" ";display:table}.simplefavorites-modal-content-body:after{clear:both}.simplefavorites-modal-content-body.no-padding{padding:0}.simplefavorites-modal-content-body.has-footer{padding-bottom:0}.simplefavorites-modal-content-interior{padding:1em 1em 0}.simplefavorites-modal-content-footer{zoom:1;padding:.7em;border-radius:0 0 2px 2px;background-color:rgba(51,51,51,.1)}.simplefavorites-modal-content-footer:after,.simplefavorites-modal-content-footer:before{content:" ";display:table}.simplefavorites-modal-content-footer:after{clear:both}.simplefavorites-button-consent-deny{float:left;opacity:.7}.simplefavorites-button-consent-accept{float:right}@media (max-width:767px){.simplefavorites-modal-content{width:90%}.simplefavorites-modal-content.active{top:20px}.simplefavorites-modal-content-body{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden}}@media print{.simplefavorites-modal-backdrop,.simplefavorites-modal-content{display:none}}@font-face{font-family:favorites;src:url(//gpt.minnna.jp/wps/wp-content/plugins/favorites/assets/css/fonts/favorites.eot)}@font-face{font-family:favorites;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBwcAAAC8AAAAYGNtYXClTaJoAAABHAAAAIxnYXNwAAAAEAAAAagAAAAIZ2x5Ztq6v+MAAAGwAAAEVGhlYWQN7PEkAAAGBAAAADZoaGVhB8IDzgAABjwAAAAkaG10eCoAAgwAAAZgAAAANGxvY2EE9AZcAAAGlAAAABxtYXhwABEAdQAABrAAAAAgbmFtZWwpt2EAAAbQAAABnnBvc3QAAwAAAAAIcAAAACAAAwPNAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAcAAAABgAEAADAAgAAQAg5gHofeia6Nzo5ul76dnqEP/9//8AAAAAACDmAOh96Jro3Ojm6Xvp2eoQ//3//wAB/+MaBBeJF20XLBcjFo8WMhX8AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAIP/2A+ADigARABsAAAEfATMPAR8BLwEPAT8BLwEzNxMDIQUDJQUDLQECADMN1oknDTOJJyaKNw0nidYQQHP+kwEmcAEqASZwASr+kwK9oy1jGi2jYxoaY6MtHWYtAWr+o9r+o9fXAV3XAwAAAAABACD/9gPgA4oACQAAAQ0BEyUFEyUhEwJzAW3+1nD+2v7WcP7aAW1zAi0D1/6j19MBXNcBXQAAAAEAVgAdA6oDKwAbAAAlJy4DNTQ+AjMyFhc+ATMyHgIVFA4CBwIAPlKHXzQkP1UyN2YjImY4MVY/JDRfhlMdOEt/dHE9MVY/JDIoKDIkP1YxPXF2f0sAAAADAFYAAQOqA1UAFQAhADsAAAE+ATU0JiMiBg8BJy4BIyIGFRQWHwEBMjY1NCYjIgYVFBYFHgEVFAYHAQ4BIyImJwEuATURNDYzITIWFwLgDxE+LBYnDyAeDyYXKz8PD7b+wBslJRsbJSUCwwwMDAz+1AweEhIeDP6ADAwxIwEsEh4MAR8PJhcrPw8PICAPDz8rFyYPtgIYJRsbJSUbGyXEDB4SEh4M/tQMDAwMAYAMHhIBLCIyDAwAAgAqACsD1gOBABwAIAAAAQczFRQGBwMOASMhIiY1ETQ2NwEXHgEdAQchMhYBETMRA9YCAgMDggkqG/6AIjQODAEYLgkJKgEOIjT8VKwCAQRSCRAH/tQXHTMjAaoSHgwBGi4JFg0OxDL+CAIA/gAAAAEA1gArAyoDKwAKAAABMhYVESUFETQ2MwLWIjL+1v7WMSMDKzQi/VaAgAKqIjQAAAIAIP/wBAADsAA6AHIAAAEuAScuAScuAScuAQcOAQcOAQcOAQcOARceARceARceARceATc+ATc+ATc+ATc+ATc6ATMyNjU8ATUxBw4BBw4BBw4BJy4BJy4BJy4BJy4BNz4BNz4BNz4BNz4BFx4BFx4BFx4BFx4BBzEcARUUFhcOAQcEAAEVFRQ5JCNULi1hMTFfLC1PISE0ERIQAQEUExM2ISJOKytaLi5ZKSlLHh8xEAkOAwECARslZhEzHx9JKChVKipTJyZFHR0sDw8OAQESEBEuHR5DJSVPJydNJCNAGhspDg0NASEYBQ8LAcAyYy0uUiIjNRISEQEBFRMUNyMiUS0sXi8vXCsrTSAgMhAREAEBFBISNCEgTCkZNBslGwEDAaooRx4eLhAPDwEBEhERMR4eRyYnUSkpUCUlQhwbKw4PDQEBERAQLRwcQSQjSyYBAwEZJAMaMxgAAAEAAP/ZBAADpwAKAAABJQsBDQEDJQUDJQQA/p6env6eAQA8ATwBPDwBAAIzMwFB/r8z+v6gpqYBYPoAAAEAAAAgBAADQAAFAAAJAScHCQEDYP4g4KABgAKAA0D+IOCg/oACgAABAAAAAQAAvj/AY18PPPUACwQAAAAAANVm1k8AAAAA1WbWTwAA/9kEAAOwAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAANBAAAAAAAAAAAAAAAAgAAAAQAACAEAAAgBAAAVgQAAFYEAAAqBAAA1gQAACAEAAAABAAAAAAAAAAACgAUAB4AVgByAJ4A+gEyAUoB+AIWAioAAQAAAA0AcwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc2Zhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");font-weight:400;font-style:normal}[class*=" sf-icon-"],[class^=sf-icon-]{font-family:favorites!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-icon-spinner:before{content:"\e97b"}.sf-icon-favorite:before{content:"\e9d9"}.sf-icon-checkmark:before{content:"\ea10"}.sf-icon-bookmark:before{content:"\e8e6"}.sf-icon-love:before{content:"\e87d"}.sf-icon-wishlist:before{content:"\e89a"}.sf-icon-like:before{content:"\e8dc"}.sf-icon-star-empty:before{content:"\e600"}.sf-icon-star-full:before{content:"\e601"}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}