@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";

 .single_share li a [class^="icon-"]{
display: none;
} .single_share ul { display:flex; flex-wrap:wrap; margin:0 -3px -3px 0; }
.single_share li:not(.default) { flex: 1 1 0%; margin:0 3px 3px 0; max-width:100px; }
.single_share li:not(.default) a { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; position:relative; border-radius:3px; align-items:center; cursor: pointer;}
.single_share a:before { font-family:'design_plus'; display:block; color:#fff; margin-right:5px; position:relative; transition: color 0.25s ease; -webkit-font-smoothing: antialiased; }
.single_share .ttl { font-size: 12px;position: relative;font-family: Arial; } .single_share .share-type1 a,
.single_share .share-type2 a { line-height: 30px;}
.single_share .share-type3 ul,
.single_share .share-type4 ul { margin:0 -5px -5px 0; }
.single_share .share-type3 li,
.single_share .share-type4 li { flex: 0 0 auto; width:calc(25% - 5px); margin:0 5px 5px 0; max-width:inherit; }
.single_share .share-type3 a,
.single_share .share-type4 a {  height: 40px;}
.single_share .share-type3 a { line-height:42px; }
.single_share .share-type4 a { line-height:40px; } .single_share .share-type1 a,
.single_share .share-type3 a { background:#000; color:#fff;}
.single_share .share-type2 a,
.single_share .share-type4 a { background:#f2f2f2; color:#000; border:1px solid #ddd; }
.single_share .share-type2 a:before,
.single_share .share-type4 a:before { color:#000; } .single_share .twitter a:before { font-family: 'tiktok_x_icon'; content: "\e901"; font-size:12px; top:-1px; }
.single_share .facebook a:before { font-family: 'tiktok_x_icon'; content: "\e902"; font-size:18px; top:-1px; }
.single_share .hatebu a:before { content:'\e908'; font-size:14px; top:0px; }
.single_share .pocket a:before { content:'\e90a'; font-size:16px; top:0px; }
.single_share .rss a:before { content:'\e90b'; font-size:12px; top:-0.5px; }
.single_share .feedly a:before { content:'\e907'; font-size:15px; top:-1px; }
.single_share .pinterest a:before { content:'\e905'; font-size:16px; top:-0.5px; }
.single_share .share-type1 .twitter a,
.single_share .share-type3 .twitter a { background:#000; border-color:#000; }
.single_share .share-type1 .facebook a,
.single_share .share-type3 .facebook a { background:#35629a; border-color:#35629a; }
.single_share .share-type1 .hatebu a,
.single_share .share-type3 .hatebu a { background:#3c7dd1; border-color:#3c7dd1; }
.single_share .share-type1 .pocket a,
.single_share .share-type3 .pocket a { background:#ee4056; border-color:#ee4056; }
.single_share .share-type1 .rss a,
.single_share .share-type3 .rss a { background:#ffb53c; border-color:#ffb53c; }
.single_share .share-type1 .feedly a,
.single_share .share-type3 .feedly a { background:#6cc655; border-color:#6cc655; }
.single_share .share-type1 .pinterest a,
.single_share .share-type3 .pinterest a { background:#d4121c; border-color:#d4121c; }
@media(hover: hover) {
.single_share .share-type1 .twitter a:hover,
.single_share .share-type3 .twitter a:hover { background:#666; }
.single_share .share-type1 .facebook a:hover,
.single_share .share-type3 .facebook a:hover { background:#1f3669;}
.single_share .share-type1 .hatebu a:hover,
.single_share .share-type3 .hatebu a:hover { background:#0270ac; }
.single_share .share-type1 .pocket a:hover,
.single_share .share-type3 .pocket a:hover { background:#c53648; }
.single_share .share-type1 .rss a:hover,
.single_share .share-type3 .rss a:hover { background:#e09900;}
.single_share .share-type1 .feedly a:hover,
.single_share .share-type3 .feedly a:hover { background:#5ca449; }
.single_share .share-type1 .pinterest a:hover,
.single_share .share-type3 .pinterest a:hover { background:#a42f35; }
.single_share .share-type1 a:hover,
.single_share .share-type3 a:hover { color:#fff; }
.single_share .share-type2 .twitter a:hover,
.single_share .share-type4 .twitter a:hover { background:#000; border-color:#000; }
.single_share .share-type2 .facebook a:hover,
.single_share .share-type4 .facebook a:hover { background:#35629a; border-color:#35629a; }
.single_share .share-type2 .hatebu a:hover,
.single_share .share-type4 .hatebu a:hover { background:#3c7dd1; border-color:#3c7dd1; }
.single_share .share-type2 .pocket a:hover,
.single_share .share-type4 .pocket a:hover { background:#ee4056; border-color:#ee4056; }
.single_share .share-type2 .rss a:hover,
.single_share .share-type4 .rss a:hover { background:#ffb53c; border-color:#ffb53c; }
.single_share .share-type2 .feedly a:hover,
.single_share .share-type4 .feedly a:hover { background:#6cc655; border-color:#6cc655; }
.single_share .share-type2 .pinterest a:hover,
.single_share .share-type4 .pinterest a:hover { background:#d4121c; border-color:#d4121c; }
.single_share .share-type2 a:hover,
.single_share .share-type4 a:hover { color:#fff; }
.single_share .share-type2 a:hover:before,
.single_share .share-type4 a:hover:before { color:#fff; }
}
@media screen and (max-width:800px) {
.single_share .share-type1 .ttl,
.single_share .share-type2 .ttl { display:none; }
.single_share .share-type3 .ttl,
.single_share .share-type4 .ttl { display:inline; }
.single_share .share-type3 a,
.single_share .share-type4 a { height:35px; line-height:37px; }
.single_share .share-type4 a { line-height:35px; }
.single_share a:before { margin:0; }
.single_share .share-type3 a:before,
.single_share .share-type4 a:before { margin-right:5px; }
.single_share .twitter a:before { top:0px }
.single_share .facebook a:before { top:-1px;  }
.single_share .hatebu a:before { top:0px; }
.single_share .pocket a:before { top:0px; }
.single_share .rss a:before { top:-1px; }
.single_share .feedly a:before {  top:-1.5px; }
}
@media screen and (max-width:500px) {
.single_share .ttl { max-width:inherit; }
.single_share .share-type3 li,
.single_share .share-type4 li { width:calc(50% - 5px); max-width:inherit; }
}
.single_share .share-type5 ul { display:flex; flex-wrap:wrap; margin:0 -3px -10px 0; }
.single_share .share-type5 li { margin:0 3px 3px 0; }
.single_share .share-type5 li.pocket_button { width:90px !important; }
.history_share{margin-top: 100px!important; }
@media screen and (max-width: 767px){
.history_share {
margin-bottom: 0!important;
margin-top: 30px!important;
}
.event_share{
margin-top: 26px!important;
}
}
.event_share{margin-top: 50px !important; margin-bottom: 0 !important;}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :not(.child,.dtrg-group))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :not(.child,.dtrg-group))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :not(.child,.dtrg-group))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :not(.child,.dtrg-group))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
   html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}
body {
margin: 0;
}
article, aside, footer, header, nav, section {
display: block;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
figcaption, figure, main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
-webkit-text-decoration-skip: objects;
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
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 {
position: relative;
font-size: 75%;
line-height: 0;
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 {
margin: 0;
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
button: -moz-focusring, [type="button"]: -moz-focusring, [type="reset"]: -moz-focusring, [type="submit"]: -moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details, menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
}
html {
min-width: 320px;
position: relative;
overflow-x: hidden;
}
body {
-webkit-font-smoothing: antialiased;
color: #000;
line-height: 1;
}
a {
color: #000;
text-decoration: none;
}
:focus {
outline: none;
}
a, input {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
img {
vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, dl {
margin-top: 0;
}
p {
margin-bottom: 0;
}
ol, ul {
padding-left: 0;
}
li {
list-style-type: none;
}
dl, dt, dd, figure {
margin: 0;
}
table {
border-collapse: collapse;
}
.admin-bar {
padding-top: 32px;
} @font-face {
src: url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/design_plus.eot?v=1.0);
src: url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/design_plus.eot?v=1.0#iefix) format("embedded-opentype"), url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/design_plus.woff?v=1.0) format("woff"), url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/design_plus.ttf?v=1.0) format("truetype"), url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/design_plus.svg?v=1.0#design_plus) format("svg");
font-family: "design_plus";
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'tiktok_x_icon';
src: url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/tiktok_x_icon.eot?v=1.1);
src: url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/tiktok_x_icon.eot?v=1.1#iefix) format('embedded-opentype'),
url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/tiktok_x_icon.woff?v=1.1) format('woff'),
url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/tiktok_x_icon.ttf?v=1.1) format('truetype'),
url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/tiktok_x_icon.svg?v=1.1#tiktok_x_icon) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'footer_bar';
src: url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/footer_bar.eot?v=1.0);
src: url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/footer_bar.eot?v=1.0#iefix) format('embedded-opentype'),
url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/footer_bar.woff?v=1.0) format('woff'),
url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/footer_bar.ttf?v=1.0) format('truetype'),
url(//care-trip.com/wp-content/themes/mikado_tcd071/assets/fonts/footer_bar.svg?v=1.0#footer_bar) format('svg');
font-weight: normal;
font-style: normal;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
visibility: visible;
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
}
}
@keyframes fadeOut {
from {
visibility: visible;
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes slideDown {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@keyframes slideDown {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@-webkit-keyframes slideUp {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@keyframes slideUp {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@-webkit-keyframes fadeInUp {
from {
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeInUp {
from {
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes zoom-in {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoom-out {
0% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media screen and (max-width: 782px) {
.admin-bar {
padding-top: 46px;
}
}  .l-inner {
position: relative;
width: 92.1875%;
max-width: 1160px;
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 991px) {
.l-inner {
width: 88.88889%;
}
}
@media only screen and (max-width: 767px) {
.l-inner {
width: 100%;
padding: 0 20px;
}
}
.l-pc-inner {
position: relative;
width: 92.1875%;
max-width: 1160px;
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 767px) {
.l-pc-inner {
width: 100%;
}
} .l-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.l-contents--rev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 991px) {
.l-contents {
display: block;
}
} .l-footer {
position: relative;
} .l-header {
z-index: 99;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.l-header.bg-color {
background-color: #fff;
}
.admin-bar .l-header {
top: 32px;
}
.l-header--fixed.is-active {
border-bottom: 1px solid #ddd;
position: fixed;
-webkit-animation: slideDown 1.2s;
animation: slideDown 1.2s;
}
.l-header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.l-header__logo {
margin: 0;
}
.l-header__logo a {
word-wrap: break-word;
line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
.l-header {
height: 60px;
line-height: 60px;
}
}
@media only screen and (max-width: 782px) {
.admin-bar .l-header {
top: 46px;
}
.admin-bar .l-header--fixed.is-active {
top: 0;
}
}
@media only screen and (max-width: 767px) {
.l-header__logo {
padding-left: 0;
}
} .l-main {
position: relative;
margin-top: 70px;
margin-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
.l-main {
margin-top: 60px;
}
}
@media only screen and (max-width: 991px) {
.l-main {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.l-main {
margin-bottom: 40px;
}
} .l-primary {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(100% - 4.24% - 300px);
}
.l-primary:only-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media screen and (max-width: 991px) {
.l-primary {
width: 100%;
}
} .l-secondary {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
}
@media screen and (max-width: 991px) {
.l-secondary {
width: 600px;
margin: 40px auto 0;
}
}
@media screen and (max-width: 767px) {
.l-secondary {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.l-single {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}
}  .c-font-type--type1 {
font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif !important;
}
.c-font-type--type2 {
font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
.c-font-type--type3 {
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
} .c-breadcrumb__item {
display: inline;
}
.c-breadcrumb__item + .c-breadcrumb__item::before {
margin-right: 12px;
margin-left: 12px;
font-family: "design_plus";
content: "\e910";
}
.c-breadcrumb__item--home a::before {
position: relative;
top: 1px;
font-family: "design_plus";
content: "\e90c";
}
.c-breadcrumb__item--home span {
display: none;
}
@media only screen and (max-width: 767px) {
.c-breadcrumb__item + .c-breadcrumb__item::before {
margin-right: 5px;
margin-left: 5px;
}
} .c-comment {
margin-bottom: 50px;
font-size: 12px;
}
.c-comment input, .c-comment textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
}
.c-comment input, .c-comment textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-comment__tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.c-comment__tab-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.c-comment__tab-item.is-active + .c-comment__tab-item a {
border-left-color: #333;
}
.c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p {
position: relative;
border: 0;
background: #333;
color: #fff;
}
.c-comment__tab-item.is-active a:after, .c-comment__tab-item.is-active p:after {
position: absolute;
right: 0;
bottom: -17px;
left: 0;
width: 0;
height: 0;
margin: auto;
border-width: 10px;
border-style: solid;
border-color: #333 transparent transparent transparent;
content: "";
}
.c-comment__tab-item a, .c-comment__tab-item p {
display: block;
width: 100%;
padding: 15px;
border: 1px solid #ccc;
color: #333;
font-size: 11px;
line-height: 180%;
text-decoration: none;
}
.c-comment__tab-item a:hover {
border-color: #333;
background: #333;
color: #fff;
}
.c-comment__list {
padding-left: 0;
}
.c-comment__list-item {
margin-bottom: 15px;
padding: 15px 20px 0;
border: 1px solid #ccc;
color: #777;
list-style: none;
}
.c-comment__item-body p {
margin-bottom: 15px;
line-height: 2.4;
}
.c-comment__item-header {
position: relative;
margin-bottom: 10px;
}
.c-comment__item-avatar {
width: 40px;
height: 40px;
margin-right: 10px;
float: left;
}
.c-comment__item-author {
display: block;
margin-bottom: 10px;
padding-top: 3px;
}
.c-comment__item-author a {
text-decoration: underline;
}
.c-comment__item-date {
display: block;
color: #757676;
font-size: 11px;
}
.c-comment__item-act {
position: absolute;
top: 0;
right: 0;
margin-top: 5px;
padding-left: 10px;
font-size: 11px;
}
.c-comment__item-act > li {
display: inline;
margin-right: 6px;
padding-right: 10px;
border-right: 1px solid #aaa;
}
.c-comment__item-act > li: last-child {
margin-right: 0;
padding-right: 0;
border-right: 0;
}
.c-comment__pager {
margin-bottom: 10px;
}
.c-comment__pager a, .c-comment__pager span {
display: inline;
margin-right: 10px;
float: left;
}
.c-comment__pager span {
text-decoration: underline;
} .c-comment__item-note {
display: block;
margin-bottom: 1em;
padding: 10px 15px;
border: 1px solid #94ddd4;
background: #d6f4f0;
color: #33a8e5;
font-size: 11px;
}
.c-comment__trackback-url {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: #fafafa;
font-size: 11px;
}
.trackback_time {
margin: 0 0 7px 0px;
color: #757676;
font-size: 11px;
}
.trackback_title {
margin: 2px 0 8px 0;
margin: 0 0 10px 0px;
line-height: 160%;
}
.c-comment__form-wrapper {
margin: 0 0 20px;
padding: 15px;
border: 1px solid #ccc;
}
.c-comment__cancel {
margin-bottom: 1em;
color: #666;
font-size: 11px;
}
.c-comment__cancel a {
color: #666;
}
.c-comment__cancel a:before {
display: inline-block;
font-family: "design_plus";
content: "\e910";
}
.c-comment__form-login {
color: #666;
font-size: 11px;
}
.c-comment__form-login a {
color: #666;
}
.c-comment__input {
margin-bottom: 12px;
text-align: left;
}
.c-comment__input input {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #ccc;
color: #777;
}
.c-comment__input textarea {
width: 100%;
height: 150px;
margin-top: 15px;
overflow: auto;
border: 1px solid #ccc;
color: #777;
font-size: 11px;
}
.c-comment__label-text {
display: block;
margin-bottom: 5px;
color: #666;
font-size: 11px;
}
.c-comment__form-submit {
-moz-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
display: block;
width: 200px;
height: 50px;
margin: 15px auto 0;
border: 0;
background: #aaa;
color: #fff;
font-size: 14px;
cursor: pointer;
transition: background-color 200ms ease-in-out;
}
.c-comment__form-hidden {
display: none;
}
.c-comment__password-protected {
margin: 0 38px 30px;
padding: 10px 20px;
border-radius: 5px;
background: #3db4b2;
color: #fff;
text-align: center;
}
.c-comment__password-protected p {
font-size: 12px;
line-height: 160%;
}
@media only screen and (max-width: 767px) {
.c-comment__item-act {
position: static;
margin-top: 10px;
padding-left: 0;
}
.c-comment__tab-item a, .c-comment__tab-item p {
padding: 10px;
}
.c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
} .c-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-logo a {
text-align: center;
}
.c-logo img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.c-logo--element img, .element-type1 img {
height: 36px;
width: auto;
}
@media only screen and (max-width: 1199px) {
.c-logo--element img, .element-type1 img {
height: 27px;
}
}
.element-type2 {
border-top: 5px solid #d80100;
margin: 0 auto;
width: 40px;
}
.c-menu-btn {
display: none;
text-align: center;
cursor: pointer;
}
.c-menu-btn::before {
font-family: "design_plus";
font-size: 18px;
content: "\f0c9";
}
@media only screen and (max-width: 1199px) {
.c-menu-btn {
display: block;
}
} .c-meta-box {
margin: 55px 0 0;
padding: 15px 30px;
background: #fff;
border: 1px solid #ddd;
}
.c-meta-box li {
display: inline;
margin: 0 10px 0 0;
padding: 0 15px 0 20px;
border-right: 1px solid #ddd;
font-size: 12px;
line-height: 1.8;
position: relative;
}
.c-meta-box li:last-child {
border: none;
margin: 0;
}
.c-meta-box li:before {
display: block;
width: 14px;
height: 14px;
line-height: 14px;
font-family: 'design_plus';
color: #aaa;
font-size: 14px;
position: absolute;
top: 2px;
left: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-meta-box li.post_author:before {
content: '\e90d';
}
.c-meta-box li.post_category:before {
content: '\e92f';
}
.c-meta-box li.post_tag:before {
content: '\e935';
top: 4px;
}
.c-meta-box li.post_comment:before {
content: '\e916';
font-size: 18px;
top: 3px;
}
@media (max-width: 991px) {
.c-meta-box {
border: none;
margin: 35px 0;
padding: 0;
}
.c-meta-box li {
display: block;
margin: 10px 0;
padding: 0 0 0 20px;
border-right: none;
font-size: 12px;
}
} .c-nav01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-nav01__item {
position: relative;
width: calc(50% - 5px);
font-size: 14px;
list-style: none;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.c-nav01__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.c-nav01__item--prev {
margin-right: 5px;
}
.c-nav01__item--prev::before {
position: absolute;
top: 0;
bottom: 0;
left: 25px;
width: 1em;
height: 1em;
margin: auto;
font-family: "design_plus";
font-size: 14px;
line-height: 1;
content: "\e90f";
}
.c-nav01__item--next {
margin-left: 5px;
}
.c-nav01__item--next::after {
position: absolute;
top: 0;
right: 25px;
bottom: 0;
width: 1em;
height: 1em;
margin: auto;
font-family: "design_plus";
font-size: 14px;
line-height: 1;
content: "\e910";
}
@media (max-width: 991px) {
.c-nav01__item {
width: 50%;
height: 50px;
font-size: 12px;
text-align: center;
border: 1px solid #dddddd;
}
.c-nav01__item a {
display: block;
width: 100%;
height: 48px;
padding: 0;
line-height: 48px;
}
.c-nav01__item a span {
display: none !important;
}
.c-nav01__item--prev {
margin-right: 0;
}
.c-nav01__item--prev::before {
left: 12px;
}
.c-nav01__item--prev a::before {
content: attr(data-prev);
}
.c-nav01__item--next {
margin-left: 0;
}
.c-nav01__item--next::after {
right: 12px;
}
.c-nav01__item--next a::before {
content: attr(data-next);
}
} .c-pw__desc {
line-height: 2.5;
}
.c-pw__desc p {
line-height: 2.5;
margin-bottom: 16px;
}
.c-pw__btn {
box-sizing: border-box;
color: #fff !important;
display: inline-block;
padding: 13px 20px;
font-size: 14px;
text-align: center;
line-height: 1;
}
.c-pw__btn:hover {
background: #333;
color: #fff;
}
.c-pw__btn--register {
min-width: 160px;
margin-bottom: 32px;
}
.c-pw__btn--submit {
min-width: 100px;
border: 0;
border-radius: 0;
cursor: pointer;
}
.c-pw .c-pw__btn:hover {
text-decoration: none;
}
.c-pw__box {
border: 1px solid #ddd;
background: #f5f5f5;
padding: 25px 36px;
margin-bottom: 40px;
box-sizing: border-box;
}
.c-pw__box .c-pw__box-desc {
line-height: 1.2;
margin-bottom: 20px;
}
.c-pw__box-inner {
display: flex;
align-items: center;
}
.c-pw__box-label {
margin-right: 14px;
}
.c-pw__box-input {
border: 1px solid #ddd;
box-shadow: none;
height: 40px;
width: 250px;
margin-right: 14px;
flex: 1;
box-sizing: border-box;
padding: 0 10px;
}
@media only screen and (max-width: 767px) {
.c-pw__box {
margin: 0 auto 30px;
padding: 20px;
text-align: center;
}
.c-pw__box-inner {
flex-direction: column;
}
.c-pw__box-label {
display: block;
margin-bottom: 1em;
margin-right: 0;
font-size: 12px;
}
.c-pw__box-input {
display: block;
width: 100%;
margin-bottom: 1em;
margin-right: 0;
}
}    #site_loader_overlay {
background: #fff;
opacity: 1;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 99999;
}
#site_loader_animation {
}
.c-load--type1 {
width: 48px;
height: 48px;
font-size: 10px;
text-indent: -9999em;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
border-radius: 50%;
-webkit-animation: loading-circle 1.1s infinite linear;
animation: loading-circle 1.1s infinite linear;
}
.c-load--type2 {
width: 44px;
height: 44px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.c-load--type2::before {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 12px;
height: 12px;
content: '';
-webkit-animation: loading-square-loader 5.4s linear forwards infinite;
animation: loading-square-loader 5.4s linear forwards infinite;
}
.c-load--type2::after {
position: absolute;
bottom: 10px;
left: 0;
display: block;
width: 12px;
height: 12px;
opacity: 0;
content: '';
-webkit-animation: loading-square-base 5.4s linear forwards infinite;
animation: loading-square-base 5.4s linear forwards infinite;
}
.c-load--type3 {
width: 100%;
min-width: 160px;
font-size: 16px;
text-align: center;
position: fixed;
top: 50%;
left: 0;
opacity: 0;
-webkit-animation: loading-dots-fadein .5s linear forwards;
animation: loading-dots-fadein .5s linear forwards;
}
.c-load--type3 i {
width: 0.5em;
height: 0.5em;
display: inline-block;
vertical-align: middle;
background: #e0e0e0;
border-radius: 50%;
margin: 0 .25em;
-webkit-animation: loading-dots-middle-dots .5s linear infinite;
animation: loading-dots-middle-dots .5s linear infinite;
}
.c-load--type3 i:first-child {
-webkit-animation: loading-dots-first-dot .5s linear infinite;
animation: loading-dots-first-dot .5s linear infinite;
opacity: 0;
-webkit-transform: translate(-1em);
transform: translate(-1em);
}
.c-load--type3 i: last-child {
-webkit-animation: loading-dots-last-dot .5s linear infinite;
animation: loading-dots-last-dot .5s linear infinite;
}
.c-load--type4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.c-load--type4 > * {
-webkit-animation: fadeIn .5s linear .3s both;
animation: fadeIn .5s linear .3s both;
}
.c-load--type4 img {
display: block;
height: auto;
margin: auto;
max-width: 80vw;
max-width: 100%;
}
.c-load--type4 .site_loader_catch {
font-size: 14px;
font-weight: 700;
line-height: 1.8;
text-align: center;
}
.c-load--type4 img + .site_loader_catch {
margin-top: 20px;
}
.c-load--type4 .site_loader_catch p + p {
margin-top: 1.6em;
}
@media only screen and (max-width: 767px) {
.c-load--type1 {
width: 30px;
height: 30px;
}
.c-load--type2::before {
width: 8px;
height: 8px;
}
.c-load--type2::after {
width: 8px;
height: 8px;
}
.c-load--type3 i {
width: 0.25em;
height: 0.25em;
margin: 0 0.125em;
}
}
@-webkit-keyframes loading-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes loading-square-base {
0% {
bottom: 10px;
opacity: 0;
}
5%, 50% {
bottom: 0;
opacity: 1;
}
55%, 100% {
bottom: -10px;
opacity: 0;
}
}
@keyframes loading-square-base {
0% {
bottom: 10px;
opacity: 0;
}
5%, 50% {
bottom: 0;
opacity: 1;
}
55%, 100% {
bottom: -10px;
opacity: 0;
}
}
@-webkit-keyframes loading-dots-fadein {
100% {
opacity: 1;
}
}
@keyframes loading-dots-fadein {
100% {
opacity: 1;
}
}
@-webkit-keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
opacity: 1;
}
}
@keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
opacity: 1;
}
}
@-webkit-keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
}
}
@keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
}
}
@-webkit-keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
transform: translate(2em);
opacity: 0;
}
}
@keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
transform: translate(2em);
opacity: 0;
}
}  .p-about {
}
.p-about .element-type1 {
text-align: center;
margin-bottom: 15px;
}
.p-about .element-type2 {
margin-bottom: 15px;
}
.p-about__inner {
padding: 60px 80px 70px 80px;
}
.p-about__inner > :first-child {
margin-top: 0;
}
.p-about__inner > :last-child {
margin-bottom: 0;
}
.p-about-image {
display: block;
margin-top: 30px;
height: auto;
width: 100%;
}
.p-about-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 50px;
}
.p-about-info__col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.p-about-info__col-block {
position: relative;
background-color: #f4f2ef;
min-height: 400px;
margin-bottom: 50px;
padding-top: 60px;
padding-bottom: 60px;
}
.p-about-info__col-block.horizontal {
min-height: 300px;
}
.p-about-info__col-block .element-type1 img {
display: block;
height: 20px;
margin: 0 auto 20px;
}
.p-about-info__col-block .element-type2 {
margin-bottom: 20px;
width: 20px;
}
.p-about-info__col-title {
line-height: 1.3;
margin: 0 auto;
font-size: 30px;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
text-align: start;
}
.p-content__horizontal .p-about-info__col-title {
writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
text-align: center;
}
.p-about-info__col-desc {
font-size: 16px;
line-height: 2.3;
}
.p-about-info__col-img {
margin-bottom: 40px;
width: 100%;
}
.p-about-info02 {
margin-bottom: 75px;
margin-top: 40px;
}
@media screen and (min-width: 768px) {
.p-about-info__col {
margin-right: 50px;
}
.p-about-info__col:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.p-about__inner {
padding: 0 20px;
}
.p-about-image {
margin-top: 0;
}
.p-about-info {
display: block;
margin-bottom: 35px;
}
.p-about-info02 {
margin-top: 25px;
}
.p-about-info__col-block {
min-height: 260px;
padding-top: 25px;
padding-bottom: 25px;
margin-bottom:25px;
}
.p-about-info__col-block.horizontal{
min-height: inherit;
padding-bottom: 45px;
}
.p-about-info__col-title {
font-size: 22px;
line-height: 1.3;
}
.p-about-info__col-desc {
font-size: 14px;
margin-bottom:25px;
}
.p-about-info__col-img {
margin-bottom: 20px;
}
} .p-archive-header {
margin-bottom: 57px;
text-align: center;
}
.p-archive-header .element-type1 {
margin-bottom: 20px;
text-align: center;
}
.p-archive-header .element-type2 {
margin-bottom: 20px;
}
.p-archive-header__title {
font-size: 32px;
line-height: 1.2;
margin-bottom: 0;
display: inline;
}
.p-archive-header__title--vertical {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
margin: 0 auto;
font-size: 36px;
line-height: 1.3;
text-align: start;
}
.p-archive-header__desc {
font-size: 16px;
font-weight: normal;
text-align: center;
margin: 0 auto;
line-height: 1.6;
display: inline;
}
.p-archive-header__title + .p-archive-header__desc {
margin-top: 55px;
}
.p-archive-header__desc--vertical {
line-height: 2.6;
white-space: nowrap;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
text-align: start;
}
.p-archive-header__desc p + p {
margin-top: 1.6em;
}
.p-archive-header__desc--vertical p + p {
margin-right: 1.6em;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.p-archive-header {
margin-bottom: 36px;
}
.p-archive-header .element-type1 {
margin-bottom: 13px;
}
.p-archive-header__title {
font-size: 20px;
}
.p-archive-header__title--vertical {
font-size: 24px;
}
.p-archive-header__desc,
.p-archive-header__desc--vertical,
.p-archive-header__title + .p-archive-header__desc,
.p-archive-header__title + .p-archive-header__desc--vertical {
font-size: 14px;
line-height: 2;
text-align: center;
margin: 32px auto 0;
}
.p-archive-header__desc--vertical {
writing-mode: horizontal-tb;
}
.p-archive-header__desc--vertical p + p {
margin-right: 0;
margin-top: 1.6em;
}
} .p-article01 {
position: relative;
border-top: 0;
}
.p-article01__img {
display: block;
margin: 0 -1px;
overflow: hidden;
}
.p-article01__img img {
margin: -1px 0;
width: 100%;
height: auto;
}
.p-article01__content {
padding-top: 15px;
}
.p-article01__title {
font-size: 16px;
font-weight: 500;
line-height: 1.7;
margin-bottom: 7px;
max-height: 3.4em;
overflow: hidden;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.p-article01__content:only-child .p-article01__title {
margin-bottom: 0;
}
.p-article01__date,
.p-article01__cat {
color: #999;
font-size: 12px;
line-height: 1.8;
}
.p-article01__cat a {
color: inherit;
}
.p-article01__date + .p-article01__cat::before {
margin: 0 0.5em 0 0.25em;
content: "|";
vertical-align: 1px;
}
@media screen and (max-width: 991px) {
.p-article01__title {
margin-bottom: 0;
}
.p-article01__meta {
display: none;
}
}
@media screen and (max-width: 767px) {
.p-article01__title {
font-size: 14px;
}
.p-article01__content {
padding-top: 6px;
}
}
.p-article02 {
overflow: hidden;
position: relative;
}
.p-article02__img {
height: 160px;
}
.p-article02__img::before {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.75)), color-stop(75%, transparent));
background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, transparent 75%);
content: "";
}
.p-article02__img > img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.p-article02__content {
z-index: 1;
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 0 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
pointer-events: none;
max-height: 100%;
}
.p-article02__title {
font-size: 24px;
line-height: 1.6;
padding: 0;
margin: 0;
max-height: 1.6em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p-article02__category, .p-article02__date {
font-size: 14px;
line-height: 1.6;
}
.p-article02__category > a {
color: #ffffff;
}
@media screen and (max-width: 767px) {
.p-article02__content {
padding: 0 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
pointer-events: none;
max-height: 100%;
}
.p-article02__img {
height: 94px;
}
.p-article02__category, .p-article02__date {
font-size: 12px;
height: 1.6em;
overflow: hidden;
}
.p-article02__title {
font-size: 18px;
}
}
.p-article03__content {
display: flex;
flex-direction: row-reverse;
justify-content: center;
padding: 40px 20px;
line-height: 1.8;
min-height: max-content;
}
.p-article03__title {
font-size: 24px;
line-height: 1.2;
margin: 0;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.p-article03__cat {
color: #d90000;
font-size: 16px;
margin: 0;
white-space: nowrap;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl}
.p-article03__cat a {
color: inherit;
}
.p-article03__img {
display: block;
position: relative;
}
.p-article03__img > img {
width: 100%;
height: auto;
}
.horizontal .p-article03__content{
display: block;
padding: 40px;
}
.horizontal .p-article03__cat{
writing-mode: horizontal-tb;
}
.horizontal .p-article03__title{
writing-mode: horizontal-tb;
}
@media (min-width: 768px) {
.p-article03__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 16px;
line-height: 2.6;
text-align: start;
white-space: nowrap;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.horizontal.p-article03__text{
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
}
.p-article03__text p {
background-color: rgba(255, 255, 255, 0.7);
font-weight: 700;
min-width: 0;
padding: 50px 38.5px;
}
}
@media screen and (max-width: 767px) {
.p-article03__img img {
width: 100%;
}
.p-article03__text {
font-size: 14px;
line-height: 2;
margin: 30px 0;
text-align: center;
}
.p-article03__title {
font-size: 16px;
line-height: 1.3;
writing-mode: horizontal-tb;
}
.p-article03__cat {
font-size: 14px;
writing-mode: horizontal-tb;
}
.p-article03__content {
display: inherit;
padding: 16px 20px 18px;
}
}
.p-article05 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
}
.p-article05 a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 100%;
overflow: visible;
background: #fff;
}
.p-article05__img {
margin: -1px;
overflow: hidden;
}
.p-article05__img img {
width: 100%;
height: auto;
}
.p-article05__content {
padding: 18px 20px;
background: #fff;
margin-bottom: 0;
}
.p-article05__date {
font-size: 14px;
line-height: 1.4;
margin-bottom: 2px;
}
.p-article05__title {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 0;
max-height: 2.8em;
overflow: hidden;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.p-article05__excerpt {
font-size: 16px;
line-height: 1.6;
margin-top: 9px;
margin-bottom: -4px;
max-height: 3.2em;
overflow: hidden;
}
.p-article05__subtitle {
font-size: 26px;
line-height: 1.6;
margin-bottom: 51px;
margin-top: 53px;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-article05__content {
padding: 12px 15px;
}
.p-article05__date {
font-size: 12px;
line-height: 1.4;
margin-bottom: 2px;
}
.p-article05__title {
font-size: 14px;
line-height: 1.4;
}
.p-article05__excerpt {
font-size: 14px;
line-height: 1.4;
margin-top: 7px;
margin-bottom: -2px;
max-height: 4.2em;
}
body.home .p-article05__excerpt,
body.archive .p-article05__excerpt {
display: none;
}
.p-article05__subtitle {
font-size: 20px;
line-height: 1.3;
margin-bottom: 36px;
margin-top: 36px;
text-align: center;
}
} .p-author {
margin-bottom: 60px;
position: relative;
}
.p-author__box {
background: #f6f6f6;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 50px;
padding: 40px 4.8192%;
}
.p-author__thumbnail {
border-radius: 50%;
display: block;
-webkit-flex: 0 0 110px;
flex: 0 0 110px;
height: 110px;
margin-right: 30px;
overflow: hidden;
width: 110px; -webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.p-author__thumbnail img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.p-author__thumbnail__link, .p-author__thumbnail__link * {
height: 100%;
width: 100%;
}
.p-author__info {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.p-author__title {
font-weight: 600;
line-height: 1.8;
}
.p-author__desc {
clear: both;
color: #666;
font-size: 14px;
line-height: 2;
margin-top: 10px;
}
.p-author__desc p + p {
margin-top: 1em;
}
.p-author__info .p-social-nav {
margin-top: 16px;
}
.p-author__info .p-social-nav__item {
font-size: 14px;
}
.p-author__link {
float: right;
font-size: 14px;
padding-top: 4px;
}
.p-author__link::after {
content: "\e910";
font-family: "design_plus";
padding-left: 5px;
}
@media only screen and (max-width: 767px) {
.p-author {
margin-bottom: 40px;
}
.p-author__box {
display: block;
margin-bottom: 40px;
padding: 22px;
}
.p-author .p-author__box {
background: transparent;
padding: 0;
}
.p-author__thumbnail {
margin: 0 auto 18px;
}
.p-author__title {
font-size: 16px;
}
.p-author__link {
font-size: 12px;
padding-top: 6px;
}
} .p-block01 {
margin: 60px 0 55px;
text-align: center;
}
.p-block01__title {
font-size: 32px;
line-height: 1.2;
margin-bottom: 55px;
}
.p-block01__title--vertical {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
margin: 10px auto;
font-size: 36px;
line-height: 1.5;
text-align: start;
}
.p-block01__desc {
font-size: 16px;
line-height: 2.6;
min-height: 300px;
}
.p-block01__desc--vertical {
font-size: 16px;
line-height: 2.6;
min-height: 300px;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
text-align: start;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.p-block01 {
margin: 40px 0 20px;
}
.p-block01__title {
margin: 13px 0;
font-size: 24px;
}
.p-block01__desc {
font-size: 14px;
line-height: 2;
writing-mode: horizontal-tb;
text-align: center;
margin: 40px auto 20px;
}
.p-block01__desc--vertical {
font-size: 14px;
line-height: 2;
writing-mode: horizontal-tb;
text-align: center;
margin: 0 auto 30px;
}
.p-block01__title--vertical {
margin: 10px auto;
font-size: 24px;
line-height: 1.3;
}
} .p-blog-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.p-blog-list__item {
width: 24%;
width: calc((100% - 42px) / 4);
margin-right: 14px;
margin-top: 56px;
}
.p-blog-list + .p-pager {
margin-top: 44px;
}
@media (min-width: 767px) {
.p-blog-list__item:nth-child(-n+4) {
margin-top: 0;
}
.p-blog-list__item:nth-child(4n) {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.p-blog-list__item {
width: 49%;
width: calc(50% - 5px);
margin-right: 0;
margin-top: 15px;
}
.p-blog-list__item:nth-child(-n+2) {
margin-top: 0;
}
.p-blog-list__item:nth-child(odd) {
margin-right: 5px;
}
.p-blog-list__item:nth-child(even) {
margin-left: 5px;
}
.p-blog-list + .p-pager {
margin-top: 20px;
}
} .p-breadcrumb {
background-color: #d90000;
padding: 21.25px 0;
margin-bottom: 60px;
}
.p-breadcrumb__inner {
color: #fff;
margin-bottom: 0;
overflow: hidden;
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
.p-breadcrumb__item {
color: #fff;
font-size: 14px;
}
.p-breadcrumb__item + .p-breadcrumb__item::before {
font-size: 10px;
}
.p-breadcrumb__item a {
color: #fff;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.p-breadcrumb__item a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.p-breadcrumb {
padding: 14px 0 15px ;
margin-bottom: 35px;
}
.p-breadcrumb__item {
font-size: 12px;
}
.p-breadcrumb.single {
margin: 0;
}
} .p-btn__vertical {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display: inline-block;
min-width: 60px;
height: 200px;
padding: 15px 0;
border-radius: 0;
background-color: #000;
color: #fff;
font-size: 16px;
line-height: 60px;
text-align: center;
}
.p-btn__horizon {
display: inline-block;
min-width: 240px;
height: 60px;
padding: 0 15px;
border-radius: 0;
background-color: #000;
color: #fff;
font-size: 16px;
line-height: 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-btn {
font-size: 14px;
background-color: #000}
.p-btn__vertical {
min-width: 45px;
height: 180px;
padding: 0;
line-height: 45px;
}
.p-btn__horizon {
min-width: 180px;
height: 45px;
line-height: 45px;
}
} .p-cb__item {
position: relative;
padding-bottom: 100px;
padding-top: 100px;
}
.p-cb__item .element-type1 {
text-align: center;
margin-bottom: 15px;
}
.p-cb__item .element-type2 {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.p-cb__item:last-child {
padding-bottom: 120px;
}
.p-cb__item--no-bg + .p-cb__item--no-bg {
padding-top: 0;
}
.p-cb__item--has-bg + .p-cb__item--no-bg,
.p-cb__item--no-bg + .p-cb__item--has-bg {
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.p-cb__item {
padding-bottom: 40px;
padding-top: 40px;
}
} .p-content__vertical {
display: flex;
} .p-copyright {
height: 60px;
color: #fff;
font-size: 12px;
line-height: 60px;
text-align: center;
overflow: hidden;
}
.p-copyright small {
font-size: 100%;
}
@media screen and (max-width: 767px) {
.p-copyright {
height: 50px;
line-height: 50px;
}
} .p-dropdown {
font-size: 14px;
}
.p-dropdown__title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 50px;
padding: 0 22px;
border: 1px solid #ddd;
background: #fff;
line-height: 50px;
}
.p-dropdown__title::after {
position: absolute;
right: 17px;
font-family: "design_plus";
content: "\e90e";
}
.p-dropdown__title:hover {
cursor: pointer;
}
.p-dropdown__title.is-active::after {
content: "\e911";
}
.p-dropdown__list {
display: none;
}
.p-dropdown__list li {
border: 1px solid #ddd;
border-top: 0;
line-height: 1.5;
margin-bottom: 0 !important;
}
.p-dropdown__list a {
display: block;
padding: 14px 18px;
}
.p-dropdown__list a:hover {
background: #f6f6f6;
} .p-entry {
position: relative;
margin-bottom: 0;
border: solid 1px #dddddd;
}
.p-entry__inner {
padding: 80px 50px 50px 50px;
}
.p-entry__header .element-type1 {
margin-bottom: 12px;
text-align: center;
}
.p-entry__header .element-type2 {
margin-bottom: 12px;
}
.p-entry__img {
width: 100%;
margin-bottom: 43px;
margin-top: 50px;
text-align: center;
}
.p-entry__img img {
max-width: 100%;
height: auto;
}
.p-entry__meta {
display: inline-block;
min-width: 100px;
height: 35px;
margin-bottom: 13.6px;
color: #fff;
font-size: 12px;
line-height: 35px;
text-align: center;
}
.p-entry__meta a {
display: block;
padding: 0 10px;
color: inherit;
}
.p-entry__title {
font-weight: 600;
line-height: 1.5;
text-align: center;
margin-bottom: 0;
}
.p-entry__title--vertical {
line-height: 1.3;
margin: auto;
text-align: start;
white-space: nowrap;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.p-entry__title--horizontal {
line-height: 1.3;
margin: auto;
text-align: center;
white-space: nowrap;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
.p-entry__body {
line-height: 2.3;
margin-bottom: 35px;
}
.p-entry__body > :last-child {
margin-bottom: 0;
}
.p-entry__body a:hover, .custom-html-widget a:hover {
text-decoration: underline;
}
.p-entry__body img {
height: auto;
max-width: 100%;
}
.p-entry__body .p-entry__ad img {
width: auto;
max-width: none;
}
.p-entry__body .p-readmore a {
color: #fff;
}
.p-entry__body .q_button:hover {
text-decoration: none;
}
.p-entry__category {
border-top: 5px solid #d90000;
font-size: 14px;
padding-top: 15px;
position: absolute;
left: 50px;
top: -1px;
}
.p-entry__category--vertical.c-font-type--type3 {
font-weight: 500;
}
.p-entry__category--horizontal.c-font-type--type3 {
font-weight: 500;
}
.p-entry__date {
color: #999999;
font-size: 12px;
text-align: center;
margin-bottom: 0;
margin-top: 8px;
}
.p-entry__share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; }
.p-entry__share { margin-bottom: 45px !important; }
.single_share.clearfix {
text-align: left;
text-align: -webkit-left;
margin-bottom: 45px;
}
@media screen and (max-width: 767px){
.single_share.clearfix  {
margin-bottom: 35px;
}}
.p-entry__next-page {
margin-top: 50px;
text-align: center;
}
.p-entry__next-page__link {
color: #fff !important;
padding: 0 25px;
position: relative;
text-decoration: none !important;
}
.p-entry__next-page__link::after {
content: '\e910';
font-family: 'design_plus';
position: absolute;
right: 11px;
}
.p-entry__next-page__numbers {
display: block;
font-size: 16px;
margin-top: 20px;
text-align: center;
}
.p-entry__meta-box {
margin-bottom: 50px;
background: #fff;
}
.p-entry__ad {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.p-entry__ad--upper, .p-entry__ad--inner {
margin-bottom: 42px;
}
.p-entry__ad--lower {
margin-bottom: 50px;
}
.p-entry__ad-item + .p-entry__ad-item {
margin-left: 40px;
}
.p-entry__related-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-entry__related-items .p-article01__title {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.p-entry__category--vertical {
white-space: nowrap;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
padding-left: 12px;
padding-right: 12px;
}
.p-entry__category--horizontal {
white-space: nowrap;
writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
padding-left: 12px;
padding-right: 12px;
}
.p-entry__category--vertical.c-font-type--type3 {
padding-left: 11px;
padding-right: 13px;
}
.p-entry__category--horizontal.c-font-type--type3 {
padding-left: 11px;
padding-right: 13px;
}
.p-entry__related-item {
width: 32%;
margin-right: 2%;
margin-top: 42px;
}
.p-entry__related-item:nth-child(3n) {
margin-right: 0;
}
.p-entry__related-item:nth-child(-n+3) {
margin-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
.p-entry__ad {
display: block;
}
.p-entry__ad-item + .p-entry__ad-item {
margin-left: 0;
}
.p-entry__ad--upper .p-entry__ad-item + .p-entry__ad-item, .p-entry__ad--inner .p-entry__ad-item + .p-entry__ad-item {
margin-top: 40px;
}
.p-entry__ad--lower .p-entry__ad-item + .p-entry__ad-item {
margin-top: 50px;
}
}
@media only screen and (max-width: 991px) {
.p-entry__img img {
width: 100%;
max-width: none;
}
}
@media only screen and (max-width: 767px) {
.p-entry {
margin: 0 -20px;
border: none;
width: auto;
}
.p-entry__header .element-type1,
.p-entry__header .element-type2 {
margin-bottom: 10px;
}
.p-entry__inner {
padding: 25px 20px 0 20px;
margin-top: 15px;
}
.p-entry__img {
margin-bottom: 27px;
margin-top: 30px;
}
.p-entry__meta {
height: 32px;
margin-bottom: 15px;
line-height: 32px;
}
.p-entry__category {
border-top-width: 3px;
font-size: 12px;
padding-top: 7px;
left: 20px;
top: 0;
}
.p-entry__date {
font-size: 12px;
}
.p-entry__title {
margin-bottom: 3px;
line-height: 1.5;
}
.p-entry__title--vertical {
margin-bottom: 30px;
line-height: 1.3;
}
.p-entry__title--horizontal {
margin-bottom: 30px;
line-height: 1.3;
}
.p-entry__share {
margin-bottom: 35px;
}
.p-entry__body {
margin-bottom: 34px;
line-height: 2;
}
.p-entry__ad {
display: block;
margin-bottom: 40px;
}
.p-entry__ad-item {
margin-bottom: 20px;
}
.p-entry__ad-item + .p-entry__ad-item {
margin-left: 0;
}
.p-entry__ad-item img {
margin-right: -10px;
margin-left: -10px;
}
.p-entry__meta-box {
margin-bottom: 10px;
background: transparent;
}
.p-entry__next-page {
margin-top: 30px;
}
.p-entry__related-item {
width: calc(50% - 5px);
margin-top: 14px;
}
.p-entry__related-item:nth-child(odd) {
margin-right: 5px;
}
.p-entry__related-item:nth-child(even) {
margin-left: 5px;
}
.p-entry__related-item:nth-child(-n+2) {
margin-top: 0;
}
.p-entry__related-item .p-article01__content {
padding-top: 7px;
}
}
@media screen and (max-width: 320px) {
.p-entry__related-item {
width: 100%;
}
} .p-event-category {
display: -webkit-box;
display: -ms-flexbox;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 69px;
}
.p-archive-header + .p-event-category {
margin-top: -12px;
}
.p-event-category > li {
margin-right: 30px;
margin-bottom: 3px;
font-size: 24px;
}
.p-event-category > li > a {
display: block;
width: auto;
height: 40px;
line-height: 40px;
text-align: center;
}
.p-event-category > li > a:hover {
color: #d90000;
}
body.is-wp-mobile-device .p-event-category {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
body.is-wp-mobile-device .p-event-category > li {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
body.is-wp-mobile-device .p-event-category > li:not(.is-active) > a:hover {
color: inherit;
}
@media screen and (max-width: 767px) {
.p-event-category {
margin-bottom: 28px;
}
.p-event-category > li {
font-size: 16px;
line-height: 1.6;
}
} .p-event-list {
}
.p-event-list__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: -40px;
}
.p-event-list__item {
display: block;
width: calc(50% - 20px);
margin-bottom: 40px;
height: 100%;
}
@media screen and (max-width: 767px) {
.p-event-list__inner {
margin-bottom: -20px;
}
.p-event-list__item {
width: calc(50% - 10px);
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
.p-event-list__inner {
display: block;
margin-bottom: -10px;
}
.p-event-list__item {
width: 100%;
margin-bottom: 10px;
}
} .p-entry-event__date {
font-size: 14px;
text-align: center;
margin-bottom: 0;
margin-top: 8px;
}
.p-entry-event .p-entry__body {
margin-bottom: 0;
}
.p-entry-event .p-entry__share {
margin-bottom: 0;
margin-top: 50px;
}
.p-entry-event .c-share--official{
margin-top: 50px;
}
.p-event-related {
margin-top: 100px;
}
.p-event-btn {
margin-top: 60px;
text-align: center;
}
@media (min-width: 768px) {
.p-entry-event__inner {
padding: 80px;
}
.p-entry-event .p-entry__category {
left: 80px;
}
}
@media screen and (max-width: 767px) {
.p-entry-event .p-entry__share {
margin-top: 26px;
}
.p-entry-event .c-share--official {
margin-top: 26px;
}
.p-event-related {
margin-top: 40px;
}
.p-event-btn {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.single-event table.pb_simple_table th {
width: 28%;
}
.single-event table.pb_simple_table th, .single-event table.pb_simple_table td {
line-height: 1.8;
}
} .p-faq {
}
.p-faq__list {
border: 1px solid #ddd;
border-bottom: 0;
}
.p-faq__list dt {
position: relative;
padding: 20.5px 5.18% 20.5px 3.454%;
border-bottom: 1px solid #ddd;
font-size: 16px;
line-height: 1.8;
cursor: pointer;
}
.p-faq__list dt::before {
content: '\e90e';
font-family: 'design_plus';
color: #666;
font-size: 12px;
line-height: 1;
display: block;
width: 15px;
height: 1em;
margin-top: -0.5em;
position: absolute;
right: 2.59%;
top: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
}
.p-faq__list dt.is-active::before {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.p-faq__list.type1 dt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-faq__list.type1 dt .element-type1 {
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
display: inline-block;
height: 20px;
margin-right: 8px;
margin-top: 4px;
width: 20px;
}
.p-faq__list.type1 dt .element-type1 img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.p-faq__list.type2 .p-faq__q {
border-left: 5px solid #d90000;
display: inline-block;
padding-left: 10px;
}
.p-faq__list dd {
display: none;
padding: 28px 3.454%;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
font-size: 16px;
line-height: 2.3;
}
@media screen and (max-width: 767px) {
.p-faq__list dt {
padding: 11px 50px 11px 12px;
font-size: 14px;
line-height: 1.6;
}
.p-faq__list dt::before {
right: 12px;
}
.p-faq__list.type1 dt .element-type1 {
margin-top: 0;
}
.p-faq__list dd {
padding: 13px 20px;
font-size: 14px;
line-height: 2;
}
} .p-footer-link {
position: relative;
width: 100%;
height: 560px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.p-footer-link::before {
display: block;
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.p-footer-link--video, .p-footer-link--youtube {
}
.p-footer-link__video-player, .p-footer-link__youtube-player {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.p-footer-link__inner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 3;
}
.p-footer-link__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding: 60px 0;
text-align: center;
}
.p-footer-link__title {
margin: 0;
color: #fff;
font-size: 36px;
line-height: 1.5;
}
.p-footer-link__title + .p-footer-link__btn {
margin: 36px 0 0 0;
}
.p-footer-link__contents--vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: 100%;
padding: 60px 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.p-footer-link__contents--vertical .p-footer-link__title {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
text-align: start;
line-height: 1.3;
}
.p-footer-link__contents--vertical .p-footer-link__title + .p-footer-link__btn {
margin-right: 34px;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.p-footer-link {
height: 320px;
}
}
@media screen and (max-width: 767px) {
.p-footer-link__contents, .p-footer-link__contents--vertical {
padding: 40px 0;
}
.p-footer-link__title {
font-size: 24px;
line-height: 1.5;
text-align: start;
}
.p-footer-link__title + .p-footer-link__btn {
margin-top: 20px;
}
.p-footer-link__contents--vertical .p-footer-link__title + .p-footer-link__btn {
margin-right: 17px;
margin-top: 0;
}
} .p-footer-nav {
margin: 0 auto 49px;
}
.p-footer-nav__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -7px;
margin-top: -7px;
}
.p-footer-nav__inner li {
font-size: 16px;
line-height: 1.8;
margin-bottom: 10px;
padding: 0;
}
.p-footer-nav__inner li a {
padding: 0 14px;
}
.p-footer-nav--type1 .p-footer-nav__inner li {
font-size: 18px;
margin-bottom: 0;
}
.p-footer-nav--type1 .p-footer-nav__inner {
flex-direction: row-reverse;
margin: -7px 0;
}
.p-footer-nav--type1 .p-footer-nav__inner li a {
min-width: 2.8em;
padding: 0 0.5em;
white-space: nowrap;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
transition: transform 0.5s ease;
transform: translateY(0);
position: relative;
}
.p-footer-nav--type1 .p-footer-nav__inner li a:hover {
transition-duration: 0.3s;
transform: translateY(12px);
}
@media screen and (max-width: 767px) {
.p-footer-nav {
margin-bottom: 31px;
}
.p-footer-nav__inner {
margin-bottom: -6px;
}
.p-footer-nav__inner li {
font-size: 14px;
margin-bottom: 8px;
}
.p-footer-nav__inner li a {
padding: 0 8px;
}
.p-footer-nav--type1 .p-footer-nav__inner li a {
min-width: 2.3em;
padding: 0 0.25em;
}
} .p-global-nav {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 100%;
font-size: 15px;
line-height: 70px;
margin: 0 auto;
}
.p-global-nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 70px;
height: 100%;
margin-bottom: 0;
}
.p-global-nav > ul > li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
.p-global-nav > ul > li.menu-item-has-children:hover > .sub-menu {
left: 0;
}
.p-global-nav > ul > li > a {
position: relative;
height: 100%;
padding-right: 14px;
padding-left: 14px;
}
.p-global-nav > ul > li > .sub-menu {
top: 100%;
left: 0;
}
.p-global-nav a {
display: block;
}
.p-global-nav .menu-item-has-children {
position: relative;
}
.p-global-nav .menu-item-has-children:hover > .sub-menu {
visibility: visible;
left: 100%;
opacity: 1;
}
.p-global-nav .sub-menu {
display: block;
visibility: hidden;
z-index: 1;
position: absolute;
top: 0;
left: 100%;
height: auto;
line-height: 1.2;
opacity: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.p-global-nav .sub-menu li {
height: auto;
}
.p-global-nav .sub-menu a {
background-color: #222222;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 220px;
height: auto;
padding: 17px 18px;
}
.p-global-nav .sub-menu .menu-item-has-children > a {
position: relative;
}
@media only screen and (min-width: 1200px) {
.p-global-nav {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media only screen and (max-width: 1199px) {
.p-global-nav {
display: none;
z-index: 99;
position: absolute;
top: 60px;
left: -4.25%;
right: -4.25%;
height: auto;
}
.l-header--fixed .p-global-nav {
max-height: calc(100vh - 60px);
overflow: auto;
}
.p-global-nav > ul {
display: block;
height: auto;
}
.p-global-nav > ul > li > a {
display: block;
padding: 0 4.2372%;
border: 0;
background: #000;
}
.p-global-nav li {
width: 100%;
}
.p-global-nav li.current-menu-item a {
color: #fff;
}
.p-global-nav a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 50px;
font-size: 13px;
line-height: 50px;
}
.p-global-nav .sub-title {
display: none;
}
.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle.is-active::before {
content: "-";
}
.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle::before {
display: block;
position: absolute;
top: 0;
right: 4.2372%;
bottom: 0;
width: 24px;
height: 24px;
margin: auto;
border: 1px solid #555;
border-radius: 100%;
color: inherit;
line-height: 24px;
text-align: center;
content: "+";
}
.p-global-nav .sub-menu {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
visibility: visible;
position: static;
width: 100%;
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition-property: none;
transition-property: none;
}
.p-global-nav .sub-menu li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p-global-nav .sub-menu a {
width: 100%;
height: 50px;
padding: 0 4.2372%;
padding-left: calc(4.2372% + 1em);
line-height: 50px;
background: #000;
}
.p-global-nav .sub-menu .sub-menu a {
padding-left: calc(4.2372% + 2em);
}
}
@media only screen and (max-width: 991px) {
.p-global-nav {
left: -6.25%;
right: -6.25%;
}
.p-global-nav > ul > li > a,
.p-global-nav .sub-menu a {
padding: 0 5.55556%;
}
.p-global-nav .sub-menu a {
padding-left: calc(5.55556% + 1em);
}
.p-global-nav .sub-menu .sub-menu a {
padding-left: calc(5.55556% + 2em);
}
.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle::before {
right: 5.55556%;
}
.p-global-nav .sub-menu .sub-menu .p-global-nav__toggle {
display: none;
}
}
@media only screen and (max-width: 767px) {
.p-global-nav {
left: 0;
right: 0;
}
.p-global-nav > ul > li > a,
.p-global-nav .sub-menu a {
padding: 0 20px;
}
.p-global-nav .sub-menu a {
padding-left: calc(20px + 1em);
}
.p-global-nav .sub-menu .sub-menu a {
padding-left: calc(20px + 2em);
}
.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle::before {
right: 17px;
}
}
.sub-menu a:hover {
background: #e70000;
color: #fff;
} .p-header-content {
position: relative;
}
.p-header-content:before {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
content: "";
}
.p-header-content__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.p-header-content__title {
font-weight: 700;
line-height: 1.3;
padding: 60px 0;
}
.p-header-content__title--vertical {
max-height: 100%;
width: 100%;
}
.p-header-content__title--vertical span {
text-align: start;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
min-width: 0;
margin: auto;
}
.p-header-content__mobile-arrow {
display: none;
}
@media (min-width: 1200px) {
.p-header-content__inner {
top: 0 !important;
}
}
@media only screen and (max-width: 1199px) {
.p-header-content__inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
bottom: 40px;
top: 50%;
}
.p-header-content__title {
font-weight: 700;
line-height: 1.3;
padding: 0;
}
.p-header-content__mobile-arrow {
cursor: pointer;
display: block;
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.p-header-content__mobile-arrow::before {
content: '\e90e';
color: #fff;
display: inline-block;
font-family: "design_plus";
font-size: 20px;
line-height: 60px;
}
} .p-header-lang__button {
display: none;
}
@media (min-width: 1200px) {
.p-header-lang {
font-size: 14px;
font-family: Arial !important;
}
.p-header-lang > ul {
margin: 0;
}
.p-header-lang--type1 li {
float: left;
margin: 0 0 0 12px;
}
.p-header-lang--type1 li a {
display: block;
height: 70px;
line-height: 70px;
position: relative;
overflow: hidden;
}
.p-header-lang--type1 .flag {
border: 1px solid #ddd;
border-radius: 100%;
height: 20px;
margin: 0 5px 0 0;
vertical-align: middle;
width: 20px;
}
.p-header-lang a.is-active-site {
pointer-events: none;
}
.p-header-lang--type2 ul li {
position: relative;
}
.p-header-lang--type2 ul ul {
display: block;
opacity: 0;
visibility: hidden;
width: auto;
position: absolute;
top: 100%;
right: 0;
z-index: 1;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.p-header-lang--type2 ul ul a {
display: block;
height: auto;
line-height: 1.6;
padding: 14px 25px;
text-align: center;
}
.p-header-lang--type2 > ul > li > a {
display: block;
height: 70px;
line-height: 70px;
padding: 0 25px;
background: none !important;
position: relative;
overflow: hidden;
}
.p-header-lang--type2 > ul > li:hover ul {
opacity: 1;
visibility: visible;
}
.p-header-lang--type2 .flag {
border-radius: 100%;
display: block;
height: 20px;
margin: auto;
width: 20px;
position: absolute;
left: 25px;
top: 0;
bottom: 0;
}
.p-header-lang--type2 a.has_flag {
padding-left: 55px;
}
}
@media screen and (max-width: 1199px) {
.p-header-lang__button {
display: block;
width: 60px;
height: 60px;
line-height: 60px;
margin-left: auto;
text-decoration: none;
overflow: hidden;
position: relative;
text-align: center;
}
.p-header-lang__button span {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.p-header-lang__button:before {
content: '\e942';
font-family: 'design_plus';
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-header-lang {
display: none;
position: absolute;
top: 60px;
left: -4.25%;
right: -4.25%;
z-index: 98;
}
.p-header-lang > ul {
display: none;
display: block;
margin: 0;
width: 100%;
}
.p-header-lang li {
display: block;
}
.p-header-lang a {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: block;
font-size: 14px;
line-height: 1.6;
margin: 0;
padding: 13px 4.2372%;
text-decoration: none;
}
.p-header-lang a.is-active-site {
pointer-events: none;
}
.p-header-lang .flag {
border-radius: 100%;
height: 20px;
margin: 0 5px 0 0;
vertical-align: middle;
width: 20px}
.p-header-lang--type1 li:last-child a {
border-bottom: none;
}
.p-header-lang--type2 ul ul li:last-child a {
border-bottom: none;
}
}
@media screen and (max-width: 991px) {
.p-header-lang {
left: -6.25%;
right: -6.25%;
}
.p-header-lang a {
padding: 13px 5.55556%;
}
}
@media screen and (max-width: 767px) {
.p-header-lang {
left: 0;
right: 0;
}
.p-header-lang a {
padding: 13px 20px;
}
} .p-header-slider {
overflow: hidden;
}
.p-header-slider .slick-arrow {
z-index: 1;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: left, right;
transition-property: left, right;
}
.p-header-slider .slick-arrow::before {
font-family: "design_plus";
}
.p-header-slider .slick-prev {
left: -20px;
}
.p-header-slider .slick-prev::before {
content: "\e90f";
}
.p-header-slider .slick-next {
right: -20px;
}
.p-header-slider .slick-next::before {
content: "\e910";
}
.p-header-slider:hover .slick-prev {
left: 30px;
}
.p-header-slider:hover .slick-next {
right: 30px;
}
.p-header-slider.slick-dotted {
margin-bottom: 0 !important;
}
.p-header-slider .slick-dots {
display: block;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
position: absolute;
bottom: 32px;
left: 0;
right: 0;
z-index: 2;
}
.p-header-slider .slick-dots li {
display: inline-block;
margin: 0 5px;
width: 10px;
height: 10px;
}
.p-header-slider .slick-dots li button {
background: #fff;
border: none;
border-radius: 50%;
color: transparent;
cursor: pointer;
opacity: 1;
overflow: hidden;
padding: 0;
width: 10px;
height: 10px;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.p-header-slider .slick-dots li button:before {
content: none;
}
.p-header-slider .slick-dots li.slick-active button, .p-header-slider .slick-dots li:hover button {
background-color: #ddd;
}
.p-header-slider__item {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.p-header-slider__item-img {
height: 1000px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.p-header-slider__item-img::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.p-header-slider__item.slick-active .p-header-slider__item-img--type1 {
-webkit-animation-name: zoom-in;
animation-name: zoom-in;
}
.p-header-slider__item.slick-active .p-header-slider__item-img--type2 {
-webkit-animation-name: zoom-out;
animation-name: zoom-out;
}
@media (min-width: 1200px) {
.p-header-slider__item-img {
height: 1000px !important;
}
}
@media screen and (max-width: 1199px) {
.p-header-slider__item-img {
height: calc(100vh - 60px);
}
} .p-header-video {
position: relative;
width: 100%;
height: 1000px;
overflow: hidden;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.p-header-video video {
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
@media (min-width: 1200px) {
.p-header-video {
height: 1000px !important;
}
}
@media screen and (max-width: 1199px) {
.p-header-video {
height: calc(100svh - 60px);
}
} .p-header-youtube {
position: relative;
width: 100%;
height: 1000px;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.p-header-youtube__player {
position: absolute;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
.p-header-youtube {
height: 1000px !important;
}
}
@media screen and (max-width: 1199px) {
.p-header-youtube {
height: calc(100vh - 60px);
}
} .p-headline-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.p-headline {
font-size: 18px;
font-weight: 600;
line-height: 1.31;
margin-bottom: 0;
}
.p-headline .element-type1 {
display: inline-block;
margin: 0 4px 0 0;
vertical-align: 2px;
}
.p-headline .element-type1 img {
height: 20px;
}
.p-headline .element-type2 {
width: 100%;
margin-bottom: 10px;
}
.p-headline--type2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.p-headline--type2 .element-type2 {
flex: 0 0 5px;
height: auto;
margin: 0 10px 0 0;
width: 5px;
}
.p-headline__link {
flex: 0 0 auto;
font-size: 14px;
margin-left: auto;
}
.p-headline__link::after {
content: "\e910";
font-family: "design_plus";
padding-left: 0.5em;
}
.p-block02 {
margin-bottom: 56px;
text-align: center;
}
.p-block02__title {
font-size: 32px;
line-height: 1.2;
margin: 0;
}
.p-block02 .element-type1, .p-block02 .element-type2 {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.p-headline-box {
margin-bottom: 18px;
}
.p-headline {
font-size: 16px;
}
.p-headline__link {
font-size: 12px;
}
.p-block02 {
margin-bottom: 20px;
}
.p-block02__title {
font-size: 24px;
}
} .p-hover-effect__bg {
-webkit-transition: background 0.5s ease-in;
transition: background 0.5s ease-in;
overflow: hidden;
}
.p-hover-effect--type1,
.p-hover-effect--type2,
.p-hover-effect--type3 {
overflow: hidden;
}
.p-hover-effect--type1 img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.p-hover-effect--type2:hover img {
-webkit-transform: scale(1.3) translate3d(0, 0, 0) !important;
transform: scale(1.3) translate3d(0, 0, 0) !important;
}
.p-hover-effect--type2 img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.p-hover-effect--type3 img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
} .p-entry-history .p-entry__img {
margin-bottom: 50px;
position: relative;
}
.p-entry-history .p-entry__share {
margin-bottom: 0;
margin-top: 100px;
}
.p-entry-history .c-share--official {
margin-bottom: 0;
margin-top: 100px;
}
.p-entry-history .p-nav01 {
margin-bottom: 0;
margin-top: 100px;
}
@media (min-width: 768px) {
.p-entry-history__inner {
padding: 80px;
}
.p-entry-history .p-entry__category {
left: 57px;
}
}
@media screen and (max-width: 767px) {
.p-entry-history .p-entry__img {
margin: 0 -20px;
width: auto;
}
.p-entry-history .p-entry__share {
margin-bottom: 0;
margin-top: 30px;
}
.p-entry-history .c-share--official {
margin-bottom: 0;
margin-top: 30px;
}
.p-entry-history .p-nav01 {
margin-bottom: 0;
margin-top: 40px;
}
}
.p-history-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -25px;
}
.p-history-info__col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding: 0 25px;
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.p-history-info__col > * + * {
margin-top: 50px;
}
.p-history-info__col-block {
position: relative;
background-color: #f4f2ef;
min-height: 400px;
padding: 60px 30px;
}
.p-history-info__col-block.horizontal {
min-height: 300px;
}
.p-history-info__col-block .element-type1 {
text-align: center;
margin-bottom: 20px;
}
.p-history-info__col-block .element-type1 img {
height: 20px;
}
.p-history-info__col-block .element-type2 {
margin-bottom: 20px;
}
.p-history-info__col-title {
margin: 0 auto;
font-size: 30px;
line-height: 1.3;
text-align: start;
white-space: nowrap;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
}
.p-content__horizontal .p-history-info__col-title {
writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
text-align: center;
}
.p-history-info__col-desc {
font-size: 16px;
line-height: 2.3;
}
.p-history-info__col-desc p {
margin: -0.65em 0;
}
.p-history-info__col-img {
display: block;
height: auto;
width: 100%;
}
@media screen and (max-width: 767px) {
.p-history-info {
display: block;
margin: 0;
}
.p-history-info__col {
width: 100%;
padding: 0;
}
.p-history-info__col > * + *,
.p-history-info__col + .p-history-info__col {
margin-top: 30px;
}
.p-history-info__col-block {
min-height: 260px;
padding: 30px;
}
.p-history-info__col-block.horizontal{
min-height: inherit;
padding-bottom: 45px;
}
.p-history-info__col-title {
font-size: 22px;
line-height: 1.3;
}
.p-history-info__col-desc {
font-size: 16px;
line-height: 2;
}
.p-history-info__col-desc p {
margin: -0.5em 0;
}
} .p-history-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.p-history-list__item {
width: 33.3333%;
position: relative;
}
.p-history-list__item::after {
border-color: #dddddd;
border-style: solid;
border-width: 0 1px;
content: "";
pointer-events: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.p-history-list__item>a>img {
width: 100%;
height: auto;
}
.p-history-btn {
margin-top: 45px;
text-align: center;
}
@media (min-width: 768px) {
.p-history-list__item:nth-child(3n)::after, .p-history-list__item:nth-child(3n+2)::after {
border-left: none;
}
.p-history-list__item:nth-last-child(-n+3)::after {
border-bottom-width: 1px;
}
.p-history-related {
margin-top: 100px;
}
}
@media screen and (max-width: 767px) {
body.post-type-archive-history .l-primary .p-history-list {
margin-bottom: -40px;
}
.l-inner .p-history-list {
margin-left: -20px;
margin-right: -20px;
width: auto;
}
.p-history-list__item {
width: 50%;
}
.p-history-list__item::after {
border-left: none;
}
.p-history-list__item:nth-child(even)::after {
border-right: none;
}
.p-history-list__item:nth-last-child(-n+2)::after {
border-bottom-width: 1px;
}
.p-history-list__item img {
width: 100%;
}
.p-history-related {
margin-top: 40px;
}
.p-history-related .p-history-list {
margin-bottom: 0;
}
.p-history-btn {
margin-top: 30px;
}
} .p-index-contents__title {
text-align: center;
font-size: 32px;
line-height: 1.2;
margin-bottom: 54px;
}
.p-index-contents__desc {
font-size: 16px;
line-height: 2.3;
}
.p-index-contents__title + .p-index-contents__desc {
margin-top: 50px;
}
.p-content__vertical .p-index-contents__title {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
line-height: 1.5;
text-align: start;
margin: 0 auto 58px;
min-height: max-content;
}
.p-index-contents__button {
margin-top: 60px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.p-index-contents__title {
font-size: 24px;
line-height: 1.2;
margin-bottom: 22px;
}
.p-content__vertical .p-index-contents__title {
line-height: 1.3;
margin-bottom: 24px;
}
.p-index-contents__button {
margin-top: 40px;
}
}
.p-index-content01__month {
font-size: 24px;
line-height: 1.6;
margin-bottom: 20px;
margin-top: -8px;
}
.p-index-content01 .p-article05__title {
height: 2.8em;
}
.p-index-content02__text {
text-align: center;
}
.p-index-content02__text--vertical {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.p-index-content02__text--vertical .p-index-contents__title {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
font-size: 36px;
margin: 0;
line-height: 1.3;
text-align: start;
}
.p-index-content02__text--vertical .p-index-contents__desc {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
margin: 0;
text-align: start;
line-height: 2.6;
}
.p-index-content02__text--vertical .p-index-contents__title + .p-index-contents__desc {
margin-right: 25px;
margin-top: 0;
}
.p-index-content02__text + .p-index-content02__images {
margin-top: 100px;
}
.p-index-content02__images {
display: flex;
}
.p-index-content02__image {
flex: 1 1 100%;
}
.p-index-content02__image img {
height: auto;
width: 100%;
}
@media screen and (max-width: 767px) {
.p-index-content01__month {
font-size: 18px;
line-height: 1.6;
margin-bottom: 10px;
margin-top: -10px;
}
.p-index-content02__text--vertical {
flex-direction: column;
}
.p-index-content02__text--vertical .p-index-contents__title {
font-size: 24px;
line-height: 1.3;
margin: 0 auto;
}
.p-index-content02__text--vertical .p-index-contents__desc {
writing-mode: horizontal-tb;
line-height: 2;
text-align: center;
margin: 0;
}
.p-index-content02__text--vertical .p-index-contents__title + .p-index-contents__desc {
margin-right: 0;
margin-top: 30px;
}
.p-index-content02__text + .p-index-content02__images {
margin-top: 32px;
}
}
.p-index-content04 {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 560px;
overflow: hidden;
}
.p-index-content04::before {
display: block;
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.p-index-content04__video-player, .p-index-content04__youtube-player {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.p-index-content04__inner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 3;
}
.p-index-content04__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding-bottom: 60px;
padding-top: 60px;
text-align: center;
}
.p-index-content04__title {
margin: 0;
color: #fff;
font-size: 36px;
line-height: 1.5;
}
.p-index-content04__title + .p-index-content04__button {
margin: 36px 0 0 0;
}
.p-index-content04__contents--vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.3;
max-height: 100%;
padding: 60px 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.p-index-content04__contents--vertical .p-index-content04__title {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
text-align: start;
margin: 0;
}
.p-index-content04__contents--vertical .p-index-content04__title + .p-index-content04__button {
margin-right: 34px;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.p-index-content04 {
height: 320px;
}
}
@media screen and (max-width: 767px) {
.p-index-content04__contents, .p-index-content04__contents--vertical {
padding-bottom: 30px;
padding-top: 30px;
}
.p-index-content04__title {
font-size: 24px;
}
.p-index-content04__contents--vertical .p-index-content04__title + .p-index-content04__button {
margin-right: 17px;
margin-top: 0;
}
}
.p-index-content06 .p-blog-list {
margin-bottom: -4px;
} .p-info {
padding-bottom: 60px;
padding-top: 60px;
border-bottom: 1px solid #ddd;
text-align: center;
}
.p-info__inner > *:last-child {
margin-bottom: 0;
}
.p-info__logo {
display: inline-block;
margin-bottom: 53px;
}
.p-info__logo a {
color: inherit;
}
.p-info__logo a img {
height: auto;
max-width: 100%;
}
.p-info__address {
font-size: 16px;
margin-bottom: 20px;
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.p-info {
padding: 40px 0;
}
.p-info__logo {
margin-bottom: 35px;
}
.p-info__logo a img {
width: 100px;
height: auto;
}
.p-info__address {
font-size: 14px;
margin-bottom: 10px;
}
} .p-logoset {
width: 180px;
border: solid 1px #fff;
padding: 50px 20px;
position: absolute;
top: -1px;
left: 0;
}
.p-logoset > h1 {
display: block;
position: relative;
margin: 0;
text-align: center;
}
.p-logoset > h1 > a {
margin: auto;
}
.p-logoset img {
display: block;
height: auto;
margin: auto;
max-width: 100%;
}
.p-logoset__desc {
color: #fff;
font-size: 14px;
line-height: 1.6;
text-align: center;
margin: 30px 0 0 0;
}
.p-logoset__desc span {
display: block;
}
@media only screen and (max-width: 1199px) {
.p-logoset {
z-index: 1;
padding: 20px;
position: absolute;
top: 59px;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.p-logoset__desc {
font-size: 12px;
line-height: 1.6;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.p-logoset {
z-index: 1;
width: 150px;
padding: 20px;
}
.p-logoset__desc {
font-size: 12px;
font-weight: 700;
line-height: 1.8;
margin-top: 20px;
}
} @media (min-width: 1200px) {
.p-global-nav .p-has-megamenu > .sub-menu {
display: none !important;
}
.p-megamenu01,
.p-megamenu02 {
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: -1;
position: absolute;
top: 100%;
left: 0;
right: 0;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-property: opacity, visibility;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.p-megamenu01:hover, .p-megamenu01.is-active,
.p-megamenu02:hover, .p-megamenu02.is-active {
opacity: 1;
pointer-events: auto;
visibility: visible;
z-index: 999;
}
.p-megamenu01 {
background: #222;
}
.p-megamenu01__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
padding: 15px 0;
}
.p-megamenu01__list-item {
margin: 15px 15px 0 0;
width: 31%;
width: calc((100% - 30px) / 3 - 0.01px);
}
.p-megamenu01__list-item:nth-child(3n) {
margin-right: 0;
}
.p-megamenu01__list-item:nth-child(-n+3) {
margin-top: 0;
}
.p-megamenu01__list-item__inner {
padding-top: 62.1333%;
position: relative;
}
.p-megamenu01__list-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.p-megamenu01__list-item__title {
color: #fff;
display: block;
font-size: 20px;
line-height: 1.7;
padding: 18px 13px;
text-align: start;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: relative;
z-index: 2;
}
.p-has-image .p-megamenu01__list-item__title {
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
height: 90%;
min-width: 60px;
}
.p-megamenu01__list-item__image {
height: 100% !important;
object-fit: cover;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.p-megamenu02__cat-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
margin-bottom: 0;
position: relative;
}
.p-megamenu02__cat-list-item {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.p-megamenu02__cat-list-item > a {
background: #222;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-size: 16px;
height: 100%;
line-height: 1.6;
padding: 0 0.5em;
width: 100%;
}
.p-megamenu02__cat-list-item.is-active > a, .p-megamenu02__cat-list-item > a:hover {
background: #f4f2ef;
color: #000;
}
.p-megamenu02__cat-list-item > a span {
display: block;
max-height: 3.2em;
}
.p-megamenu02__blog-list {
background: #f4f2ef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
opacity: 0;
padding: 20px;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: -1;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-property: opacity, visibility;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.p-megamenu02:hover .p-megamenu02__cat-list-item.is-active .p-megamenu02__blog-list,
.p-megamenu02.is-active .p-megamenu02__cat-list-item.is-active .p-megamenu02__blog-list {
opacity: 1;
visibility: visible;
z-index: 1;
}
.p-megamenu02__blog-list-item {
background: #fff;
margin: 20px 18px 0 0;
width: 31%;
width: calc((100% - 36px) / 3);
}
.p-megamenu02__blog-list-item:nth-child(3n) {
margin-right: 0;
}
.p-megamenu02__blog-list-item:nth-child(-n+3) {
margin-top: 0;
}
.p-megamenu02__blog-list-item a {
display: block;
height: 132px;
overflow: hidden;
padding: 16px 16px 16px 132px;
position: relative;
}
.p-megamenu02__blog-list-item__image {
display: block;
overflow: hidden;
padding-top: 100px;
width: 100px;
position: absolute;
left: 16px;
top: 16px;
}
.p-megamenu02__blog-list-item__image img {
height: 100%;
object-fit: cover;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.p-megamenu02__blog-list-item__date {
display: block;
font-size: 12px;
line-height: 1.4;
margin-bottom: 5px;
}
.p-megamenu02__blog-list-item__title {
display: block;
font-size: 16px;
font-weight: 600;
line-height: 1.6;
max-height: 4.8em;
overflow: hidden;
}
}
@media screen and (max-width: 1199px) {
.p-megamenu01, .p-megamenu02 {
display: none !important;
}
} .p-menu-btn {
border: none;
background: transparent;
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
margin: 0 -20px 0 0;
-webkit-order: 2;
-ms-order: 2;
order: 2;
}
.p-menu-btn:focus {
outline: none;
}
.p-nav01 {
margin-bottom: 50px;
margin-top: 50px;
}
.p-nav01__item {
height: 120px;
background: #f6f6f6;
line-height: 1.6;
}
.p-nav01__item:empty {
border: 0;
background: transparent;
}
.p-nav01__item:empty::before, .p-nav01__item:empty::after {
content: "";
}
.p-nav01__item a:hover, .p-nav01__item--prev:hover::before, .p-nav01__item--next:hover::after {
color: #999;
}
.p-nav01__item--prev::before {
left: 8%;
content: "\e90f";
}
.p-nav01__item--prev a {
padding: 0 11.4% 0 17.2%;
}
.p-nav01__item--next::after {
right: 8%;
content: "\e910";
}
.p-nav01__item--next a {
padding: 0 17.2% 0 11.4%;
}
.p-nav01__item span {
display: block;
max-height: 4.8em;
overflow: hidden;
}
@media (min-width: 992px) {
.p-nav01__item.history {
width: 50%;
height: 120px;
background: #fff;
font-size: 16px;
line-height: 1.5;
position: relative;
}
.p-nav01__item.history a {
border: 1px solid #ddd;
}
.p-nav01__item.history .p-nav01__item-img {
width: 37%;
height: 100%;
position: absolute;
top: 0;
}
.p-nav01__item.history .p-nav01__item-img img {
width: 100%;
height: 100%;
object-fit: 100%;
}
.p-nav01__item--prev.history {
margin-right: 0;
}
.p-nav01__item--prev.history::before {
left: 43.25%;
}
.p-nav01__item--prev.history a {
padding: 0 8% 0 50%;
}
.p-nav01__item--prev.history .p-nav01__item-img {
left: 0;
}
.p-nav01__item--next.history {
margin-left: 0;
}
.p-nav01__item--next.history:only-child {
margin-left: auto;
}
.p-nav01__item--next.history::after {
right: 43.25%;
}
.p-nav01__item--next.history a {
padding: 0 50% 0 8%;
}
.p-nav01__item--prev + .p-nav01__item--next.history a {
border-left: none;
}
.p-nav01__item--next.history .p-nav01__item-img {
right: 0;
}
}
@media (max-width: 991px) {
.p-nav01 {
margin-bottom: 30px;
margin-top: 30px;
}
.p-nav01__item {
background-color: #ffffff;
height: 50px;
}
.p-nav01__item span {
display: none;
}
.p-nav01__item--prev + .p-nav01__item--next {
border-left-width: 0;
}
.p-nav01__item--prev:empty + .p-nav01__item--next {
border-left-width: 1px;
}
.p-nav01__item.history .p-nav01__item-img {
display: none;
}
.p-nav01__item--next:only-child {
margin-left: auto;
}
} .p-news-list {
}
.p-news-list ul {
margin: 0;
padding: 0;
}
.p-news-list ul li {
margin: 20px 20px 0 0;
padding: 0;
float: left;
width: 48.5%;
width: calc(50% - 10px);
list-style: none;
}
.p-news-list ul li:nth-child(-n+2) {
margin-top: 0;
}
.p-news-list ul li:nth-child(2n) {
margin-right: 0;
}
.p-news-list ul li a {
display: block;
height: 130px;
background: #f6f6f6;
overflow: hidden;
position: relative;
}
.p-news-list ul li .info {
padding: 0 40px;
line-height: 1.7;
color: #000;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.p-news-list ul li .info time {
display: block;
font-size: 12px;
margin-top: -4px;
}
.p-news-list__title {
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 700;
line-height: 1.6;
max-height: 4.8em;
overflow: hidden;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.p-news-list a:hover .p-news-list__title {
color: #999;
}
.p-news-list ul li.has_image .image {
display: block;
float: left;
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
margin: 15px;
}
.p-news-list ul li.has_image .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.p-news-list ul li.has_image .info {
left: 115px;
}
.p-news-latest .p-news-list ul li,
.p-news-latest .p-news-list ul li:nth-child(-n+2) {
width: 100%;
margin-top: 10px;
margin-right: 0;
}
.p-news-latest .p-news-list ul li:first-child {
margin-top: 0;
}
.p-news-latest .p-news-list ul li a {
height: 100px;
}
.p-news-latest .p-news-list ul li a .info {
padding: 0 30px;
}
.p-news-latest .p-news-list__title {
max-height: 3.2em;
}
@media screen and (max-width: 767px) {
.p-news-list ul li {
margin: 10px 0 0 0 !important;
width: 100%;
}
.p-news-list ul li:first-child {
margin-top: 0 !important;
}
.p-news-list ul li .info {
padding: 0 20px;
}
.p-news-list__title {
font-size: 14px;
}
.p-news-latest .p-news-list ul li a .info {
padding: 0 20px;
}
} .p-page-header {
position: relative;
height: 560px;
overflow: hidden;
}
.p-page-header::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.p-page-header.is-active .p-page-header__img--type1 img {
-webkit-animation-name: zoom-in;
animation-name: zoom-in;
}
.p-page-header.is-active .p-page-header__img--type2 img {
-webkit-animation-name: zoom-out;
animation-name: zoom-out;
}
.p-page-header__title {
color: #fff;
font-size: 34px;
font-weight: 700;
line-height: 1.3;
text-align: center;
}
.p-page-header__desc {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
text-align: center;
}
.p-page-header__title + .p-page-header__desc {
margin-top: 30px;
}
.p-page-header__title--vertical span, .p-page-header__desc--vertical span {
margin: 0 auto;
min-width: 0;
text-align: start;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.p-page-header__img {
z-index: -1;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.p-page-header__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 15s;
animation-duration: 15s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.p-page-header__inner {
max-height: 100%;
z-index: 1;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center;
}
@media screen and (max-width: 991px) {
.p-page-header {
height: 420px;
}
}
@media screen and (max-width: 767px) {
.p-page-header {
height: 260px;
}
.single .p-page-header {
margin-bottom: 0;
}
.p-page-header__title {
font-size: 24px;
}
.p-page-header__img.is-active img {
-webkit-transform: none;
transform: none;
}
} .p-page-links {
font-size: 14px;
margin-bottom: 50px;
text-align: center;
}
.p-page-links a {
background: #000;
color: #fff !important;
display: inline-block;
}
.p-page-links a:hover {
color: #fff !important;
}
.p-page-links span {
display: inline-block;
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
transition: background 0.2s ease;
}
.p-page-links > span {
color: #fff;
}
.p-page-links .p-page-links__title {
background: transparent;
color: #000;
text-align: left;
width: auto;
height: auto;
}
@media only screen and (max-width: 767px) {
.p-page-links { margin-bottom: 40px; }
} .p-pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin-bottom: -14px;
margin-top: 48px;
}
.p-pager__item {
margin-right: 3px;
margin-bottom: 3px;
font-size: 24px;
}
.p-pager__item a, .p-pager__item span {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.p-pager__item a:hover, .p-pager__item .current {
color: #d90000;
}
@media screen and (max-width: 767px) {
.p-pager {
margin-bottom: -16px;
margin-top: 24px;
}
.p-pager__item {
font-size: 16px;
}
body.post-type-archive-history .l-primary .p-history-list + .p-pager{
margin-top: 60px;
}
} .p-pagetop {
z-index: 99;
position: fixed;
right: 0;
bottom: 0;
width: 60px;
height: 60px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
border: 0;
outline: none;
color: #fff;
background-color: #d90000;
cursor: pointer;
opacity: 0;
-webkit-transition: background 0.2s, opacity 0.35s, -webkit-transform 0.35s;
transition: background 0.2s, opacity 0.35s, -webkit-transform 0.35s;
transition: background 0.2s, opacity 0.35s, transform 0.35s;
transition: background 0.2s, opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.p-pagetop.is-active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.p-pagetop::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 12px;
height: 12px;
margin: auto;
font-family: "design_plus";
font-size: 12px;
content: "\e911";
}
@media screen and (max-width: 767px) {
.p-pagetop {
width: 50px;
height: 50px;
}
} .p-sanpai{
}
.p-sanpai .element-type1 {
text-align: center;
margin-bottom: 15px;
}
.p-sanpai .element-type2 {
margin-bottom: 15px;
}
.p-sanpai__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-sanpai__image {
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.p-sanpai__image img {
display: block;
height: auto;
width: 100%;
}
.p-sanpai-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-sanpai-box .p-sanpai-info {
padding: 50px 78px;
}
.p-sanpai-info__col {
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
margin-right: 50px;
}
.p-sanpai-info__col:last-child {
margin-right: 0;
}
.p-sanpai-info__col-desc {
font-size: 16px;
line-height: 2.3;
}
.p-sanpai-table {
width: 100%;
}
.p-sanpai-table > tbody > tr {
border: solid 1px #dddddd;
}
.p-sanpai-table > tbody > tr > th {
background-color: #f7f7f7;
width: 230px;
}
.p-sanpai-table.table01 > tbody > tr > td {
padding: 28px 45px;
border: solid 1px #dddddd;
line-height: 2.3;
}
.p-sanpai-table.table01 > tbody > tr > td:nth-child(3n) {
width: 230px;
border-left: solid 1px #dddddd;
}
.p-sanpai-table.table02 {
margin-bottom: 0;
}
.p-sanpai-table.table02 > tbody > tr > th, .p-sanpai-table.table02 > tbody > tr > td.narrow {
border-right: solid 1px #dddddd;
}
.p-sanpai-table.table02 > tbody > tr > td {
padding: 20px 35px;
}
.p-sanpai-table.table02 > tbody > tr td:first-child {
width: 175px;
}
@media screen and (min-width: 768px) {
.p-sanpai-box {
border: solid 1px #dddddd;
margin-bottom: 50px;
}
.p-sanpai-table {
margin-top: -1px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-sanpai__images {
display: flex;
}
.p-sanpai-info {
display: block;
}
.p-sanpai-box .p-sanpai-info {
padding: 25px 0 0;
}
.p-sanpai-info__col {
margin-right: 0;
}
.p-sanpai-info__col:first-child {
margin-bottom: 35px;
}
.p-sanpai-info__col-desc {
font-size: 14px;
line-height: 2;
}
.p-sanpai-table > tbody > tr > th {
background-color: #f7f7f7;
width: 230px;
}
.p-sanpai-table > tbody > tr > td {
font-size: 14px;
line-height: 2.3;
}
.p-sanpai-table.table01 > tbody > tr > td {
padding: 15px 10px;
border: solid 1px #dddddd;
line-height: 1.8;
}
.p-sanpai-table.table01 > tbody > tr > th {
width: 84px;
border-left: solid 1px #dddddd;
font-size: 14px;
}
.p-sanpai-table.table01 > tbody > tr > td:nth-child(2n) {
border-left: solid 1px #dddddd;
}
.p-sanpai-table.table01 > tbody > tr > td:nth-child(3n) {
width: 84px;
border-left: solid 1px #dddddd;
}
.p-sanpai-table.table02 {
margin-bottom: 0;
}
.p-sanpai-table.table02 > tbody > tr > td {
padding: 12px;
}
.p-sanpai-table.table02 > tbody > tr > th {
width: 80px;
}
.p-sanpai-table.table02 > tbody > tr > td.narrow {
width: 55px;
}
} .p-schedule-archive {
margin-top: -60px;
}
.p-schedule-header {
margin-bottom: 0;
padding: 60px 0 48px;
}
.p-schedule-header--sticky.is-active {
background: rgba(255, 255, 255, 1);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
}
.p-schedule-header--sticky.is-animation {
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition-property: -webkit-transform, transform, opacity, visibility;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-property: transform, opacity, visibility;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.p-schedule-header--sticky.is-animation.is-active {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.p-schedule-header .p-archive-header {
margin-bottom: 0;
}
.p-schedule__anchors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.p-archive-header + .p-schedule__anchors {
margin-top: 46px;
}
.p-schedule__anchors li {
font-size: 24px;
line-height: 40px;
margin-bottom: 3px;
text-align: center;
}
.p-schedule__anchors li a {
padding: 0 15px;
}
.p-schedule__anchors li a:hover,
.p-schedule__anchors li.is-active a {
color: #d90000;
}
@media screen and (max-width: 767px) {
.p-schedule-archive {
margin-top: -20px;
}
.p-schedule-header {
margin-left: -20px;
margin-right: -20px;
padding: 20px;
}
.p-archive-header + .p-schedule__anchors {
margin-top: 18px;
}
.p-schedule__anchors {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: -10px;
}
.p-schedule__anchors li {
font-size: 16px;
line-height: 1.6;
margin-right: 10px;
}
.p-schedule__anchors li a {
padding: 0;
}
.p-schedule__months {
margin-right: 0;
}
.p-schedule__months li {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.p-schedule__months li:nth-child(n+7) {
-webkit-order: 3;
-ms-order: 3;
order: 3;
}
.p-schedule__months::after {
content: "";
order: 2;
width: 100%;
}
.p-schedule__months li a {
display: block;
}
.p-schedule__months li:nth-child(-n+9) {
padding-left: 0.5em;
}
} .p-schedule-list {
}
.p-schedule-list + .p-schedule-list {
margin-top: 58px;
}
.p-schedule__month {
font-size: 32px;
}
.p-schedule__month--type1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.p-schedule__month--type1 .element-type1 {
height: auto;
margin-right: 10px;
}
.p-schedule__month--type1 .element-type1 img {
display: block;
height: 20px;
}
.p-schedule__month--type2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.p-schedule__month--type2 .element-type2 {
flex: 0 0 5px;
height: auto;
margin: 0 10px 0 0;
width: 5px;
}
.p-schedule-list__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
.p-schedule-list__item {
width: 24%;
margin-right: 1.333%;
margin-top: 10px;
border: 1px solid #ddd;
}
.p-schedule-btn {
margin-top: 60px;
text-align: center;
}
@media (min-width: 768px) {
.p-schedule-list__item:nth-child(-n+4) {
margin-top: 0;
}
.p-schedule-list__item:nth-child(4n) {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.p-schedule-list + .p-schedule-list {
margin-top: 38px;
}
.p-schedule__month {
font-size: 18px;
line-height: 1.6;
}
.p-schedule-list__inner {
margin-top: 7px;
}
.p-schedule-list__item {
width: 49%;
margin-top: 8px;
margin-right: 2%;
}
.p-schedule-list__item:nth-child(-n+2) {
margin-top: 0;
}
.p-schedule-list__item:nth-child(2n) {
margin-right: 0;
}
.p-schedule-btn {
margin-top: 40px;
}
} .p-schedule-carousel {
margin-right: -10px;
}
.p-schedule-carousel:not(.slick-initialized) .p-schedule-carousel__item:nth-child(n+5) {
display: none;
}
.p-schedule-carousel__item {
border: 1px solid #ddd;
width: 22%;
margin-right: 10px;
}
.p-schedule-carousel .slick-prev, .p-schedule-carousel .slick-next {
height: 40px;
width: 40px;
top: 35%;
}
.p-schedule-carousel .slick-prev::before, .p-schedule-carousel .slick-next::before {
color: #000;
font-family: "design_plus";
font-size: 20px;
}
.p-schedule-carousel .slick-prev {
left: -45px;
}
.p-schedule-carousel .slick-prev::before {
content: "\e90f";
}
.p-schedule-carousel .slick-next {
right: -35px;
}
.p-schedule-carousel .slick-next::before {
content: "\e910";
} .p-entry-schedule {
background-color: #f4f2ef;
border: none;
}
.p-entry-schedule__date {
font-size: 14px;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.p-entry-schedule .p-entry__body {
margin-bottom: 0;
}
.p-entry-schedule .p-entry__share {
margin-top: 50px;
margin-bottom: 0;
}
.p-entry-schedule .c-share--official {
margin-top: 50px;
margin-bottom: 0;
}
.p-schedule-related {
margin-top: 100px;
}
@media (min-width: 768px) {
.p-entry-schedule__inner {
padding: 80px;
}
}
@media screen and (max-width: 767px) {
.p-entry-schedule__inner {
margin-top: 0;
padding: 40px 20px 30px ;
}
.p-entry-schedule__date {
margin-top: 7px;
}
.p-entry-schedule .p-entry__share {
margin-top: 21px;
margin-bottom: -4px;
}
.p-entry-schedule .c-share--official {
margin-top: 21px;
margin-bottom: -4px;
}
.p-schedule-related {
margin-top: 40px;
}
} .p-shinzen {
margin-bottom: 0;
}
.p-shinzen .element-type1 {
text-align: center;
margin-bottom: 15px;
}
.p-shinzen .element-type2 {
margin-bottom: 15px;
}
.p-shinzen-info {
font-size: 16px;
line-height: 2.3;
margin: auto;
margin-top: -10px;
max-width: 825px;
text-align: left;
}
.p-shinzen-info__btn {
background-color: #f7f7f7;
border: solid 1px #dddddd;
margin: 50px auto 60px;
max-width: 825px;
padding: 25px 0;
}
.p-shinzen-image img {
display: block;
height: auto;
width: 100%;
}
.p-shinzen__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-shinzen__image {
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.p-shinzen__image img {
display: block;
height: auto;
width: 100%;
}
.p-shinzen-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 60px;
}
.p-shinzen-table > tbody > tr {
border: solid 1px #dddddd;
}
.p-shinzen-table > tbody > tr > th {
border-right: solid 1px #dddddd;
background-color: #f7f7f7;
padding: 30px 52px;
width: 400px;
font-size: 24px;
line-height: 1.5;
text-align: left;
}
.p-shinzen-table > tbody > tr > th > small {
font-size: 14px;
}
.p-shinzen-table > tbody > tr > td {
line-height: 2.3;
padding: 30px 57px;
}
.p-shinzen-table p {
margin: 0;
}
.p-shinzen-table p + p {
margin-top: 2.3em;
}
.p-shinzen-slider {
margin-bottom: 100px !important;
padding-bottom: 55px;
}
.p-shinzen-slider:not(.slick-initialized) .p-shinzen-slider__item:nth-child(n+2) {
display: none;
}
.p-shinzen-slider__item img {
display: block;
height: auto;
width: 100%;
}
.p-shinzen-slider .slick-dots {
bottom: 0;
}
.p-shinzen-slider .slick-dots li {
height: 5px;
margin: 0 2.5px;
width: 40px;
}
.p-shinzen-slider .slick-dots li button {
background: #ddd;
height: 5px;
padding: 0;
width: 40px;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.p-shinzen-slider .slick-dots li button::before {
display: none;
}
.p-shinzen-slider .slick-dots li button:hover, .p-shinzen-slider .slick-dots li.slick-active button {
background: #d80100;
}
.p-shinzen-slider .slick-prev, .p-shinzen-slider .slick-next {
height: 40px;
width: 40px;
z-index: 1;
}
.p-shinzen-slider .slick-prev::before, .p-shinzen-slider .slick-next::before {
color: #fff;
font-family: "design_plus";
font-size: 20px;
opacity: 1;
}
.p-shinzen-slider .slick-prev {
left: 0;
}
.p-shinzen-slider .slick-prev::before {
content: "\e90f";
}
.p-shinzen-slider .slick-next {
right: 0;
}
.p-shinzen-slider .slick-next::before {
content: "\e910";
}
@media screen and (max-width: 767px) {
.p-shinzen {
margin-bottom: 40px;
}
.p-shinzen-info {
font-size: 14px;
line-height: 2;
margin: 40px 0;
max-width: 100%;
}
.p-shinzen-info__btn {
margin: 25px auto 0;
padding: 17px 0;
}
.p-shinzen__images {
display: flex;
margin: -20px 0 20px;
}
.p-shinzen-table {
margin-bottom: 40px;
}
.p-shinzen-table > tbody > tr > th {
text-align: center;
width: 130px;
padding: 15px 0;
font-size: 16px;
}
.p-shinzen-table > tbody > tr > th > small {
font-size: 12px;
}
.p-shinzen-table > tbody > tr > td {
font-size: 14px;
padding: 15px 20px;
line-height: 1.8;
}
.p-shinzen-slider {
margin-bottom: 40px !important;
padding-bottom: 25px;
}
} .p-social-nav {
margin-bottom: 0;
}
.p-social-nav__item {
display: inline;
margin-right: 12px;
font-family: "design_plus";
font-size: 14px;
}
.p-social-nav__item a:hover {
color: #999;
}
.p-social-nav__item:last-child {
margin-right: 0;
}
.p-social-nav__item--url a::before {
content: "\e942";
}
.p-social-nav__item--twitter a::before {
font-family: 'tiktok_x_icon'; content: "\e901";
}
.p-social-nav__item--facebook a::before {
font-family: 'tiktok_x_icon'; content: "\e902";
}
.p-social-nav__item--instagram a::before {
content: "\ea92";
}
.p-social-nav__item--tiktok a::before {
font-family: 'tiktok_x_icon'; content: "\e900";
}
.p-social-nav__item--pinterest a::before {
content: "\e905";
}
.p-social-nav__item--youtube a::before {
font-family: 'footer_bar'; content: "\ea9d";
}
.p-social-nav__item--mail a::before,
.p-social-nav__item--contact a::before {
content: "\f0e0";
}
.p-social-nav__item--rss a::before {
content: "\e90b";
}
.color_type2 li.p-social-nav__item--twitter a:before { color:#000; }
.color_type2 li.p-social-nav__item--tiktok a:before { color:#000;  }
.color_type2 li.p-social-nav__item--facebook a:before { color:#1877f2;  }
.color_type2 li.p-social-nav__item--instagram a:before { color:#e4405f; }
.color_type2 li.p-social-nav__item--pinterest a:before { color:#bd081c; }
.color_type2 li.p-social-nav__item--youtube a:before { color:#f00;  }
.color_type2 li.p-social-nav__item--mail a:before { color:#00729f;  }
.color_type2 li.p-social-nav__item--rss a:before { color:orange;  }
.color_type2 li a:before { -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.color_type2 li a:hover:before { opacity:0.5; } .p-three-box {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-top: 100px;
margin-bottom: 60px;
}
.p-three-box__item {
width: 33.333%;
}
.p-vertical__content {
display: flex;
}
@media screen and (max-width: 767px) {
.p-three-box {
padding-top: 0;
margin-bottom: 40px;
}
.p-three-box__img img {
width: 100%;
}
} body.error404 .p-breadcrumb {
margin: 0;
}
body.error404 .p-archive-header {
margin: 100px 0;
}
@media screen and (max-width: 767px) {
body.error404 .p-archive-header {
margin: 50px 0;
}
} .p-widget {
font-size: 14px;
line-height: 1.6;
margin-bottom: 50px;
}
.p-widget:last-child {
border-bottom: 0;
} .p-widget__title {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
position: relative;
text-align: left;
}
.p-widget__title--type1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.p-widget__title .element-type1 {
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
display: inline-block;
height: 20px;
margin-right: 8px;
width: 20px;
}
.p-widget__title .element-type1 img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.p-widget__title--type2 span {
border-left: 5px solid #d90000;
padding-left: 8px;
}
@media only screen and (max-width: 767px) {
.p-widget {
margin-bottom: 40px;
}
.p-widget__title {
margin-bottom: 20px;
}
.p-widget__title {
font-size: 16px;
}
} .p-widget p {
margin-bottom: 0.4em;
}
.p-widget ul {
margin-bottom: -0.4em;
}
.p-widget li {
margin-bottom: 0.4em;
}
.p-widget ul ul {
margin-bottom: 0.4em;
margin-top: 0.4em;
padding-left: 0.75em;
}
.p-widget img {
height: auto;
max-width: 100%;
}
.p-widget select {
display: block;
padding: 16px 12px;
width: 100%;
}
.p-widget .screen-reader-text {
display: none;
}
.p-widget .calendar_wrap {
text-align: center;
}
.p-widget .calendar_wrap caption {
margin-bottom: 20px;
}
.p-widget .calendar_wrap tbody {
line-height: 1.8;
margin-bottom: 20px;
}
.p-widget .calendar_wrap tfoot {
line-height: 1.8;
}
.p-widget .searchform {
position: relative;
}
.p-widget .searchform #s {
background: #fff;
border: 1px solid #ddd;
border-right: none;
border-radius: 0;
box-sizing: border-box;
height: 50px;
line-height: 50px;
padding: 0 15px;
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
-webkit-appearance: none;
}
.p-widget .searchform #searchsubmit {
background: #fff;
border: 1px solid #ddd;
border-left: none;
border-radius: 0;
box-sizing: border-box;
color: #000;
cursor: pointer;
font-family: "design_plus";
font-size: 18px;
height: 50px;
padding: 0;
width: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.p-widget ul {
margin-bottom: -5px;
}
.p-widget li {
margin-bottom: 5px;
}
.p-widget ul ul {
margin-bottom: 5px;
margin-top: 5px;
}
} .event_list_widget ol {
margin-bottom: 0;
}
.event_list_widget .p-event-list__item {
margin-bottom: 0;
margin-top: 20px;
width: 100%;
}
.event_list_widget .p-event-list__item:first-child {
margin-top: 0;
}
.event_list_widget .p-article02__img {
height: 85px;
}
.event_list_widget .p-article02__content {
padding: 0 25px;
}
.event_list_widget .p-article02__title {
font-size: 20px;
}
.event_list_widget .p-article02__category, .event_list_widget .p-article02__date {
font-size: 12px;
line-height: 1.6;
margin: 0;
}
@media screen and (max-width: 767px) {
.event_list_widget .p-event-list__item {
margin-top: 10px;
}
.event_list_widget .p-article02__content {
padding: 0 20px;
}
.event_list_widget .p-article02__title {
font-size: 18px;
}
.event_list_widget .p-article02__category, .event_list_widget .p-article02__date {
font-size: 12px;
}
} .p-post-widget {
}
.p-post-widget__item {
margin-bottom: 20px;
}
.p-post-widget__item:last-child {
margin-bottom: 0;
}
.p-post-widget__item a {
display: flex;
}
.p-post-widget__item .image {
flex: 0 0 100px;
display: block;
overflow: hidden;
width: 100px;
height: 100px;
}
.p-post-widget__item .info {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
}
.p-post-widget__item .info h3 {
font-size: 14px;
line-height: 1.8;
margin-bottom: 0;
max-height: 5.4em;
overflow: hidden;
word-break: break-word;
}
.p-post-widget__item .info time {
font-size: 12px;
color: #999999;
}
@media screen and (max-width: 767px) {
.p-post-widget__item {
margin-bottom: 14px;
}
} .p-widget > .p-article05 {
border: solid 1px #dddddd;
width: 100%;
} .p-widget-search {
position: relative;
}
.p-widget-search .p-widget-search__input {
background: #fff;
border: 1px solid #ddd;
border-right: none;
border-radius: 0;
box-sizing: border-box;
height: 50px;
line-height: 50px;
padding: 0 15px;
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
-webkit-appearance: none;
}
.p-widget-search .p-widget-search__submit {
background: #fff;
border: 1px solid #ddd;
border-left: none;
border-radius: 0;
box-sizing: border-box;
color: #000;
cursor: pointer;
font-family: "design_plus";
font-size: 18px;
height: 50px;
padding: 0;
width: 50px;
position: absolute;
top: 0;
right: 0;
} .ad_widget {
text-align: center;
} .p-widget-categories {
background: #fff;
border: 1px solid #ddd;
border-top: none;
margin: 0 !important;
padding: 0;
}
.p-widget-categories li {
border-top: 1px solid #ddd;
margin: 0 !important;
font-size: 14px;
}
.p-widget-categories li a {
display: block;
font-weight: normal;
padding: 13px 22px;
text-decoration: none;
}
.p-widget-categories li a:hover {
background: #f5f5f5;
color: #000;
}
.p-widget-categories .has-children {
position: relative;
}
.p-widget-categories .has-children > a {
padding-right: 32px;
}
.p-widget-categories .has-children .toggle-children {
cursor: pointer;
display: block;
line-height: 48px;
padding-right: 15px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
}
.p-widget-categories .has-children .toggle-children::before {
content: '\e90e';
font-family: "design_plus";
opacity: 0.7;
}
.p-widget-categories .has-children.is-active > .toggle-children {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.p-widget-categories .children {
margin: 0 !important;
padding: 0 !important;
}
.p-widget-categories .children a {
padding-left: 34px;
}
.p-widget-categories .children .children a {
padding-left: 46px;
}
.p-widget-categories .children .children .children {
padding-left: 58px;
} .p-widget-schedule-slider {
position: relative;
}
.p-widget-schedule-slider::after {
border-color: #ddd;
border-style: solid;
border-width: 0 1px 1px 1px;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 50%;
z-index: -1;
}
.p-widget-schedule-slider__item {
}
.p-widget-schedule-slider:not(.slick-initialized) .p-widget-schedule-slider__item:nth-child(n+2) {
display: none;
}
.p-widget-schedule-slider__item-image {
overflow: hidden;
padding-top: 64%;
position: relative;
}
.p-widget-schedule-slider__item-image img {
height: 100%;
object-fit: cover;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.p-widget-schedule-slider__item-date {
font-size: 14px;
line-height: 1.4;
margin-bottom: 2px;
margin: 14px 40px 2px;
text-align: center;
}
.p-widget-schedule-slider__item-title {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
margin: 0 40px 16px;
max-height: 1.4em;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.p-widget-schedule-slider .slick-prev, .p-widget-schedule-slider .slick-next {
height: 72px;
width: 40px;
bottom: 0;
top: auto;
z-index: 10;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.p-widget-schedule-slider .slick-prev::before, .p-widget-schedule-slider .slick-next::before {
color: #000;
font-family: "design_plus";
font-size: 14px;
opacity: 1;
}
.p-widget-schedule-slider .slick-prev {
text-align: right;
padding-right: 6px;
left: 0;
}
.p-widget-schedule-slider .slick-prev::before {
content: "\e90f";
}
.p-widget-schedule-slider .slick-next {
text-align: left;
padding-left: 6px;
right: 0;
}
.p-widget-schedule-slider .slick-next::before {
content: "\e910";
} body.home .l-main {
margin-bottom: 0 !important;
}
@media only screen and (min-width: 1200px) {
body.home .l-main {
margin-top: 0 !important;
}
body.home .p-logoset + .l-header__logo {
display: none;
}
body.home .p-front-global-nav ~ .p-header-lang {
display: none;
}
body.home .l-header--fixed.is-active .p-logoset {
display: none;
}
body.home .l-header--fixed.is-active .p-logoset {
display: none;
}
body.home .l-header--fixed.is-active .p-logoset + .l-header__logo, body.home .l-header--fixed.is-active .p-front-global-nav ~ .p-header-lang {
display: block;
}
.p-front-global-nav {
font-size: 16px;
line-height: 1.8;
margin: 46px 0 0 auto;
padding-left: 180px;
}
.p-front-global-nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.p-front-global-nav > ul > li {
margin-bottom: 14px;
}
.p-front-global-nav > ul > li > a {
padding: 0 14px;
}
.p-front-global-nav > ul > li > .sub-menu {
display: none;
}
.p-front-global-nav > ul > li > .sub-menu {
display: none;
}
.p-front-global-nav.p-front-global-nav--type1 {
font-size: 18px;
margin: 50px auto 0;
padding-left: 0;
}
.p-front-global-nav.p-front-global-nav--type1 > ul {
flex-direction: row-reverse;
height: 100%;
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li > a {
min-width: 2.8em;
padding: 0 0.5em;
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li {
margin-bottom: 0;
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li > a {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
transition: transform 0.5s ease;
transform: translateY(0);
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li > a:hover {
transition-duration: 0.3s;
transform: translateY(12px);
}
.p-front-global-nav.p-front-global-nav--type2 > ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (max-width: 1199px) {
body.home .l-header--fixed.is-active .p-logoset {
display: none;
}
.p-front-global-nav {
display: none;
}
} .pb_slider .slick-arrow::before {
content: '' !important;
}
.pb_googlemap_embed {
margin-bottom: 0;
}
.pb_googlemap_footer {
border: 1px solid #ddd;
border-top: 0;
display: block;
padding: 50px 20px;
}
.pb_googlemap_footer > * {
margin: 0 auto;
text-align: center;
}
.pb_googlemap_footer > * + * {
margin-top: 10px;
}
.pb_googlemap_logo img {
display: inline;
height: auto;
width: auto;
}
.pb_googlemap_address {
font-size: 16px;
}
.pb_googlemap_footer_button {
height: 60px;
width: 240px;
}
.pb_googlemap_footer > * + .pb_googlemap_footer_button {
margin-top: 15px;
}
.pb_googlemap_custom-overlay-inner {
height: 60px !important;
width: 60px !important;
left: -30px;
top: -74px;
}
@media screen and (max-width: 767px) {
.pb_googlemap_footer_button {
height: 45px;
width: 200px;
}
} .p-entry__body {
overflow-wrap: break-word;
word-wrap: break-word;
} .p-entry__body .alignright {
float: right;
}
.p-entry__body .alignleft {
float: left;
}
.p-entry__body .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.p-entry__body blockquote.alignleft,
.p-entry__body img.alignleft {
margin: 7px 24px 7px 0;
}
.p-entry__body .wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
.p-entry__body blockquote.alignright,
.p-entry__body img.alignright {
margin: 7px 0 7px 24px;
}
.p-entry__body .wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.p-entry__body blockquote.aligncenter,
.p-entry__body img.aligncenter,
.p-entry__body .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
} .p-entry__body p {
margin-bottom: 2em;
}
.p-entry__body h1,
.p-entry__body h2,
.p-entry__body h3,
.p-entry__body h4,
.p-entry__body h5,
.p-entry__body h6 {
clear: both;
line-height: 1.4;
margin-bottom: 24.2px;
}
.p-entry__body h1 {
font-size: 150%;
}
.p-entry__body h2 {
font-size: 140%;
}
.p-entry__body h3 {
font-size: 130%;
}
.p-entry__body h4 {
font-size: 120%;
}
.p-entry__body h5 {
font-size: 110%;
}
.p-entry__body h6 {
font-size: 100%;
} .p-entry__body img[class*="align"],
.p-entry__body img[class*="wp-image-"],
.p-entry__body img[class*="attachment-"],
.p-entry__body .size-full,
.p-entry__body .size-large,
.p-entry__body .wp-post-image,
.p-entry__body img {
max-width: 100%;
height: auto;
} .p-entry__body li,
.p-entry__body dt,
.p-entry__body dd {
}
.p-entry__body li{ list-style: inherit; }
.p-entry__body ul,
.p-entry__body ol,
.p-entry__body dl {
margin-bottom: 24px;
}
.p-entry__body ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.p-entry__body ul {
list-style: circle outside none;
margin-left: 1.3em;
}
.p-entry__body li > ul,
.p-entry__body li > ol {
margin-bottom: 0;
}
.p-entry__body dt {
font-weight: bold;
}
.p-entry__body dd {
margin-bottom: 1em;
} .p-entry__body table {
margin: 0 0 24px 0;
}
.p-entry__body td,
.p-entry__body th {
border: 1px solid #ddd;
padding: 10px 15px;
line-height: 2;
background: #fff;
vertical-align: middle;
}
.p-entry__body th {
background: #f5f5f5;
font-weight: normal;
} .table_no_border th,
.table_no_border td {
border: none;
padding-left: 0;
}
.table_border_horizontal th,
.table_border_horizontal td {
border-left: none;
border-right: none;
padding-left: 0;
} .p-entry__body blockquote {
margin: 0 0 25px 0;
padding: 27px 30px 0;
border: 1px solid #ddd;
box-shadow: 0px 4px 0px 0px #f2f2f2;
position: relative;
}
.p-entry__body blockquote:before {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
line-height: 40px;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 10px;
color: #5cbcd7;
}
.p-entry__body blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
text-align: left;
line-height: 60px;
width: 30px;
height: 30px;
position: absolute;
bottom: 7px;
right: -2px;
color: #5cbcd7;
}
.p-entry__body blockquote cite {
border-top: 1px dotted #aaa;
display: block;
padding: 20px 0 0 0;
font-style: italic;
text-align: right;
font-size: 90%;
} .p-entry__body .wp-caption {
margin-bottom: 24px;
background: #fff;
border: 1px solid #ddd;
padding: 5px;
max-width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.p-entry__body .wp-caption-text {
text-align: center;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px auto;
}
.p-entry__body .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
} .gallery {
margin-bottom: 20px;
}
.gallery a img {
border: 0 !important;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-10 .gallery-item {
max-width: 7%;
max-width: -webkit-calc(9.4% - 0px);
max-width: calc(9.4% - 0px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-10 .gallery-item:nth-of-type(10n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: '';
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
display: none;
} .p-entry__body .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.p-entry__body address {
margin: 0 0 24px 0;
line-height: 2.2;
}
.p-entry__body pre {
border-left: 5px solid #7fc120;
font-size: 12px;
margin: 0 0 27px 0;
line-height: 25px;
padding: 0 17px;
overflow: auto;
}
.p-entry__body .mejs-container {
margin: 12px 0 25px;
} .u-center {
text-align: center;
}
.u-clearfix::after {
display: table;
clear: both;
content: " ";
}
.u-hidden {
display: none;
}
@media only screen and (min-width: 768px) {
.u-pc-hidden {
display: none;
}
}
@media only screen and (max-width: 767px) {
.u-sp-hidden {
display: none;
}
} .u-clearfix::after {
clear: both;
content: " ";
display: table;
} .post_row { margin-right: -25px; margin-left: -25px; line-height: 2.4; }
.post_row:before, .post_row:after { display: table; content: " "; }
.post_row:after { clear: both; }
.post_col, .post_col-2, .post_col-3 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; min-height: 1px; margin-bottom: 2em; padding-right: 25px; padding-left: 25px; float: left; }
@media screen and (min-width: 768px) {
.post_col-2 { width: 50%; }
.post_col-3 { width: 33.33333%; }
}
@media screen and (min-width: 1024px) {
.post_col-2 { width: 50%; }
.post_col-3 { width: 33.33333%; }
} .style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 {
line-height: 1.6;
} .style2a {
margin: 65px 0 30px !important;
padding: 0 0 .9em;
border-bottom: 3px solid #000;
font-size: 26px !important;
}
.style2b {
margin: 65px 0 30px !important;
padding: .48em 1em .47em;
background: #000; color: #fff;
font-size: 26px !important;
} .style3a {
margin: 3em 0 1.5em;
padding: 1.1em .2em 1em;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
font-size: 22px;
font-weight: 400;
}
.style3b {
margin: 3em 0 1.5em;
padding: 1.1em .9em 1em;
border-top: 2px solid #222;
border-bottom: 1px solid #ddd;
background: #fafafa;
-webkit-box-shadow: 0px 1px 2px #f7f7f7;
box-shadow: 0px 1px 2px #f7f7f7;
font-size: 22px;
font-weight: 400;
} .style4a {
margin: 2.5em 2px 1.2em;
padding: .3em 0 .3em .8em;
border-bottom: none;
border-left: 2px solid #222;
font-size: 18px;
font-weight: 400;
}
.style4b {
margin: 2.5em 0 1.2em;
padding: .9em 0 .8em;
border-bottom: 1px dotted #aaa;
font-size: 18px;
font-weight: 400;
} .style5a {
margin: 2em 0 1em;
padding: .5em .8em .3em 1em;
background: #f5f5f5;
-webkit-box-shadow: 0px 2px 0px 0px #f2f2f2;
box-shadow: 0px 2px 0px 0px #f2f2f2;
font-size: 18px;
font-weight: 700;
}
.style5b {
margin: 2em 0 1em;
padding: .5em .8em .4em 1em;
border-radius: 4px;
background: #222;
-webkit-box-shadow: 0px 2px 0px 0px #f2f2f2;
box-shadow: 0px 2px 0px 0px #f2f2f2;
color: #fff;
font-size: 18px;
font-weight: 400;
} .style6 {
position: relative;
margin: 2em 0 1em;
padding: .5em .8em .8em 1.3em;
color: #222;
font-size: 16px;
font-weight: bold;
}
.style6:before {
position: absolute;
top: .5em;
left: .2em;
width: 12px;
height: 12px;
background: #222;
content: "";
}
.balloon {
display: block;
z-index: 0;
position: relative;
width: auto;
min-width: 115px;
margin: 50px 0 22px;
padding: .5em 18px .5em;
clear: both;
border-bottom: 0;
background: #222;
color: #fff;
font-size: 20px;
font-weight: 400;
text-align: left;
}
.balloon:after {
display: block;
position: absolute;
bottom: -10px;
left: 30px;
width: 0px;
height: 0px;
margin-left: -10px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #222 transparent transparent transparent;
content: "";
} .well {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
min-height: 20px;
margin-bottom: 20px;
padding: 19px;
border: 1px solid #e3e3e3;
border-radius: 4px;
background-color: #f5f5f5;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
line-height: 1.8;
}
.well2 {
margin: 1em 0 30px;
padding: 1em 1.5em;
border: 1px solid #cdcdcd;
background: #fcfcfc;
-webkit-box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);
box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);
line-height: 1.8;
}
.well3 {
margin: 2em 0 2.5em;
padding: 1em 1.5em;
border: 1px dashed #cdcdcd;
background: #fcfcfc;
-webkit-box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);
box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);
line-height: 1.8;
}
.wl_red {
border-color: #ebccd1;
background-color: #f2dede;
color: #a94442;
}
.wl_yellow {
border-color: #faebcc;
background-color: #fcf8e3;
color: #8a6d3b;
}
.wl_blue {
border-color: #bce8f1;
background-color: #d9edf7;
color: #31708f;
}
.wl_green {
border-color: #d6e9c6;
background-color: #dff0d8;
color: #3c763d;
} .q_button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
min-width: 200px;
max-width: 90%;
margin: 0;
padding: .6em 1.3em .5em;
background-color: #535353;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
color: #fff !important;
font-size: 100%;
font-weight: 400;
text-align: center;
text-decoration: none;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.q_button:hover, .q_button:focus {
background-color: #7d7d7d;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
color: #fff;
text-decoration: none;
}
.q_button_wrap{ text-align:center; margin: 2em auto; } .rounded {
border-radius: 6px;
}
.pill {
border-radius: 50px;
}
.sz_full {
display: block;
min-width: 100px;
max-width: 100%;
padding: 1em 1.5em .9em;
font-size: 110%;
}
.sz_l {
min-width: 350px;
max-width: 90%;
padding: .8em 1.5em .7em;
font-size: 110%;
}
@media screen and (max-width: 767px) {
.sz_l {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-width: 0;
max-width: 100%;
}
}
.sz_s {
min-width: 100px;
max-width: 90%;
padding: .4em 1em .3em;
font-size: 85%;
}
.bt_red {
background: #c01f0e;
color: #fff;
}
.bt_red:hover, .bt_red:focus {
background-color: #d33929;
color: #fff;
}
.bt_yellow {
background: #f1c40f;
color: #fff;
}
.bt_yellow:hover, .bt_yellow:focus {
background-color: #f9d441;
color: #fff;
}
.bt_blue {
background: #2980b9;
color: #fff;
}
.bt_blue:hover, .bt_blue:focus {
background-color: #3a91c9;
color: #fff;
}
.bt_green {
background: #27ae60;
color: #fff;
}
.bt_green:hover, .bt_green:focus {
background-color: #39c574;
color: #fff;
} .ytube {
position: relative;
height: 0;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 30px;
padding-bottom: 56.25%;
overflow: hidden;
}
.ytube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .rps_table {
line-height: 2.0;
}
@media only screen and (max-width: 480px) {
.rps_table tr {
display: block;
margin-bottom: 1.5em;
}
.rps_table th, .rps_table td {
display: list-item;
border: none;
list-style-type: none;
}
} .cardlink {
word-wrap: break-word;
max-width: 100%;
margin: 10px 0;
padding: 12px;
border: 1px solid #ddd;
background: #fafafa;
}
.cardlink_thumbnail {
margin-right: 20px;
float: left;
}
.cardlink_content {
line-height: 1.6;
}
.cardlink_timestamp {
display: inline;
margin: 0;
padding: 0;
color: #222;
font-size: 12px;
line-height: 1.6;
vertical-align: top;
}
.cardlink_title {
margin: 0 0 5px;
font-size: 14px;
}
.cardlink_title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
.cardlink_title a:hover {
text-decoration: underline;
}
.cardlink_excerpt {
overflow: hidden;
color: #333;
font-size: 12px;
line-height: 1.8;
}
.cardlink_footer {
clear: both;
}
.clear {
clear: both;
}
@media screen and (max-width: 767px) {
.cardlink_thumbnail {
float: none;
}
.cardlink_timestamp {
line-height: 2.4;
vertical-align: middle;
}
.cardlink_excerpt {
float: none;
}
} .wpcf7 {
width: 100%;
margin: 0 0 2.5em !important;
padding: 0;
border: 1px solid #ddd;
background: #fafafa;
font-size: 14px;
box-sizing: border-box;
}
.wpcf7 form {
margin: 1.5em 1.5em 0;
}
.wpcf7 p {
margin-bottom: 1em;
font-size: 12px;
}
.wpcf7 input, .wpcf7 textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 8px;
border: 1px solid #ccc;
line-height: 1.2;
}
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
width: auto;
max-width: 97%;
padding: 8px;
border: 1px solid #ccc;
}
.wpcf7 select, .wpcf7 .wpcf7-list-item-label {
font-size: 14px;
line-height: 1.2;
}
.wpcf7 .wpcf7-list-item {
display: block;
}
.wpcf7 textarea {
height: 300px;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
border: 1px solid #bbb;
outline: none;
-webkit-box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5);
}
.wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous {
-webkit-transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
width: 225px;
height: 48px;
margin: 30px auto 0;
border: none !important;
outline: none;
background-color: #333333;
color: #fff;
font-size: 14px;
line-height: 1.5;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all .3s;
}
.wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover {
background-color: #666666;
}
.wpcf7 .wpcf7-submit .wpcf7-not-valid {
background: pink;
}
.wpcf7 .wpcf7-submit .wpcf7-response-output {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
border-radius: 4px;
}
.wpcf7 .wpcf7-submit .wpcf7-validation-errors {
border: 1px solid #EED3D7;
background-color: #F2DEDE;
color: #B94A48;
}
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok {
border: 1px solid #BCE8F1;
background-color: #D9EDF7;
color: #3A87AD;
}
.wpcf7 .wpcf7-previous + br {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 2em;
padding:0;
border: none;
text-align:center;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
color:#dc3232;
font-size: 1em;
} .text70 {
font-size: 70%;
}
.text80 {
font-size: 80%;
}
.text90 {
font-size: 90%;
}
.text100 {
font-size: 100%;
}
.text110 {
font-size: 110%;
}
.text120 {
font-size: 120%;
}
.text130 {
font-size: 130%;
}
.text140 {
font-size: 140%;
}
.text150 {
font-size: 150%;
}
.text160 {
font-size: 160%;
}
.text170 {
font-size: 170%;
}
.text180 {
font-size: 180%;
}
.text190 {
font-size: 190%;
}
.text200 {
font-size: 200%;
}
.text210 {
font-size: 210%;
}
.text220 {
font-size: 220%;
} .b {
font-weight: 700;
} .u {
text-decoration: underline;
} .del {
text-decoration: line-through;
} .red {
color: red;
}
.blue {
color: #2ca9e1;
}
.green {
color: #82ae46;
}
.orange {
color: #ff7d00;
}
.yellow {
color: #fff000;
}
.pink {
color: #ff0084;
}
.gray {
color: #999999;
}  .bg-blue {
padding: 2px;
background-color: #4ab0f5;
} .bg-red {
padding: 2px;
background-color: red;
} .bg-yellow {
padding: 2px;
background-color: #ff0;
}  .align1 {
text-align: center !important;
} .align2 {
text-align: right !important;
} .align3 {
text-align: left !important;
}  .r-flo {
margin: 10px;
float: right;
} .l-flo {
margin: 10px;
float: left;
} .f-clear {
clear: both;
} a img.fade {
-webkit-transition: all .3s;
outline: none;
background: none !important;
transition: all .3s;
}
a:hover img.fade {
-ms-filter: "alpha( opacity=70 )";
background: none !important;
filter: alpha(opacity=70);
opacity: 0.7;
}  .att {
padding-left: 1em;
text-indent: -1em;
} .att_box {
margin: 2em 0 2.5em;
padding: 1em 1.2em;
border: 1px dotted #cccccc;
background: #fcfcfc;
-webkit-box-shadow: 0px 4px 0px 0px #f7f7f7;
box-shadow: 0px 4px 0px 0px #f7f7f7;
line-height: 2.0;
}  .m0 {
margin: 0 !important;
} .mt0 {
margin-top: 0 !important;
} .mr0 {
margin-right: 0 !important;
} .mb0 {
margin-bottom: 0 !important;
} .ml0 {
margin-left: 0 !important;
}
.m5 {
margin: 5px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.m10 {
margin: 10px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.m15 {
margin: 15px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.m20 {
margin: 20px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.m25 {
margin: 25px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.m30 {
margin: 30px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.m35 {
margin: 35px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.m40 {
margin: 40px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.m45 {
margin: 45px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.m50 {
margin: 50px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.m55 {
margin: 55px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.m60 {
margin: 60px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.m65 {
margin: 65px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.m70 {
margin: 70px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.m75 {
margin: 75px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.m80 {
margin: 80px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.ml80 {
margin-left: 80px !important;
}
.mt150 {
margin-top: 150px !important;
}
.mb150 {
margin-bottom: 150px !important;
} .p0 {
padding: 0 !important;
}
.pt0 {
padding-top: 0 !important;
}
.pr0 {
padding-right: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pl0 {
padding-left: 0 !important;
}
.p5 {
padding: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.p10 {
padding: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.p15 {
padding: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.p20 {
padding: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.p25 {
padding: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.p30 {
padding: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.p35 {
padding: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.p40 {
padding: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.p45 {
padding: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.p50 {
padding: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.p55 {
padding: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.p60 {
padding: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.p65 {
padding: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.p70 {
padding: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.p75 {
padding: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.p80 {
padding: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pl80 {
padding-left: 80px !important;
} h2.style_h2 { font-size:26px; font-weight:600; line-height:1.4; margin: 3em 0 1.3em 0; text-align:center; }
h3.style_h3 { font-size:22px; font-weight:600; line-height:1.6; margin: 3em 0 1.3em 0; }
h4.style_h4 { font-size:20px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
h5.style_h5 { font-size:18px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
h6.style_h6 { font-size:16px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
@media screen and (max-width: 800px) {
h2.style_h2 { font-size:20px; margin: 2.5em 0 1em 0; }
h3.style_h3 { font-size:18px; margin: 2.3em 0 1em 0; }
h4.style_h4 { font-size:16px; margin: 2.2em 0 1em 0; }
h5.style_h5 { font-size:16px; margin: 2.2em 0 1em 0; }
h6.style_h6 { font-size:14px; margin: 2.2em 0 1em 0; }
}
@media screen and (max-width: 600px) {
h2.style_h2 { margin: 2.3em 0 1em 0; }
h3.style_h3 { margin: 2em 0 1em 0; }
h4.style_h4 { margin: 2em 0 1em 0; }
h5.style_h5 { margin: 2em 0 1em 0; }
h6.style_h6 { margin: 2em 0 1em 0; }
} .p-entry .a_break { display: inline-block; }
@media (max-width: 767px) {
.p-entry .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
.p-entry .is-sp { display:none!important; }
}
.p-entry .e_link {
display: inline-block; position: relative; padding-right:1em;
}
.p-entry .e_link:after {
font-family: 'design_plus'; content: '\e92a'; font-size: 100%; display: block;
position: absolute; transition:none; margin-top:-0.1em;
right:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.p-entry img.frame {
border: 1px solid #d2d2d2;
-webkit-box-shadow: 0 6px 6px -6px #cccccc;
-moz-box-shadow: 0 6px 6px -6px #cccccc;
box-shadow: 0 6px 6px -6px #cccccc;
} .wp-block-embed { margin:0 0 2em 0; } .wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
background-color: transparent;
}@media screen and (max-width: 767px) {
.cardlink_timestamp {
display: none;
}
.cardlink {
display: flex;
}
.cardlink_content {
width: 60%;
}
.cardlink_excerpt {
margin-left: -4.5em;
font-size: .5em;
line-height: 1.5;
}
.cardlink_title {
font-size: .8em;
font-family: 'design_plus';
line-height: 1.5;
margin: 1.2em 0 0 -3em;
}
.cardlink_title:before {
background-color: #1eaf07;
color: #fff;
font-weight: 600;
position: absolute;
font-size: .7em;
margin-top: -1.7em;
content: "関連記事";
padding: 0 .5em;
}
.cardlink_thumbnail {
width: 60%;
margin-right: 0px;
} }
.p-entry__body p {
margin-bottom: 1em;
}
.p-entry__body h4 {
font-size: 1.1em;
margin: 1em 0 .5em 0;
}
.p-entry__body a, .custom-html-widget a {
font-weight: 600;
}
span.red_font {
color: #d90000;
font-weight: 600;
} table.CF7_table{
width:80%;
margin:0 auto;
border: 3px solid #e5e5e5;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
display:table;
} .CF7_table input, .CF7_table textarea {
border: 1px solid #d8d8d8;
}
.CF7_table ::placeholder {
color:#797979;
} .CF7_req{
font-size:.9em;
padding: 5px;
background: #f79034; color: #fff;
border-radius: 3px;
margin-right:1em;
} .CF7_unreq{
font-size:.9em;
padding: 5px;
background: #bdbdbd; color: #fff;
border-radius: 3px;
margin-right:1em;
} @media screen and (min-width: 768px){
table.CF7_table {
width: 100%!important;
border: none!important;
}
.CF7_table th{
text-align: left;
font-size: 14px;
color: #444;
padding-right: 5px;
width: 30%;
background: #F6FFF5;
border: solid 1px #d7d7d7;
font-weight: 600;   }
}
.wpcf7 {
border: none!important;
background: none!important;
}
.wpcf7 p {
margin-bottom: 0!important;
font-size: 14px!important;
} @media screen and (max-width: 768px){
table.CF7_table{
width:100%;
border: none !important;
}
.CF7_table tr, .CF7_table td, .CF7_table th{
display: block;
width: 100%;
line-height:2.5em;
}
.wpcf7 form {
margin: 0!important;
}
.CF7_table tr:first-child th {
border-top: 1px solid #d7d7d7 !important;
}
.CF7_table th{
text-align: left;
font-size: 14px;
color: #444;
padding-right: 5px;
background: #F6FFF5;
border-bottom: none;
border-top: none;
font-weight: 600;
}
} .wpcf7 input.wpcf7-submit {
background-color: #1aaf07;
border:0;
color:#fff;
font-size:1.2em;
font-weight:bold;
margin:0 auto;
}
.CF7_btn{
text-align:center;
margin-top:20px;
}
.wpcf7-spinner{
width:0;
margin:0;
}
.formexp {
margin: 1.5em 0;
}
.formexp p{
font-size: .9em !important;
} .head_contact {
width: 60%;
font-size: 18px;
padding-right: 10px;
}
.head_contact a.contact{
display: block;
float: right;
width: 45px;
text-align: center;
}
button#js-menu-btn {
padding-right: 20px;
} h1.style_h1 {
text-align: center;
} .mkd_h2 {
text-align: center;
font-size: 20px;
}
p.h2icon {
margin-bottom: 15px;
}
.h2icon h2 {
font-size: 20px!important;
}
@media screen and (max-width: 767px) {
.mkd_h2 {
text-align: center;
font-size: 20px;
}
p.h2icon {
margin-bottom: 15px;.
}
}
@media screen and (min-width: 767px) {
.mkd_h2 {
text-align: center;
font-size: 24px;
}
} .box29 {
margin: 2em 0;
background: #F6FFF5;
border: 2px solid #19af06;
}
.box29 .box-title {
background: #19af06;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box29 ul {
margin-left: 0px!important;
}
.box29 li {
padding: 0.5em 0.5em 0.5em 2em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
font-weight: 700;
line-height: 1.7;
}
.box29 li:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.box29 li:before { font-family: "Font Awesome 5 Free";
content: "\f157"; position: absolute;
left : 1em; color: #19af06; font-weight: 600;
}
@media screen and (max-width: 767px) {
.box29 ul {
margin-left: 0px!important;
}
.box29 li:before { font-family: "Font Awesome 5 Free";
content: "\f157"; position: absolute;
left : 2em; color: #19af06; font-weight: 600;
}
} .box31 {
margin: 2em 0;
background: #F6FFF5
}
.box31 .box-title {
font-size: 1.2em;
background: #19af06;
padding: 0px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box31 ul {
margin-left: 0px!important;
}
.box31 li {
padding: 0.5em 0 0.5em 1.5em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
font-weight: 700;
}
.box31 li:last-of-type {
border-bottom: none;
}
@media screen and (max-width: 767px) {
.box31 ul {
margin-left: 0px!important;
}
} .p-btn__horizon {
border-radius: 30px;
}
@media screen and (max-width: 767px) {
.p-btn__horizon {
border-radius: 25px;
}
} .c-load--type4 .site_loader_catch {
margin-top: 1.5em;
} .p-breadcrumb { background-color: #1caf08!important; } .box26G {
position: relative;
margin: 1.5em 0 3.5em 0;
padding: 0.5em 1em;
border: solid 2px #19af06;
border-radius: 8px;
font-size:1rem;
}
.box26G .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 1.1rem;
background: #FFF;
color: #19af06;
font-weight: bold;
}
.box26G p {
margin: 0!important; 
padding-bottom: 5px;
}
.ranh3{
padding-top:0px!important;
padding-left: 8px!important;
font-weight: bold!important;
border-left: solid 5px #19af06; font-size: 1.2em !important;
margin: 2em 0 .5em 0 !important;
} span.ex {
font-size: 85%;
font-weight: 400;
} .box40{
padding: 8px 19px;
margin: 2em 0;
color: #2c2c2f;
background: #F6FFF5;
border-top: solid 5px #1aaf07;
border-bottom: solid 5px #1aaf07;
font-weight: bold;
}
.box40 ul {
margin: 10px 0;
list-style: none;
}
.box40 li {
padding: 3px 0 3px 0;
border-bottom: dashed 1px silver;
}
.box40 li:last-child {
border:none;
}
.my-check {
color: #1aaf07;
} .box35 {
margin: 2em 0;
font-size: 95%;
font-weight: 600;
}
.box35 ul li {
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 5px;
list-style: none;
}
.box35 ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
color: #1aaf07; font-weight: 600;
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.box35 ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
left : 1.5em; color: #1aaf07; font-weight: 600;
}
} .boxS1 {
margin: 4em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS1-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
z-index: 0;
}
.boxS1-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS1 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS1 p {
padding: 5px 10px;
margin: 0;
}
.next {
text-align: center;
}
.next img {
width: 5%;
margin: 15px;
}
.boxS2 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS2-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-1.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS2-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS2 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS2 p {
padding: 5px 10px;
margin: 0;
}
.boxS3 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS3-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-2.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS3-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS3 {
font-size: 120%!important;
font-weight: bold;
text-align: center;
}
.boxS3 p {
padding: 5px 10px;
margin: 0;
font-size: 100%;
}
.boxS4 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS4-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-3.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS4-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS4 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS4 p {
padding: 5px 10px;
margin: 0;
}
.boxS5 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS5-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-4.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS5-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS5 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS5 p {
padding: 5px 10px;
margin: 0;
}
.boxS6 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS6-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-5.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS6-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS6 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS6 p {
padding: 5px 10px;
margin: 0;
}
.boxS7 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS7-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-6.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS7-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS7 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS7 p {
padding: 5px 10px;
margin: 0;
}
.boxS8 {
margin: 1em 0 0 0;
background: #F6FFF5;
border: solid 3px #1caf08;
display: flex;
}
.boxS8-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download-7.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
}
.boxS8-inner {
position: relative;
float: left;
width: 100%;
text-align: center;
}
p.titleS8 {
font-size: 110%!important;
font-weight: bold;
text-align: center;
}
.boxS8 p {
padding: 5px 10px;
margin: 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.boxS1-inner::before {
content: "";
position: absolute;
background: url(https://care-trip.com/wp-content/uploads/2024/05/download.png) no-repeat left top;
top: -15px;
left:-15px;
width: 100%;
height: 100%;
z-index: -10;
}
.boxS1-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
z-index: 50;
}
.boxS2-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.boxS3-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.boxS4-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.boxS5-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.boxS6-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.boxS7-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.boxS8-inner {
position: relative;
float: left;
width: 100%;
text-align: left;
}
.next {
text-align: center;
margin-top: 5px;
}
.next img {
width: 10%;
}
} .lineh3r {
position: relative;
display: inline-block;
padding: 0 35px;
color: #e82424;
margin-top: 50px;
font-size: 22px!important;
margin-bottom: 7px !important;
}
.lineh3r:before, .lineh3r:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 25px;
height: 2px;
border-top: solid 1px #e82424;
border-bottom: solid 1px #e82424;
}
.lineh3r:before {
left:0;
}
.lineh3r:after {
right: 0;
}
.center {
text-align: center;
} .btn-square-little-rich {
position: relative;
display: inline-block;
padding: 0.7em 0;
text-decoration: none;
color: #FFF;
background: #e82424; border: solid 1px #d90000; border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
width: 100%;
text-align: center;
color: white!important;
font-weight: 600;
margin-top: 30px;
font-size: 1.1rem;
margin-bottom: 1em;
}
.btn-square-little-rich:active { border: solid 1px #03A9F4;
box-shadow: none;
text-shadow: none;
} .lineh3b {
position: relative;
display: inline-block;
padding: 0 55px;
color: #0896ff;
margin-top: 30px;
font-size: 22px!important;
margin-bottom: 7px !important;
}
.lineh3b:before, .lineh3b:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
border-top: solid 1px #0896ff;
border-bottom: solid 1px #0896ff;
}
.lineh3b:before {
left:0;
}
.lineh3b:after {
right: 0;
}
.center {
text-align: center;
} .btn-square-little-richBL {
position: relative;
display: inline-block;
padding: 0.5em 0em;
text-decoration: none;
color: #FFF;
background: #0896ff; border: solid 1px #0f9ada; border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
width: 48%;
margin: 0 2% 3% 0;
color: white!important;
text-align: center;
font-weight: 600;
font-size: 1.1rem;
}
.btn-square-little-richBL:active { border: solid 1px #03A9F4;
box-shadow: none;
text-shadow: none;
}
.btn-square-little-richBR {
position: relative;
display: inline-block;
padding: 0.5em 0em;
text-decoration: none;
color: #FFF;
background: #0896ff; border: solid 1px #0f9ada; border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
width: 48%;
margin-left: 2%;
color: white!important;
text-align: center;
font-weight: 600;
font-size: 1.1rem;
}
.btn-square-little-richBR:active { border: solid 1px #03A9F4;
box-shadow: none;
text-shadow: none;
}
.buttonsp {
width: 100%;
}
.price_list {
max-width: 650px;
text-align: center;
margin: auto;
}
@media screen and (max-width: 767px) {
.buttonsp {
width: 100%;
margin-top: -5%;
}
} i.fas.fa-notes-medical {
padding-right: 0.75rem;
color: #19af06;
}
i.fas.fa-heart {
padding-right: 0.75rem;
color: #19af06;
} .check ul {
padding: 0;
margin-left: 0;
font-weight: 600;
}
.check ul li {
color: black;
position:relative;
background: #F6FFF5; line-height: 1.5;
padding: 0.5em;
margin-bottom: 4px;
border-left : solid 35px #19af06; list-style-type: none!important;
}
.check ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
display: block;
padding: 0.5em;
width: 1.2em;
color: white; font-weight: normal; text-align: center;
left : -35px;  top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 600;
}
.l-header__logo.c-logo {
width: 100%;
} span.border {
border-bottom: solid 2px #1aaf07;
} i.fas.fa-check-circle {
color: #1aaf07;
}
.box30 {
margin: 2em 0;
background: #f1f1f1;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
font-size: 1.2em;
background: #5fc2f5;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box30 p {
padding: 15px 20px;
margin: 0;
}
.table_design01 {
border-collapse: collapse;
width: 100%;
font-size: .8em;
text-align: center;
}
.table_design01 th, .table_design01 td {
border: 1px solid #ddd;
padding: 1em;
}
.table_design01 th {
background-color: #F6FFF5;
min-width: 4em;
width: 35%;
}
.table_design03 {
border-collapse: collapse;
width: 100%;
font-size: .8em;
}
.table_design03 th, .table_design03 td {
border: 1px solid #ddd;
padding: 10px 5px;
}
.table_design03 th {
background-color: #F6FFF5;
min-width: 4em;
width: 35%;
text-align: left;
}
.table_design02 {
border-collapse: collapse;
width: 100%;
font-size: .8em;
text-align: center;
}
.table_design02 th, .table_design01 td {
border: 1px solid #ddd;
padding: 10px 5px;
}
.table_design02 th {
background-color: #ffd7d7;
font-weight: bold;
min-width: 4em;
width: 40%;
}
.table_design02 td {
padding: 10px;
text-align: center;
vertical-align: inherit;
width: 33%;
font-size: 250%;
font-weight: 700;
color: #e82424;
} .box45{
padding: 8px 19px;
margin: 2em 0;
color: #2c2c2f;
background: #F6FFF5;
border-top: solid 5px #1aaf07;
border-bottom: solid 5px #1aaf07;
font-weight: bold;
}
.box45 ul {
margin: 10px 0;
list-style: none;
}
.box45 li {
padding: 0.4em 0 0.4em 1.5em;
border-bottom: dashed 1px silver;
list-style-type: none !important;
font-weight: 600;
font-size: 1em;
line-height: 1.7;
}
.box45 li:last-child {
border:none;
}
.yashi2 {
list-style: none;
}
.yashi2 li::before {
content: "";
background-repeat: no-repeat;
height: 24px;
width: 24px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin: 4px 5px 0 0;
position: absolute;
left: 1em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/05/palm_icon_logo64.png);
} @media screen and (max-width: 787px) {
.yashi2 li::before {
margin: 15px 5px 0 0;
left: 2em;
}
}
ul.comlink {
margin: 0!important;
list-style: none!important;
}
ul.comlink img {
margin-bottom: 15px!important;
} .boxlist {
margin: 2em 0;
margin: auto;
background: #F6FFF5;
}
.boxlist .box-title {
background: #1baf08;
text-align: center;
color: #FFF;
font-weight: 600;
letter-spacing: 0.05em;
}
.boxlist ol {
counter-reset:number; list-style-type: none!important; padding: 0.3em 0.8em;
border: solid 1px #1baf08;
margin-left: 0!important;
}
.boxlist ol li {
border-bottom: dashed 1px silver;
position: relative;
padding: 0.3em 0.3em 0.3em 2em;
line-height: 1.5em;
font-weight: 600;
margin-bottom: 5px;
}
.boxlist ol li:before{ position: absolute;
counter-increment: number;
content: counter(number); display:inline-block;
background: #1baf08;
color: #FFF;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:600;
border-radius: 50%;
left: 0;
width: 20px;
height: 20px;
line-height: 22px;
text-align: center; top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.boxlist ol li:last-of-type {
border-bottom: none; }
.sideimg {
text-align: center;
} .step-wrap1 {
counter-reset:count;
margin: 2em 0;
position: relative;
}
.step-content1 {
padding: 0 0 .5em 2em;
position: relative;
}
.step-content1::before {
content: "";
display: block;
width: 8px;
height: 8px;
border: solid 3px #ffffff;
border-radius: 50%;
position: absolute;
top: 10px;
left: 6px; border-color: #1caf08;
}
.step-content1::after {
content: "";
display: block;
height: calc(100% - 28px);
border-left: solid 3px #ccd5db;
position: absolute;
top: 30px;
left: 11px;
}
.step-title1 {
font-weight: bold;
line-height: 1.2;
}
.step-img {
margin-bottom: 0!important;
}
.step-label1 {
color: #90969a;
font-weight: bold;
} .step-body1 {
margin-top: .2px;
padding: 2px 0 10px 0;
border-bottom: dotted 2px #ddd;
font-size: .9em;
}
.step-wrap1 > :last-of-type::after {
display: none;
}
.step-content {
padding: 0 0 .5em 2em;
position: relative;
}
.step-content::before {
content: "";
display: block;
width: 14px;
height: 14px;
background: #1caf08;
border-radius: 50%;
position: absolute;
top: 10px;
left: 6px; border-color: #1caf08;
}
.step-content::after {
content: "";
display: block;
height: calc(100% - 28px);
border-left: solid 3px #ccd5db;
position: absolute;
top: 30px;
left: 11px;
}
.step-content2 {
padding: 0 0 .5em 2em;
position: relative;
margin-bottom: 2em;
}
.step-content2::before {
content: "";
display: block;
width: 14px;
height: 14px;
background: #1caf08;
border-radius: 50%;
position: absolute;
top: 10px;
left: 6px; border-color: #1caf08;
} h2.greenh2 {
padding: 10px 0 7px 0px !important;
border-left-width: none !important;
border-left-style: none !important;
position: relative;
border-bottom: solid 6px #1caf08;
margin: .5em 0 !important;
clear: both;
font-size: 1.3em!important;
}
.keiko_yellow {
background: linear-gradient(transparent 50%, rgb(255 255 107 / 48%) 50%);
} @media screen and (max-width: 1199px){
li#menu-item-132 a:before {
font-family: FontAwesome;
content: '\f193';
text-align: center;
margin-right: 5px;
}
li#menu-item-131 a:before {
font-family: FontAwesome;
content: '\f31c';
text-align: center;
margin-right: 5px;
}
li#menu-item-130 a:before {
font-family: FontAwesome;
content: '\f157';
text-align: center;
margin: 0 5px 0 2px;
}
li#menu-item-273 a:before {
font-family: FontAwesome;
content: '\f0a1';
text-align: center;
margin-right: 5px;
}
li#menu-item-129 a:before {
font-family: FontAwesome;
content: '\f4ad';
text-align: center;
margin-right: 5px;
}
li#menu-item-128 a:before {
font-family: FontAwesome;
content: '\f059';
text-align: center;
margin-right: 5px;
}
li#menu-item-397 a:before {
font-family: FontAwesome;
content: '\f57d';
text-align: center;
margin-right: 5px;
}
li#menu-item-966 a:before {
font-family: FontAwesome;
content: '\f5b6';
text-align: center;
margin-right: 5px;
}
li#menu-item-1145 a:before {
font-family: FontAwesome;
content: '\e554';
text-align: center;
margin-right: 5px;
}
} @media only screen and (min-width: 1200px) {
.p-front-global-nav.p-front-global-nav--type1 > ul {
height: 100%;
flex-direction: row;
}
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li > a {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
transition: transform 0.5s ease;
transform: translateY(0);
color: #ffffff !important;
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li:before {
color: #ffffff !important;
} @media screen and (min-width: 1200px){
.p-global-nav > ul > li {
width: 110px;
border-right: solid 1px #828282;
line-height: 1.5;
font-size: .8em;
display: block;
text-align: center;
font-weight: 600;
}
.p-global-nav > ul > li > a {
color: #828282!important;
}
.p-front-global-nav.p-front-global-nav--type1 > ul > li > a {
color: #828282;
}
li#menu-item-132:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f193';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}
li#menu-item-131:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f31c';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}
li#menu-item-130:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f157';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}
li#menu-item-273:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f0a1';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}
li#menu-item-129:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f4ad';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}
li#menu-item-128:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f059';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}
li#menu-item-966:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f5b6';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}	
li#menu-item-397:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\f57d';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}	
li#menu-item-1145:before {
font-family: FontAwesome;
font-size:1.2em;
content: '\e554';
text-align: center;
display: block;
color: #828282;
padding-top: 5px;
}	
} .ribbon {
text-align: center;
margin-top: 2em;
}
.ribbon9 {
display: inline-block;
position: relative;
height: 45px;
text-align: center;
box-sizing: border-box;
margin-bottom: 10px;
}
.ribbon9:before { content: '';
position: absolute;
width: 10px;
bottom: -10px;
left: -35px;
z-index: -2;
border: 20px solid #da0101c4;
border-left-color: transparent; }
.ribbon9:after { content: '';
position: absolute;
width: 10px;
bottom: -10px;
right: -35px;
z-index: -2;
border: 20px solid #da0101c4;
border-right-color: transparent; }
.ribbon9 h3 {
display: inline-block;
position: relative;
margin: 0;
padding: 0 45px;
line-height: 45px;
font-size: 18px;
color: #FFF;
background: #da0101; }
.ribbon9 h3:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 10px transparent;
border-right: solid 15px #8d0101; }
.ribbon9 h3:after {
position: absolute;
content: '';
top: 100%;
right: 0;
border: none;
border-bottom: solid 10px transparent;
border-left: solid 15px #8d0101; } .container {
display: flex;
flex-wrap: wrap; max-width: 500px;
margin: auto;
}
.column {
width: calc(50% - 20px); margin: 10px;
box-sizing: border-box; }
.box_free {
border: solid 2px #ffd8d7;
border-radius: 10px;
}
.box_free .box-title {
background: #ffd8d7;
text-align: center;
color: #da0101;
font-weight: bold;
letter-spacing: 0.1em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.box_free p {
padding: 10px;
margin: 0;
text-align: center;
font-weight: 600;
line-height: 1.5;
}
p.smallfont {
   font-size: .8em;
text-align: right;
}
.textright {
max-width: 645px;
}
.box7{
padding: 0.5em 1em;
margin: 2em 0;
color: #474747;
background: whitesmoke; border-left: double 7px #4ec4d3; border-right: double 7px #4ec4d3; }
.box7 p {
margin: 0; 
padding: 0;
}
.box27 {
position: relative;
margin: 3em 0 2.5em 0;
}
.box27 .box-title {
position: absolute;
display: inline-block;
top: -30px;
padding: 0 9px;
height: 30px;
line-height: 30px;
font-size: .9em;
background: #1caf08;
color: #ffffff;
font-weight: bold;
}
.box27 ul {
border: solid 2px #1caf08;
position: relative;
margin: 0;
}
.box27 ul li {
padding: 0.5em 0 0.5em 2em;
border-bottom: dashed 1px silver;
list-style-type: none !important;
font-weight: 600;
font-size: .9em;
line-height: 1.5;
}
.box27 ul li:last-of-type {
border-bottom: none;
}
.box27 ul li:before { font-family: "Font Awesome 5 Free";
content: "\f138"; position: absolute;
left : 0.5em; color: #1caf08; font-weight: 600;
}
span.emphasis {
font-weight: 600;
}
h3.maruh3 {
font-size: 17px;
padding: 0.5em;
color: #010101;
background: #F6FFF5;
border-bottom: solid 3px #1caf08;
margin: 2em 0 .5em 0;
}
span.h3marup {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 50%;
background: #1caf08;
text-align: center;
color: white;
margin-right: .5em;
text-shadow: none;
font-size: .9em;
line-height: 1.3;
}
.table_design13 {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
min-width: 400px;
font-weight: bold;
text-align: center;
}
.table_design13 thead th {
padding: 1em .8em;
border-right: 2px solid#fff;
}
.table_design13 td {
color: #4d9bc1;
padding: 1em;
}
.table_design13 thead th:nth-child(2)::before {
content: '';
width: 100%;
height: 10px;
position: absolute;
background-color: #f88400;
left: 0;
bottom: 100%;
}
.table_design13 thead th:nth-child(2)::after {
content: '業界最安値!!';
width: max-content;
color: #f88400;
font-size: .8rem;
padding: 0.3em 1em;
background: #fff;
border: 2px solid #f88400;
border-radius: 100vh;
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
}
.table_design13 thead th:not(:first-child) {
background: #4d9bc1;
color: #fff;
font-weight: 600;
padding: 0.5em;
line-height: 1.5;
font-size: .8em;
}
.table_design13 thead th span {
font-size: .8rem;
}
.table_design13 thead th:nth-child(2) {
background-color: #f88400;
position: relative;
}
.table_design13 tbody th, .table_design13 tbody td {
border: 2px solid #fff;
font-size: .8em;
padding: 1em 0!important;
line-height: 1.5;
}
th.empty {
background: none;
border: none;
font-size: .8em;
font-weight: 600;
line-height: 1.5;
}
th.main {
background: #f5f5f58f;
line-height: 1.5;
font-weight: 500;
}
td.yashi {
color: #f88501;
background: #fef1e3;
}
td.other {
background: #e6f1f6;
}
td.sub {
color: #000;
font-weight: 500;
background: #f5f5f56b;
line-height: 1.5;
}
th.total {
font-size: .8em !important;
font-weight: 600;
color: #da0101;
background: #ffd8d7;
}
td.total {
font-size: .9em !important;
font-weight: 700;
color: #da0101;
background: #ffd8d7;
}
th.empty {
text-align: left;
font-weight: 400;
vertical-align: bottom;
padding: 0 0 0 .5em !important;
}
.table-scroll {
padding-top: 2em;
margin-bottom: 3em;
}
@media screen and (max-width: 787px) {
.table-scroll {
overflow-x: auto;
}
}
p.toptext {
line-height: 2;
}
a.top_btn {
display: inline-block;
min-width: 240px;
height: 60px;
padding: 0 15px;
border-radius: 0;
background-color: #1baf08;
color: #fff!important;
font-size: 16px;
line-height: 60px;
text-align: center;
border-radius: 30px;
font-weight: 400;
}
.sidebox {
text-align: center;
padding: 30px;
border: 1px solid #d7d7d7;
margin: auto;
margin-bottom: 1em;
}
.sidettl {
display: ruby-text;
font-size: 2em;
font-weight: 700;
}
h3.sideh3 {
font-weight: 600;
font-size: 1.5em;
margin: 0;
}
h3.sideh3:before {
content: "";
background-repeat: no-repeat;
height: 30px;
width: 30px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/05/palm_icon_logo64.png);
}
h3.sideh3:after {
content: "";
background-repeat: no-repeat;
height: 30px;
width: 30px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/05/palm_icon_logo64.png);
}
p.sidetel {
font-size: 1.7em;
font-weight: 600;
color: #1db00b;
margin: 5px 0;
}
p.sidetel:before {
content: "";
background-repeat: no-repeat;
height: 25px;
width: 25px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/06/call_icon.png);
}
p.sidetime {
font-weight: 600;
margin: 0;
}
.sidelinebtn {
text-align: center;
margin: auto;
background-color: #1db00b;
border-radius: 40px;
font-size: 1.3em;
margin-top: .5em;
padding: 10px 0;
}
.sidelinebtn a {
color: #fff!important;
font-weight: 600;
}
.contactbox {
text-align: center;
padding: 30px;
border: 1px solid #d7d7d7;
width: 450px;
margin: auto;
margin-bottom: 1em;
}
.contactttl {
display: ruby-text;
font-size: 2em;
font-weight: 700;
}
h3.contacth3 {
font-weight: 600;
font-size: 1.7em;
margin: 0;
}
h3.contacth3:before {
content: "";
background-repeat: no-repeat;
height: 48px;
width: 48px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/05/palm_icon_logo64.png);
}
h3.contacth3:after {
content: "";
background-repeat: no-repeat;
height: 48px;
width: 48px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/05/palm_icon_logo64.png);
}
p.contacttel {
font-size: 2em;
font-weight: 600;
color: #1db00b;
margin: 0;
}
p.contacttel:before {
content: "";
background-repeat: no-repeat;
height: 40px;
width: 40px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/06/call_icon.png);
}
p.contacttime {
font-weight: 600;
margin: 0;
margin-top: -20px;
}
.contactlinebtn {
text-align: center;
width: 300px;
margin: auto;
background-color: #1db00b;
border-radius: 10px;
font-size: 1.5em;
margin-top: .5em;
}
.contactlinebtn a {
color: #fff!important;
}
@media screen and (max-width: 787px) {
.contactbox {
width: 320px;
}
h3.contacth3 {
font-weight: 600;
font-size: 1.5em;
margin: 0;
}
h3.contacth3:after {
height: 35px;
width: 35px;
}
p.contacttel {
font-size: 1.5em;
}
h3.contacth3:before {
height: 35px;
width: 35px;
}
p.contacttel:before {
height: 28px;
width: 25px;
}
p.contacttime {
margin-top: 0px;
}
.contactlinebtn {
width: 250px;
}
}
.flowbox {
display: flex;
width: 100%;
border: solid 1px #1db00b;
}
.flowimg {
display: contents;
}
.flowimg img {
margin: 0 !important;
}
.flowts {
padding: 20px;
line-height: 1.5;
width: 100%;
}
.flowts p {
font-size: 1em;
margin: 0;
}
h3.flowh3 {
font-size: 1.3em;
margin-bottom: .2em;
}
h3.flowh3:before {
content: "";
background-repeat: no-repeat;
height: 35px;
width: 35px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
left: 2em;
background-image: url(https://care-trip.com/wp-content/uploads/2024/05/palm_icon_logo64.png);
}
.flownav {
list-style: none;
display: flex;
margin: 1.5em;
}
.flownav li {
width: 190px;
text-align: center;
line-height: 2;
margin-right: 1.5em;
color: #1db00b;
list-style: none;
border: solid 1px #1db00b;
border-radius: 40px;
padding: 3px;
}
.flownav li a {
text-decoration: none;
font-weight: bold;
padding: 20px;
}
@media screen and (max-width: 787px) {
h3.flowh3 {
font-size: 1.2em;
margin-bottom: .2em;
}
h3.flowh3:before {
height: 30px;
width: 30px;
}
.flowts p {
font-size: .8em;
}
.flowts {
padding: 15px 20px;
}
.flowts img {
width: 100%;
margin-bottom: 0 !important;
}
.flownav {
display: block;
margin: 1.1em;
}
.flownav li {
line-height: 1.5;
font-size: .8em;
width: 70%;
padding: 3px;
margin: 12px auto;
}
.flownav li a {
padding: 0;
}
}
.contactmargin {
margin: 2em 0;
}
.accordion {
width: 100%;
} .accordion-hidden {
display: none;
} .accordion-open {
font-weight: 600;
display: block;
padding: 10px 80px 10px 55px;
cursor: pointer;
margin: 5px 0;
position: relative;
line-height: 1.5;
}  .accordion-open::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
} .accordion-hidden:checked+.accordion-open:after {
transform: translateY(-50%) rotate(0);
} .accordion-inner {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition: 0.5s; cursor: pointer;
line-height: 1.8;
background: #fafafa;
} .accordion-hidden:checked+.accordion-open+.accordion-inner {
height: auto;
opacity: 1;
padding: 10px 30px 10px 60px;
}  .accordion_qa .Q,
.accordion_qa .A {
position: relative;
}
.accordion_qa .Q::before,
.accordion_qa .A::before {
font-size: 1.5em;
display: block;
position: absolute;
top: -.6em;
left: -1.3em;
}
.accordion_qa .Q::before {
content: 'Q.';
}
.accordion_qa .A::before {
content: 'A.';
}
.accordion_qa .accordion-open {
padding-left: 2.5em;
}
.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
height: auto;
opacity: 1;
padding: 10px 30px 10px 60px;
}  .accordion-box {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition: 1s;
}
.accordion-hidden:checked+.accordion-open+.accordion-box {
height: auto;
opacity: 1;
padding: 10px;
}
.accordion-open:before {
font-weight: 600;
content: "Q";
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #1baf08;
width: 2em;
height: 2em;
position: absolute;
left: 1%;
top: 15%;
}
.accordion-inner:before {
font-weight: 600;
content: "A";
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #d65556;
width: 2em;
height: 2em;
position: absolute;
left: 1%;
}
.accordion-open::after {
font-family: "Font Awesome 5 Free";
content: "\f054";
width: 20px;
height: 3px;
position: absolute;
top: 25%;
right: 5%;
transform: translateY(-50%);
}
@media screen and (max-width: 787px) {
.accordion-open:before {
font-weight: 600;
content: "Q";
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #1baf08;
width: 2em;
height: 2em;
position: absolute;
left: 1%;
top: 25%;
}
.accordion-inner:before {
font-weight: 600;
content: "A";
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #d65556;
width: 2em;
height: 2em;
position: absolute;
left: 6%;
}
.accordion-open {
padding: 10px 45px 10px 50px;
}
.accordion-hidden:checked+.accordion-open+.accordion-inner {
height: auto;
opacity: 1;
padding: 10px 10px 10px 50px;
}
}
.p-footer-nav--type1 .p-footer-nav__inner li a {
font-size: .9em;
}
h3.bah3 {
font-size: 1.2em;
margin: 2em 0 .5em 0 !important;
}
button#js-menu-btn {
padding-right: 0 !important;
background: #1caf08;
color: #fff;
}
.p-logoset img {
width: 80%;
}
th.thtate {
background-color: #F6FFF5;
min-width: 4em;
width: 1em;
writing-mode: tb;
letter-spacing: .5em;
}
td.tbpr {
width: 6em;
}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(https://care-trip.com/wp-content/themes/mikado_tcd071/assets/css/fonts/slick.eot);src:url(https://care-trip.com/wp-content/themes/mikado_tcd071/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(https://care-trip.com/wp-content/themes/mikado_tcd071/assets/css/fonts/slick.woff) format('woff'),url(https://care-trip.com/wp-content/themes/mikado_tcd071/assets/css/fonts/slick.ttf) format('truetype'),url(https://care-trip.com/wp-content/themes/mikado_tcd071/assets/css/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}