@charset "UTF-8";
    html {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size: 13px;
line-height: 19.5px;
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
@media only screen and (min-width: 34em) {
html {
font-size: 14px;
line-height: 21px; } }
@media only screen and (min-width: 48em) {
html {
font-size: 16px;
line-height: 24px; } }  body {
margin: 0; } article,
aside,
footer,
header,
nav,
section {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  figcaption,
figure {
display: block; } figure {
margin: 1em 40px; } hr {
box-sizing: content-box; height: 0; overflow: visible; } main {
display: block; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0; }  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000; } 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; }  audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  button,
input,
optgroup,
select,
textarea {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button {
overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button,
[type="button"],
[type="reset"],
[type="submit"] {  }
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; } input {
overflow: visible; } [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: none; outline-offset: -2px;  }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } textarea {
overflow: auto; }  details {
display: block; } summary {
display: list-item; } menu {
display: block; }  canvas {
display: inline-block; } template {
display: none; }  [hidden] {
display: none; }
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html,
body {
height: 100%; }
body {
overflow-x: hidden;
color: #464646;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
background-color: white;
-ms-word-wrap: break-word;
word-wrap: break-word; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1.5em;
margin-bottom: 1.5em;
line-height: 1.5; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0; }
h1,
.h1 {
font-size: 1.404rem; }
@media only screen and (min-width: 34em) {
h1,
.h1 {
font-size: 1.512rem; } }
@media only screen and (min-width: 48em) {
h1,
.h1 {
font-size: 1.95313rem; } }
@media only screen and (min-width: 60em) {
h1,
.h1 {
font-size: 2.36859rem; } }
h2,
.h2 {
font-size: 1.17rem; }
@media only screen and (min-width: 34em) {
h2,
.h2 {
font-size: 1.26rem; } }
@media only screen and (min-width: 48em) {
h2,
.h2 {
font-size: 1.5625rem; } }
@media only screen and (min-width: 60em) {
h2,
.h2 {
font-size: 1.77689rem; } }
h3,
.h3 {
font-size: 0.975rem; }
@media only screen and (min-width: 34em) {
h3,
.h3 {
font-size: 1.05rem; } }
@media only screen and (min-width: 48em) {
h3,
.h3 {
font-size: 1.25rem; } }
@media only screen and (min-width: 60em) {
h3,
.h3 {
font-size: 1.333rem; } }
h4,
.h4 {
font-size: 0.8125rem; }
@media only screen and (min-width: 34em) {
h4,
.h4 {
font-size: 0.875rem; } }
@media only screen and (min-width: 48em) {
h4,
.h4 {
font-size: 1rem; } }
@media only screen and (min-width: 60em) {
h4,
.h4 {
font-size: 1rem; } }
h5,
.h5 {
font-size: 0.67708rem; }
@media only screen and (min-width: 34em) {
h5,
.h5 {
font-size: 0.72917rem; } }
@media only screen and (min-width: 48em) {
h5,
.h5 {
font-size: 0.8rem; } }
@media only screen and (min-width: 60em) {
h5,
.h5 {
font-size: 0.75019rem; } }
h6,
.h6 {
font-size: 0.56424rem; }
@media only screen and (min-width: 34em) {
h6,
.h6 {
font-size: 0.60764rem; } }
@media only screen and (min-width: 48em) {
h6,
.h6 {
font-size: 0.64rem; } }
@media only screen and (min-width: 60em) {
h6,
.h6 {
font-size: 0.56278rem; } }
p,
ul,
ol,
pre,
table,
blockquote,
hr,
address {
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: 1rem; }
p:first-child,
ul:first-child,
ol:first-child,
pre:first-child,
table:first-child,
blockquote:first-child,
hr:first-child,
address:first-child {
margin-top: 0; }
hr {
border-top: none;
border-bottom: 1px solid #cdcdcd; }
dfn,
cite,
em,
i {
font-style: italic; }
pre {
overflow: auto;
padding: 1.5em;
color: #fff;
background: #464646;
font-family: "Consolas", "monaco", monospace;
font-size: 0.75019rem;
line-height: 1.5; }
code,
kbd,
tt,
var {
color: #fff;
background: #464646;
font-family: "Consolas", "monaco", monospace;
font-size: 0.75019rem; }
abbr,
acronym {
border-bottom: 1px dotted #acacac;
cursor: help; }
mark,
ins {
text-decoration: none; }
big {
font-size: 1.333rem; }  @font-face {
font-family: 'FontAwesome';
src: url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0);
src: url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } .fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; } .pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; } .fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.fa-handshake-o:before {
content: ""; }
.fa-envelope-open:before {
content: ""; }
.fa-envelope-open-o:before {
content: ""; }
.fa-linode:before {
content: ""; }
.fa-address-book:before {
content: ""; }
.fa-address-book-o:before {
content: ""; }
.fa-vcard:before,
.fa-address-card:before {
content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""; }
.fa-user-circle:before {
content: ""; }
.fa-user-circle-o:before {
content: ""; }
.fa-user-o:before {
content: ""; }
.fa-id-badge:before {
content: ""; }
.fa-drivers-license:before,
.fa-id-card:before {
content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""; }
.fa-quora:before {
content: ""; }
.fa-free-code-camp:before {
content: ""; }
.fa-telegram:before {
content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: ""; }
.fa-shower:before {
content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: ""; }
.fa-podcast:before {
content: ""; }
.fa-window-maximize:before {
content: ""; }
.fa-window-minimize:before {
content: ""; }
.fa-window-restore:before {
content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: ""; }
.fa-bandcamp:before {
content: ""; }
.fa-grav:before {
content: ""; }
.fa-etsy:before {
content: ""; }
.fa-imdb:before {
content: ""; }
.fa-ravelry:before {
content: ""; }
.fa-eercast:before {
content: ""; }
.fa-microchip:before {
content: ""; }
.fa-snowflake-o:before {
content: ""; }
.fa-superpowers:before {
content: ""; }
.fa-wpexplorer:before {
content: ""; }
.fa-meetup:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; } blockquote {
margin-right: 24px;
margin-left: 24px;
padding-left: 24px;
border-left: solid 4px #cdcdcd; }
blockquote > *:first-child {
margin-top: 0; }
blockquote > *:last-child {
margin-bottom: 0; }
blockquote:before, blockquote:after {
display: block;
color: #cdcdcd;
font-family: FontAwesome;
font-size: 1.333rem; }
blockquote:before {
content: "";
margin-bottom: 6px; }
blockquote:after {
content: "";
text-align: right;
margin-top: 6px; }
button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a, [type='button'], button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a, [type='reset'], button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a, [type='submit'], button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a {
appearance: none;
background-color: #2f78c6;
border: 0;
border-radius: 4px;
color: #d3e0ee;
cursor: pointer;
display: inline-block;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 1;
padding: 12px 12px;
text-align: center;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
user-select: none;
vertical-align: middle;
white-space: nowrap; }
@media only screen and (min-width: 48em) {
button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a, [type='button'], button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a, [type='reset'], button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a, [type='submit'], button,
.button, .pagination .page-numbers:not(.dots), .article__page-links a, .comment-navigation__previous a, .comment-navigation__next a {
padding: 12px 24px; } }
button:hover,
.button:hover, .pagination .page-numbers:hover:not(.dots), .article__page-links a:hover, .comment-navigation__previous a:hover, .comment-navigation__next a:hover, button:focus,
.button:focus, .pagination .page-numbers:focus:not(.dots), .article__page-links a:focus, .comment-navigation__previous a:focus, .comment-navigation__next a:focus, [type='button']:hover, button:hover,
.button:hover, .pagination .page-numbers:hover:not(.dots), .article__page-links a:hover, .comment-navigation__previous a:hover, .comment-navigation__next a:hover, [type='button']:focus, button:focus,
.button:focus, .pagination .page-numbers:focus:not(.dots), .article__page-links a:focus, .comment-navigation__previous a:focus, .comment-navigation__next a:focus, [type='reset']:hover, button:hover,
.button:hover, .pagination .page-numbers:hover:not(.dots), .article__page-links a:hover, .comment-navigation__previous a:hover, .comment-navigation__next a:hover, [type='reset']:focus, button:focus,
.button:focus, .pagination .page-numbers:focus:not(.dots), .article__page-links a:focus, .comment-navigation__previous a:focus, .comment-navigation__next a:focus, [type='submit']:hover, button:hover,
.button:hover, .pagination .page-numbers:hover:not(.dots), .article__page-links a:hover, .comment-navigation__previous a:hover, .comment-navigation__next a:hover, [type='submit']:focus, button:focus,
.button:focus, .pagination .page-numbers:focus:not(.dots), .article__page-links a:focus, .comment-navigation__previous a:focus, .comment-navigation__next a:focus {
color: #d3e0ee;
background-color: #2f649d;
text-decoration: none; }
button:disabled,
.button:disabled, .pagination .page-numbers:disabled:not(.dots), .article__page-links a:disabled, .comment-navigation__previous a:disabled, .comment-navigation__next a:disabled, [type='button']:disabled, button:disabled,
.button:disabled, .pagination .page-numbers:disabled:not(.dots), .article__page-links a:disabled, .comment-navigation__previous a:disabled, .comment-navigation__next a:disabled, [type='reset']:disabled, button:disabled,
.button:disabled, .pagination .page-numbers:disabled:not(.dots), .article__page-links a:disabled, .comment-navigation__previous a:disabled, .comment-navigation__next a:disabled, [type='submit']:disabled, button:disabled,
.button:disabled, .pagination .page-numbers:disabled:not(.dots), .article__page-links a:disabled, .comment-navigation__previous a:disabled, .comment-navigation__next a:disabled {
cursor: not-allowed;
opacity: 0.5; }
button:disabled:hover,
.button:disabled:hover, .pagination .page-numbers:disabled:hover:not(.dots), .article__page-links a:disabled:hover, .comment-navigation__previous a:disabled:hover, .comment-navigation__next a:disabled:hover, [type='button']:disabled:hover, button:disabled:hover,
.button:disabled:hover, .pagination .page-numbers:disabled:hover:not(.dots), .article__page-links a:disabled:hover, .comment-navigation__previous a:disabled:hover, .comment-navigation__next a:disabled:hover, [type='reset']:disabled:hover, button:disabled:hover,
.button:disabled:hover, .pagination .page-numbers:disabled:hover:not(.dots), .article__page-links a:disabled:hover, .comment-navigation__previous a:disabled:hover, .comment-navigation__next a:disabled:hover, [type='submit']:disabled:hover, button:disabled:hover,
.button:disabled:hover, .pagination .page-numbers:disabled:hover:not(.dots), .article__page-links a:disabled:hover, .comment-navigation__previous a:disabled:hover, .comment-navigation__next a:disabled:hover {
background-color: #2f78c6; }
.button-wrapper {
margin-top: 24px;
margin-bottom: 24px; }
.button--secondary {
color: #eee1d3;
background-color: #c67d2f; }
.button--secondary:hover, .button--secondary:focus {
color: #eee1d3;
background-color: #9d682f; }
.button--secondary:disabled:hover {
background-color: #c67d2f; }
.button--full-width {
display: block;
width: 100%; }
.container {
max-width: 83em;
margin-right: auto;
margin-left: auto;
padding-right: 1.5em;
padding-left: 1.5em; }
.container--grid::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 60em) {
.container {
padding-right: 1.5em;
padding-left: 1.5em; }
.container--grid {
padding-right: 0;
padding-left: 0; }
.container--min {
max-width: 61.5em; } }
fieldset {
background-color: transparent;
margin: 24px 0;
padding: 12px;
border: 1px solid #cdcdcd;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(70, 70, 70, 0.06); }
legend {
font-weight: 600;
margin-bottom: 6px;
padding: 0; }
label {
display: block;
font-weight: 600;
margin-bottom: 6px; }
label > input,
label > select,
label > textarea {
margin-top: 6px; }
input,
select,
textarea {
display: block;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select {
appearance: none;
background-color: white;
border: 1px solid #cdcdcd;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(70, 70, 70, 0.06);
box-sizing: border-box;
margin-bottom: 12px;
padding: 8px;
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover,
select:hover {
border-color: #a4a4a4; }
[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus,
select:focus {
border-color: #2f78c6;
box-shadow: inset 0 1px 3px rgba(70, 70, 70, 0.06), 0 0 5px rgba(42, 108, 177, 0.7);
outline: none; }
[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled,
select:disabled {
background-color: #f2f2f2;
cursor: not-allowed; }
[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
select:disabled:hover {
border: 1px solid #cdcdcd; }
[type='color']::placeholder, [type='color']:placeholder-shown, [type='color']::-webkit-input-placeholder, [type='color']:-moz-placeholder, [type='color']::-moz-placeholder, [type='color']:-ms-input-placeholder, [type='date']::placeholder, [type='date']:placeholder-shown, [type='date']::-webkit-input-placeholder, [type='date']:-moz-placeholder, [type='date']::-moz-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']::placeholder, [type='datetime']:placeholder-shown, [type='datetime']::-webkit-input-placeholder, [type='datetime']:-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']::placeholder, [type='datetime-local']:placeholder-shown, [type='datetime-local']::-webkit-input-placeholder, [type='datetime-local']:-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']::placeholder, [type='email']:placeholder-shown, [type='email']::-webkit-input-placeholder, [type='email']:-moz-placeholder, [type='email']::-moz-placeholder, [type='email']:-ms-input-placeholder, [type='month']::placeholder, [type='month']:placeholder-shown, [type='month']::-webkit-input-placeholder, [type='month']:-moz-placeholder, [type='month']::-moz-placeholder, [type='month']:-ms-input-placeholder, [type='number']::placeholder, [type='number']:placeholder-shown, [type='number']::-webkit-input-placeholder, [type='number']:-moz-placeholder, [type='number']::-moz-placeholder, [type='number']:-ms-input-placeholder, [type='password']::placeholder, [type='password']:placeholder-shown, [type='password']::-webkit-input-placeholder, [type='password']:-moz-placeholder, [type='password']::-moz-placeholder, [type='password']:-ms-input-placeholder, [type='search']::placeholder, [type='search']:placeholder-shown, [type='search']::-webkit-input-placeholder, [type='search']:-moz-placeholder, [type='search']::-moz-placeholder, [type='search']:-ms-input-placeholder, [type='tel']::placeholder, [type='tel']:placeholder-shown, [type='tel']::-webkit-input-placeholder, [type='tel']:-moz-placeholder, [type='tel']::-moz-placeholder, [type='tel']:-ms-input-placeholder, [type='text']::placeholder, [type='text']:placeholder-shown, [type='text']::-webkit-input-placeholder, [type='text']:-moz-placeholder, [type='text']::-moz-placeholder, [type='text']:-ms-input-placeholder, [type='time']::placeholder, [type='time']:placeholder-shown, [type='time']::-webkit-input-placeholder, [type='time']:-moz-placeholder, [type='time']::-moz-placeholder, [type='time']:-ms-input-placeholder, [type='url']::placeholder, [type='url']:placeholder-shown, [type='url']::-webkit-input-placeholder, [type='url']:-moz-placeholder, [type='url']::-moz-placeholder, [type='url']:-ms-input-placeholder, [type='week']::placeholder, [type='week']:placeholder-shown, [type='week']::-webkit-input-placeholder, [type='week']:-moz-placeholder, [type='week']::-moz-placeholder, [type='week']:-ms-input-placeholder, input:not([type])::placeholder, input:not([type]):placeholder-shown, input:not([type])::-webkit-input-placeholder, input:not([type]):-moz-placeholder, input:not([type])::-moz-placeholder, input:not([type]):-ms-input-placeholder, textarea::placeholder, textarea:placeholder-shown, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder,
select::placeholder,
select:placeholder-shown,
select::-webkit-input-placeholder,
select:-moz-placeholder,
select::-moz-placeholder,
select:-ms-input-placeholder {
color: #909090; }
button,
input,
optgroup,
select,
textarea {
max-width: 100%; }
textarea {
resize: vertical; }
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 6px; }
[type="file"] {
margin-bottom: 12px;
width: 100%; }
.grid-list::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 48em) {
.grid-list__item.column-1 {
width: calc(5% - 1.575em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-2 {
width: calc(10% - 1.65em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-3 {
width: calc(15% - 1.725em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-4 {
width: calc(20% - 1.8em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-5 {
width: calc(25% - 1.875em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-6 {
width: calc(30% - 1.95em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-7 {
width: calc(35% - 2.025em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-8 {
width: calc(40% - 2.1em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-9 {
width: calc(45% - 2.175em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-10 {
width: calc(50% - 2.25em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-11 {
width: calc(55% - 2.325em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-12 {
width: calc(60% - 2.4em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-13 {
width: calc(65% - 2.475em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-14 {
width: calc(70% - 2.55em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-15 {
width: calc(75% - 2.625em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-16 {
width: calc(80% - 2.7em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-17 {
width: calc(85% - 2.775em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-18 {
width: calc(90% - 2.85em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-19 {
width: calc(95% - 2.925em);
float: left;
margin-left: 1.5em; }
.grid-list__item.column-20 {
width: calc(100% - 3em);
float: left;
margin-left: 1.5em; }
.grid-list__item.shift-right-1 {
left: calc(5% - 1.575em + 1.5em);
position: relative; }
.grid-list__item.shift-right-2 {
left: calc(10% - 1.65em + 1.5em);
position: relative; }
.grid-list__item.shift-right-3 {
left: calc(15% - 1.725em + 1.5em);
position: relative; }
.grid-list__item.shift-right-4 {
left: calc(20% - 1.8em + 1.5em);
position: relative; }
.grid-list__item.shift-right-5 {
left: calc(25% - 1.875em + 1.5em);
position: relative; }
.grid-list__item.shift-right-6 {
left: calc(30% - 1.95em + 1.5em);
position: relative; }
.grid-list__item.shift-right-7 {
left: calc(35% - 2.025em + 1.5em);
position: relative; }
.grid-list__item.shift-right-8 {
left: calc(40% - 2.1em + 1.5em);
position: relative; }
.grid-list__item.shift-right-9 {
left: calc(45% - 2.175em + 1.5em);
position: relative; }
.grid-list__item.shift-right-10 {
left: calc(50% - 2.25em + 1.5em);
position: relative; }
.grid-list__item.shift-right-11 {
left: calc(55% - 2.325em + 1.5em);
position: relative; }
.grid-list__item.shift-right-12 {
left: calc(60% - 2.4em + 1.5em);
position: relative; }
.grid-list__item.shift-right-13 {
left: calc(65% - 2.475em + 1.5em);
position: relative; }
.grid-list__item.shift-right-14 {
left: calc(70% - 2.55em + 1.5em);
position: relative; }
.grid-list__item.shift-right-15 {
left: calc(75% - 2.625em + 1.5em);
position: relative; }
.grid-list__item.shift-right-16 {
left: calc(80% - 2.7em + 1.5em);
position: relative; }
.grid-list__item.shift-right-17 {
left: calc(85% - 2.775em + 1.5em);
position: relative; }
.grid-list__item.shift-right-18 {
left: calc(90% - 2.85em + 1.5em);
position: relative; }
.grid-list__item.shift-right-19 {
left: calc(95% - 2.925em + 1.5em);
position: relative; }
.grid-list__item.shift-right-20 {
left: calc(100% - 3em + 1.5em);
position: relative; }
.grid-list__item.shift-left-1 {
left: calc(-5% - 1.425em + 1.5em);
position: relative; }
.grid-list__item.shift-left-2 {
left: calc(-10% - 1.35em + 1.5em);
position: relative; }
.grid-list__item.shift-left-3 {
left: calc(-15% - 1.275em + 1.5em);
position: relative; }
.grid-list__item.shift-left-4 {
left: calc(-20% - 1.2em + 1.5em);
position: relative; }
.grid-list__item.shift-left-5 {
left: calc(-25% - 1.125em + 1.5em);
position: relative; }
.grid-list__item.shift-left-6 {
left: calc(-30% - 1.05em + 1.5em);
position: relative; }
.grid-list__item.shift-left-7 {
left: calc(-35% - 0.975em + 1.5em);
position: relative; }
.grid-list__item.shift-left-8 {
left: calc(-40% - 0.9em + 1.5em);
position: relative; }
.grid-list__item.shift-left-9 {
left: calc(-45% - 0.825em + 1.5em);
position: relative; }
.grid-list__item.shift-left-10 {
left: calc(-50% - 0.75em + 1.5em);
position: relative; }
.grid-list__item.shift-left-11 {
left: calc(-55% - 0.675em + 1.5em);
position: relative; }
.grid-list__item.shift-left-12 {
left: calc(-60% - 0.6em + 1.5em);
position: relative; }
.grid-list__item.shift-left-13 {
left: calc(-65% - 0.525em + 1.5em);
position: relative; }
.grid-list__item.shift-left-14 {
left: calc(-70% - 0.45em + 1.5em);
position: relative; }
.grid-list__item.shift-left-15 {
left: calc(-75% - 0.375em + 1.5em);
position: relative; }
.grid-list__item.shift-left-16 {
left: calc(-80% - 0.3em + 1.5em);
position: relative; }
.grid-list__item.shift-left-17 {
left: calc(-85% - 0.225em + 1.5em);
position: relative; }
.grid-list__item.shift-left-18 {
left: calc(-90% - 0.15em + 1.5em);
position: relative; }
.grid-list__item.shift-left-19 {
left: calc(-95% - 0.075em + 1.5em);
position: relative; }
.grid-list__item.shift-left-20 {
left: calc(-100% - 0em + 1.5em);
position: relative; } }
a {
color: #2f78c6;
text-decoration: none;
outline: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
a:active, a:focus, a:hover {
color: #2765a6; }
a:focus {
outline: none;
noFocusLine: expression(this.onFocus=this.blur()); }
a:hover {
text-decoration: none; }
a:hover img {
opacity: .85; }
a img {
backface-visibility: hidden; }
a img,
a svg {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 48em) {
a {
text-decoration: underline; }
a:hover {
text-decoration: none; } }
.link-button {
position: relative; }
.link-button:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #2f78c6;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scaleX(0);
transform-origin: left;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.link-button {
display: inline-block;
padding: 8px 16px; }
ul,
ol {
padding: 0 0 0 1.5em; }
dl {
margin: 0; }
dt {
font-weight: normal;
margin: 0; }
dd {
margin: 0; }
img {
border: 0;
vertical-align: middle; }
img,
svg {
height: auto; }
img,
picture,
figure {
margin: 0; }
progress {
display: inline-block; }
img,
svg,
picture,
embed,
iframe,
object,
video {
max-width: 100%; }
embed,
iframe,
object,
video,
progress {
vertical-align: baseline; }
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
table {
border-collapse: collapse;
border: 1px solid #cdcdcd;
margin: 12px 0;
width: 100%; }
caption {
background-color: rgba(205, 205, 205, 0.5);
padding: 8px; }
thead th {
border-bottom: 1px solid #acacac;
background-color: rgba(205, 205, 205, 0.5); }
th {
font-weight: 600;
text-align: left;
background-color: #f6f6f6; }
th,
td {
padding: 12px;
border: 1px solid #cdcdcd; }
tr,
td,
th {
vertical-align: top; } .author-label {
position: relative; }
.author-label__inner {
display: block; }
.author-label__name {
display: inline-block;
vertical-align: middle; }
.author-label__avatar {
display: none;
width: 32px;
height: 32px;
margin-left: .3em;
vertical-align: middle;
overflow: hidden;
border-radius: 50%;
border: solid 1px #cdcdcd; }
@media only screen and (min-width: 34em) {
.author-label__avatar {
display: inline-block;
width: 32px;
height: 32px; } }
@media only screen and (min-width: 48em) {
.author-label__avatar {
width: 56px;
height: 56px; } }
body.single .author-label__avatar {
display: inline-block; }
.author-label--small .author-label__avatar {
width: 40px;
height: 40px; }
.author-label--small .author-label__name {
font-size: 0.75019rem; }
.breadcrumb {
margin-bottom: 0;
background-color: #e6e6e6; }
.breadcrumb__inner {
padding: 8px 0;
max-width: 1140px;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.breadcrumb__inner {
padding: 12px 0; } }
.breadcrumb__list {
margin: 0;
padding: 0;
color: #9f9f9f; }
.breadcrumb__list::after {
clear: both;
content: "";
display: block; }
.breadcrumb li {
display: inline-block;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
float: left;
list-style: none;
font-size: .875rem;
color: #9f9f9f;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.breadcrumb li a {
color: #9f9f9f;
text-decoration: none; }
.breadcrumb__home:before {
content: "\f102";
margin-right: .3em;
font-family: dashicons;
vertical-align: bottom; }
.card {
padding-bottom: 12px;
background-color: #fff;
box-shadow: 0 0 4px 0 rgba(70, 70, 70, 0.1);
border-radius: 4px; }
.card__image {
margin-bottom: 12px;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.card__caption {
text-align: center; }
.card__caption > *:first-child {
margin-top: 0; }
.card__caption > *:last-child {
margin-bottom: 0; }
.child-pages {
margin-top: 24px;
padding-top: 24px;
border-top: dashed 1px #cdcdcd; }
@media only screen and (min-width: 48em) {
.child-pages {
margin-top: 48px;
padding-top: 48px; } }
.child-pages__headline {
margin-top: 0;
margin-bottom: 12px; }
.child-pages__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 12px;
margin-bottom: -24px;
padding: 0; }
.child-pages__item {
width: 49%;
margin-bottom: 24px;
list-style: none;
color: #464646; }
.child-pages__item--current {
font-weight: bold; }
.child-pages__item a {
display: block;
text-decoration: none; }
.child-pages__item a::after {
clear: both;
content: "";
display: block; }
.child-pages__item figure {
width: 32%;
float: left;
margin-right: 8px; }
.child-pages__item__overview {
overflow: hidden; }
.child-pages__item__overview p {
margin: 0;
font-size: 0.75019rem; }
.child-pages__item__title {
margin-bottom: 8px; }
.copyright {
margin-top: 0;
margin-bottom: 0;
text-align: center; }
.footer-nav {
background-color: #fff; }
@media only screen and (min-width: 48em) {
.footer-nav {
margin-bottom: 24px;
padding: 0;
border-bottom: 1px solid #D4D4D4;
border-top: 1px solid #D4D4D4; } }
.footer-nav__inner {
position: relative;
text-align: center;
max-width: 1140px;
margin: 0 auto; }
.footer-nav__totop {
position: absolute;
top: -28px;
right: 0;
z-index: 10; }
@media only screen and (min-width: 60em) {
.footer-nav__totop {
right: 10px; } }
@media only screen and (min-width: 48em) {
.footer-nav__totop {
top: -32px; } }
.footer-nav__totop a {
text-decoration: none;
color: #464646; }
.footer-nav__totop a::before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 14px 6px;
border-color: transparent transparent #FC3B39 transparent;
top: 50%;
left: -16px;
transform: translateY(-50%); }
.footer-nav__menu {
margin-top: 0;
margin-left: -1.5em;
margin-right: -1.5em;
padding: 0;
text-align: center;
display: inline; }
@media only screen and (min-width: 48em) {
.footer-nav__menu {
margin: 0 0 -.3em; } }
.footer-nav__menu li {
width: 100%;
list-style: none;
border-bottom: 1px solid #cdcdcd; }
.footer-nav__menu li:first-child {
border-top: 1px solid #cdcdcd; }
@media only screen and (min-width: 60em) {
.footer-nav__menu li:first-child {
border-top: none; } }
@media only screen and (min-width: 48em) {
.footer-nav__menu li {
display: inline-block;
width: auto;
margin-right: .3em;
margin-bottom: 0;
padding-right: .6em;
border-bottom: none;
border-right: 1px solid #cdcdcd;
height: 100%; }
.footer-nav__menu li:first-child {
border-left: 1px solid #cdcdcd; }
.footer-nav__menu li:last-child {
border-right: 1px solid #cdcdcd; } }
.footer-nav__menu a {
color: #464646;
display: block;
padding: 12px 24px;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.footer-nav__menu a {
padding: 24px; } }
.footer-nav-address {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.footer-nav-btn {
background-color: #FC3B39;
color: #fff;
border-radius: 16px;
display: inline-block;
padding: 4px 16px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.footer-nav-btn a {
text-decoration: none;
color: #fff; }
.pagination {
width: 100%;
margin: 12px 0 0;
text-align: center; }
.pagination::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 48em) {
.pagination {
margin: 24px 0 0; } }
.pagination a:hover {
text-decoration: none; }
.pagination .nav-links {
padding-top: 12px;
border-top: 1px solid #cdcdcd; }
@media only screen and (min-width: 48em) {
.pagination .nav-links {
padding-top: 24px; } }
.pagination .page-numbers:not(.dots) {
margin-right: .3em;
margin-left: .3em;
padding: 6px 8px; }
@media only screen and (min-width: 48em) {
.pagination .page-numbers:not(.dots) {
padding: 6px 12px; } }
.pagination .page-numbers:not(.dots).current {
background-color: #9f9f9f;
cursor: default; }
.pagination .page-numbers:not(.dots).prev {
float: left;
margin-left: 0; }
.pagination .page-numbers:not(.dots).next {
float: right;
margin-right: 0; }
.pagination .dots {
font-weight: bold; }
.pagination .prev,
.pagination .next {
margin-right: 0;
margin-left: 0; }
.post-list__item {
border-bottom: 1px solid #cdcdcd; }
.post-list__item:first-child {
border-top: none; }
.post-list__item:last-child {
border-bottom: none; }
.post-list__item a {
display: block;
padding: 12px;
color: #464646;
text-decoration: none; }
.post-list__item a::after {
clear: both;
content: "";
display: block; }
.post-list__item a:hover {
background-color: #f7f7f7; }
.post-list__item img {
float: left;
width: 32%;
margin-right: 12px; }
.post-list__item-time {
display: block;
margin-bottom: 6px;
line-height: 1;
vertical-align: top;
font-size: 0.75019rem; }
.post-list__item-title {
margin: 0; }
.post-navigation {
margin-top: 24px;
border: 1px solid #cdcdcd;
background-color: white;
box-shadow: 0 0 4px 0 rgba(70, 70, 70, 0.1); }
.post-navigation::after {
clear: both;
content: "";
display: block; }
.post-navigation .nav-previous,
.post-navigation .nav-next {
position: relative; }
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
position: relative;
display: block;
height: 100%;
padding-top: 1.5em;
padding-bottom: 1.5em;
text-decoration: none; }
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background-color: rgba(205, 205, 205, 0.2);
text-decoration: none; }
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
display: block;
width: 36px;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
font-family: dashicons;
font-size: 1.333rem;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.post-navigation .nav-previous {
border-bottom: 1px solid #cdcdcd; }
.post-navigation .nav-previous a {
padding-left: 48px;
padding-right: 24px; }
.post-navigation .nav-previous a:before {
content: "\f341";
left: 0; }
.post-navigation .nav-previous a:hover:before {
left: 6px; }
.post-navigation .nav-next {
text-align: right; }
.post-navigation .nav-next a {
padding-left: 24px;
padding-right: 48px; }
.post-navigation .nav-next a:before {
content: "\f345";
right: 0; }
.post-navigation .nav-next a:hover:before {
right: 6px; }
@media only screen and (min-width: 48em) {
.post-navigation > div {
display: flex;
align-items: stretch; }
.post-navigation .nav-previous,
.post-navigation .nav-next {
flex-grow: 1;
width: 50%; }
.post-navigation .nav-previous:only-of-type,
.post-navigation .nav-next:only-of-type {
width: auto; }
.post-navigation .nav-previous {
border-right: 1px solid #cdcdcd;
border-bottom: none; }
.post-navigation .nav-previous:only-of-type {
border-right: none;
width: auto; } }
.promotion-area {
position: relative;
padding: 24px;
text-align: center;
color: #fff;
background-color: #2f78c6; }
@media only screen and (min-width: 48em) {
.promotion-area {
padding: 48px; } }
.promotion-area__content {
margin-right: 32px; }
.promotion-area__content > *:first-child {
margin-top: 0; }
.promotion-area__content > *:last-child {
margin-bottom: 0; }
.promotion-area__content a {
color: #fff;
text-decoration: underline; }
.promotion-area__content a:hover {
text-decoration: none; }
.promotion-area__close-button {
display: inline-block;
position: absolute;
top: 24px;
right: 24px;
width: 20px;
height: 20px;
cursor: pointer; }
.promotion-area__close-button:after {
content: "\f153";
display: block;
width: 100%;
height: 100%;
font-size: 20px;
line-height: 1;
font-family: dashicons;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
vertical-align: top;
text-align: center;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.search-form {
overflow: hidden;
clear: both;
position: relative;
width: 100%;
height: 48px;
box-sizing: border-box; }
.search-form label,
.search-form input,
.search-form button {
display: block;
height: 100%;
box-sizing: border-box; }
.search-form input,
.search-form button {
position: absolute;
top: 0; }
.search-form label {
position: relative;
margin-right: 24%; }
.search-form input {
margin: 0; }
.search-form input[type="search"] {
left: 0;
padding: 4px 16px;
width: 100%;
border-right: none;
border-radius: 4px 0 0 4px; }
.search-form button,
.search-form input[type="submit"] {
right: 0;
width: 24%;
padding: 0;
line-height: 48px;
font-size: 1.333rem;
color: #fff;
border: none;
border-radius: 0 4px 4px 0;
background: #2f78c6;
transition: all 0.3s ease-in-out; }
.search-form button:hover,
.search-form input[type="submit"]:hover {
background: #4a8dd4; }
.search-form button > *,
.search-form input[type="submit"] > * {
line-height: 48px; }
.share-button {
padding: 0; }
.share-button__item {
display: inline-block;
margin-right: .5em;
list-style: none;
vertical-align: top; }
.share-button .fb_iframe_widget > span {
vertical-align: baseline !important; }
.site-id {
margin-right: auto; }
.site-id--center {
text-align: center; }
.site-id__logo {
margin: 0;
line-height: 1;
font-weight: bold;
width: 60vw; }
@media only screen and (min-width: 60em) {
.site-id__logo {
width: 100%; } }
@media screen, print and (min-width: 1140px) {
.site-id__logo {
padding-left: 0; } }
.site-id__logo a {
display: inline-block;
text-decoration: none;
color: #464646; }
.site-id__logo img {
width: 100%;
height: 100%; }
@media only screen and (min-width: 60em) {
.site-id__logo img {
width: 280px;
height: 40px; } }
.site-id__logo svg {
color: #464646;
fill: currentColor; }
.site-id__catchphrase {
margin-top: 12px;
margin-bottom: 0; }
.site-id__catchphrase--invert {
color: #fff; }
.social-button {
padding: 0; }
.social-button__item {
display: inline-block;
margin-right: .5em;
list-style: none;
vertical-align: top; }
.social-button .fb_iframe_widget > span {
vertical-align: baseline !important; }
.social-links {
margin: 24px 0; }
.social-links--center {
text-align: center; }
.social-links--right {
text-align: right; }
.social-links ul {
margin: 0;
padding: 0; }
.social-links li {
display: inline-block;
margin-left: .3em;
list-style: none;
vertical-align: top; }
.social-links a {
text-decoration: none; }
.social-links a:before {
font-family: FontAwesome;
font-size: 1.25rem; }
.social-links__facebook a {
color: #3b5998; }
.social-links__facebook a:before {
content: ""; }
.social-links__twitter a {
color: #55acee; }
.social-links__twitter a:before {
content: ""; }
.social-links__google-plus a {
color: #dc4e41; }
.social-links__google-plus a:before {
content: ""; }
.social-links__instagram a {
color: #464646; }
.social-links__instagram a:before {
content: ""; }
.social-links__pinterest a {
color: #bd081c; }
.social-links__pinterest a:before {
content: ""; }
.social-links__tumblr a {
color: #36465d; }
.social-links__tumblr a:before {
content: ""; }
.social-links__youtube a {
color: #cd201f; }
.social-links__youtube a:before {
content: ""; }
@media only screen and (min-width: 48em) {
.social-links a:before {
font-size: 1.333rem; } }
.tagcloud a {
position: relative;
display: inline-block;
padding: 0 6px;
margin-right: .3em;
margin-bottom: .3em;
text-decoration: none;
font-size: 1.333rem;
border: solid 1px rgba(205, 205, 205, 0.9);
border-radius: 4px; }
@media only screen and (min-width: 48em) {
.tagcloud a:hover {
border: solid 1px #2f78c6; } }
.the-content::after {
clear: both;
content: "";
display: block; }
.the-content > *:first-child {
margin-top: 0; }
.the-content > *:last-child {
margin-bottom: 0; }
.the-content h1,
.the-content h2,
.the-content h3,
.the-content h4,
.the-content h5,
.the-content h6 {
clear: both; }
.the-content h1 {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
border-left: solid 8px #464646;
background-color: #f1f1f1; }
@media only screen and (min-width: 48em) {
.the-content h1 {
padding-left: 24px;
border-left: solid 10px #464646; } }
.the-content h2 {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 24px;
border-bottom: 0;
background-color: #f08c82;
color: #fff;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: 500; }
@media only screen and (min-width: 48em) {
.the-content h2 {
font-size: 1.25rem; } }
.the-content h3 {
position: relative;
padding-left: 36px;
border-bottom: solid 2px #f08c82;
border-left: 0; }
.the-content h3::before {
content: '●';
position: absolute;
color: #f08c82;
top: 50%;
left: 12px;
transform: translateY(-50%); }
.the-content table {
table-layout: fixed; }
.elementor-widget-heading h2.elementor-heading-title {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
border-bottom: 0;
background-color: #f08c82;
color: #fff; }
body.page-id-24 h2.elementor-heading-title {
background-color: #FC3B39;
display: inline-block;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px; }
body.page-id-24 .elementor-widget-text-editor .elementor-widget-container {
border-bottom: 0; }
body.page-id-24 .elementor-widget-heading {
border-bottom: 1px solid #FC3B39; }
.thumbnail {
position: relative;
margin-bottom: 96px; }
.thumbnail:after {
content: '...';
display: block;
position: absolute;
left: 0;
bottom: -48px;
width: 100%;
font-size: 5.61023rem;
color: rgba(70, 70, 70, 0.1);
text-align: center; }
.widget {
margin-bottom: 12px;
padding: 0;
background-color: #fff;
border: 0;
box-shadow: 0 0 0; }
.widget:last-child {
margin-bottom: 0; }
.widget__title {
margin-top: 0;
margin-bottom: 12px;
padding: 8px;
font-size: 1rem;
color: #fff;
background-color: #464646; }
.drawer .widget__title {
padding-top: 0;
border-top: none; }
.header-content .widget {
padding: 0;
background-color: transparent;
border: none;
box-shadow: none; }
.widget ul {
margin-top: 12px;
margin-bottom: 12px;
border: 0 !important; }
.widget_recent_entries ul {
padding-left: 0;
border-top: 1px solid #cdcdcd;
padding-top: 12px; }
.widget_recent_entries li {
margin-bottom: 12px;
padding-bottom: 12px;
list-style: none;
border-bottom: 1px solid #cdcdcd; }
.widget_recent_entries .post-date {
display: block;
font-size: 0.75019rem;
color: #9f9f9f; }
.widget_recent_entries .post-date:before {
content: "";
font-family: FontAwesome;
margin-right: .3em; }
.widget_pages ul, .widget_nav_menu ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd; }
.widget_pages ul ul, .widget_nav_menu ul ul {
margin-left: 0;
border-right: none; }
.widget_pages > ul, .widget_nav_menu > ul {
border-bottom: 1px solid #cdcdcd; }
.widget_pages li, .widget_nav_menu li {
list-style: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.widget_pages a, .widget_nav_menu a {
display: block;
padding: 12px;
text-decoration: none; }
.widget_pages a::after, .widget_nav_menu a::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 48em) {
.widget_pages a:hover, .widget_nav_menu a:hover {
padding-left: 24px;
text-decoration: none; }
.widget_pages a:hover span, .widget_nav_menu a:hover span {
color: #d3e0ee;
background-color: #2765a6; } }
.widget_pages .menu li.menu-item-has-children, .widget_nav_menu .menu li.menu-item-has-children {
text-align: center;
background-color: #FC3B39; }
.widget_pages .menu li.menu-item-has-children a, .widget_nav_menu .menu li.menu-item-has-children a {
color: white; }
.widget_pages .menu .sub-menu, .widget_nav_menu .menu .sub-menu {
text-align: left;
background-color: #fff; }
.widget_pages .menu .sub-menu li.current-menu-item > a, .widget_nav_menu .menu .sub-menu li.current-menu-item > a {
color: #333;
background-color: #e6e6e6; }
.widget_pages .menu .sub-menu li.menu-item-has-children, .widget_nav_menu .menu .sub-menu li.menu-item-has-children {
background-color: #fff;
text-align: left; }
.widget_pages .menu .sub-menu li.menu-item-has-children .sub-menu, .widget_nav_menu .menu .sub-menu li.menu-item-has-children .sub-menu {
display: none; }
.widget_pages .menu .sub-menu li.current-menu-item.menu-item-has-children .sub-menu, .widget_nav_menu .menu .sub-menu li.current-menu-item.menu-item-has-children .sub-menu {
display: block; }
.widget_pages .menu .sub-menu li a, .widget_nav_menu .menu .sub-menu li a {
color: #464646;
padding: 6px 24px 6px 48px;
position: relative; }
@media only screen and (min-width: 48em) {
.widget_pages .menu .sub-menu li a::before, .widget_nav_menu .menu .sub-menu li a::before {
content: '';
position: absolute;
left: 16px;
top: 50%;
width: 11px;
height: 11px;
z-index: 3;
transform: translateY(-50%);
background-size: cover;
background-image: url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/images/icon/sidebar-menu-icon.png); } }
.widget_pages .menu .sub-menu li a:hover, .widget_nav_menu .menu .sub-menu li a:hover {
color: #464646;
background-color: #e6e6e6; }
.widget_pages .menu .sub-menu li ul.sub-menu li, .widget_nav_menu .menu .sub-menu li ul.sub-menu li {
text-align: left;
background-color: #f1f1f1; }
.widget_pages .menu .sub-menu li ul.sub-menu li a, .widget_nav_menu .menu .sub-menu li ul.sub-menu li a {
color: #464646; }
@media only screen and (min-width: 48em) {
.widget_pages .menu .sub-menu li ul.sub-menu li a::before, .widget_nav_menu .menu .sub-menu li ul.sub-menu li a::before {
content: '・';
position: absolute;
left: 24px;
top: 50%;
width: auto;
height: auto;
z-index: 3;
transform: translateY(-50%);
background: none; } }
.widget_pages .menu .sub-menu li ul.sub-menu li a:hover, .widget_nav_menu .menu .sub-menu li ul.sub-menu li a:hover {
background-color: #c6c6c6; }
.widget_nav_menu .menu {
border-bottom: 1px solid #cdcdcd; }
.widget_calendar span,
.widget_calendar a {
display: block;
padding: 12px 6px; }
.widget_calendar a {
text-decoration: none; }
.widget_calendar table {
margin-top: 0;
table-layout: fixed; }
.widget_calendar td,
.widget_calendar th {
text-align: center; }
.widget_calendar td {
padding: 0; }
.widget_calendar tbody {
text-align: center; }
.widget_calendar tfoot #prev {
text-align: left; }
.widget_calendar tfoot #next {
text-align: right; }
@media only screen and (min-width: 48em) {
.widget_calendar a:hover {
background-color: rgba(205, 205, 205, 0.5); } }
.widget_categories ul, .widget_archive ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd; }
.widget_categories ul ul, .widget_archive ul ul {
margin-left: 24px;
border-right: none; }
.widget_categories > ul, .widget_archive > ul {
border-bottom: 1px solid #cdcdcd; }
.widget_categories li, .widget_archive li {
list-style: none;
border-top: 1px solid #cdcdcd;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: white; }
.widget_categories a, .widget_archive a {
display: block;
padding: 12px;
text-decoration: none; }
.widget_categories a::after, .widget_archive a::after {
clear: both;
content: "";
display: block; }
.widget_categories span, .widget_archive span {
float: right;
padding-right: 6px;
padding-left: 6px;
color: #464646;
background: rgba(205, 205, 205, 0.5);
border-radius: 4px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 48em) {
.widget_categories li:hover, .widget_archive li:hover {
background-color: rgba(205, 205, 205, 0.5); }
.widget_categories a:hover, .widget_archive a:hover {
text-decoration: none; }
.widget_categories a:hover span, .widget_archive a:hover span {
color: #d3e0ee;
background-color: #2765a6; } }
.widget_categories .cat-item-none, .widget_archive .cat-item-none {
border: none; }
.widget_categories .cat-item-none:hover, .widget_archive .cat-item-none:hover {
background-color: transparent; }
.widget_text .textwidget > *:first-child {
margin-top: 0; }
.widget_text .textwidget > *:last-child {
margin-bottom: 0; }
.widget_meta ul {
margin: 0;
padding: 0;
border-top: 1px solid #cdcdcd; }
.widget_meta li {
list-style: none;
border-bottom: 1px solid #cdcdcd; }
.widget_meta a {
display: block;
padding: 12px;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.widget_meta a:hover {
padding-left: 24px;
text-decoration: none; } }
.widget_rss ul {
padding-left: 0;
border-top: 1px solid #cdcdcd;
padding-top: 12px; }
.widget_rss li {
margin-bottom: 12px;
padding-bottom: 12px;
list-style: none;
border-bottom: 1px solid #cdcdcd; }
.widget_rss .rss-date,
.widget_rss .rssSummary,
.widget_rss cite {
display: block;
line-height: 1.5;
color: #9f9f9f; }
.widget_rss .rss-date {
font-size: 0.75019rem; }
.widget_rss .rss-date:before {
content: "";
font-family: FontAwesome;
margin-right: .3em; }
.widget_rss cite {
text-align: right;
font-size: 0.75019rem; }
.widget_rss cite:before {
content: "";
font-family: FontAwesome;
margin-right: .3em; } .article {
position: relative;
z-index: 0;
background-color: white;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.article::after {
clear: both;
content: "";
display: block; }
.article:nth-last-of-type(1) {
margin-bottom: 0; }
.article.sticky .article__overview {
border: none; }
.article--archive {
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 24px;
border-bottom: 1px solid #cdcdcd; }
.article--archive:nth-of-type(1) {
border-top: 1px solid #cdcdcd; }
.article--archive.sticky {
border-right: none;
border-left: none; }
.article--archive.sticky:nth-of-type(1) {
border-top: double 7px #cdcdcd; }
@media only screen and (min-width: 34em) {
.article--archive {
padding-top: 24px;
padding-bottom: 24px; } }
@media only screen and (min-width: 48em) {
.article {
margin-bottom: 24px;
border: none; }
.article--archive {
margin-bottom: 12px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
border: none; }
.article--archive:nth-of-type(1) {
border-top: none; } }
.article--normal .article__header {
margin-bottom: 24px; }
@media only screen and (min-width: 48em) {
.article--normal .article__thumbnail {
margin-left: -24px;
margin-right: -24px; } }
@media only screen and (min-width: 100em) {
.article--normal .article__thumbnail {
margin-left: -56px;
margin-right: -56px; } }
.article--card {
margin-bottom: 24px; }
@media only screen and (min-width: 48em) {
.article--card {
margin-bottom: 48px; } }
.article--card .article__thumbnail {
position: relative;
padding-top: 56.25%;
margin-right: 0;
margin-left: 0; }
.article--card .article__thumbnail img {
display: none; }
@media only screen and (min-width: 48em) {
.article--card .article__thumbnail:hover a {
transform: scale(1.05); } }
.article--card .article__thumbnail-background {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.article--card .article__overview {
border: 1px solid #cdcdcd;
padding: 12px; }
@media only screen and (min-width: 34em) {
.article--card .article__overview {
padding: 24px; } }
@media only screen and (min-width: 48em) {
.article--card .article__overview {
padding: 48px; } }
.article--card .article__meta-data {
display: none; }
@media only screen and (min-width: 48em) {
.article--card .article__meta-data {
display: block; } }
.article--list {
padding: 12px;
box-shadow: 0 0 4px 0 rgba(70, 70, 70, 0.1);
border-right: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd; }
.article--list:hover {
cursor: pointer;
background-color: #f7f7f7; }
.article--list:first-of-type:not(.sticky) {
border-top: double 1px #cdcdcd; }
@media only screen and (min-width: 48em) {
.article--list {
padding: 24px;
border: 1px solid #cdcdcd; } }
.article--list .article__header-top {
margin-bottom: 8px;
padding-bottom: 8px; }
@media only screen and (min-width: 34em) {
.article--list .article__header-top {
margin-bottom: 12px;
padding-bottom: 12px; } }
.article--list .article__thumbnail {
z-index: 1;
float: left;
max-width: 40%;
margin-right: 12px;
margin-left: 0;
background-color: transparent; }
.article--list .article__thumbnail img {
width: 100%;
margin-bottom: 12px; }
@media only screen and (min-width: 48em) {
.article--list .article__thumbnail img {
margin-bottom: 0; } }
@media only screen and (min-width: 48em) {
.article--list .article__thumbnail {
width: 46%;
max-width: none;
margin-right: 24px; } }
.article--list .article__thumbnail-background {
display: none; }
@media only screen and (min-width: 48em) {
.article--list .article__thumbnail-background {
display: block; } }
.article--list .article__category ul {
margin: 0;
padding: 0; }
.article--list .article__category li {
display: inline-block;
margin-right: .1em;
margin-bottom: 4px; }
.article--list .article__category a {
display: inline-block;
padding: 0 8px;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 1.8;
font-size: 0.75019rem;
background-color: #464646; }
.article--list .article__category a:hover {
background-color: #505050; }
.article--list .article__title {
margin: 0;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.article--list .article__title {
margin: 8px 0 0;
font-size: 1.333rem; } }
.article--list .article__overview {
position: relative;
z-index: 1;
padding: 0 12px 0 0;
border: none; }
@media only screen and (min-width: 48em) {
.article--list .article__overview {
padding: 0; } }
.article--list .article__content {
display: none; }
@media only screen and (min-width: 34em) {
.article--list .article__content {
display: block;
padding-top: 8px; } }
.article--list .article__read-more {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: right; }
.article--list .article__read-more::after {
content: "\f345";
right: 0;
display: block;
width: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: right;
font-family: dashicons;
font-size: 24px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.article--list .article__read-more a {
position: relative;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
display: block;
width: 100%;
height: 100%;
padding: 0;
border-radius: 0;
background-color: transparent; }
.article--list .article__read-more a:hover {
background-color: transparent; }
@media only screen and (min-width: 48em) {
.article--list .article__read-more::after {
content: none; }
.article--list .article__read-more a {
display: block; } }
.article--grid {
overflow: hidden;
margin-bottom: 12px;
border: 1px solid #cdcdcd;
box-shadow: 0 0 4px 0 rgba(70, 70, 70, 0.1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.article--grid:nth-last-of-type(1) {
margin-bottom: 24px; }
.article--grid.sticky {
border-left: none;
border-right: none; }
@media only screen and (min-width: 48em) {
.article--grid {
margin-bottom: 24px; }
.article--grid:hover {
background-color: rgba(205, 205, 205, 0.5); } }
.article--grid .article__thumbnail {
position: relative;
z-index: -1;
margin-right: 0;
margin-left: 0;
background-color: transparent; }
.article--grid .article__thumbnail--none {
background-color: #464646;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 48em) {
.article--grid .article__thumbnail:hover a {
transform: scale(1.05); } }
.article--grid:hover .article__thumbnail--none {
background-color: rgba(70, 70, 70, 0.9); }
.article--grid .article__thumbnail-background {
display: block;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.article--grid .article__overview {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 12px;
border: none; }
@media only screen and (min-width: 48em) {
.article--grid .article__overview {
padding: 24px; } }
.article--grid .article__category {
position: absolute;
top: 0;
left: 0;
z-index: 2; }
.article--grid .article__category ul {
margin: 0;
padding: 0; }
.article--grid .article__category ul::after {
clear: both;
content: "";
display: block; }
.article--grid .article__category li {
float: left;
display: block;
margin: 0 .15em .1em 0; }
.article--grid .article__category a {
display: inline-block;
padding: 0 8px;
color: #fff;
background-color: rgba(70, 70, 70, 0.7);
text-align: center;
text-decoration: none;
font-size: 0.75019rem; }
.article--grid .article__category a:hover {
background-color: #464646; }
.article--grid .article__author {
position: absolute;
z-index: 1;
top: 24px;
right: 24px; }
.article--grid .article__header {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 12px;
color: #fff; }
@media only screen and (min-width: 48em) {
.article--grid .article__header {
padding: 24px; } }
.article--grid .article__header > * {
position: relative;
z-index: 1; }
.article--grid .article__header::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, transparent 0%, rgba(70, 70, 70, 0.8) 100%); }
.article--grid .article__header a {
color: #fff; }
.article--grid .article__header-top {
margin-bottom: .3rem;
padding-bottom: .3rem; }
@media only screen and (min-width: 48em) {
.article--grid .article__header-top {
margin-bottom: 12px;
padding-bottom: 12px; } }
.article--grid .article__title {
font-size: 1.333rem; }
.article--grid .article__content {
display: none; }
@media only screen and (min-width: 60em) {
.article--grid .article__content {
display: block; } }
.article--grid .article__read-more {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: right; }
.article--grid .article__read-more a {
position: relative;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
display: block;
width: 100%;
height: 100%;
padding: 0;
border-radius: 0;
background-color: transparent; }
.article--grid .article__read-more a:hover {
background-color: transparent; }
.article--none .article__overview {
border: 1px solid #cdcdcd;
padding: 12px; }
@media only screen and (min-width: 34em) {
.article--none .article__overview {
padding: 24px; } }
@media only screen and (min-width: 48em) {
.article--none .article__overview {
padding: 48px; } }
.article__inner {
padding: 20px 12px;
border: none;
box-shadow: 0 0 0; }
@media only screen and (min-width: 34em) {
.article__inner {
padding: 0 24px 24px; } }
@media only screen and (min-width: 48em) {
.article__inner {
padding: 0 0 48px 0; } }
@media only screen and (min-width: 100em) {
.article__inner {
padding: 0 0 56px 0; } }
.article__thumbnail {
position: relative;
overflow: hidden;
text-align: center;
background-color: rgba(205, 205, 205, 0.5);
margin-right: -12px;
margin-left: -12px; }
@media only screen and (min-width: 48em) {
.article__thumbnail {
margin-right: 0;
margin-left: 0; } }
.article__thumbnail img {
width: 100%; }
@media only screen and (min-width: 100em) {
body.single .article__thumbnail {
margin-left: -56px;
margin-right: -56px; } }
@media only screen and (min-width: 100em) {
body.page .article__thumbnail {
margin-left: -56px;
margin-right: -56px; } }
.article__thumbnail-background {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.article:not(.article--page):hover .article__thumbnail-background {
transform: scale(1.05); }
.article__overview {
overflow: hidden;
padding: 12px 0; }
@media only screen and (min-width: 34em) {
.article__overview {
padding: 24px 0; } }
@media only screen and (min-width: 48em) {
.article__overview {
padding: 48px;
border: 1px solid #cdcdcd; } }
.article__header {
position: relative;
color: #464646; }
.article__header > *:first-child {
margin-top: 0; }
.article__header a {
text-decoration: none; }
body.single .article__header {
margin-bottom: 24px; }
body.page .article__header {
margin-bottom: 24px; }
.article__header-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: dashed 1px #cdcdcd; }
.article__date {
display: inline-block; }
.article__date:before {
content: "";
font-family: FontAwesome;
margin-right: .3em; }
.article__date--new {
margin-right: .5em; }
.article__date--new:before {
content: ""; }
.article__date--old {
color: #9f9f9f; }
.article__date--old:before {
content: ""; }
@media only screen and (min-width: 48em) {
body.single .article__date {
font-size: 1.333rem; } }
.article__title {
margin: 8px 0 0; }
.article__title a {
color: #464646; }
@media only screen and (min-width: 48em) {
.article__title a:hover {
color: #2765a6; } }
.article__sticky-post-tag {
padding: 2px 8px;
font-size: .8125rem;
color: #fff;
background-color: #c6322f;
border-radius: 2px; }
.article__format {
position: absolute;
top: 16px;
left: -36px; }
.article__meta-data {
margin-top: 12px;
margin-bottom: 12px;
padding-bottom: 12px;
color: #9f9f9f;
border-bottom: dashed 1px #cdcdcd; }
.article__meta-data dl {
display: inline-block;
margin-right: .3em;
vertical-align: top; }
.article__meta-data dt {
float: left; }
.article__meta-data dt:before {
margin-right: .3em;
font-family: FontAwesome;
vertical-align: bottom; }
.article__meta-data dd {
overflow: hidden; }
.article__category {
padding: 0;
margin: 0;
color: #9f9f9f; }
.article__category dl {
display: inline-block;
margin-right: .3em;
vertical-align: top; }
.article__category dt {
float: left;
margin-right: .3em; }
.article__category dt:before {
font-family: FontAwesome;
content: ""; }
.article__category dt span {
margin-left: .3em; }
.article__category dd {
overflow: hidden; }
.article__category ul {
margin: 0;
padding: 0; }
.article__category li {
display: inline-block;
margin-right: .1em;
margin-bottom: 4px; }
.article__category a {
display: inline-block;
padding: 0 8px;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 1.8;
font-size: 0.75019rem;
background-color: #464646; }
.article__category a:hover {
background-color: #505050; }
.article__tag dt:before {
content: ""; }
.article__author dt {
margin-right: .2em; }
.article__author dt:before {
content: ""; }
.article__content {
margin-top: 12px; }
@media only screen and (min-width: 48em) {
.article__content {
margin-top: 24px;
padding-bottom: 0; } }
.article__content--is-only {
margin-top: 0; }
@media only screen and (min-width: 48em) {
.article__content--is-only {
margin-top: 0; } }
.article__read-more {
margin-bottom: 0;
text-align: right; }
.article__page-links {
padding: 12px 12px 4px;
border: solid 2px #cdcdcd;
text-align: center; }
.article__page-links a {
margin-right: .3em;
margin-left: .3em;
padding: 6px 12px;
margin-bottom: 8px; }
.article__page-links > span {
display: inline-block;
vertical-align: middle;
margin-bottom: 8px; }
.article__footer-meta {
padding-left: 0; }
.article__footer-meta li {
text-align: right;
list-style: none; }
.article__footer-meta li i {
margin-right: .3em; }
h1.article__title {
font-size: 2rem;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
border: 1px solid #464646;
font-weight: normal;
padding: 12px; }
.comment-area {
margin-top: 24px;
margin-bottom: 48px 0 0;
padding: 12px;
background-color: white;
border: 1px solid #cdcdcd;
box-shadow: 0 0 4px 0 rgba(70, 70, 70, 0.1); }
.comment-area--enable-custom-background {
background-color: transparent; }
@media only screen and (min-width: 34em) {
.comment-area {
padding: 24px; } }
@media only screen and (min-width: 48em) {
.comment-area {
padding: 48px; } }
.comment-area > *:first-child {
margin-top: 0; }
.comment-area > *:last-child {
margin-bottom: 0; }
.comment-area__header {
margin-bottom: 24px;
padding-left: 12px;
border-left: double 8px #464646; }
.comment-area__headline {
margin-top: 0; }
.comment-area .no-comments {
text-align: center; }
.comment-list {
margin-top: 48px;
margin-bottom: 48px;
padding-left: 0; }
.comment-list > li {
margin-bottom: 48px;
padding-left: 24px;
padding-bottom: 24px;
border-left: solid 4px #cdcdcd;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd; }
.comment-list li {
list-style: none;
margin-top: 24px;
padding-top: 24px; }
.comment-list li:first-child {
margin-top: 0; }
.comment-list .children {
border-top: dashed 1px #cdcdcd;
margin-bottom: 0; }
.comment-list .children li {
margin-top: 24px;
padding-top: 24px;
border-top: dashed 1px #cdcdcd; }
.comment-list .children li:first-child {
margin-top: 0;
border-top: none; }
.comment-list .reply {
margin-top: 12px;
text-align: right; }
.comment-meta {
margin-bottom: 12px; }
.comment-meta::after {
clear: both;
content: "";
display: block; }
.comment-meta > *:first-child {
float: left; }
.comment-meta > *:last-child {
float: right;
font-size: 0.75019rem; }
.comment-author {
margin-right: 6px; }
.comment-awaiting-moderation {
margin: 0; }
.comment-content > * {
margin-top: 24px; }
.comment-content > *:first-child {
margin-top: 0; }
.comment-content > *:last-child {
margin-bottom: 0; }
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
clear: both; }
.comment-navigation__links::after {
clear: both;
content: "";
display: block; }
.comment-navigation__previous {
float: left; }
.comment-navigation__next {
float: right; }
.comment-respond .comment-reply-title {
margin-bottom: 12px; }
.comment-respond .logged-in-as {
margin: 12px 0; }
.comment-respond .form-submit {
text-align: center; }
.comment-subscription-form {
margin-bottom: 0; }
.contents {
margin: 24px auto 0;
padding: 0; }
.contents--archive {
padding: 0 0 48px; }
@media only screen and (min-width: 48em) {
.contents {
margin: 24px auto 0;
padding: 0 0 24px; } }
.contents__inner {
max-width: 1190px;
margin: 0 auto; }
.contents__inner--two-column::after {
clear: both;
content: "";
display: block; }
.contents__inner--two-column > * {
position: relative; }
.contents__inner--two-column > *:nth-child(1) {
margin-bottom: 24px; }
@media only screen and (min-width: 60em) {
.contents__inner--two-column > *:nth-child(1) {
width: calc(65% - 2.475em);
float: left;
margin-left: 1.5em;
margin-bottom: 0; }
.contents__inner--two-column > *:nth-child(2) {
width: calc(35% - 2.025em);
float: left;
margin-left: 1.5em; } }
@media only screen and (min-width: 80em) {
.contents__inner--two-column > *:nth-child(1) {
width: calc(75% - 2.625em);
float: left;
margin-left: 1.5em;
margin-bottom: 0; }
.contents__inner--two-column > *:nth-child(2) {
width: calc(25% - 1.875em);
float: left;
margin-left: 1.5em; } }
@media only screen and (min-width: 60em) {
.contents__inner--sidebar-left > *:nth-child(1) {
left: calc(35% - 2.025em + 1.5em);
position: relative; }
.contents__inner--sidebar-left > *:nth-child(2) {
left: calc(-65% - 0.525em + 1.5em);
position: relative; } }
@media only screen and (min-width: 80em) {
.contents__inner--sidebar-left > *:nth-child(1) {
left: calc(25% - 1.875em + 1.5em);
position: relative; }
.contents__inner--sidebar-left > *:nth-child(2) {
left: calc(-75% - 0.375em + 1.5em);
position: relative; } }
.drawer {
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
z-index: 9;
width: 100%;
height: 100%;
padding: 24px 24px 48px;
color: #cdcdcd;
background-color: rgba(70, 70, 70, 0.85);
-webkit-overflow-scrolling: touch;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 48em) {
.drawer {
width: 360px; } }
@media only screen and (min-width: 60em) {
.drawer {
width: 360px; } }
@media only screen and (min-width: 80em) {
.drawer {
width: 22vw; } }
@media only screen and (min-width: 100em) {
.drawer {
width: 360px; } }
.drawer--right {
right: -100%; }
@media only screen and (min-width: 48em) {
.drawer--right {
right: -360px; } }
@media only screen and (min-width: 60em) {
.drawer--right {
right: -360px; } }
@media only screen and (min-width: 80em) {
.drawer--right {
right: 0; } }
@media only screen and (min-width: 100em) {
.drawer--right {
right: 0; } }
.drawer--left {
left: -100%; }
@media only screen and (min-width: 48em) {
.drawer--left {
left: -360px; } }
@media only screen and (min-width: 60em) {
.drawer--left {
left: -360px; } }
@media only screen and (min-width: 80em) {
.drawer--left {
left: 0; } }
@media only screen and (min-width: 100em) {
.drawer--left {
left: 0; } }
.drawer--right.js-drawer-open {
transform: translate3d(-100%, 0, 0); }
@media only screen and (min-width: 48em) {
.drawer--right.js-drawer-open {
transform: translate3d(-360px, 0, 0); } }
@media only screen and (min-width: 60em) {
.drawer--right.js-drawer-open {
transform: translate3d(-360px, 0, 0); } }
@media only screen and (min-width: 80em) {
.drawer--right.js-drawer-open {
transform: translate3d(0, 0, 0); } }
@media only screen and (min-width: 100em) {
.drawer--right.js-drawer-open {
right: 0; } }
.drawer--left.js-drawer-open {
transform: translate3d(100%, 0, 0); }
@media only screen and (min-width: 48em) {
.drawer--left.js-drawer-open {
transform: translate3d(360px, 0, 0); } }
@media only screen and (min-width: 60em) {
.drawer--left.js-drawer-open {
transform: translate3d(360px, 0, 0); } }
@media only screen and (min-width: 80em) {
.drawer--left.js-drawer-open {
transform: translate3d(0, 0, 0); } }
@media only screen and (min-width: 100em) {
.drawer--left.js-drawer-open {
left: 0; } }
.drawer--admin-bar-showing {
top: 32px; }
@media screen, print and (max-width: 782px) {
.drawer--admin-bar-showing {
top: 46px; } }
.drawer a {
color: #fff; }
.drawer a:hover {
color: whitesmoke; }
.drawer svg {
color: #9f9f9f;
fill: currentColor; }
.drawer > *:first-child {
margin-top: 0; }
.drawer > *:last-child {
margin-bottom: 0; }
.drawer-button {
position: fixed;
bottom: 0;
z-index: 10;
cursor: pointer;
width: 100%;
height: 48px;
background-color: rgba(70, 70, 70, 0.2);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 48em) {
.drawer-button {
width: 3em;
height: 3em;
background-color: rgba(255, 255, 255, 0.2); } }
.drawer-button a {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 24px;
height: 18px; }
.drawer-button span {
display: inline-block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #464646;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.drawer-button span:nth-of-type(1) {
top: 0; }
.drawer-button span:nth-of-type(2) {
top: 50%;
transform: translate3d(0, -50%, 0); }
.drawer-button span:nth-of-type(3) {
bottom: 0; }
.drawer-button.js-drawer-open {
background-color: rgba(255, 255, 255, 0.2); }
.drawer-button.js-drawer-open span:nth-of-type(1) {
transform: translateY(8px) rotate(-45deg); }
.drawer-button.js-drawer-open span:nth-of-type(2) {
left: 50%;
opacity: 0;
-webkit-animation: active-menu-bar02 .8s forwards;
animation: active-menu-bar02 .8s forwards; }
.drawer-button.js-drawer-open span:nth-of-type(3) {
transform: translateY(-8px) rotate(45deg); }
@media only screen and (min-width: 48em) {
.drawer--right + .drawer-button {
right: 0; } }
@media only screen and (min-width: 80em) {
.drawer--right + .drawer-button {
right: -3em; } }
@media only screen and (min-width: 48em) {
.drawer--left + .drawer-button {
left: 0; } }
@media only screen and (min-width: 80em) {
.drawer--left + .drawer-button {
left: -3em; } }
@-webkit-keyframes active-menu-bar02 {
100% {
height: 0; } }
@keyframes active-menu-bar02 {
100% {
height: 0; } }
.footer-widgets::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 48em) {
.footer-widgets {
margin-left: -1.5em;
margin-right: -1.5em;
width: calc(100% + 3em);
padding-bottom: 24px;
max-width: 1140px;
margin: 0 auto; } }
.footer-widgets__column {
margin-bottom: 24px;
margin-left: 0; }
@media only screen and (min-width: 48em) {
.footer-widgets__column {
width: calc(33.33333% - 2em);
float: left;
margin-left: 1.5em;
margin-bottom: 0; } }
.footer-widgets__widget-none {
margin-bottom: 0; }
.footer-widgets__widget-none i {
margin-right: .3em; }
.footer {
margin-top: 24px; }
.footer__inner {
padding: 24px 0;
border-top: 1px solid #cdcdcd; }
.footer__copyright {
margin-top: 0;
margin-bottom: 0;
text-align: center; }
#fixed-global-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: white;
z-index: 200;
border-top: 2px solid #FF3333; }
@media only screen and (min-width: 60em) {
#fixed-global-footer {
display: none; } }
#fixed-global-footer ul {
display: flex;
padding-left: 0;
margin: 0;
height: 50px; }
#fixed-global-footer ul li {
list-style: none;
border-right: 1px solid #464646;
border-bottom: none;
border-left: none;
flex: 1;
position: relative; }
#fixed-global-footer ul li:last-child {
border-right: none; }
#fixed-global-footer ul li a {
display: flex;
flex-direction: column;
text-align: center;
font-size: .8rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: .85rem;
width: 100%; }
#fixed-global-footer ul li a img {
width: 24px;
height: 24px;
margin: 0 auto;
margin-bottom: .3vh; }
.gallery {
padding-left: 0; }
.gallery::after {
clear: both;
content: "";
display: block; }
.gallery > li, .gallery__item {
list-style: none;
width: calc(20% - 1.8em);
float: left;
margin-left: 1.5em;
margin-bottom: 24px; }
@media only screen and (min-width: 48em) {
.gallery > li, .gallery__item {
width: calc(20% - 1.8em);
float: left;
margin-left: 1.5em;
margin-bottom: 48px; } }
.header-content {
display: flex; }
.header-content--left-and-right {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1140px;
margin: 0 auto; }
.header-content--left-and-right > *:nth-child(1) {
text-align: center; }
.header-content--left-and-right > *:nth-child(2) {
text-align: center; }
@media only screen and (min-width: 48em) {
.header-content--left-and-right > *:nth-child(1) {
flex-grow: 1;
text-align: left;
padding-right: 12px; }
.header-content--left-and-right > *:nth-child(2) {
flex-grow: 1;
padding-left: 12px; } }
.header-content--center > *:nth-child(2) {
margin-top: 12px; }
.header-content__utility {
margin-top: 0; }
.header-content__utility > *:first-child {
margin-top: 0; }
.header-content__utility > *:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.header-content__utility {
margin-top: 0; } }
.header-widget__info {
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
white-space: nowrap; }
.header-widget__info.pc {
display: none; }
@media only screen and (min-width: 60em) {
.header-widget__info.pc {
display: flex; } }
.header-widget__info.sp {
display: flex; }
@media only screen and (min-width: 60em) {
.header-widget__info.sp {
display: none; } }
@media only screen and (min-width: 48em) {
.header-widget__info--inner {
padding: 0 12px; } }
.header-widget__info--inner.header-address p {
display: block;
text-align: left;
font-size: 0.7rem;
line-height: 0.8rem;
margin: 0; }
@media only screen and (min-width: 48em) {
.header-widget__info {
flex-direction: row; } }
.header-widget__info--size {
border: 1px solid #646464;
border-radius: 16px;
display: flex;
background-color: #646464;
margin-right: -12px; }
.header-widget__info--left {
color: #fff;
align-self: center;
padding: 0 8px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.header-widget__info--right button {
background-color: #fff;
color: #464646;
padding: 8px;
border-radius: 0;
border-right: 1px solid #646464;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.header-widget__info--right button:last-child {
border-color: transparent;
border-radius: 0 16px 16px 0; }
.intro-buttons {
border: 1px solid #d4d4d4;
margin-bottom: 12px;
height: 70px; }
@media only screen and (min-width: 48em) {
.intro-buttons {
margin-bottom: 36px; } }
.intro-buttons__inner {
display: flex;
align-items: center;
flex-wrap: wrap;
height: 100%; }
@media only screen and (min-width: 80em) {
.intro-buttons__inner {
flex-wrap: nowrap; } }
.intro-buttons__inner .intro-buttons__box {
display: flex;
flex: 1;
margin-bottom: 0;
height: 100%;
padding: 0 0 0 5px; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list {
list-style: none;
display: flex;
justify-content: flex-end;
width: 100%;
align-items: center; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__box-link {
flex-basis: 63%; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__box-link .intro-buttons__box-link-img {
margin-right: 3px; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__box-link .intro-buttons__box-link-text {
font-size: 1.1rem;
color: #333; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box {
display: flex;
margin: 0;
padding: 0;
align-items: stretch;
flex-basis: 36%;
height: 100%;
text-align: center; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box > li {
font-size: .8rem;
line-height: .9rem;
border-left: 1px solid #d4d4d4;
width: 50%;
display: table;
height: 100%; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box > li a {
padding: .5rem 0;
display: table-cell;
vertical-align: middle; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box > li a:hover {
background-color: #fff1f1; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box > li a[href^="javascript"]:hover {
background-color: inherit;
cursor: default; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box .intro-buttons__inner-box-list .intro-buttons__inner-box-icon {
margin-bottom: 5px;
display: block;
text-align: center; }
.intro-buttons__inner .intro-buttons__box .intro-buttons__box-list .intro-buttons__inner-box .intro-buttons__inner-box-list .intro-buttons__inner-box-text {
font-size: .8rem;
line-height: .9rem;
text-align: center; }
.intro-buttons a[href="javascript:void(0);"] {
color: initial !important; }
body .intro-doctor {
display: flex;
flex-wrap: wrap;
flex-direction: column; }
@media only screen and (min-width: 48em) {
body .intro-doctor {
flex-direction: row;
justify-content: space-between; } }
body .intro-doctor__inner {
background-color: #e6e6e6;
padding: 12px;
margin-top: 24px; }
body .intro-doctor__inner:first-child, body .intro-doctor__inner:nth-child(2), body .intro-doctor__inner:nth-child(3) {
margin-top: 0; }
body .intro-doctor__name {
border-bottom: none;
margin: 0;
padding-left: 0;
text-align: center; }
body .intro-doctor__name::before {
content: none; }
body .intro-doctor p {
margin: 0; }
body .intro-doctor img {
display: block;
margin: 12px auto; }
body .intro-doctor__position {
margin: 0;
font-weight: normal;
text-align: center; }
body .intro-doctor__univ {
margin: 0;
font-weight: normal;
text-align: center; }
body .intro-doctor__qualification {
list-style-type: none;
padding: 0;
margin: 12px 0 0 0; }
body .intro-doctor__qualification li {
font-size: .8125rem; }
.key-visual {
overflow: hidden; }
.key-visual__inner {
max-width: 97em;
margin-right: auto;
margin-left: auto;
padding: 0;
text-align: center; }
.key-visual__inner img {
width: 100%;
max-width: none; }
.has-header-video .key-visual {
position: relative;
z-index: 0; }
.has-header-video .key-visual__inner {
position: relative;
padding-top: 56.25%; }
.has-header-video .key-visual__inner img {
display: none; }
.has-header-video .key-visual__inner iframe,
.has-header-video .key-visual__inner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@supports (object-fit: cover) {
.has-header-video .key-visual__inner img,
.has-header-video .key-visual__inner iframe,
.has-header-video .key-visual__inner video {
-o-object-fit: cover;
object-fit: cover; } }
.has-header-image.fit-header-image .key-visual__inner {
max-width: none; }
@media only screen and (min-width: 48em) {
.has-header-video.fit-header-image .key-visual {
height: 100vh; }
.has-header-video.fit-header-image .key-visual__inner {
padding-top: 0;
height: 100%; } }
@media only screen and (min-width: 48em) {
.has-header-video.fit-header-image.admin-bar .key-visual {
height: calc(100vh - 32px); } }
@media only screen and (min-width: 48em) {
.has-header-video.fit-header-image.admin-bar .key-visual {
height: calc(100vh - 46px); } }
.key-visual .wp-custom-header-video-button {
overflow: hidden;
position: absolute;
bottom: 12px;
left: 12px;
padding: 6px 12px;
background-color: rgba(70, 70, 70, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.key-visual .wp-custom-header-video-button:hover, .key-visual .wp-custom-header-video-button:focus {
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(70, 70, 70, 0.6);
color: #fff; }
@media only screen and (min-width: 48em) {
.key-visual .wp-custom-header-video-button {
padding: 12px 24px; } }
.main {
position: relative;
z-index: 2;
min-height: 1px; }
.main__header {
margin-bottom: 12px;
padding-top: 12px;
padding-bottom: 12px;
border-top: double 8px #464646; }
@media only screen and (min-width: 48em) {
.main__header {
margin-bottom: 24px;
padding-top: 24px;
padding-bottom: 24px;
border-top: double 12px #464646; } }
.main__headline {
margin-top: 0;
margin-bottom: 0; }
.main__description > *:first-child {
margin-top: 0; }
.main__description > *:last-child {
margin-bottom: 0; }
.main__archive-tags {
margin-top: 12px; }
.main--grid .main__content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -1.5em;
margin-right: -1.5em;
width: calc(100% + 3em); }
.main--grid .main__content::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 48em) {
.main--grid .main__content {
margin-left: -1.5em;
margin-right: -1.5em;
width: calc(100% + 3em); } }
.main--grid .main__content > .article--grid {
width: calc(50% - 2.25em);
float: left;
margin-left: 1.5em; }
@media only screen and (min-width: 48em) {
.main--grid .main__content > .article--grid {
width: calc(33.33333% - 2em);
float: left;
margin-left: 1.5em; } }
.main--grid .main__content > .navigation {
padding-right: 1.5em;
padding-left: 1.5em; }
.main__bottom {
background-color: white; }
.main__bottom--enable-custom-background {
background-color: transparent; }
.nav-search {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 48px;
height: 48px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media only screen and (min-width: 48em) {
.nav-search {
height: 100%; } }
.nav-search.js-is-show {
background-color: rgba(255, 255, 255, 0.85);
width: 100%; }
@media only screen and (min-width: 48em) {
.nav-search.js-is-show {
width: 360px; } }
.nav-search__search-form {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 100%;
height: 32px;
margin: 0;
padding: 16px 0;
opacity: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.nav-search__search-form.js-is-show {
width: calc(100% - 48px);
opacity: 1; }
.nav-search__search-form label {
width: 100%;
height: 100%; }
.nav-search__search-form input,
.nav-search__search-form button {
position: absolute;
top: 0;
right: 0;
height: 100%; }
.nav-search__search-form input {
margin: 0;
width: 100%; }
.nav-search__search-form button {
padding: 0;
text-align: center;
width: 48px;
font-size: 1.333rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.nav-search__search-toggle {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
cursor: pointer;
width: 48px;
height: 32px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.nav-search__search-toggle:hover i {
color: silver; }
@media only screen and (min-width: 48em) {
.nav-search__search-toggle {
border-left: solid 1px rgba(70, 70, 70, 0.85); } }
.nav-search__search-toggle i {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
font-style: normal;
font-size: 1.333rem;
color: #464646;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.nav-search__search-toggle i:before, .nav-search__search-toggle i:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
font-family: FontAwesome;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.nav-search__search-toggle i:before {
content: ""; }
.nav-search__search-toggle i:after {
content: "";
opacity: 0; }
.nav-search__search-toggle.js-is-show {
left: 0;
border-left: 0; }
.nav-search__search-toggle.js-is-show i:before {
opacity: 0; }
.nav-search__search-toggle.js-is-show i:after {
opacity: 1; }
.news-tabs-1 ul {
list-style-type: none;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
.news-tabs-1 ul li time {
font-size: 1.333rem; }
.news-tabs-1 ul li h3 {
margin-top: 0;
margin-bottom: 8px;
display: inline-block;
padding: 12px 0;
border-top: 1px solid #cccccc; }
@media only screen and (min-width: 48em) {
.news-tabs-1 ul li h3 {
width: 80%; } }
.news-tabs-1 ul li:last-child a > h3 {
border-bottom: 1px solid #cccccc; }
.news-tabs-1 ul a {
color: #464646; }
.news-tabs-1__more {
display: block;
text-align: right; }
.news-tabs-1__more a {
color: #fff;
padding: 4px 24px;
background-color: #FC3B39;
border-radius: 16px; }
.news-tabs-2 ul {
list-style-type: none;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
padding: 0; }
.news-tabs-2 ul li {
padding: 1vw 2vw;
border-bottom: 1px solid #ccc;
font-size: 0.7rem; }
.news-tabs-2 ul li .cat-label {
display: none;
background-color: #E6E6E6;
padding: 0 1rem;
margin: 0 1rem; }
@media only screen and (min-width: 60em) {
.news-tabs-2 ul li .cat-label {
display: block; } }
.news-tabs-2 ul li h3 {
display: inline;
margin: 0;
font-size: 1rem;
flex-basis: 56%; }
@media only screen and (min-width: 60em) {
.news-tabs-2 ul li h3 {
font-size: 0.7rem;
flex-basis: auto; } }
.news-tabs-2 ul li .new-info {
background-color: #FF3333;
color: #fff;
padding: 0 1rem;
margin: 0 1vw 0 0;
flex-basis: 5%; }
.news-tabs-2 ul a {
color: #464646;
display: flex;
align-items: center; }
.news-tabs-2 ul a time {
flex-basis: 27%; }
@media only screen and (min-width: 60em) {
.news-tabs-2 ul a time {
flex-basis: 10%; } }
.news-tabs-2 ul a .cat-label {
text-align: center;
flex-basis: 25%; }
.news-tabs-2__more {
display: block;
text-align: right; }
.news-tabs-2__more a {
background-color: #646464;
color: #fff;
border-radius: 16px;
padding: 0.1rem 1rem; }
.related-posts {
padding: 12px;
margin-top: 24px;
border: 1px solid #cdcdcd;
background-color: white;
box-shadow: 0 0 4px 0 rgba(70, 70, 70, 0.1); }
.related-posts::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 34em) {
.related-posts {
padding: 24px; } }
@media only screen and (min-width: 48em) {
.related-posts {
padding: 48px; } }
@media only screen and (min-width: 100em) {
.related-posts {
padding: 56px; } }
.related-posts__headline {
margin-bottom: 12px; }
@media only screen and (min-width: 48em) {
.related-posts__headline {
margin-bottom: 24px; } }
.related-posts__list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin-top: 12px;
margin-right: -12px;
margin-left: -12px;
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.related-posts__list {
margin-top: 24px;
margin-bottom: -24px; } }
.related-posts__item {
display: flex;
width: 100%;
list-style: none;
border-top: 1px solid #cdcdcd; }
@media only screen and (min-width: 48em) {
.related-posts__item {
width: 50%;
margin-bottom: 24px;
padding-bottom: 0;
border-top: none; }
.related-posts__item:nth-child(odd) {
padding-right: .5em; }
.related-posts__item:nth-child(even) {
padding-left: .5em; } }
.related-posts__item a {
display: block;
width: 100%;
padding: 12px;
color: #464646;
text-decoration: none; }
.related-posts__item a::after {
clear: both;
content: "";
display: block; }
@media only screen and (min-width: 48em) {
.related-posts__item a {
padding: 0; } }
.related-posts__item a:hover {
color: #2765a6;
background-color: #f7f7f7; }
.related-posts__thumbnail {
float: left;
margin-right: .5em; }
.related-posts__overview {
overflow: hidden; }
.related-posts__overview time {
margin-bottom: 8px; }
.related-posts__overview time::before {
content: "";
font-family: FontAwesome;
margin-right: .3em; }
.related-posts__title {
margin: 0; }
.related-posts__none {
margin: 0;
border: dashed 1px #cdcdcd;
padding: 1em;
text-align: center; }
.site-footer {
margin-top: 36px;
border-top: none;
background-color: white; }
.site-footer__inner {
padding: 24px 0; }
.site-footer__inner--has-nav {
padding-top: 0; }
@media only screen and (min-width: 48em) {
.site-footer__inner--has-nav {
padding: 0 0 24px; } }
.site-footer__widgets {
margin-bottom: 24px;
border-bottom: 1px solid #cdcdcd; }
.site-footer__widgets--margin-top {
padding-top: 24px; }
.site-footer__widgets + .site-footer__inner {
padding-top: 0; }
.site-header {
background-color: white;
border-bottom: none; }
.site-header__inner {
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #ff3333; }
.site-header__inner .container {
padding: 0 0.75em; }
@media only screen and (min-width: 60em) {
.site-header__inner .container {
padding: 0 1.5em 0 1.5em; } }
.site-header .header-address__sp {
padding: 0 .75rem;
margin: .75rem 0;
text-align: center; }
@media only screen and (min-width: 60em) {
.site-header .header-address__sp {
display: none; } }
.site-header .header-address__sp p {
margin: 0; }
.has-header-video .site-header {
position: relative; }
.has-header-video .site-header__inner {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%; }
.site-nav {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
position: relative;
z-index: 7;
color: #fff; }
.site-nav--default .site-nav__menu-container {
background-color: #FC3B39; }
.site-nav--full {
border-top: none;
border-bottom: none;
box-shadow: none; }
@media only screen and (min-width: 48em) {
.site-nav--multi-level li.menu-item-has-children .sub-menu {
position: relative;
top: auto;
left: auto;
min-width: auto;
transform: none;
opacity: 1;
transform-origin: initial;
padding-left: 24px;
display: flex;
flex-wrap: wrap;
background-color: rgba(236, 130, 129, 0.6); }
.site-nav--multi-level li.menu-item-has-children .sub-menu li {
position: relative; } }
@media only screen and (min-width: 48em) and (min-width: 48em) {
.site-nav--multi-level li.menu-item-has-children .sub-menu li::before {
content: '';
position: absolute;
left: -4px;
top: 50%;
width: 20px;
height: 19px;
z-index: 3;
transform: translateY(-50%);
background-size: cover;
background-image: url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/images/icon/sub-menu-icon.png); } }
@media only screen and (min-width: 60em) {
.site-nav {
position: relative; }
.site-nav--center {
text-align: center; }
.site-nav--center > li {
display: inline-block; }
.site-nav--multi-level li.menu-item-has-children:hover > .sub-menu {
opacity: 1; }
.site-nav--multi-level li.menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 0;
min-width: 320px;
margin: 0;
opacity: 0;
padding-left: 0;
transform: scaleY(0);
transform-origin: top;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #fff;
display: flex;
flex-direction: column;
flex-wrap: wrap; }
.site-nav--multi-level li.menu-item-has-children .sub-menu .sub-menu {
top: 0;
left: 100%;
transform: scaleX(0);
transform-origin: left; }
.site-nav--multi-level li.menu-item-has-children .sub-menu li {
position: relative; } }
@media only screen and (min-width: 60em) and (min-width: 60em) {
.site-nav--multi-level li.menu-item-has-children .sub-menu li::before {
content: '';
position: absolute;
left: 16px;
top: 50%;
width: 20px;
height: 19px;
z-index: 3;
transform: translateY(-50%);
background-size: cover;
background-image: url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/images/icon/sub-menu-icon.png); } }
@media only screen and (min-width: 60em) and (min-width: 60em) {
.site-nav--multi-level li.menu-item-has-children .sub-menu li.menu-item-has-children::before {
content: '';
position: absolute;
top: auto;
right: 50%;
bottom: 10px;
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #fff;
transform: translateY(-50%); } }
@media only screen and (min-width: 60em) {
.site-nav--multi-level li.menu-item-has-children .sub-menu a {
color: #464646;
padding: 6px 24px 6px 48px;
font-size: .9rem;
font-weight: normal;
text-align: left; }
.site-nav--multi-level li.menu-item-has-children .sub-menu a:hover {
color: #464646;
background-color: #ff3333; }
.site-nav--multi-level ul:nth-of-type(1) > li.menu-item-has-children:hover > .sub-menu {
transform: scaleY(1); }
.site-nav--multi-level ul:nth-of-type(1) > li.menu-item-has-children .menu-item-has-children:hover .sub-menu {
transform: scaleX(1); }
.site-nav--multi-level ul:nth-of-type(1) > li:last-child.menu-item-has-children .sub-menu .sub-menu {
left: auto;
right: 100%;
transform-origin: right; } }
@media only screen and (min-width: 60em) and (min-width: 60em) {
.site-nav--multi-level ul:nth-of-type(1) > li:last-child.menu-item-has-children .sub-menu .sub-menu li.menu-item-has-children::before {
left: .6em;
right: auto;
border-width: 4px 6px 4px 0;
border-color: transparent #fff transparent transparent; } }
.site-nav__menu-container {
position: relative;
max-width: 1140px;
margin: 0 auto; }
@media only screen and (min-width: 60em) {
.site-nav__menu-container--enabled-search-form {
padding-right: 48px; } }
.site-nav__menu {
display: none;
*zoom: 1;
margin-top: 0;
margin-bottom: 0;
margin-right: -1.5em;
margin-left: -1.5em; }
@media only screen and (min-width: 60em) {
.site-nav__menu {
margin-right: 0;
margin-left: 0; } }
.site-nav__menu:after {
content: "";
display: table;
clear: both; }
@media only screen and (min-width: 60em) {
.site-nav__menu .menu-about-us ul.sub-menu {
height: 280px;
min-width: 520px !important; } }
@media only screen and (min-width: 60em) {
.site-nav__menu .menu-outdoor-info ul.sub-menu {
height: 192px;
min-width: 720px !important; } }
.site-nav__menu .menu-outdoor-info ul.sub-menu li br {
display: none; }
@media only screen and (min-width: 60em) {
.site-nav__menu .menu-outdoor-info ul.sub-menu li br {
display: block; } }
@media only screen and (min-width: 60em) {
.site-nav__menu .menu-medical-staff ul.sub-menu {
left: -160px;
right: 0;
height: 200px;
min-width: 720px !important; } }
@media only screen and (min-width: 60em) {
.site-nav__menu .menu-department-intro ul.sub-menu {
left: auto;
right: -112px;
height: 496px;
min-width: 760px !important; } }
@media only screen and (min-width: 60em) {
.site-nav__menu .menu-recruitment-staff ul.sub-menu {
left: -4.5vw; } }
.site-nav__menu > li {
display: block; }
@media only screen and (min-width: 48em) {
.site-nav__menu > li {
display: block;
float: none; } }
@media only screen and (min-width: 60em) {
.site-nav__menu > li {
float: left; } }
@media only screen and (min-width: 48em) {
.site-nav__menu > li.menu-item-has-children::before {
content: none; } }
@media only screen and (min-width: 60em) {
.site-nav__menu > li.menu-item-has-children::before {
content: '';
position: absolute;
top: auto;
right: 50%;
bottom: 10px;
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #cdcdcd transparent transparent transparent;
transform: translateY(-50%); } }
@media only screen and (min-width: 48em) {
.site-nav__menu > li > a::before {
content: none; } }
@media only screen and (min-width: 60em) {
.site-nav__menu > li > a::before {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
left: auto;
transform: translateY(-50%);
width: 1px;
height: 100%;
background-color: #fff;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.site-nav__menu > li > a:hover::before {
height: 100%; } }
@media only screen and (min-width: 60em) {
.site-nav__menu > li > a:hover {
background-color: #FC3B39; } }
.site-nav__menu > li.current-menu-item > a:after {
height: 6px;
background-color: #fb1311;
transform: scaleX(1); }
@media only screen and (min-width: 60em) {
.site-nav__menu {
display: block; } }
.site-nav ul {
padding: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 1.5rem; }
@media only screen and (min-width: 48em) {
.site-nav ul {
border-top: 0; } }
@media only screen and (min-width: 60em) {
.site-nav ul {
display: flex !important;
justify-content: space-between; } }
.site-nav ul.sub-menu {
margin: 0;
border-left: 0;
display: flex;
flex-wrap: wrap;
background-color: rgba(236, 130, 129, 0.6); }
@media only screen and (min-width: 48em) {
.site-nav ul.sub-menu {
margin: 0;
border-left: none; } }
.site-nav ul.sub-menu li {
position: relative; }
.site-nav ul.sub-menu li::before {
content: '';
position: absolute;
left: 4px;
top: 50%;
width: 16px;
height: 15px;
z-index: 3;
transform: translateY(-50%);
background-size: cover;
background-image: url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/images/icon/sub-menu-icon.png); }
.site-nav .site-nav__menu > li {
width: 100%; }
@media only screen and (min-width: 60em) {
.site-nav .site-nav__menu > li {
border: 1px solid #ccc;
border-top: none; } }
.site-nav .site-nav__menu > li:not(:first-child) {
border-left: none; }
.site-nav .site-nav__menu > li > a {
font-size: 1.2rem;
white-space: nowrap; }
@media only screen and (min-width: 60em) {
.site-nav .site-nav__menu > li > a {
font-size: 1rem; } }
.site-nav li {
display: block;
position: relative;
list-style: none;
background-color: transparent;
border-top: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 1rem;
text-align: center; }
@media only screen and (min-width: 48em) {
.site-nav li {
border-top: 0;
background-color: transparent; } }
@media only screen and (min-width: 60em) {
.site-nav li:hover {
background-color: transparent; } }
.site-nav a {
display: block;
position: relative;
z-index: 1;
padding: 8px 24px;
font-weight: bold;
color: #464646;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.site-nav a {
padding: 12px 24px; } }
@media only screen and (min-width: 60em) {
.site-nav a {
padding: 24px; } }
.site-nav a:hover {
text-decoration: none;
color: #fff; }
.site-nav__menu-toggle {
position: relative;
width: 48px;
height: 48px;
margin: 0 0 0 5px;
cursor: pointer;
text-align: center;
line-height: 48px;
font-size: 1.77689rem; }
.site-nav__menu-toggle--enabled-search-form {
margin: 0; }
.site-nav__menu-toggle i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #464646; }
@media only screen and (min-width: 48em) {
.site-nav__menu-toggle {
display: block; } }
@media only screen and (min-width: 60em) {
.site-nav__menu-toggle {
display: none; } }
.site-sidebar {
min-height: 1px; }
.site-sidebar--enable-custom-background {
background-color: transparent; }
@media only screen and (min-width: 60em) {
.site-sidebar {
padding-bottom: 0; } }
.site-sidebar__widget-none {
margin-bottom: 0; }
.site-sidebar__widget-none i {
margin-right: .3em; }
.site-wrapper {
overflow: hidden;
position: relative;
z-index: 8;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding-bottom: 7vh; }
.site-wrapper--drawer-left, .site-wrapper--drawer-right {
padding-bottom: 48px; }
@media only screen and (min-width: 48em) {
.site-wrapper--drawer-left, .site-wrapper--drawer-right {
padding-bottom: 0; } }
.site-wrapper--drawer-left {
margin-left: 0; }
@media only screen and (min-width: 60em) {
.site-wrapper--drawer-left {
margin-left: 0; } }
@media only screen and (min-width: 80em) {
.site-wrapper--drawer-left {
margin-left: 22vw; } }
@media only screen and (min-width: 100em) {
.site-wrapper--drawer-left {
margin-left: 360px; } }
.site-wrapper--drawer-right {
margin-right: 0; }
@media only screen and (min-width: 60em) {
.site-wrapper--drawer-right {
margin-right: 0; } }
@media only screen and (min-width: 80em) {
.site-wrapper--drawer-right {
margin-right: 22vw; } }
@media only screen and (min-width: 100em) {
.site-wrapper--drawer-right {
margin-right: 360px; } }
@media only screen and (min-width: 80em) {
.site-wrapper--drawer-right.js-drawer-open {
transform: translate3d(0, 0, 0); } }
@media only screen and (min-width: 80em) {
.site-wrapper--drawer-left.js-drawer-open {
transform: translate3d(0, 0, 0); } }
.site-wrapper__inner--enable-custom-background {
max-width: 83em;
margin-right: auto;
margin-left: auto;
background-color: white; }
@media only screen and (min-width: 48em) {
.site-wrapper__inner--enable-custom-background {
max-width: 86em; } }
@media only screen and (min-width: 80em) {
.site-wrapper__inner--enable-custom-background {
margin-top: 72px;
margin-bottom: 72px; } }
.widget {
margin-bottom: 48px;
padding: 0;
background-color: white; }
.widget:last-child {
margin-bottom: 0; }
.widget__title {
margin-top: 0; }
footer#site-footer .footer-widgets .footer-widgets__column > .widget {
padding: 0;
border: none;
box-shadow: 0 0 0; }
footer#site-footer .footer-widgets .footer-widgets__column > .widget .textwidget p {
margin: 0; } .elementor-tabs-wrapper .elementor-active {
background-color: #D4D4D4;
border-color: #FC3B39; }
.elementor-tabs-wrapper .elementor-active a {
color: #464646; }
.elementor-tabs-wrapper .elementor-tab-title {
border-width: 1px 1px 0 1px;
border-color: #FC3B39;
border-radius: 16px 16px 0 0;
text-align: center;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
padding: 10px 25px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center;
border-width: 1px !important;
border-style: solid !important;
border-color: #d5d8dc !important;
border-bottom: none !important;
}
.elementor-tabs-wrapper .elementor-tab-title a {
font-size: 1.25rem; }
.elementor-tabs-wrapper .elementor-widget-tabs .elementor-tab-desktop-title {
border: solid #FC3B39; }
.elementor-section-wrap .elementor-widget-tabs .elementor-tab-desktop-title {
border: solid #D4D4D4; }
.elementor-widget-tabs .elementor-tabs-wrapper {
display: flex;
justify-content: center;
align-items: stretch; }
.elementor-widget-tabs .elementor-tabs-content-wrapper {
border-top: 1px solid #FC3B39 !important; }
.elementor-11 .elementor-element.elementor-element-5cddb8f .elementor-tab-content {
border: none; }
.elementor-widget-wrap .elementor-element .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper,
.elementor-widget-wrap .elementor-element .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
border: none;
border-width: 0; }
body.home .elementor-widget-tabs .elementor-tab-desktop-title {
padding: 9px 25px !important; }
[data-elementor-device-mode=desktop] .pc-column-nowrap .elementor-row {
flex-wrap: nowrap; }
[data-elementor-device-mode=tablet] .tb-column-nowrap .elementor-row {
flex-wrap: nowrap; }
[data-elementor-device-mode=mobile] .sp-column-nowrap .elementor-row {
flex-wrap: nowrap; }
.intro-section__inner {
width: 100%; }
@media only screen and (min-width: 48em) {
.intro-section__inner {
width: 49%; } }
.intro-section__inner--content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 18px; }
.intro-section header {
margin-bottom: 24px;
border-bottom: 1px solid #FC3B39; }
.intro-section header h2 {
padding-right: 24px;
margin-bottom: 0;
display: inline-block;
background-color: #FC3B39; }
.section {
padding: 48px 0; } .says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; } img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
img.alignright {
float: right;
max-width: 48%;
margin: 0 0 6px 12px; }
img.alignleft {
float: left;
max-width: 48%;
margin: 0 12px 6px 0; }
@media only screen and (min-width: 34em) {
img.alignright {
max-width: none; }
img.alignleft {
max-width: none; } }
.wp-caption,
.gallery-caption {
width: auto;
max-width: 100%; }
.wp-caption .wp-caption-text,
.gallery-caption .wp-caption-text {
padding: 6px;
text-align: center;
font-size: 0.75019rem;
background-color: rgba(205, 205, 205, 0.5); }
.wp-caption.aligncenter,
.gallery-caption.aligncenter {
text-align: center;
display: block;
margin-right: auto;
margin-left: auto; }
.wp-caption.alignleft,
.gallery-caption.alignleft {
float: left;
max-width: 48%;
margin: 0 12px 6px 0; }
.wp-caption.alignright,
.gallery-caption.alignright {
float: right;
max-width: 48%;
margin: 0 0 6px 12px; }
@media only screen and (min-width: 34em) {
.wp-caption.alignright,
.gallery-caption.alignright {
max-width: none; }
.wp-caption.alignleft,
.gallery-caption.alignleft {
max-width: none; } }
.youtube-player-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%; }
.youtube-player-wrapper > iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.youtube-player {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; } .post-password-form {
max-width: 480px;
margin: 0 auto;
padding: 24px;
background-color: rgba(205, 205, 205, 0.5);
border: 1px solid #cdcdcd; }
.post-password-form > *:first-child {
margin-top: 0; }
.post-password-form > *:last-child {
margin-bottom: 0; }
.post-password-form input[type="submit"] {
width: 100%; } .hero-header {
position: relative;
z-index: 6; }
.has-header-image.twentyseventeen-front-page .hero-header,
.has-header-video.twentyseventeen-front-page .hero-header,
.has-header-image.home.blog .hero-header,
.has-header-video.home.blog .hero-header {
display: table;
height: 300px;
height: 100vh;
width: 100%; }
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; width: auto;
top: 50%;
padding-bottom: 1px; -ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.hero-header .wp-custom-header-video-button { background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px; }
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #464646; }
.admin-bar .hero-header .wp-custom-header-video-button {
top: 62px; }
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0); } @supports (object-fit: cover) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%; } } @media screen, print and (max-width: 600px) {
#wpadminbar {
position: fixed !important; } } .wpcf7 {
padding: 24px !important;
border: solid 1px #cdcdcd; }
.wpcf7 p {
margin-top: 0; }
.wpcf7 input,
.wpcf7 textarea {
margin-top: 4px; }
.wpcf7 input[type="submit"] {
color: #fff;
background: #7ad03a;
border: 0 none; }
.wpcf7 input[type="submit"]:hover {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background: #90d85b; }
.wpcf7-form-control {
width: 100%;
padding: 8px; }
.wpcf7 input[type="checkbox"] {
width: auto; } .widget_sp_image {
padding: 4px; }
.widget_sp_image-description {
padding: 6px;
text-align: center;
background-color: rgba(205, 205, 205, 0.5); }
.widget_sp_image-description p {
margin-top: 6px;
margin-bottom: 6px;
line-height: 1.5;
font-size: 0.75019rem; }
.widget_sp_image-description p:first-child {
margin-top: 0; }
.widget_sp_image-description p:last-child {
margin-bottom: 0; }
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%; }
.gallery-item a, .gallery-item a:hover, .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%; }
.gallery-item a:hover img, .gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%); }
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.gallery-columns-1 .gallery-item {
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0; }
@media only screen and (min-width: 34em) {
.gallery-item {
max-width: 25%; }
.gallery-columns-1 .gallery-item {
max-width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; } }
@media only screen and (min-width: 48em) {
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; } }
.lp-sentence__content > *:first-child {
margin-top: 0; }
.lp-sentence__content > *:last-child {
margin-bottom: 0; }
.landing-page__section {
position: relative;
z-index: 2;
padding-top: 48px;
padding-bottom: 48px; }
@media only screen and (min-width: 34em) {
.landing-page__section {
padding-top: 72px;
padding-bottom: 72px; } }
@media only screen and (min-width: 48em) {
.landing-page__section {
padding-top: 144px;
padding-bottom: 144px; } }
.lp-grid-area {
background-color: #fff; }
.lp-hero-header {
position: relative; }
.lp-hero-header__header {
position: relative;
z-index: 1;
padding-top: 24px;
padding-bottom: 24px; }
.lp-hero-header__content {
text-align: left; }
.lp-hero-header__content > * {
margin: 0; }
.lp-hero-header__content span {
display: inline-block;
padding: 6px 12px;
color: #fff;
background-color: rgba(70, 70, 70, 0.4); }
.lp-hero-header:after {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: rgba(194, 229, 156, 0.8);
background: linear-gradient(to right, rgba(100, 179, 244, 0.8), rgba(194, 229, 156, 0.8)), url(//www.kitami.jrc.or.jp/wp-content/themes/manyface-evo-child/assets/images/style-guide/hero_header.jpg) no-repeat top center;
background-size: cover; }
.lp-sentence {
background-color: #fff; }
.lp-sentence__content h1 {
position: relative;
padding-left: 36px;
padding-right: 36px; }
.lp-sentence__content h1:before, .lp-sentence__content h1:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid; }
.lp-sentence__content h1:before {
position: absolute;
top: 0;
left: 0;
border-width: 24px 24px 0 0;
border-color: #464646 transparent transparent transparent; }
.lp-sentence__content h1:after {
position: absolute;
right: 0;
bottom: 0;
border-width: 0 0 24px 24px;
border-color: transparent transparent #464646 transparent; } body.home .information-tab .elementor-tabs-wrapper {
justify-content: flex-end;
align-items: center; }
body.home .information-tab .elementor-tabs-wrapper:before {
content: "お知らせ";
margin-right: auto;
margin-left: 3.3vw;
font-size: 1.25rem;
font-weight: bold;
color: #FF3333; } @media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important; }
a {
text-decoration: underline; }
a:visited {
text-decoration: underline; }
a[href]:after {
content: ""; }
abbr[title]:after {
content: ""; } .ir a:after {
content: ""; }
a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""; }
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr {
page-break-inside: avoid; }
img {
page-break-inside: avoid;
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p, h2, h3 {
orphans: 3;
widows: 3; }
h2, h3 {
page-break-after: avoid; }
#fixed-global-footer {
display: none; }
body {
overflow-x: visible !important;
overflow-y: visible !important;
width: 172mm !important;
height: 251mm !important; }
section.elementor-element {
width: 100% !important;
left: 0 !important; }
@page {
size: A4 portrait; } } @media only screen and (min-width: 48em) {
.footer-widgets {
width: 100%;
}
}
@media only screen and (min-width: 48em) {
.footer-nav__menu a {
padding: 24px 16px;
}
.footer-nav__menu li:first-child {
border-top: none;
}
}
.footer-links {
padding: 0;
margin: 0;
}
@media only screen and (min-width: 48em) {
.footer-links {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.footer-links li {
list-style: none;
text-align: center;
}
.footer-links li {
margin-bottom: 2rem;
}
@media only screen and (min-width: 48em) {
.footer-links li {
margin-bottom: 0;
}
}
.footer-links__logo {
width: 100%;
}
@media only screen and (min-width: 48em) {
.footer-links__logo {
width: 26.052%;
margin-right: .5%;
}
}
.footer-links__sns {
}
@media only screen and (min-width: 48em) {
.footer-links__sns {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.footer-links__sns p {
margin-top: 0;
}
.footer-links__sns p:not(:last-child) {
margin-bottom: 10px;
text-align: center;
}
@media only screen and (min-width: 48em) {
.footer-links__sns a {
display: block;
}
.footer-links__sns p {
margin-bottom: 0;
}
.footer-links__sns p:not(:last-child) {
margin-right: 0.614%;
margin-bottom: 0;
}
}
.footer-links__about-sns {
min-width: 130px;
}
@media only screen and (min-width: 48em) {
li.footer-links__about-sns {
margin-left: .5%;
text-align: right;
}
}
.footer-links__about-sns .footer-nav-btn {
margin-bottom: 0;
}