@charset "UTF-8";
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important;}
.wpcf7 .hidden-fields-container{display:none;}
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid #00a0d2;}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output{display:none;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232;}
.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900;}
.wpcf7-form-control-wrap{position:relative;}
.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:normal;display:block;}
.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em;}
.wpcf7-list-item{display:inline-block;margin:0 0 0 1em;}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after{content:" ";}
.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:0.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative;}
form.submitting .wpcf7-spinner{visibility:visible;}
.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite;}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms;}
}
@keyframes spin {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes blink {
from{opacity:0;}
50%{opacity:1;}
to{opacity:0;}
}
.wpcf7 [inert]{opacity:0.5;}
.wpcf7 input[type="file"]{cursor:pointer;}
.wpcf7 input[type="file"]:disabled{cursor:default;}
.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{direction:ltr;}
.wpcf7-reflection > output{display:list-item;list-style:none;}
.wpcf7-reflection > output[hidden] {
display: none;
}
 html,
body,
h1,
h2,
h3,
h4,
h5,
ol,
dl,
dt,
dd,
div,
span,
img,
a,
table,
tr,
th,
td,
article,
figure {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } i{font-style:normal !important;}
ol,
ul{list-style:none;list-style-type:none;margin:0;padding:0;}
article,
header,
footer,
aside,
figure,
figcaption,
nav,
section{display:block;}
h1,
h2,
h3,
h4,
h5{font-weight:500;}
a,
a:link,
a:visited {
text-decoration: none;
color: #524e4d; } a{-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
a:hover{color:#0094c8;}
input[type="text"],
input[type="search"],
input[type="search"]:hover,
input[type="button"],
input[type="submit"],
textarea,
text{-webkit-appearance:none;}
input::-webkit-input-placeholder{color:#ccc;}
input:focus{outline:0;}
@media (max-width: 767px) {
strong{font-weight:700;}
}
@media (min-width: 768px) {
strong{font-weight:600;}
}
html,
body,
header,
footer{margin:0;padding:0;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;letter-spacing:1px;}
@media (max-width: 767px) {
body{font-weight:400;}
}
@media (min-width: 768px) {
body{font-weight:300;}
}
.clearfix{clear:both;}
.text-off{display:none;}
.right{text-align:right;}
.logo-left{text-align:left;}
.tn_off,
.tn_search_off,
.tn_sns_off,
.header_off{display:none !important;}
@media (max-width: 767px) {
.sp-fix{position:fixed !important;}
}
#wrapper{width:100%;margin:0 auto;background:#FFFFFF;overflow:hidden;}
@media (max-width: 767px) {
#wrapper{position:relative;}
} #header-box{width:100%;padding:0;}
@media (max-width: 767px) {
#header-box{position:relative;z-index:2;min-height:46px;padding:10px 0;padding-bottom:0px;-webkit-transition:0.6s;transition:0.6s;overflow:hidden;}
}
@media (min-width: 768px) {
#header-box{min-height:60px;}
}
@keyframes headbox-animate {
0%{transform:translateY(-60px);filter:opacity(0);}
100%{transform:translateY(0px);filter:opacity(1);}
}
@keyframes head-animate {
0%{transform:translateY(10px);filter:opacity(0);}
100%{transform:translateY(0px);filter:opacity(1);}
}
@keyframes pickup-post-animate {
0%{transform:translateY(10px);filter:opacity(0);}
100%{transform:translateY(0px);filter:opacity(1);}
}
@keyframes main-post-animate {
0%{transform:translateY(10px);filter:opacity(0);}
100%{transform:translateY(0px);filter:opacity(1);}
}
@keyframes pickup-menu-animate {
0%{transform:translateY(30px);filter:opacity(0);}
100%{transform:translateY(0px);filter:opacity(1);}
}
@keyframes main-image-animate {
0%{filter:opacity(0);}
100%{filter:opacity(1);}
}
@keyframes pickup-animate {
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes main-image-text-animate {
0%{transform:translateY(20px);filter:opacity(0);}
100%{transform:translateY(0px);filter:opacity(1);}
}
@keyframes cps-info-animate {
0%{transform:translateX(-20px);filter:opacity(0);}
100%{transform:translateX(0px);filter:opacity(1);}
}
@keyframes cps-info-icon-animate {
0%{transform:translateX(0px);filter:opacity(1);}
100%{transform:translateX(10px);filter:opacity(0);}
}
.header-box.animate{animation-name:headbox-animate;animation-duration:0.6s;}
.header.animate{animation-name:head-animate;animation-duration:0.6s;animation-delay:0.6s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:3;}
.cps-info-bar.animate{animation-name:cps-info-animate;animation-duration:0.8s;animation-delay:1.1s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:4;}
@media (max-width: 767px) {
.cps-info-bar.animate:after{animation-name:cps-info-icon-animate;animation-duration:1.7s;animation-delay:1.4s;animation-timing-function:ease;animation-iteration-count:infinite;filter:opacity(1);z-index:4;}
.cps-icon-bar.animate,
.headsearch.animate .search-box:before{animation-name:main-image-animate;animation-duration:0.6s;animation-delay:1.1s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:4;}
.cps-sp-menu-bar.animate{animation-name:head-animate;animation-duration:0.6s;animation-delay:1.1s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:4;}
.main-contents.animate,
.pickup-contents-box.animate,
.pickup-contents-box-post-type.animate{animation-name:pickup-animate;animation-duration:0.6s;animation-delay:1.1s;animation-fill-mode:forwards;opacity:0;z-index:4;}
}
@media (min-width: 768px) {
.header-style3-animate.animate,
.header-style4-animate.animate,
.header-style6-animate.animate,
.header-style7-animate.animate,
.header-style8-animate.animate{animation-name:main-image-animate;animation-duration:0.6s;animation-delay:0.6s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:4;}
.header-style5-animate.animate,
.header-style9-animate.animate{animation-name:main-image-animate;animation-duration:0.6s;animation-delay:0.85s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:4;}
.pickup-contents-box-post-type.animate{animation-name:pickup-post-animate;animation-duration:0.8s;animation-delay:0.6s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:2;}
.main-contents.animate,
.sideber.animate{animation-name:main-post-animate;animation-duration:0.8s;animation-delay:0.85s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate{position:relative;z-index:3;}
.pickup-contents-box.animate li:nth-child(1){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:0.19s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(2){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:0.38s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(3){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:0.57s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(4){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:0.76s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(5){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:0.95s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(6){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:1.14s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(7){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:1.33s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(8){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:1.52s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(9){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:1.71s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(10){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:1.9s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(11){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:2.09s;animation-fill-mode:forwards;filter:opacity(0);}
.pickup-contents-box.animate li:nth-child(12){animation-name:pickup-menu-animate;animation-duration:0.8s;animation-delay:2.28s;animation-fill-mode:forwards;filter:opacity(0);}
.cps-info-bar.animate a span:after{animation-name:cps-info-icon-animate;animation-duration:1.7s;animation-delay:1.4s;animation-fill-mode:forwards;animation-timing-function:ease;animation-iteration-count:infinite;filter:opacity(1);z-index:4;}
}
.main-image.animate{animation-name:main-image-animate;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:3;}
.main-image-text.animate,
.main-image-text-sub.animate,
.top-image-btn-color.animate{animation-name:main-image-text-animate;animation-duration:1s;animation-fill-mode:forwards;filter:opacity(0);position:relative;z-index:3;}
#header{margin:0 auto;padding:0;display:flex;justify-content:space-between;}
@media (max-width: 767px) {
#header{margin-bottom:10px;}
}
@media (min-width: 768px) {
#header{width:100%;padding:0 20px;}
}
@media (min-width: 1200px) {
#header{width:1200px;}
}
#header #site-info{font-feature-settings:"palt";}
@media (max-width: 767px) {
#header #site-info{max-width:75%;text-align:center;font-weight:700;margin-top:1px;letter-spacing:1px;margin:0 auto;}
}
@media (min-width: 768px) {
#header #site-info{letter-spacing:3px;color:#fff;font-weight:normal;font-size:0.85rem;margin-right:auto;min-width:100px;max-width:250px;}
}
@media (min-width: 768px) {
#header #site-info .tn-logo-size{overflow:hidden;}
}
#header #site-info img{height:auto;}
@media (max-width: 767px) {
#header #site-info img{margin-bottom:-5px;max-width:100%;}
}
@media (min-width: 768px) {
.header-style6-box #headmenu{margin-top:11px !important;margin-left:20px !important;}
}
.header-style6-box #headmenu .search-text{top:-7px !important;}
@media (max-width: 767px) {
.cps-sp-menu-bar{padding:9px 5px 9px 5px;background-color:#fff;color:#fff;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.cps-sp-menu-bar ul{display:table;}
.cps-sp-menu-bar ul li{display:table-cell;}
.cps-sp-menu-bar ul li a{display:block;margin:0 3px;color:#000;font-size:0.75rem;letter-spacing:0px;padding:2px 8px 3px 8px;font-weight:500;font-feature-settings:"palt";}
.cps-sp-menu-bar ul span{padding-right:3px;}
.cps-sp-menu-bar ul .current-menu-item a{border-bottom:1px solid #ccc;}
}
@media (max-width: 767px) {
.cps-info-bar,
.cps-info-bar.animate{position:relative;}
}
@media (min-width: 768px) {
.cps-info-bar,
.cps-info-bar.animate{z-index:2;}
}
.cps-info-bar a,
.cps-info-bar.animate a{display:block;width:100%;background:pink;color:#fff !important;text-align:center;font-size:0.85rem;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.cps-info-bar a,
.cps-info-bar.animate a{font-weight:600;padding:6px 40px;letter-spacing:0;line-height:1.15rem;}
}
@media (min-width: 768px) {
.cps-info-bar a,
.cps-info-bar.animate a{font-weight:400;padding:7px 15px 8px 15px;letter-spacing:1;}
.cps-info-bar a span,
.cps-info-bar.animate a span{position:relative;display:inline-block;}
.cps-info-bar a span:after,
.cps-info-bar.animate a span:after{position:absolute;font-family:"Font Awesome\ 5 Free";font-weight:900;content:"\f101";color:#fff !important;top:4px;}
}
.cps-info-bar a:hover,
.cps-info-bar.animate a:hover{opacity:0.9;}
@media (max-width: 767px) {
.cps-info-bar:after,
.cps-info-bar.animate:after{position:absolute;font-family:"Font Awesome\ 5 Free";font-weight:900;content:"\f101";color:#fff !important;right:32px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:0;height:15px;}
}
@media (max-width: 767px) {
#headmenu{display:none;}
}
@media (min-width: 768px) {
#headmenu{display:flex;margin-top:16px;margin-bottom:0px;margin-left:10px;}
}
#headmenu .headsearch{width:30px;margin-right:5px;margin-top:4px;}
#headmenu .headsearch .search-box{display:block;position:relative;}
#headmenu .headsearch .search-box:hover{color:#f8b500;}
#headmenu .headsearch .search-box:before, #headmenu .headsearch .search-text{position:absolute;top:1px;right:0;width:20px;cursor:pointer;}
#headmenu .headsearch .search-box:before{font-family:"Font Awesome\ 5 Free";font-weight:900;content:"\f002";top:0px;font-size:20px;z-index:4;text-align:center;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#headmenu .headsearch .search-text{top:-7px;right:-3px;opacity:0;z-index:5;-webkit-transition:all .6s;transition:all .6s;border-radius:20px;padding:8px 12px;border:none;font-size:14px;}
#headmenu .headsearch .search-text:focus{outline:0;opacity:1;width:220px;cursor:text;}
#headmenu .headsearch input[type="submit"]{display:none;}
#headmenu .headsearch input::-webkit-input-placeholder{font-size:13px;}
#headmenu .headsns{display:flex;}
#headmenu .headsns a{-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;display:block;color:#fff;margin:0 5px;font-size:10px;padding:6px 6px;width:28px;height:28px;border-radius:14px;border:1px solid #fff;overflow:hidden;line-height:0 !important;}
#headmenu .headsns a:hover{color:#f8b500 !important;-webkit-transform:scale(1.1);transform:scale(1.1);}
#headmenu .headsns .twitter a{padding-left:7px;}
#headmenu .headsns .facebook a{padding-left:9px;}
#headmenu .headsns .instagram a{padding-left:7px;}
#headmenu .headsns .youtube a{padding-top:6px;padding-left:6px;}
#headmenu .headsns .line a{padding-top:10px;padding-left:5px;}
#headmenu .headsns .line a svg{fill:#fff;width:16px;height:auto;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#headmenu .headsns .line a:hover svg{fill:#f8b500 !important;}
@media (max-width: 767px) {
.headsearch{position:absolute;z-index:4;}
.headsearch .search-box{position:relative;}
.headsearch .search-box:before, .headsearch .search-text{position:absolute;left:13px;width:20px;cursor:pointer;}
.headsearch .search-box:before{font-family:"Font Awesome\ 5 Free";font-weight:900;content:"\f002";top:13px;font-size:20px;z-index:4;text-align:center;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.headsearch .search-text{top:7px;left:8px;opacity:0;z-index:5;-webkit-transition:all .6s;transition:all .6s;border-radius:20px;padding:5px 12px;border:none;font-size:16px;}
.headsearch .search-text:focus{outline:0;opacity:1;width:260px;cursor:text;}
.headsearch input[type="submit"]{display:none;}
.headsearch input::-webkit-input-placeholder{font-size:13px;}
}
@media (min-width: 768px) {
#header.header-type2{position:relative;display:block;}
}
@media (min-width: 768px) {
#header.header-type2 #site-info{display:block;text-align:center;max-width:100%;}
}
#header.header-type2 #headmenu{position:absolute;right:30px;top:0;}
#main-image{position:relative;}
@media (max-width: 767px) {
#main-image{overflow:hidden;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.15);}
}
#main-image img{max-width:100%;height:auto;display:block;margin:0 auto;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#main-image a:hover img{opacity:0.8;}
#main-image .top-image-meta{position:absolute;text-align:center;}
@media (max-width: 767px) {
#main-image .top-image-meta{top:50%;width:90%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);}
}
@media (min-width: 768px) {
#main-image .top-image-meta{left:50%;top:50%;width:100%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);}
}
#main-image .main-image-text{display:block;text-align:center;font-feature-settings:"palt";}
@media (max-width: 767px) {
#main-image .main-image-text{font-size:1.25rem;line-height:1.75rem;letter-spacing:2px;}
}
@media (min-width: 768px) {
#main-image .main-image-text{font-size:1.65rem;max-width:85%;line-height:2.15rem;letter-spacing:3px;margin:0 auto;}
}
@media (min-width: 1024px) {
#main-image .main-image-text{font-size:2.4rem;max-width:1000px;line-height:3rem;letter-spacing:4px;}
}
#main-image .main-image-text-sub{display:block;}
@media (max-width: 767px) {
#main-image .main-image-text-sub{margin-top:20px;font-size:0.75rem;}
}
@media (min-width: 768px) {
#main-image .main-image-text-sub{font-size:0.85rem;max-width:85%;margin:0 auto;margin-top:15px;}
}
@media (min-width: 1024px) {
#main-image .main-image-text-sub{margin-top:30px;font-size:1rem;max-width:700px;}
}
#main-image .top-image-text-option-border{text-shadow:white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;}
#main-image .top-image-text-option-shadow{text-shadow:0 3px 8px #aaa;}
#main-image .top-image-subtext-option-border{text-shadow:white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;}
#main-image .top-image-subtext-option-shadow{text-shadow:0 1px 3px #555;}
@media (max-width: 767px) {
#main-image .top-image-btn-color{margin-top:30px;}
}
@media (min-width: 768px) {
#main-image .top-image-btn-color{margin-top:30px;}
}
@media (min-width: 1024px) {
#main-image .top-image-btn-color{margin-top:50px;}
}
#main-image .top-image-btn-color a{font-weight:300;letter-spacing:1px;}
@media (max-width: 767px) {
#main-image .top-image-btn-color a{font-size:0.8rem;}
}
@media (min-width: 768px) {
#main-image .top-image-btn-color a{padding:10px 30px;}
}
@media (min-width: 1024px) {
#main-image .top-image-btn-color a{padding:15px 60px;}
} #contents{padding-top:10px;margin:0 auto;}
#contents::after{clear:both;content:"";display:block;}
@media (max-width: 767px) {
#contents{padding-top:0;margin-top:0px;}
}
@media (min-width: 768px) {
#contents{width:100%;margin-top:20px;margin-bottom:10px;}
}
@media (min-width: 835px) and (max-width: 1199px) {
#contents{width:100%;}
}
@media (min-width: 1200px) {
#contents{width:1200px;}
}
@media (max-width: 767px) {
#main-contents-one{width:calc(100% - 30px);float:left;margin-left:15px;margin-bottom:15px;margin-top:10px;}
}
@media (min-width: 768px) {
#main-contents-one{width:calc(100% - 60px);float:left;margin-left:30px;}
}
@media (max-width: 767px) {
#main-contents{width:calc(100% - 30px);float:left;margin-left:15px;margin-bottom:15px;margin-top:10px;}
}
@media (min-width: 768px) {
#main-contents{width:calc(66.6666666667% - 16.6666666667px);float:left;margin-left:10px;}
}
@media (min-width: 1024px) {
#main-contents{width:calc(67.5% - 50.25px);float:left;margin-left:30px;margin-bottom:0;}
}
@media (max-width: 767px) {
#sidebar{width:calc(100% - 30px);float:left;margin-left:15px;}
}
@media (min-width: 768px) {
#sidebar{width:calc(33.3333333333% - 26.6666666667px);float:left;margin-left:20px;max-width:350.25px !important;}
}
@media (min-width: 1024px) {
#sidebar{width:calc(32.5% - 39.75px);float:left;margin-left:30px;max-width:350.25px !important;}
} footer .widgettitle{border-bottom:2px solid #2b2b2b;margin-bottom:15px;padding-bottom:13px;font-size:1.1rem;font-weight:500;}
@media (max-width: 767px) {
#widget-tracking{display:none;}
}
.sidebar_style1 .widget{border-radius:2px;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.18);padding-bottom:25px;padding-top:25px;margin-bottom:20px;font-weight:400;font-size:0.95rem;}
@media (max-width: 767px) {
.sidebar_style1 .widget{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
@media (max-width: 767px) {
.sidebar_style1 .widget{padding:0px;padding-bottom:0;padding-top:0;margin-bottom:30px;}
}
@media (min-width: 768px) {
.sidebar_style1 .widget{padding:15px;}
}
@media (min-width: 1024px) {
.sidebar_style1 .widget{padding:30px;}
}
.sidebar_style1 .widgettitle{border-bottom:2px solid #2b2b2b;margin-bottom:15px;padding-bottom:2px;font-weight:500;}
@media (max-width: 767px) {
.sidebar_style1 .widgettitle{font-size:1.1rem;}
}
@media (min-width: 768px) {
.sidebar_style1 .widgettitle{font-size:1rem;}
}
@media (min-width: 1024px) {
.sidebar_style1 .widgettitle{font-size:1.1rem;}
}
.sidebar_style6 .widget{border-radius:2px;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.18);padding-bottom:25px;padding-top:25px;margin-bottom:20px;font-weight:400;font-size:0.95rem;}
@media (max-width: 767px) {
.sidebar_style6 .widget{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
@media (max-width: 767px) {
.sidebar_style6 .widget{padding:0px;padding-bottom:0;padding-top:0;margin-bottom:30px;}
}
@media (min-width: 768px) {
.sidebar_style6 .widget{padding:0px;}
}
.sidebar_style6 .widgettitle{background:#2b2b2b;color:#fff;padding:10px;text-align:center;font-weight:500;border-top-left-radius:2px;border-top-right-radius:2px;font-size:1rem;}
@media (min-width: 768px) {
.sidebar_style6 .widgettitle{padding:10px 15px;font-size:0.95rem;}
}
@media (max-width: 767px) {
.sidebar_style6 .widgettitle + div,
.sidebar_style6 .widgettitle + ul,
.sidebar_style6 .widgettitle + form,
.sidebar_style6 .search-box,
.sidebar_style6 .widget-ranking{padding-top:10px;}
}
@media (min-width: 768px) {
.sidebar_style6 .widgettitle + div,
.sidebar_style6 .widgettitle + ul,
.sidebar_style6 .widgettitle + form,
.sidebar_style6 .search-box,
.sidebar_style6 .widget-ranking{padding:15px;padding-top:10px;}
}
@media (min-width: 1024px) {
.sidebar_style6 .widgettitle + div,
.sidebar_style6 .widgettitle + ul,
.sidebar_style6 .widgettitle + form,
.sidebar_style6 .search-box,
.sidebar_style6 .widget-ranking{padding:30px;padding-top:15px;}
}
@media (max-width: 767px) {
.sidebar_style6 .my-profile{padding-top:20px;}
}
@media (min-width: 768px) {
.sidebar_style6 .my-profile{padding:15px;padding-top:10px;padding-bottom:100px !important;}
}
@media (min-width: 1024px) {
.sidebar_style6 .my-profile{padding:30px;padding-top:15px;padding-bottom:115px !important;}
}
@media (max-width: 767px) {
.sidebar_style6 #new-entry-box{padding-top:10px;}
}
@media (min-width: 768px) {
.sidebar_style6 #new-entry-box{padding:15px;padding-top:10px;}
}
@media (min-width: 1024px) {
.sidebar_style6 #new-entry-box{padding:30px;padding-top:15px;padding-bottom:15px;}
}
@media (min-width: 1024px) {
.sidebar_style6 .widget_categories form{padding-bottom:20px;padding-top:20px;}
}
@media (max-width: 767px) {
.sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after{top:32px;}
}
@media (min-width: 768px) {
.sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after{right:25px;}
}
@media (min-width: 1024px) {
.sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after{right:40px;}
}
@media (min-width: 768px) {
.sidebar_style6 .widget_tag_cloud .tagcloud{padding-top:15px;}
}
@media (min-width: 1024px) {
.sidebar_style6 .widget_tag_cloud .tagcloud{padding-bottom:20px;padding-top:20px;}
}
@media (max-width: 767px) {
.sidebar_style6 .widget_search .search-box input[type="search"]{top:10px;}
}
@media (min-width: 768px) {
.sidebar_style6 .widget_search .search-box input[type="search"]{right:auto;left:auto;width:calc(100% - 30px);top:13px;}
}
@media (min-width: 1024px) {
.sidebar_style6 .widget_search .search-box input[type="search"]{top:23px;width:calc(100% - 60px);}
}
@media (max-width: 767px) {
.sidebar_style6 .widget_search .search-box input[type="submit"]{top:10px;}
}
@media (min-width: 768px) {
.sidebar_style6 .widget_search .search-box input[type="submit"]{top:18px;right:15px;}
}
@media (min-width: 1024px) {
.sidebar_style6 .widget_search .search-box input[type="submit"]{top:23px;right:30px;}
}
.sidebar_style2 .widget{margin-bottom:50px;font-weight:400;font-size:0.95rem;}
@media (max-width: 767px) {
.sidebar_style2 .widget{padding:0px;padding-bottom:0;padding-top:0;margin-bottom:30px;}
}
@media (min-width: 768px) {
.sidebar_style2 .widget{padding-top:0;padding-left:10px;}
}
@media (min-width: 1024px) {
.sidebar_style2 .widget{padding-left:20px;}
}
.sidebar_style2 .widgettitle{margin-bottom:15px;padding:10px 15px;background:#ccc;color:#fff;border-radius:2px;font-weight:500;}
@media (max-width: 767px) {
.sidebar_style2 .widgettitle{font-size:1.1rem;}
}
@media (min-width: 768px) {
.sidebar_style2 .widgettitle{font-size:1rem;}
}
.sidebar_style3 .widget{margin-bottom:50px;font-weight:400;font-size:0.95rem;}
@media (max-width: 767px) {
.sidebar_style3 .widget{padding:0px;padding-bottom:0;padding-top:0;margin-bottom:30px;}
}
@media (min-width: 768px) {
.sidebar_style3 .widget{padding-top:0;padding-left:10px;}
}
@media (min-width: 1024px) {
.sidebar_style3 .widget{padding-left:20px;}
}
.sidebar_style3 .widgettitle{margin-bottom:15px;padding:10px;position:relative;}
@media (max-width: 767px) {
.sidebar_style3 .widgettitle{font-size:1.1rem;font-weight:500;}
}
@media (min-width: 768px) {
.sidebar_style3 .widgettitle{font-size:1rem;font-weight:300;}
}
@media (min-width: 1024px) {
.sidebar_style3 .widgettitle{font-size:1.3rem;}
}
.sidebar_style3 .widgettitle:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;border-radius:5px;background-image:-webkit-linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);background-image:linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);background-size:6px 6px;}
.sidebar_style4 .widget{margin-bottom:50px;font-weight:400;font-size:0.95rem;}
@media (max-width: 767px) {
.sidebar_style4 .widget{padding:0px;padding-bottom:0;padding-top:0;margin-bottom:30px;}
}
@media (min-width: 768px) {
.sidebar_style4 .widget{padding-top:0;padding-left:10px;}
}
@media (min-width: 1024px) {
.sidebar_style4 .widget{padding-left:20px;}
}
.sidebar_style4 .widgettitle{margin-bottom:15px;padding:10px 15px;font-size:0.95rem;border:3px double #fff !important;color:#fff;border-radius:2px;text-align:center;font-weight:500;}
.sidebar_style5 .widget{margin-bottom:50px;font-weight:400;font-size:0.95rem;}
@media (max-width: 767px) {
.sidebar_style5 .widget{padding:0px;padding-bottom:0;padding-top:0;margin-bottom:30px;}
}
@media (min-width: 768px) {
.sidebar_style5 .widget{padding-top:0;padding-left:10px;}
}
@media (min-width: 1024px) {
.sidebar_style5 .widget{padding-left:20px;}
}
.sidebar_style5 .widgettitle{margin-bottom:15px;padding:10px;padding-bottom:2px;position:relative;border-bottom:3px double #ccc;}
@media (max-width: 767px) {
.sidebar_style5 .widgettitle{font-size:1.1rem;font-weight:500;}
}
@media (min-width: 768px) {
.sidebar_style5 .widgettitle{font-size:1rem;font-weight:300;}
}
@media (min-width: 1024px) {
.sidebar_style5 .widgettitle{font-size:1.3rem;}
}
.widget .screen-reader-text{display:none;}
.widget.widget_custom_html{box-shadow:none !important;background:none !important;}
.sidebar_style1 .widget_custom_html,
.sidebar_style6 .widget_custom_html{padding:0 !important;}
.widget_archive select,
.widget_categories select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(192, 192, 192, 0.15);width:100%;margin:0px;padding:10px;border-radius:2px;font-size:0.85rem;color:#888;border:none;}
@media (max-width: 767px) {
.widget_archive select,
.widget_categories select{font-size:16px;}
}
.widget_archive form,
.widget_categories form{position:relative;}
.widget_archive form:after,
.widget_categories form:after{font-family:"Font Awesome\ 5 Free";font-weight:900;content:"\f107";position:absolute;right:10px;top:50%;pointer-events:none;line-height:0;font-size:1.45rem;}
.widget_archive select:focus,
.widget_categories select:focus{outline:0;}
.widget_archive select::-ms-expand,
.widget_categories select::-ms-expand{display:none;}
@media (max-width: 767px) {
.textwidget{font-size:0.95rem;}
}
@media (min-width: 768px) {
.textwidget{font-size:0.85rem;}
}
.textwidget img{max-width:100%;height:auto;display:block;}
.widget_search .search-box{position:relative;height:34px;}
.widget_search .search-box input[type="search"]{background-color:#fff;border:1px solid #ddd;height:34px;width:100%;margin:0;padding:0 10px;padding-right:40px;border-radius:17px;position:absolute;top:0;right:0;font-size:13px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.widget_search .search-box input[type="search"]{font-size:16px;}
}
.widget_search .search-box input[type="submit"]{font-family:"Font Awesome\ 5 Free";font-weight:900;position:absolute;top:0;right:0;border:none;height:34px;width:34px;background:none;display:inline-block;font-size:14px;color:#aaa !important;}
@media (max-width: 767px) {
.widget_search .search-box input[type="submit"]{font-size:16px;right:10px;}
}
.widget_search .search-box input[type="search"]:focus{outline:none;border:1px solid #0094c8;}
.widget_search .search-box input[type="submit"]:hover{cursor:pointer;}
#wp-calendar{width:100%;border-collapse:collapse;border-top-width:1px;border-right-width:1px;border-top-style:solid;border-right-style:solid;border-top-color:#aaa;border-right-color:#aaa;font-size:0.75rem;}
#wp-calendar thead tr th{border-bottom-width:1px;border-left-width:1px;border-bottom-style:solid;border-left-style:solid;border-bottom-color:#aaa;border-left-color:#aaa;padding:2px;background:#eee;font-weight:400;}
#wp-calendar thead tr th:nth-child(6){background-color:#C0DDF9;}
#wp-calendar thead tr th:nth-child(7){background-color:#F5D0D3;}
#wp-calendar td{text-align:center;padding:2px;border-bottom-width:1px;border-left-width:1px;border-bottom-style:solid;border-left-style:solid;border-bottom-color:#aaa;border-left-color:#aaa;background:#fff;}
#wp-calendar caption{text-align:center;border:1px solid #aaa;border-bottom:none;background:#fff;padding:5px 0;}
#wp-calendar tbody tr #today{background-color:#CCC;}
.widget_meta ul{padding:15px;padding-top:0;padding-bottom:0;padding-left:20px;margin:0;list-style-type:disc;}
.widget_meta ul li{padding:3px 0;}
.widget_archive ul li{position:relative;}
.widget_archive ul li a{display:block;position:relative;overflow:hidden;*zoom:1;padding-top:10px;padding-left:5px;padding-bottom:10px;border-bottom:1px solid rgba(0, 0, 0, 0.05);}
@media (max-width: 767px) {
.widget_archive ul li a{font-size:0.95rem;font-weight:600;}
}
@media (min-width: 768px) {
.widget_archive ul li a{font-size:0.85rem;font-weight:500;}
}
@media (min-width: 1024px) {
.widget_archive ul li a{font-size:0.95rem;}
}
.widget_archive ul li:last-of-type a{border:none;}
.widget_media_video iframe,
.textwidget iframe{width:100%;}
.widget_recent_comments ul{padding-left:0px;}
.widget_recent_comments ul li{position:relative;border-bottom:1px solid rgba(0, 0, 0, 0.05);padding-left:25px;padding-bottom:12px;padding-top:12px;}
@media (max-width: 767px) {
.widget_recent_comments ul li{padding-bottom:12px;padding-top:12px;}
}
.widget_recent_comments ul li > a:before{display:block;font-family:"Font Awesome\ 5 Free";font-weight:900;content:'\f27a';position:absolute;top:-3px;left:-21px;width:10px;height:10px;}
.widget_recent_comments ul li{display:block;overflow:hidden;font-size:0.85rem;line-height:1.15rem;*zoom:1;}
@media (max-width: 767px) {
.widget_recent_comments ul li{font-weight:600;}
}
@media (min-width: 768px) {
.widget_recent_comments ul li{font-weight:500;}
}
.widget_recent_comments ul li a{position:relative;}
.widget_pages ul li a{display:block;overflow:hidden;*zoom:1;padding-top:12px;padding-left:5px;padding-bottom:12px;border-bottom:1px solid rgba(0, 0, 0, 0.05);line-height:1.3rem;font-size:0.85rem;position:relative;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.widget_pages ul li a{font-weight:600;}
}
@media (min-width: 768px) {
.widget_pages ul li a{font-weight:500;}
}
.widget_pages ul li:last-of-type a{border:none;padding-bottom:0;}
.widget_recent_entries ul li{border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.widget_recent_entries ul li a{display:block;overflow:hidden;*zoom:1;padding-top:12px;padding-left:5px;padding-bottom:12px;line-height:1.2rem;font-size:0.85rem;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.widget_recent_entries ul li a{font-weight:600;}
}
@media (min-width: 768px) {
.widget_recent_entries ul li a{font-weight:500;}
}
.widget_recent_entries ul li .post-date{display:block;text-align:right;font-size:0.8rem;color:#bbb;font-weight:300;letter-spacing:1px;}
@media (max-width: 767px) {
.widget_recent_entries ul li .post-date{font-weight:400;}
}
.widget_tag_cloud .tagcloud{padding:0px;}
.widget_tag_cloud a{display:inline-table;max-width:100%;padding:4px 8px;margin-bottom:4px;margin-right:1px;background:rgba(0, 0, 0, 0.04);border-radius:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.65rem !important;text-decoration:none;letter-spacing:0;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.widget_tag_cloud a{margin-bottom:5px;}
}
.widget_tag_cloud a:hover{background-color:#f8b500;color:#fff !important;}
.new-entry-item:last-child{margin-bottom:0;}
.new-entry-item a{display:block;padding-top:10px;padding-bottom:10px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.new-entry-item a::after{clear:both;content:"";display:block;}
.new-entry-item a:first-child{margin-top:0px;}
@media (max-width: 767px) {
.new-entry{width:calc(37.5%);float:left;margin-left:0px;}
}
@media (min-width: 768px) {
.new-entry{width:calc(33.3333333333%);float:left;margin-left:0px;}
}
.new-entry .eyecatch{width:100%;padding:0;margin:0;}
.new-entry .eyecatch img{width:100%;display:block;background:#fff;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.new-entry-item-meta{padding:0;}
@media (max-width: 767px) {
.new-entry-item-meta{width:calc(58.3333333333%);float:left;margin-left:0px;left:calc(4.1666666667% + 0px);position:relative;}
}
@media (min-width: 768px) {
.new-entry-item-meta{width:calc(62.5%);float:left;margin-left:0px;left:calc(4.1666666667% + 0px);position:relative;}
}
.new-entry-item-meta .date{font-size:0.8rem;color:#bbb;font-weight:300;letter-spacing:1px;display:block;margin-top:0px;margin-bottom:0;}
@media (max-width: 767px) {
.new-entry-item-meta .date{font-weight:400;}
}
@media (min-width: 1200px) {
.new-entry-item-meta .date{margin-bottom:6px;}
}
.new-entry-item-title{font-size:0.85rem;line-height:1.15rem;margin-bottom:0;}
@media (max-width: 767px) {
.new-entry-item-title{font-weight:600;margin-top:3px;}
}
@media (min-width: 768px) {
.new-entry-item-title{font-weight:500;}
}
@media (min-width: 1024px) {
.new-entry-item-title{font-weight:500;}
}
.popular-meta{width:calc(100%);float:left;margin-left:0px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;border-radius:2px;margin-top:6px;padding:1px 7px;padding-left:4px;}
.popular-item a:hover > .popular-meta{background:transparent;}
.popular-item{margin-top:0px;margin-bottom:0px;}
.popular-item .new-entry{position:relative;}
.pop-num{position:absolute;top:0px;left:0px;width:20px;height:20px;color:#fff;background:#ccc !important;text-align:center;line-height:0;font-size:0.75rem;padding-top:10px;letter-spacing:0;}
.popular-count{display:block;float:right;text-align:right;color:rgba(0, 0, 0, 0.35);border-bottom:1px dashed rgba(0, 0, 0, 0.35);}
@media (max-width: 767px) {
.popular-count{font-size:0.75rem;letter-spacing:1px;}
}
@media (min-width: 768px) {
.popular-count{font-size:0.75rem;}
}
.popular-count div{display:inline-block;font-weight:300;}
@media (max-width: 767px) {
.popular-count span{font-size:0.95rem;letter-spacing:1;}
}
@media (min-width: 768px) {
.popular-count span{font-size:0.85rem;font-weight:400;}
}
.widget_categories ul{padding:0;margin:0;}
.widget_categories ul li{position:relative;padding:0px;background:transparent;border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.widget_categories ul li:last-of-type{border:none;}
.widget_categories ul li.menu-item-has-children{padding-bottom:10px;}
.widget_categories ul li.menu-item-has-children:last-of-type{padding-bottom:0px;}
.widget_categories ul li a{padding:12px;padding-left:28px;display:block;border-left:none;position:relative;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.widget_categories ul li a{font-size:0.95rem;font-weight:600;padding-right:40px;}
}
@media (min-width: 768px) {
.widget_categories ul li a{font-size:0.85rem;padding-right:40px;font-weight:500;}
}
@media (min-width: 1024px) {
.widget_categories ul li a{font-size:0.95rem;}
}
.widget_categories ul li a:before{content:"\f138";font-family:"Font Awesome\ 5 Free";font-weight:900;position:absolute;left:6px;line-height:0;width:14px;height:1px;padding-left:2px;font-size:0.85rem;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;top:24px;}
.widget_categories ul li:last-child a{padding-bottom:0;}
.widget_categories ul .children{padding-left:25px;margin-bottom:10px;}
.widget_categories ul .children li{border:none;}
.widget_categories ul .children li a{border-left:none;padding:3px 10px;padding-left:26px;position:relative;font-size:0.85rem;line-height:1.15rem;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.widget_categories ul .children li a:before{content:"・";position:absolute;left:2px;width:5px;height:1px;font-size:24px;line-height:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;top:12px;}
.widget_categories ul .children .children{margin-top:5px;margin-bottom:0;}
.widget_categories ul .children .children li a{padding:3px 10px;padding-left:26px;font-weight:300;font-size:0.75rem;line-height:1.05rem;}
.widget_categories ul .children .children li a:before{content:"";position:absolute;left:17px;width:1px;height:18px;padding:0;background:#777;line-height:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;top:2px;}
.widget_categories ul .count,
.widget_archive ul .count{position:absolute;right:3px;top:13px;padding:1px 3px;min-width:30px;font-size:0.7rem;color:#aaa;border:1px solid #ccc;border-radius:2px;font-weight:300;letter-spacing:0;line-height:1rem;text-align:center;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.widget_categories ul li a:hover .count,
.widget_archive ul li a:hover .count{color:#fff;background:#aaa;border:1px solid #aaa;}
.widget_categories ul li ul li ul li .count{display:none;top:2px;}
@media (max-width: 767px) {
.widget_categories ul li ul li .count{top:2px;}
}
@media (min-width: 768px) {
.widget_categories ul li ul li .count{top:2px;}
}
.widget_nav_menu ul{padding:0;margin:0;}
.widget_nav_menu ul li{padding:0px;background:transparent;border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.widget_nav_menu ul li:last-of-type{border:none;}
.widget_nav_menu ul li.menu-item-has-children{padding-bottom:10px;}
.widget_nav_menu ul li.menu-item-has-children:last-of-type{padding-bottom:0px;}
.widget_nav_menu ul li span{display:inline-block;padding-right:3px;}
.widget_nav_menu ul li a{padding:12px;padding-left:28px;display:block;border-left:none;position:relative;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.widget_nav_menu ul li a{font-size:0.95rem;font-weight:600;}
}
@media (min-width: 768px) {
.widget_nav_menu ul li a{font-size:0.85rem;padding-right:35px;font-weight:500;}
}
@media (min-width: 1024px) {
.widget_nav_menu ul li a{font-size:0.95rem;}
}
.widget_nav_menu ul li a:before{content:"\f138";font-family:"Font Awesome\ 5 Free";font-weight:900;position:absolute;left:6px;line-height:0;width:14px;height:1px;padding-left:2px;font-size:0.85rem;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;top:24px;}
.widget_nav_menu ul li:last-child a{padding-bottom:0;}
.widget_nav_menu ul .sub-menu{padding-left:25px;margin-top:-2px;}
.widget_nav_menu ul .sub-menu li{position:relative;padding:0;border:none;}
.widget_nav_menu ul .sub-menu li a{border-left:none;padding:3px 10px;padding-left:26px;position:relative;font-size:0.85rem;line-height:1.15rem;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.widget_nav_menu ul .sub-menu li a:before{content:"・";position:absolute;left:2px;width:5px;height:1px;font-size:24px;line-height:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;top:12px;}
.widget_nav_menu ul .sub-menu .sub-menu{margin-top:5px;padding-top:0;}
.widget_nav_menu ul .sub-menu .sub-menu li a{padding:3px 10px;padding-left:26px;font-weight:300;font-size:0.75rem;line-height:1.05rem;}
.widget_nav_menu ul .sub-menu .sub-menu li a:before{content:"";position:absolute;left:17px;width:1px;height:18px;padding:0;background:#777;line-height:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;top:2px;}
.widget_nav_menu ul > li.menu-item-has-children > a{padding-bottom:10px;}
.widget_nav_menu ul > li > ul > li.menu-item-has-children > a{padding-bottom:2px;}
.widget_nav_menu ul > li > ul > li > ul > li:last-of-type,
.widget_categories ul > li > ul > li > ul > li:last-of-type{padding-bottom:5px;}
.widget_nav_menu ul > li > a:hover,
.widget_categories ul > li > a:hover{-webkit-transform:translateX(3px);transform:translateX(3px);}
@media (max-width: 767px) {
.widget_nav_menu ul > li > ul.sub-menu > li,
.widget_categories ul > li > ul.children > li{margin-bottom:0;}
.widget_nav_menu ul > li > ul > li.menu-item-has-children > ul{margin-bottom:0px;}
} .sp-menu-widget-box{width:100%;margin-top:15px;margin-bottom:0px;padding-bottom:0;}
.sp-menu-widget-box::after{clear:both;content:"";display:block;}
.sp-menu-widget-box .sp-menu-widget{width:calc(100% - 30px);float:left;margin-left:15px;}
.sp-menu-widget-box .sp-menu-widgettitle{display:block;font-size:1rem;text-align:center;margin-top:15px;margin-bottom:10px;}
.sp-menu-widget-box .sp-menu-widgettitle span{border-bottom:1px solid #aaa;padding:3px 10px;}
.sp-menu-widget-box .textwidget{font-weight:400;margin-bottom:15px;letter-spacing:0;}
.sp-menu-widget-box .textwidget img{max-width:100%;height:auto;display:block;}
.sp-menu-widget-box .custom-html-widget{margin-top:5px;}
.sp-menu-widget-box .widget_nav_menu{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);font-size:0.8em;letter-spacing:0;margin-bottom:15px;}
@media (max-width: 767px) {
.sp-menu-widget-box .widget_nav_menu{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.sp-menu-widget-box .widget_nav_menu ul{padding:0;padding-top:5px;margin:0;}
.sp-menu-widget-box .widget_nav_menu ul li{width:calc(33.3333333333%);float:left;margin-left:0px;background:#fff;margin-bottom:5px;min-height:70px;border:none;}
.sp-menu-widget-box .widget_nav_menu ul li ul{display:none;}
.sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n+1){clear:both;}
.sp-menu-widget-box .widget_nav_menu ul li a{padding:10px 5px;padding-top:5px;padding-left:4px;display:block;text-align:center;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.sp-menu-widget-box .widget_nav_menu ul li a span{display:block;font-size:1.4rem;}
.sp-menu-widget-box .widget_nav_menu ul li:first-child a,
.sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n+1) a{padding-left:10px;border-left:none;}
#prev-next{display:flex;padding:0;margin-bottom:20px;margin-top:30px;}
@media (max-width: 767px) {
#prev-next{display:block;margin-bottom:0px;}
}
#prev-next .prev,
#prev-next .next{-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;position:relative;text-decoration:none;overflow:hidden;padding:15px;padding-top:0px;padding-bottom:0px;}
@media (max-width: 767px) {
#prev-next .prev,
#prev-next .next{box-shadow:0px 0px 1px rgba(0, 0, 0, 0.25);display:block;min-height:70px;}
}
@media (min-width: 768px) {
#prev-next .prev,
#prev-next .next{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);flex:1;min-height:40px;padding-left:10px;padding-right:10px;}
}
@media (min-width: 768px) and (max-width: 767px) {
#prev-next .prev,
#prev-next .next{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
@media (min-width: 1024px) {
#prev-next .prev,
#prev-next .next{min-height:70px;}
}
#prev-next .prev .metabox,
#prev-next .next .metabox{display:flex;}
#prev-next .prev .metabox p,
#prev-next .next .metabox p{margin-bottom:5px;width:70%;}
@media (max-width: 767px) {
#prev-next .prev .metabox p,
#prev-next .next .metabox p{font-size:12px;font-weight:700;line-height:1.1rem;margin-top:9px;}
}
@media (min-width: 768px) {
#prev-next .prev .metabox p,
#prev-next .next .metabox p{font-size:11px;font-weight:500;line-height:1.05rem;margin-top:5px;}
}
@media (min-width: 1024px) {
#prev-next .prev .metabox p,
#prev-next .next .metabox p{font-size:13px;line-height:1.3rem;margin-top:14px;}
}
#prev-next .prev .metabox img,
#prev-next .next .metabox img{-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
#prev-next .prev .metabox img,
#prev-next .next .metabox img{width:auto;height:85px;}
}
@media (min-width: 768px) {
#prev-next .prev .metabox img,
#prev-next .next .metabox img{width:auto;height:55px;}
}
@media (min-width: 1024px) {
#prev-next .prev .metabox img,
#prev-next .next .metabox img{width:auto;height:85px;}
}
#prev-next a:hover{transform:translateY(-3px);box-shadow:0px 3px 18px 3px rgba(0, 0, 0, 0.08);}
#prev-next .prev{display:block;padding-left:0;}
@media (min-width: 768px) {
#prev-next .prev{margin-right:20px;}
}
#prev-next .prev img{margin-right:15px;}
#prev-next .next{display:block;padding-right:0;}
@media (max-width: 767px) {
#prev-next .next{margin-top:10px;}
}
#prev-next .next img{margin-left:15px;}
#prev-next a.prev:after{position:absolute;content:'PREV';font-size:0.5rem;text-align:center;background:#2b2b2b;color:#fff !important;border-bottom-left-radius:2px;border-bottom-right-radius:2px;top:-1px;left:10px;padding:2px 6px;}
#prev-next a.next:after{position:absolute;content:'NEXT';font-size:0.5rem;text-align:center;background:#2b2b2b;color:#fff !important;border-bottom-left-radius:2px;border-bottom-right-radius:2px;top:-1px;right:10px;padding:2px 6px;}
#prev-next .prevnext-none{background:#fff;}
@media (max-width: 767px) {
#prev-next .prevnext-none{display:none;}
}
#prev-next a.prev:after,
#prev-next a.next:after{font-family:'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;}
#comment-area,
#respond{width:100%;font-weight:400;margin-bottom:20px;margin-top:20px;}
@media (max-width: 767px) {
#comment-area{padding:0;}
}
@media (min-width: 768px) {
#comment-area{padding:0px;}
}
@media (max-width: 767px) {
#respond{padding:15px 0;}
}
@media (min-width: 768px) {
#respond{padding:0px;}
}
.comment-list{color:#524e4d;margin-bottom:30px;}
.comment-list p{font-size:0.9em;}
.commentmetadata,
.comment-awaiting-moderation{font-size:0.7em;}
.reply{margin-top:15px;text-align:right;}
.reply a{padding:5px 30px;font-size:0.8em;color:#fff !important;background:#ccc;border-radius:4px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.reply a:hover{background:#aaa;}
@media (max-width: 767px) {
#comment-title{margin-bottom:20px;}
}
@media (min-width: 768px) {
#comment-title{margin-bottom:20px;}
}
@media (max-width: 767px) {
#reply-title{margin-bottom:20px;}
}
@media (min-width: 768px) {
#reply-title{margin-bottom:0px;}
}
#reply-title span,
#comment-title span{position:relative;display:inline-block;line-height:0;letter-spacing:1px;}
@media (max-width: 767px) {
#reply-title span,
#comment-title span{font-size:1rem;padding:20px 13px;padding-bottom:0;font-weight:700;}
}
@media (min-width: 768px) {
#reply-title span,
#comment-title span{font-size:1.15rem;padding:20px 14px;font-weight:400;}
}
#reply-title .fa-comment-alt,
#comment-title .fa-comment-alt{font-size:1.3rem;line-height:0;margin-right:15px;position:relative;z-index:1;color:#fff;}
#reply-title span:before,
#comment-title span:before{content:"";position:absolute;z-index:0;top:10px;left:4px;border:1px solid #ccc;width:38px;height:38px;border-radius:25px;}
.logged-in-as{color:#524e4d;}
#cancel-comment-reply-link{font-size:0.7em;text-decoration:underline;}
@media (min-width: 768px) {
.logged-in-as + .comment-flexbox .form-submit{margin-top:16px !important;font-size:0.85rem !important;}
}
@media (min-width: 768px) {
.logged-in-as + .comment-flexbox .form-submit input{font-size:0.85rem !important;}
}
@media (min-width: 768px) {
.comment-flexbox{display:flex;}
}
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email #email{width:100%;border-radius:4px;border:1px solid #ddd;padding:10px;font-size:16px;box-sizing:border-box;margin-top:0;-webkit-appearance:none;}
@media (max-width: 767px) {
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email #email{font-size:0.95rem;}
}
@media (min-width: 768px) {
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email #email{font-size:0.95rem;}
}
@media (max-width: 767px) {
.comment-form-author input,
.comment-form-email #email{line-height:1.2rem;}
}
@media (max-width: 767px) {
.comment-form-author{margin-top:-10px;}
}
@media (min-width: 768px) {
.form-submit{margin-top:-5px !important;}
}
@media (max-width: 767px) {
.form-submit,
.comment-form-email{margin-top:-5px;}
}
@media (max-width: 767px) {
.comment-child-flex{width:100%;}
}
@media (min-width: 768px) {
.comment-child-flex{width:35%;}
}
@media (min-width: 768px) {
.comment-form-comment{width:63%;margin-right:20px;}
}
.reply a{padding-left:30px;padding-right:10px;padding-top:6px;padding-bottom:6px;}
.comment-reply-link{position:relative;}
.comment-reply-link:after{position:absolute;content:"\f3e5";font-family:"Font Awesome\ 5 Free";font-weight:900;top:6px;left:10px;opacity:1;font-size:1rem;}
.form-submit input{display:block;width:100%;padding:10px;margin-top:15px;font-size:1rem;-webkit-appearance:none;border:none;border-radius:4px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;cursor:pointer;color:#fff;background:#ccc;}
@media (min-width: 768px) {
.form-submit input{margin-top:0px;}
}
.form-submit input:hover{background:#aaa;}
.comment-form-author > input,
.comment-form-email > input{margin-bottom:0px;}
@media (min-width: 768px) {
.comment-form-author > input,
.comment-form-email > input{margin-bottom:0px;}
}
#comment-box label{font-size:0.95rem;}
@media (max-width: 767px) {
.comment-form-comment #comment{height:120px;}
}
@media (min-width: 768px) {
.comment-form-comment #comment{height:97px;}
}
.comment-notes{display:none;}
#footer-widget-area{padding-bottom:25px;padding-top:25px;border-bottom:1px solid #ddd;margin-bottom:15px !important;}
@media (max-width: 767px) {
#footer-widget-area{padding-left:15px;padding-right:15px;font-weight:300 !important;}
}
@media (min-width: 768px) {
#footer-widget-area{width:100%;padding-left:0;margin:0 auto;font-weight:200 !important;}
}
#footer-widget-area .textwidget p{line-height:1.55rem !important;}
@media (max-width: 767px) {
#footer-widget-area .textwidget p{font-size:0.95rem !important;}
}
@media (min-width: 768px) {
#footer-widget-area .textwidget p{font-size:0.85rem !important;}
}
@media (min-width: 768px) {
#footer-widget-box{display:flex;margin:0 auto;width:100%;padding-left:15px;padding-right:15px;}
}
@media (min-width: 1200px) {
#footer-widget-box{width:1200px;padding-left:30px;padding-right:30px;}
}
#footer-widget-box #wp-calendar{color:#555;}
@media (min-width: 768px) {
#footer-widget-area.footer_style1{padding-bottom:0px !important;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-left{flex:0.8;}
}
@media (max-width: 767px) {
#footer-widget-area.footer_style1 #footer-widget-left{display:block;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-right{flex:1;}
}
@media (max-width: 767px) {
#footer-widget-area.footer_style1 #footer-widget-right{display:block;}
}
@media (max-width: 767px) {
#footer-widget-area.footer_style1 #footer-widget-center-box{display:block;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-center-box{flex:1;}
}
@media (min-width: 1024px) {
#footer-widget-area.footer_style1 #footer-widget-center-box{display:flex;}
}
@media (max-width: 767px) {
#footer-widget-area.footer_style1 #footer-widget-center1,
#footer-widget-area.footer_style1 #footer-widget-center2{display:block;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-center1,
#footer-widget-area.footer_style1 #footer-widget-center2{display:block;}
}
@media (min-width: 1024px) {
#footer-widget-area.footer_style1 #footer-widget-center1,
#footer-widget-area.footer_style1 #footer-widget-center2{flex:1;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-center1,
#footer-widget-area.footer_style1 #footer-widget-center2,
#footer-widget-area.footer_style1 #footer-widget-right{margin-left:45px;}
}
@media (max-width: 767px) {
#footer-widget-area.footer_style1 #footer-widget-left .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-left .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-left .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li a{font-size:0.85rem !important;font-weight:500 !important;}
#footer-widget-area.footer_style1 #footer-widget-left .new-entry-item-title,
#footer-widget-area.footer_style1 #footer-widget-center1 .new-entry-item-title,
#footer-widget-area.footer_style1 #footer-widget-center2 .new-entry-item-title,
#footer-widget-area.footer_style1 #footer-widget-right .new-entry-item-title{font-size:0.85rem !important;font-weight:500 !important;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-left #search-btn,
#footer-widget-area.footer_style1 #footer-widget-center1 #search-btn,
#footer-widget-area.footer_style1 #footer-widget-center2 #search-btn,
#footer-widget-area.footer_style1 #footer-widget-right #search-btn{right:0px;}
#footer-widget-area.footer_style1 #footer-widget-left .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-left .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-left .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li a{font-weight:300 !important;}
#footer-widget-area.footer_style1 #footer-widget-left .new-entry-item-title,
#footer-widget-area.footer_style1 #footer-widget-center1 .new-entry-item-title,
#footer-widget-area.footer_style1 #footer-widget-center2 .new-entry-item-title,
#footer-widget-area.footer_style1 #footer-widget-right .new-entry-item-title{font-weight:200 !important;}
#footer-widget-area.footer_style1 #footer-widget-left .widget_categories label,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories label,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories label,
#footer-widget-area.footer_style1 #footer-widget-right .widget_categories label{display:none;}
#footer-widget-area.footer_style1 #footer-widget-left .widgettitle,
#footer-widget-area.footer_style1 #footer-widget-center1 .widgettitle,
#footer-widget-area.footer_style1 #footer-widget-center2 .widgettitle,
#footer-widget-area.footer_style1 #footer-widget-right .widgettitle{background:none;font-weight:500 !important;border-top:none;box-shadow:none;border-bottom:none !important;border-left:3px solid #fff;padding-bottom:0px;padding-left:10px !important;padding-right:5px;font-size:0.95rem !important;line-height:1.15rem !important;}
#footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li{border-color:rgba(255, 255, 255, 0.25);}
#footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li,
#footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li{border-color:rgba(255, 255, 255, 0.75);}
#footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li,
#footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li{font-weight:400;}
#footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li > ul > li{font-weight:300;}
#footer-widget-area.footer_style1 #footer-widget-left ul li a:hover,
#footer-widget-area.footer_style1 #footer-widget-center1 ul li a:hover,
#footer-widget-area.footer_style1 #footer-widget-center2 ul li a:hover,
#footer-widget-area.footer_style1 #footer-widget-right ul li a:hover{color:#008db7;}
#footer-widget-area.footer_style1 #footer-widget-left .widget_tag_cloud a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_tag_cloud a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_tag_cloud a,
#footer-widget-area.footer_style1 #footer-widget-right .widget_tag_cloud a{color:#eee;font-size:0.55rem !important;background:rgba(255, 255, 255, 0.25);}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a{border:none !important;position:relative;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a:before{font-family:"Font Awesome\ 5 Free";font-weight:900;position:absolute;line-height:0;width:14px;height:1px;padding-left:2px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul{margin:0;padding:0;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu li{margin:0;padding:0;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a{font-size:0.7rem !important;font-weight:300 !important;padding-top:7px !important;padding-bottom:7px !important;padding-left:15px !important;padding-right:0 !important;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li a{padding-left:30px !important;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li ul li a,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li ul li a{padding-left:45px !important;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li{border:none !important;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a:before{left:-2px;top:16px;content:'\f054';font-size:0.7rem !important;width:0;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li a:before{left:13px;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li ul li a:before,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li ul li a:before{left:28px;}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li > a:hover,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul > li > a:hover{-webkit-transform:translateX(3px);transform:translateX(3px);}
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul .count,
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul .count,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul .count,
#footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul .count{display:none;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style2 #footer-widget-left,
#footer-widget-area.footer_style2 #footer-widget-center,
#footer-widget-area.footer_style2 #footer-widget-right{flex:1;}
}
@media (max-width: 767px) {
#footer-widget-area.footer_style2 #footer-widget-left,
#footer-widget-area.footer_style2 #footer-widget-center,
#footer-widget-area.footer_style2 #footer-widget-right{display:block;}
}
@media (min-width: 768px) {
#footer-widget-area.footer_style2 #footer-widget-center,
#footer-widget-area.footer_style2 #footer-widget-right{margin-left:45px;}
}
#footer-widget-area.footer_style2 #footer-widget-left #search-btn,
#footer-widget-area.footer_style2 #footer-widget-center #search-btn,
#footer-widget-area.footer_style2 #footer-widget-right #search-btn{right:0px;}
#footer-widget-area.footer_style2 #footer-widget-left .new-entry-item-title,
#footer-widget-area.footer_style2 #footer-widget-center .new-entry-item-title,
#footer-widget-area.footer_style2 #footer-widget-right .new-entry-item-title{font-weight:300;}
#footer-widget-area.footer_style2 #footer-widget-left .widget_categories label,
#footer-widget-area.footer_style2 #footer-widget-center .widget_categories label,
#footer-widget-area.footer_style2 #footer-widget-right .widget_categories label{display:none;}
#footer-widget-area.footer_style2 #footer-widget-left .widgettitle,
#footer-widget-area.footer_style2 #footer-widget-center .widgettitle,
#footer-widget-area.footer_style2 #footer-widget-right .widgettitle{background:none;font-weight:400;border-top:none;box-shadow:none;border-bottom:1px solid #fff;padding-bottom:5px;padding-left:5px;padding-right:5px;}
#footer-widget-area.footer_style2 #footer-widget-left .widget_categories ul li::before,
#footer-widget-area.footer_style2 #footer-widget-left .widget_archive ul li::before,
#footer-widget-area.footer_style2 #footer-widget-left .widget_recent_entries ul li::before,
#footer-widget-area.footer_style2 #footer-widget-left .widget_pages ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_categories ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_archive ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_recent_entries ul li::before,
#footer-widget-area.footer_style2 #footer-widget-center .widget_pages ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_categories ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_archive ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_recent_entries ul li::before,
#footer-widget-area.footer_style2 #footer-widget-right .widget_pages ul li::before{border-color:#ddd;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li{border-color:rgba(255, 255, 255, 0.25);}
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul li{border-color:rgba(255, 255, 255, 0.75);}
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li{font-weight:400;}
#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li > ul > li,
#footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li > ul > li{font-weight:300;}
#footer-widget-area.footer_style2 #footer-widget-left ul li a:hover,
#footer-widget-area.footer_style2 #footer-widget-center ul li a:hover,
#footer-widget-area.footer_style2 #footer-widget-right ul li a:hover{color:#008db7;}
#footer-widget-area.footer_style2 #footer-widget-left .widget_tag_cloud a,
#footer-widget-area.footer_style2 #footer-widget-center .widget_tag_cloud a,
#footer-widget-area.footer_style2 #footer-widget-right .widget_tag_cloud a{color:#eee;}
.footer-widget{margin-bottom:45px;font-size:0.95rem;}
.search-box input[type="search"]{-webkit-appearance:none;border-radius:none;}
footer{background:#000;padding:15px 0px;}
@media (max-width: 767px) {
footer{padding-top:15px;}
}
footer #footer-box::after{clear:both;content:"";display:block;}
@media (max-width: 767px) {
footer #footer-box{width:100%;text-align:center;font-size:0.65rem;font-weight:400;}
}
@media (min-width: 768px) {
footer #footer-box{width:100%;margin:0 auto;font-size:0.7rem;}
}
@media (min-width: 1200px) {
footer #footer-box{width:1200px;}
}
@media (max-width: 767px) {
footer .footer-inner{width:calc(100%);float:left;margin-left:0px;}
}
@media (min-width: 768px) {
footer .footer-inner{width:calc(100% - 60px);float:left;margin-left:30px;}
}
footer .footer-inner #privacy a,
footer .footer-inner #law a{color:#ddd;padding:0 15px;border-right:1px solid #ddd;}
@media (max-width: 767px) {
footer .footer-inner #privacy a,
footer .footer-inner #law a{margin:0 auto;}
}
@media (min-width: 768px) {
footer .footer-inner #privacy a,
footer .footer-inner #law a{float:left;font-weight:300;}
}
footer .footer-inner #privacy a{border-left:1px solid #ddd;}
footer .footer-inner #copyright{color:#ddd;}
@media (max-width: 767px) {
footer .footer-inner #copyright{display:block;clear:both;margin-top:10px;}
}
@media (min-width: 768px) {
footer .footer-inner #copyright{float:right;font-weight:300;}
}
footer .footer-inner #copyright-center{color:#ddd;}
@media (max-width: 767px) {
footer .footer-inner #copyright-center{display:block;clear:both;}
}
@media (min-width: 768px) {
footer .footer-inner #copyright-center{display:block;margin:0 auto;text-align:center;font-weight:300;}
} #sp-footer-box{margin-top:43px;}
.footer-menu-sp{display:none;}
@media (max-width: 767px) {
.footer-menu-sp{display:block;position:fixed;width:100%;bottom:0px;z-index:9999;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.25);}
.footer-menu-sp::after{clear:both;content:"";display:block;}
}
.footer-menu-sp .menu-item{width:25%;float:left;margin:0 !important;-webkit-box-sizing:border-box;box-sizing:border-box;}
.footer-menu-sp .menu-item a{display:block;font-size:0.65em;font-weight:400;padding:8px 5px;padding-top:6px;text-align:center;background:#fff;letter-spacing:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.footer-menu-sp .menu-item a:hover{background:#ddd;}
.footer-menu-sp .menu-item span{display:block;font-size:1.4em;}
.footer-menu-sp .menu-item:nth-child(5n),
.footer-menu-sp .menu-item:nth-child(6n),
.footer-menu-sp .menu-item:nth-child(7n),
.footer-menu-sp .menu-item:nth-child(8n),
.footer-menu-sp .menu-item:nth-child(9n){display:none;}
.footer-menu-sp .menu-item:first-child{border-left:none;}
.footer-menu-sp-in{bottom:0px;}
#nav-container{background-color:#fff;}
@media (max-width: 767px) {
#drawernav2{display:none;}
}
@media (min-width: 768px) {
#drawernav2{width:100%;margin:0 auto;}
#drawernav2::after{clear:both;content:"";display:block;}
}
@media (min-width: 1200px) {
#drawernav2{width:1200px;}
}
@media (min-width: 768px) {
#drawernav2 nav.fixed-content{width:calc(100% - 40px);float:left;margin-left:20px;}
}
@media (min-width: 1200px) {
#drawernav2 nav.fixed-content{width:calc(100% - 60px);float:left;margin-left:30px;}
}
#drawernav2 ul.menu-box{list-style-type:none;margin:0 auto;display:table;}
#drawernav2 ul.menu-box li.menu-item{position:relative;line-height:1.6rem;display:table-cell;text-align:center;background:none;width:240px;border-left:1px solid #efefef;border-top:2px solid transparent;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#drawernav2 ul.menu-box li.menu-item a{display:block;font-size:0.9rem;font-weight:400;height:46px;position:relative;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (min-width: 768px) {
#drawernav2 ul.menu-box li.menu-item a{padding:12px 10px;}
}
@media (min-width: 1024px) {
#drawernav2 ul.menu-box li.menu-item a{padding:12px 25px;}
}
#drawernav2 ul.menu-box li.menu-item a span{display:inline-block;padding-right:3px;}
#drawernav2 ul.menu-box li.menu-item a:hover{border-bottom:none !important;-webkit-transform:translateY(3px);transform:translateY(3px);}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu{z-index:5;position:absolute;padding:0px;top:70px;left:0;display:block;visibility:hidden;opacity:0;border-radius:2px;background:#fff;-webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item{position:relative;text-align:left;display:block;line-height:1.2rem;width:240px;border:none;}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item a{padding:10px 7px 10px 18px;display:block;background-color:#fff;font-size:0.9rem;font-weight:normal;padding:8px 24px 6px 18px;border-radius:2px;height:auto;border-right:none;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover{background:#f6f6f6;-webkit-transform:translateY(0px);transform:translateY(0px);}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{z-index:6;position:absolute;padding:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{background:#fff;visibility:hidden;opacity:0;top:14px;left:100%;}
}
@media (min-width: 1200px) {
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{width:240px;}
}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-14px);transform:translateY(-14px);}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a{padding-right:24px;}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after{content:"\f054";font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:0.65rem;position:absolute;right:10px;top:8px;}
#drawernav2 ul.menu-box li.menu-item:hover{border-top-color:#000;}
#drawernav2 ul.menu-box li.menu-item:last-of-type{border-right:1px solid #efefef;}
#drawernav2 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu{left:-241px;}
#drawernav2 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav2 ul.menu-box li.menu-item.hover > ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-24px);transform:translateY(-24px);}
#drawernav2 ul.menu-box li:last-child{border-right:none;}
@media (max-width: 767px) {
#drawernav{display:none;}
}
@media (min-width: 768px) {
#drawernav{width:100%;margin:0 auto;}
#drawernav::after{clear:both;content:"";display:block;}
}
@media (min-width: 1200px) {
#drawernav{width:1200px;}
}
@media (min-width: 768px) {
#drawernav nav.fixed-content{width:calc(100% - 40px);float:left;margin-left:20px;}
}
@media (min-width: 1200px) {
#drawernav nav.fixed-content{width:calc(100% - 60px);float:left;margin-left:30px;}
}
#drawernav ul.menu-box{list-style-type:none;margin:0 auto;display:table;}
#drawernav ul.menu-box li.menu-item{position:relative;line-height:1.6rem;display:inline-block;text-align:center;background:none;}
#drawernav ul.menu-box li.menu-item a{border-bottom:2px solid transparent;padding:12px 25px;display:block;font-size:0.9rem;font-weight:400;height:46px;position:relative;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#drawernav ul.menu-box li.menu-item a span{display:inline-block;padding-right:3px;}
#drawernav ul.menu-box li.menu-item a:after{content:"";width:80%;height:2px;border-radius:1px;background:#2b2b2b;position:absolute;margin:auto;left:0;right:0;bottom:0;opacity:0;transform:translate3d(0, 100%, 0);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav ul.menu-box li.menu-item a:hover:after, #drawernav ul.menu-box li.menu-item a:focus:after{opacity:1;transform:translate3d(0, -5px, 0);}
#drawernav ul.menu-box li.menu-item ul.sub-menu{z-index:5;position:absolute;padding:0px;top:70px;left:0;display:block;background:#fff;visibility:hidden;opacity:0;border-radius:2px;background:#fff;-webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item{position:relative;text-align:left;display:block;line-height:1.2rem;width:240px;}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a{padding:10px 7px 10px 18px;display:block;background-color:#fff;font-size:0.9rem;font-weight:normal;padding:8px 24px 6px 18px;border-radius:2px;height:auto;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after{display:none;}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover{background:#f6f6f6;}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{z-index:6;position:absolute;padding:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{background:#fff;visibility:hidden;opacity:0;top:14px;left:100%;}
}
@media (min-width: 1200px) {
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{width:240px;}
}
#drawernav ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-14px);transform:translateY(-14px);}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a{padding-right:24px;}
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after{content:"\f054";font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:0.65rem;position:absolute;right:10px;top:10px;}
#drawernav ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav ul.menu-box li.menu-item.hover > ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-24px);transform:translateY(-24px);}
#drawernav ul.menu-box li:last-child{border-right:none;}
@media (max-width: 767px) {
#drawernav3{display:none;}
}
@media (min-width: 768px) {
#drawernav3{width:auto;}
}
#drawernav3 nav.fixed-content{width:100%;}
#drawernav3 ul.menu-box{list-style-type:none;margin-top:16px;display:flex;flex-wrap:wrap;}
#drawernav3 ul.menu-box li.menu-item{position:relative;display:table;text-align:center;background:none;line-height:1.6rem;vertical-align:middle;}
#drawernav3 ul.menu-box li.menu-item a{border-bottom:2px solid transparent;padding:3px 25px;display:block;height:40px;font-size:0.9rem;font-weight:400;position:relative;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#drawernav3 ul.menu-box li.menu-item a span{display:inline-block;padding-right:3px;}
#drawernav3 ul.menu-box li.menu-item a:after{content:"";width:80%;height:2px;border-radius:1px;background:#2b2b2b;position:absolute;margin:auto;left:0;right:0;bottom:0;opacity:0;transform:translate3d(0, 100%, 0);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav3 ul.menu-box li.menu-item a:hover:after, #drawernav3 ul.menu-box li.menu-item a:focus:after{opacity:1;transform:translate3d(0, -7px, 0);}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu{z-index:5;position:absolute;padding:0px;top:70px;display:block;background:#fff;visibility:hidden;opacity:0;left:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;border-radius:2px;background:#fff;-webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item{position:relative;text-align:left;display:block;line-height:1.2rem;width:240px;}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a{padding:10px 7px 10px 18px;display:block;background-color:#fff;font-size:0.9rem;font-weight:normal;padding:10px 24px 6px 18px;border-radius:2px;height:auto;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after{display:none;}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover{background:#f6f6f6;}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{z-index:6;position:absolute;padding:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{background:#fff;visibility:hidden;opacity:0;top:14px;left:100%;}
}
@media (min-width: 1200px) {
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{width:240px;}
}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-14px);transform:translateY(-14px);}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a{padding-right:24px;}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after{content:"\f054";font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:0.65rem;position:absolute;right:10px;top:10px;}
#drawernav3 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu{left:-240px;}
#drawernav3 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav3 ul.menu-box li.menu-item.hover > ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-35px);transform:translateY(-35px);}
#drawernav3 ul.menu-box li:last-child{border-right:none;}
@media (min-width: 768px) {
.header-style6-box{width:100%;display:flex;margin:0 auto;padding:0 20px;}
}
@media (min-width: 1200px) {
.header-style6-box{width:1200px;padding:0 30px;}
}
@media (max-width: 767px) {
#drawernav4{display:none;}
}
@media (min-width: 768px) {
#drawernav4{width:100%;margin-right:auto;}
}
@media (min-width: 1200px) {
#drawernav4{width:auto;}
}
#drawernav4 nav.fixed-content{width:100%;}
#drawernav4 ul.menu-box{list-style-type:none;margin-top:12px;display:flex;flex-wrap:wrap;}
#drawernav4 ul.menu-box li.menu-item{position:relative;display:table;text-align:center;background:none;line-height:1.6rem;vertical-align:middle;}
#drawernav4 ul.menu-box li.menu-item a{border:none;padding:3px 25px;display:block;height:40px;font-size:0.9rem;font-weight:400;position:relative;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#drawernav4 ul.menu-box li.menu-item a span{display:inline-block;padding-right:3px;}
#drawernav4 ul.menu-box li.menu-item a:after{content:"";width:80%;height:2px;border-radius:1px;background:#2b2b2b;position:absolute;margin:auto;left:0;right:0;bottom:0;opacity:0;transform:translate3d(0, 100%, 0);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav4 ul.menu-box li.menu-item a:hover:after, #drawernav4 ul.menu-box li.menu-item a:focus:after{opacity:1;transform:translate3d(0, -7px, 0);}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu{z-index:5;position:absolute;padding:0px;top:70px;display:block;background:#fff;visibility:hidden;opacity:0;left:0px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;border-radius:2px;background:#fff;-webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item{position:relative;text-align:left;display:block;line-height:1.2rem;width:240px;}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a{padding:10px 7px 10px 18px;display:block;background-color:#fff;font-size:0.9rem;font-weight:normal;padding:10px 24px 6px 18px;border-radius:2px;height:auto;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after{display:none;}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover{background:#f6f6f6;}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{z-index:6;position:absolute;padding:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{background:#fff;visibility:hidden;opacity:0;top:14px;left:100%;}
}
@media (min-width: 1200px) {
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{width:240px;}
}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-14px);transform:translateY(-14px);}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a{padding-right:24px;}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after{content:"\f054";font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:0.65rem;position:absolute;right:10px;top:10px;}
#drawernav4 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu{left:-240px;}
#drawernav4 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav4 ul.menu-box li.menu-item.hover > ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-35px);transform:translateY(-35px);}
#drawernav4 ul.menu-box li:last-child{border-right:none;}
@media (max-width: 767px) {
#drawernav5{display:none;}
}
@media (min-width: 768px) {
#drawernav5{width:100%;margin-right:auto;}
}
@media (min-width: 1200px) {
#drawernav5{width:auto;}
}
@media (min-width: 768px) {
#drawernav5 nav.fixed-content{width:calc(100%);float:left;margin-left:0px;}
}
#drawernav5 ul.menu-box{list-style-type:none;margin:0 auto;display:table;}
#drawernav5 ul.menu-box li.menu-item{position:relative;line-height:1.6rem;display:table-cell;text-align:center;background:none;width:240px;border-left:1px solid #efefef;border-top:2px solid transparent;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#drawernav5 ul.menu-box li.menu-item a{box-sizing:border-box;display:block;font-size:0.9rem;font-weight:400;height:46px;position:relative;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (min-width: 768px) {
#drawernav5 ul.menu-box li.menu-item a{width:100%;margin-right:auto;padding:14px 10px;padding-top:10px;}
}
@media (min-width: 1024px) {
#drawernav5 ul.menu-box li.menu-item a{padding:14px 25px;padding-top:10px;}
}
#drawernav5 ul.menu-box li.menu-item a span{display:inline-block;padding-right:3px;}
#drawernav5 ul.menu-box li.menu-item a:hover{border-bottom:none !important;-webkit-transform:translateY(3px);transform:translateY(3px);}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu{z-index:5;position:absolute;padding:0px;top:70px;left:0;display:block;background:#fff;visibility:hidden;opacity:0;border-radius:2px;background:#fff;-webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 14px rgba(0, 0, 0, 0.1);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item{position:relative;text-align:left;display:block;line-height:1.2rem;width:240px;border:none;}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item a{padding:10px 7px 10px 18px;display:block;background-color:#fff;font-size:0.9rem;font-weight:normal;padding:8px 24px 6px 18px;border-radius:2px;height:auto;border-right:none;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover{background:#f6f6f6;-webkit-transform:translateY(0px);transform:translateY(0px);}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{z-index:6;position:absolute;padding:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{background:#fff;visibility:hidden;opacity:0;top:14px;left:100%;}
}
@media (min-width: 1200px) {
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu{width:240px;}
}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-14px);transform:translateY(-14px);}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a{padding-right:24px;}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after{content:"\f054";font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:0.65rem;position:absolute;right:10px;top:10px;}
#drawernav5 ul.menu-box li.menu-item:hover{border-top-color:red;}
#drawernav5 ul.menu-box li.menu-item:last-of-type{border-right:1px solid #efefef;}
#drawernav5 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu{left:-241px;}
#drawernav5 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav5 ul.menu-box li.menu-item.hover > ul.sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(-24px);transform:translateY(-24px);}
#drawernav5 ul.menu-box li:last-child{border-right:none;}
@media (min-width: 768px) {
.menu-box > .menu-item > a:hover{border-bottom:2px solid #2b2b2b;}
} @media (max-width: 767px) {
#navtoggle{display:none;overflow:hidden;}
.sp-menu-open,
.sp-menu-close{cursor:pointer;position:absolute;z-index:3;top:4px;right:3px;}
.sp-menu-close{pointer-events:none;width:100%;height:100%;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#navtoggle:checked ~ .sp-menu-close{pointer-events:auto;}
.sp-menu-open{width:28px;padding:8px;padding-top:12px;padding-bottom:8px;-webkit-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;transform:translate3d(0, 0, 0);}
.cps-icon-bar{height:2px;background:#fff;display:block;margin-bottom:5px;border-radius:1px;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.sp-menu-box{z-index:2;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.55);-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.fixed-content{width:100%;height:100%;margin-top:110px;}
#navtoggle:checked + .sp-menu-open{position:fixed;}
#navtoggle:checked + .sp-menu-open .cps-icon-bar{background:#fff;}
#navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(1){-webkit-transform:translate(0, 7px) rotate(45deg);transform:translate(0, 7px) rotate(45deg);}
#navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(2){-webkit-transform:translate(-20px, 0);-moz-transform:translate(-20px, 0);transform:translate(-20px, 0);opacity:0;}
#navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(3){-webkit-transform:translate(0, -7px) rotate(-45deg);transform:translate(0, -7px) rotate(-45deg);}
#navtoggle:checked ~ .sp-menu-box{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
#scroll-content{-webkit-transition:0.6s;transition:0.6s;position:relative;z-index:0;}
#navtoggle:checked ~ .sp-menu-box ~ #scroll-content,
#navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content{position:fixed;overflow:hidden;-webkit-transform:translateY(30px);transform:translateY(30px);width:100%;height:100%;-webkit-filter:blur(10px);filter:blur(10px);}
#navtoggle:checked ~ .sp-menu-box ~ .headsearch ~ #header-box{position:fixed;overflow:hidden;}
ul.menu-box{width:86%;height:60%;padding:0 7%;overflow:hidden;overflow-y:scroll;overflow-wrap:break-word;-webkit-overflow-scrolling:touch;}
ul.menu-box li a{display:block;padding:8px;padding-left:28px;position:relative;font-weight:600;border-radius:2px;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
ul.menu-box li a:active{background:rgba(50, 50, 50, 0.1);}
ul.menu-box li a:before{content:"\f111";font-family:"Font Awesome\ 5 Free";font-weight:900;position:absolute;line-height:10%;top:21px;left:11px;font-size:0.5rem;color:#2b2b2b;}
ul.menu-box li ul.sub-menu{margin-top:0px;margin-left:20px;}
ul.menu-box li ul.sub-menu li{margin-left:22px;}
ul.menu-box li ul.sub-menu li a{font-size:0.9rem;line-height:1.25rem;padding:6px;padding-left:16px;font-weight:500;}
ul.menu-box li ul.sub-menu li a:before{content:"";width:1px;height:24px;background:#aaa;top:4px;left:6px;}
ul.menu-box li ul.sub-menu li ul.sub-menu li a{padding:7px;padding-left:16px;font-size:0.75rem;line-height:1.15rem;font-weight:300;}
.sp-sns-menu{position:absolute;z-index:0;bottom:0px;display:block;text-align:center;padding:30px;width:100%;background:transparent !important;}
.sp-sns-menu ul{list-style:none;display:flex;justify-content:center;background:transparent !important;}
.sp-sns-menu ul li{margin-bottom:0;margin-left:6px;margin-right:6px;background:transparent !important;}
.sp-sns-menu ul li a{display:block;font-size:21px;width:42px;height:42px;padding:3px 6px 8px 8px;border:1px solid #2b2b2b;border-radius:21px;color:#2b2b2b;background:transparent;}
.sp-sns-menu ul .pro-line a{padding-top:1px;padding-left:6px;}
}
svg{fill:#2b2b2b;}
.toppost-list-box{overflow:hidden;text-align:center;}
@media (max-width: 767px) {
.toppost-list-box{margin-top:10px;}
}
.toppost-list-box .toppost-list-box-inner{width:400%;transition:0.6s;text-align:left;overflow:hidden;}
input[name="switch"]{display:none;}
.tabBtn-mag{display:inline-flex;width:100%;padding:0;list-style-type:none;}
@media (max-width: 767px) {
.tabBtn-mag{flex-wrap:wrap;margin-bottom:10px;}
}
@media (min-width: 768px) {
.tabBtn-mag{margin-bottom:30px;}
}
@media (min-width: 768px) {
.tabBtn-mag li:not(:first-child){margin-left:4px;}
}
@media (max-width: 767px) {
.tabBtn-mag li:nth-child(2n-1){margin-right:4px;}
}
.tabBtn-mag li{position:relative;}
@media (max-width: 767px) {
.tabBtn-mag li{width:calc(50% - 2px);margin-bottom:4px;}
}
@media (min-width: 768px) {
.tabBtn-mag li{width:25%;}
}
.tabBtn-mag label{display:block;padding:10px 10px;text-align:center;background-color:rgba(189, 189, 189, 0.17);-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.tabBtn-mag label{font-size:0.75rem;font-weight:700;border-radius:2px;min-height:18px;}
}
@media (min-width: 768px) {
.tabBtn-mag label{font-size:0.75rem;font-weight:500;cursor:pointer;min-height:18px;}
}
@media (min-width: 1200px) {
.tabBtn-mag label{font-size:0.85rem;}
}
@media (min-width: 768px) {
.tabBtn-mag label:after{position:absolute;content:"";bottom:5px;margin-left:-8px;width:0;height:0;opacity:0;border-left:8px solid transparent;border-right:8px solid transparent;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
}
#tab-1:checked ~ .tabBtn-mag li [for="tab-1"],
#tab-2:checked ~ .tabBtn-mag li [for="tab-2"],
#tab-3:checked ~ .tabBtn-mag li [for="tab-3"],
#tab-4:checked ~ .tabBtn-mag li [for="tab-4"]{position:relative;background-color:#2b2b2b;color:#fff;}
.tabBtn-mag li:nth-child(5),
.tabBtn-mag li:nth-child(6),
.tabBtn-mag li:nth-child(7),
.tabBtn-mag li:nth-child(8){display:none;}
@media (min-width: 768px) {
#tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after,
#tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after,
#tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after,
#tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after{position:absolute;content:"";bottom:-8px;left:50%;margin-left:-8px;opacity:1;width:0;height:0;border-top:8px solid #2b2b2b;border-left:8px solid transparent;border-right:8px solid transparent;}
}
#tab-1:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(1),
#tab-2:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(2),
#tab-3:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(3),
#tab-4:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(4),
#tab-1:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(1),
#tab-2:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(2),
#tab-3:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(3),
#tab-4:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(4),
#tab-1:checked ~ .toppost-list-box-inner .post-list:nth-child(1),
#tab-2:checked ~ .toppost-list-box-inner .post-list:nth-child(2),
#tab-3:checked ~ .toppost-list-box-inner .post-list:nth-child(3),
#tab-4:checked ~ .toppost-list-box-inner .post-list:nth-child(4){opacity:1;}
#tab-1:checked ~ .toppost-list-box-inner{-webkit-transform:translateX(0);transform:translateX(0);}
#tab-2:checked ~ .toppost-list-box-inner{-webkit-transform:translateX(-25%);transform:translateX(-25%);}
#tab-3:checked ~ .toppost-list-box-inner{-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#tab-4:checked ~ .toppost-list-box-inner{-webkit-transform:translateX(-75%);transform:translateX(-75%);}
.more-cat{margin-left:auto !important;margin-right:auto !important;width:100%;text-align:center;}
@media (max-width: 767px) {
.more-cat{margin-top:20px;padding-bottom:20px;}
}
@media (min-width: 768px) {
.more-cat{margin-top:30px;margin-bottom:30px;}
}
.more-cat .more-cat-button{font-size:1.1rem;}
.more-cat .more-cat-button a{position:relative;}
@media (max-width: 767px) {
.more-cat .more-cat-button a{color:#888 !important;}
}
@media (min-width: 768px) {
.more-cat .more-cat-button a{color:#aaa !important;}
}
.more-cat .more-cat-button a:hover span:after{color:#fff;}
.more-cat .more-cat-button span:before{content:"";position:absolute;border-radius:20px;background:#fff;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.more-cat .more-cat-button span:before{left:48px;top:-5px;width:34px;height:34px;box-shadow:0px 0px 1px rgba(0, 0, 0, 0.25);}
}
@media (min-width: 768px) {
.more-cat .more-cat-button span:before{left:50px;top:-7px;width:38px;height:38px;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
}
.more-cat .more-cat-button span:after{content:"\f054";position:absolute;text-align:center;line-height:0;font-family:"Font Awesome\ 5 Free";font-weight:900;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.more-cat .more-cat-button span:after{left:61px;top:12px;font-size:0.95rem;}
}
@media (min-width: 768px) {
.more-cat .more-cat-button span:after{left:65px;top:13px;font-size:0.95rem;}
}
a.post-list-link{-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;background-color:#fff;display:block;position:relative;overflow:hidden;}
@media (max-width: 767px) {
a.post-list-link{padding:15px 10px;margin-bottom:10px;margin-top:0px;}
}
@media (max-width: 767px) and (max-width: 767px) {
a.post-list-link{border-radius:2px;background:#fff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.18);border-top:1px solid #F3F3F3;}
}
@media (min-width: 768px) {
a.post-list-link{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);padding:20px;margin-bottom:20px;}
}
@media (min-width: 768px) and (max-width: 767px) {
a.post-list-link{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.post-list-mag .post-list-inner-infeed,
.post-list-mag-sp1col .post-list-inner-infeed{overflow:hidden;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.post-list-mag .post-list-inner-infeed,
.post-list-mag-sp1col .post-list-inner-infeed{padding:0px;margin-bottom:0px;}
}
@media (max-width: 767px) and (max-width: 767px) {
.post-list-mag .post-list-inner-infeed,
.post-list-mag-sp1col .post-list-inner-infeed{border-radius:2px;background:#fff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.18);border-top:1px solid #F3F3F3;}
}
@media (min-width: 768px) {
.post-list-mag .post-list-inner-infeed,
.post-list-mag-sp1col .post-list-inner-infeed{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);padding:0px;margin-bottom:0px;}
}
@media (min-width: 768px) and (max-width: 767px) {
.post-list-mag .post-list-inner-infeed,
.post-list-mag-sp1col .post-list-inner-infeed{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.post-list .post-list-inner-infeed{overflow:hidden;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.post-list .post-list-inner-infeed{padding:0px;margin-bottom:10px;height:auto;}
}
@media (max-width: 767px) and (max-width: 767px) {
.post-list .post-list-inner-infeed{border-radius:2px;background:#fff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.18);border-top:1px solid #F3F3F3;}
}
@media (min-width: 768px) {
.post-list .post-list-inner-infeed{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);padding:0px;margin-bottom:20px;}
}
@media (min-width: 768px) and (max-width: 767px) {
.post-list .post-list-inner-infeed{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.post-list-mag .post-list-inner-infeed:hover,
.post-list-mag-sp1col .post-list-inner-infeed:hover,
.post-list .post-list-inner-infeed:hover{transform:translateY(-3px);box-shadow:0px 3px 18px 3px rgba(0, 0, 0, 0.08);}
.post-list.basicstyle a.post-list-link{padding:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.post-list.basicstyle a.post-list-link:hover{transform:translateY(-3px);box-shadow:0px 3px 18px 3px rgba(0, 0, 0, 0.08);}
.post-list.basicstyle .post-list-item{padding:0;background:transparent;border-radius:4px;}
.post-list.basicstyle .post-list-item .post-list-inner{display:flex;}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb{height:auto;position:relative;}
@media (max-width: 767px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb{width:150px;}
}
@media (min-width: 768px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb{width:170px;}
}
@media (min-width: 1024px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb{width:314px;}
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img{display:block;width:100%;height:auto;}
@media (max-width: 767px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta{width:calc(100% - 150px);padding:8px 10px;}
}
@media (min-width: 768px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta{width:calc(100% - 170px);padding:15px 18px;padding-bottom:20px;}
}
@media (min-width: 1024px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta{width:calc(100% - 314px);padding:15px 18px;padding-bottom:20px;}
}
@media (max-width: 767px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:11px;line-height:1rem;letter-spacing:0px;font-weight:700;}
}
@media (min-width: 768px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:15px;margin-bottom:11px;line-height:1.4rem;font-weight:500;}
}
@media (min-width: 1024px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:18px;margin-bottom:11px;line-height:1.6rem;font-weight:500;}
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .writer{display:none;}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date{position:absolute;bottom:3px;right:12px;color:#aaa;letter-spacing:1px;font-weight:500;}
@media (max-width: 767px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date{bottom:3px;right:12px;font-size:0.55rem;font-weight:700;letter-spacing:1px !important;}
}
@media (min-width: 768px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date{bottom:8px;right:18px;font-size:0.8rem;}
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat{display:inline;font-size:0.8rem;margin-right:10px;color:#f8b500;font-weight:400;letter-spacing:0;position:absolute;color:#fff !important;background:#f8b500;border-radius:15px;}
@media (max-width: 767px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat{top:4px;left:4px;font-size:0.5rem;font-weight:700;padding:1px 7px;padding-top:0;}
}
@media (min-width: 768px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat{top:8px;left:8px;font-size:0.55rem;font-weight:400;padding:2px 8px;}
}
@media (min-width: 1024px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat{font-size:0.65rem;}
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-desc{font-size:0.7rem;margin-top:5px;color:#888 !important;}
@media (max-width: 767px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-desc{display:none;}
}
@media (min-width: 768px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-desc{display:none;}
}
@media (min-width: 1024px) {
.post-list.basicstyle .post-list-item .post-list-inner .post-list-desc{display:block;}
}
.sp-post-list-meta{text-align:right;}
.post-list-mag a.post-list-link,
.post-list-mag-sp1col a.post-list-link,
.post-list-mag3col a.post-list-link,
.post-list-mag3col-slide a.post-list-link{position:relative;padding:0;height:100%;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.post-list-mag .post-list-link:hover,
.post-list-mag-sp1col .post-list-link:hover,
.post-list-mag3col .post-list-link:hover,
.post-list-mag3col-slide .post-list-link:hover{transform:translateY(-3px);box-shadow:0px 3px 18px 3px rgba(0, 0, 0, 0.08);}
.toppost-list-box-simple .post-list-mag,
.toppost-list-box-simple .post-list-mag-sp1col,
.toppost-list-box-simple .post-list{width:100% !important;float:none !important;opacity:1 !important;padding:0 !important;}
.toppost-list-box-simple .post-list-mag,
.toppost-list-box-simple .post-list-mag-sp1col{justify-content:space-between;}
.post-list,
.post-list-mag,
.post-list-mag-sp1col{opacity:0.2;transition:opacity 1.2s;width:25%;float:left;}
@media (max-width: 767px) {
.post-list,
.post-list-mag,
.post-list-mag-sp1col{padding:2px 1px;}
}
@media (min-width: 768px) {
.post-list,
.post-list-mag,
.post-list-mag-sp1col{padding:2px 14px;}
}
@media (min-width: 768px) {
.post-list,
.post-list-mag,
.post-list-mag3col,
.post-list-mag-sp1col{padding-top:12px;}
}
.post-list-mag,
.post-list-mag3col,
.post-list-mag-sp1col{display:flex;flex-wrap:wrap;}
@media (max-width: 767px) {
.post-list-mag .post-list-item:nth-child(2n-1),
.post-list-mag3col .post-list-item:nth-child(2n-1),
.post-list-mag-sp1col .post-list-item:nth-child(2n-1){margin-right:3%;}
}
@media (max-width: 767px) {
.post-list-mag .post-list-item,
.post-list-mag3col .post-list-item,
.post-list-mag-sp1col .post-list-item{width:48.4%;margin-bottom:15px;}
}
@media (min-width: 768px) {
.post-list-mag .post-list-item,
.post-list-mag3col .post-list-item,
.post-list-mag-sp1col .post-list-item{width:48.5%;margin-bottom:20px;}
}
.post-list-mag .post-list-item .post-list-inner,
.post-list-mag3col .post-list-item .post-list-inner,
.post-list-mag-sp1col .post-list-item .post-list-inner{display:block;}
.post-list-mag .post-list-item .post-list-inner .post-list-thumb,
.post-list-mag3col .post-list-item .post-list-inner .post-list-thumb,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb{height:auto;width:100%;}
.post-list-mag .post-list-item .post-list-inner .post-list-thumb img,
.post-list-mag3col .post-list-item .post-list-inner .post-list-thumb img,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb img{display:block;width:100%;height:auto;border-top-left-radius:2px;border-top-right-radius:2px;}
.post-list-mag .post-list-item .post-list-inner .post-list-meta,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta{width:100%;}
@media (max-width: 767px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta{padding:8px 11px;padding-bottom:20px;}
}
@media (min-width: 768px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta{padding:10px 17px;padding-bottom:25px;}
}
@media (min-width: 1024px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta{padding:15px 17px;padding-bottom:25px;}
}
@media (max-width: 767px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:12px;line-height:1.1rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;}
}
@media (min-width: 768px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:14px;line-height:1.3rem;font-weight:500;margin-bottom:5px;}
}
@media (min-width: 1024px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:18px;line-height:1.6rem;}
}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
.post-list-mag .post-list-item .post-list-inner .post-list-meta .writer,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .writer,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .writer{display:none;}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat{position:absolute;color:#fff !important;background-color:#2b2b2b;letter-spacing:0;border-radius:20px;}
@media (max-width: 767px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat{top:7px;left:7px;padding:2px 8px;padding-bottom:3px;font-weight:500;text-align:left;font-size:0.5rem;}
}
@media (min-width: 768px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat{top:11px;left:11px;font-size:0.55rem;padding:3px 10px;margin-left:-1px;font-weight:400;letter-spacing:0;}
}
@media (min-width: 1024px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat{font-size:0.65rem;padding:5px 12px;}
}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date{position:absolute;bottom:0px;left:5%;color:#888 !important;width:90%;text-align:right;}
@media (max-width: 767px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date{font-size:0.65rem;padding:7px 0px;letter-spacing:1px !important;}
}
@media (min-width: 768px) {
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date{font-size:0.75rem;font-weight:400;padding:10px 0px;letter-spacing:1px;}
}
@media (max-width: 767px) {
.post-list-mag-sp1col .post-list-item:nth-child(2n-1){margin-right:0%;}
}
@media (max-width: 767px) {
.post-list-mag-sp1col .post-list-item{width:100%;}
}
@media (max-width: 767px) {
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta{padding:15px 15px;padding-bottom:20px;}
}
@media (max-width: 767px) {
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:17px;line-height:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;}
}
@media (max-width: 767px) {
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat{top:9px;left:9px;padding:2px 8px;padding-bottom:3px;font-weight:400;text-align:left;font-size:0.75rem;}
}
@media (max-width: 767px) {
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date{font-size:0.75rem;padding:7px 0px;letter-spacing:1px !important;}
}
@media (max-width: 767px) {
.related-entry-section{margin-top:30px;}
}
@media (min-width: 768px) {
.related-entry-section{margin-top:40px;}
}
.related-entry-section .related-entry-headline{position:relative;}
@media (max-width: 767px) {
.related-entry-section .related-entry-headline{margin-bottom:15px;}
}
@media (min-width: 768px) {
.related-entry-section .related-entry-headline{margin-bottom:10px;}
}
@media (max-width: 767px) {
.related-entry-section .area-border{margin-top:40px;width:210px;}
}
@media (min-width: 768px) {
.related-entry-section .area-border{margin-top:50px;width:350px;}
}
.related-entry-section .related-entry-headline-text span{position:relative;display:inline-block;line-height:0;letter-spacing:1px;}
@media (max-width: 767px) {
.related-entry-section .related-entry-headline-text span{font-size:1rem;padding:20px 14px;padding-bottom:0;font-weight:700;}
}
@media (min-width: 768px) {
.related-entry-section .related-entry-headline-text span{font-size:1.15rem;padding:20px 14px;font-weight:400;}
}
.related-entry-section .related-entry-headline-text .fa-folder-open{font-size:1.25rem;line-height:0;margin-right:14px;position:relative;color:#fff;z-index:1;}
.related-entry-section .related-entry-headline-text span:before{content:"";position:absolute;z-index:0;top:10px;left:4px;border:1px solid #ccc;width:38px;height:38px;border-radius:25px;}
@media (max-width: 767px) {
.related-entry-section .post-list.basicstyle .post-list-thumb{width:130px !important;}
}
@media (min-width: 768px) {
.related-entry-section .post-list.basicstyle .post-list-thumb{width:240px !important;}
}
.related-entry-section .post-list.basicstyle .post-list-thumb img{display:block;width:100%;height:auto;}
@media (max-width: 767px) {
.related-entry-section .post-list.basicstyle .post-list-meta{width:calc(100% - 130px) !important;}
}
@media (min-width: 768px) {
.related-entry-section .post-list.basicstyle .post-list-meta{width:calc(100% - 240px) !important;}
}
@media (max-width: 767px) {
.related-entry-section .post-list.basicstyle .post-list-meta .post-list-title{font-size:12px !important;line-height:1rem !important;font-weight:700;letter-spacing:1px;}
}
@media (min-width: 768px) {
.related-entry-section .post-list.basicstyle .post-list-meta .post-list-title{font-size:18px !important;line-height:1.4rem;font-weight:500;}
}
@media (max-width: 767px) {
.related-entry-section .post-list-mag .post-list-meta .post-list-title{font-size:12px;line-height:1.1rem;font-weight:700;letter-spacing:1px;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag .post-list-meta .post-list-title{font-size:15px;line-height:1.4rem;font-weight:500;}
}
@media (max-width: 767px) {
.related-entry-section .post-list-mag .post-list-meta .post-list-cat{top:5px;left:5px;padding:1px 6px;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag .post-list-meta .post-list-cat{padding:3px 8px;font-size:0.5rem;}
}
@media (max-width: 767px) {
.related-entry-section .post-list-mag3col .post-list-item{width:48.4%;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag3col .post-list-item{width:32%;margin-bottom:15px;}
}
@media (max-width: 767px) {
.related-entry-section .post-list-mag3col .post-list-item:nth-child(2n-1){margin-right:3%;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag3col .post-list-item:not(:nth-child(3n)){margin-right:2%;}
}
.related-entry-section .post-list-mag3col a.post-list-link{position:relative;padding:0;height:100%;margin-bottom:0 !important;}
@media (max-width: 767px) {
.related-entry-section .post-list-mag3col a.post-list-link .post-list-meta{padding:3px 11px;padding-bottom:10px;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag3col a.post-list-link .post-list-meta{padding:10px 13px;padding-bottom:30px;}
}
@media (max-width: 767px) {
.related-entry-section .post-list-mag3col a.post-list-link .post-list-meta .post-list-title{font-size:12px;line-height:1.1rem;font-weight:700;letter-spacing:1px;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag3col a.post-list-link .post-list-meta .post-list-title{font-size:13px;line-height:1.3rem;font-weight:500;}
}
@media (min-width: 768px) {
.related-entry-section .post-list-mag3col a.post-list-link .post-list-meta .post-list-cat{padding:3px 8px;font-size:0.5rem;}
}
.sp-related-entry-meta{display:block;margin-top:10px;text-align:right;}
#breadcrumb{width:100%;position:relative;}
#breadcrumb:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;}
@media (max-width: 767px) {
#breadcrumb:after{background-color:rgba(0, 0, 0, 0.04) !important;}
}
@media (min-width: 768px) {
#breadcrumb:after{opacity:0.2;}
}
#breadcrumb ul{position:relative;z-index:1;letter-spacing:0;margin:0 auto;display:block;}
@media (max-width: 767px) {
#breadcrumb ul{padding:15px;margin-top:0px;font-size:0.65rem;}
}
@media (min-width: 768px) {
#breadcrumb ul{width:100%;padding:20px 15px;margin-top:15px;font-size:0.75rem;font-weight:300;}
}
@media (min-width: 1200px) {
#breadcrumb ul{width:1136px;padding:20px 0px;}
}
#breadcrumb ul li{display:inline-block;}
#breadcrumb ul li a,
#breadcrumb ul li{-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
#breadcrumb ul li a,
#breadcrumb ul li{font-weight:400;color:rgba(0, 0, 0, 0.5) !important;}
}
@media (min-width: 768px) {
#breadcrumb ul li a,
#breadcrumb ul li{font-weight:300;color:rgba(0, 0, 0, 0.5) !important;}
}
#breadcrumb ul li a:hover,
#breadcrumb ul li a.hover{text-decoration:none;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
#breadcrumb ul li .space{margin-left:10px;margin-right:15px;}
#breadcrumb .space-i{margin-right:3px;}
@media (min-width: 768px) {
#breadcrumb .fa-home.space-i{margin-left:5px;margin-right:15px;font-size:0.95rem;line-height:0;display:inline-block;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#breadcrumb .bcHome a:hover .fa-home{color:#fff !important;}
#breadcrumb .bcHome span{position:relative;}
#breadcrumb .bcHome span:before{position:absolute;content:"";width:30px;height:30px;border-radius:20px;background:#fff;left:-38px;top:-8px;z-index:-1;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
} .archive-box{margin-top:20px;}
.archive-post-header{position:relative;text-align:center;}
.archive-post-header #breadcrumb{text-align:left;margin-top:-10px;}
.archive-title-sub{color:#ccc;font-weight:700;letter-spacing:5px;font-size:0.85rem;}
.archive-title{display:block;font-size:1.25rem;font-weight:400;margin-top:5px;}
.page .cps-post-title,
.error404 .cps-post-title{margin-bottom:30px;}
@media (max-width: 767px) {
#onecolumn{width:calc(100% - 30px);float:left;margin-left:15px;margin-bottom:15px;}
}
@media (min-width: 768px) {
#onecolumn .entry-title{text-align:center;font-size:2.2rem !important;line-height:2.7rem;padding-bottom:13px;}
}
#onecolumn .cps-post-box{box-shadow:none;}
@media (max-width: 767px) {
#onecolumn960{width:calc(100% - 30px);float:left;margin-left:15px;margin-bottom:15px;}
}
@media (min-width: 768px) {
#onecolumn960{box-shadow:none;width:100%;margin:0 auto;margin-bottom:30px;}
}
@media (min-width: 1200px) {
#onecolumn960{width:960px;}
}
@media (max-width: 767px) {
#onecolumn760{width:calc(100% - 30px);float:left;margin-left:15px;margin-bottom:15px;}
}
@media (min-width: 768px) {
#onecolumn760{box-shadow:none;width:100%;margin:0 auto;margin-bottom:30px;}
}
@media (min-width: 1200px) {
#onecolumn760{width:760px;}
}
@media (max-width: 767px) {
#onecolumn960lp{width:calc(100% - 30px);float:left;margin-left:15px;margin-bottom:15px;}
}
@media (min-width: 768px) {
#onecolumn960lp{box-shadow:none;width:100%;margin:0 auto;margin-bottom:30px;}
}
@media (min-width: 1200px) {
#onecolumn960lp{width:960px;}
}
@media (max-width: 767px) {
#onecolumn960lp .entry-title{text-align:center;font-size:1.8rem !important;line-height:2.2rem;padding-bottom:0px;padding-top:40px;}
}
@media (min-width: 768px) {
#onecolumn960lp .entry-title{text-align:center;font-size:2.4rem !important;line-height:2.75rem;padding-bottom:10px;}
}
#onecolumn960lp .cps-post-box{box-shadow:none;}
@media (min-width: 768px) {
#onecolumn960lp .cps-post-box{background-color:transparent !important;}
} .home.page-template #contents{margin-top:15px;}
.pickup-contents-box{width:100%;}
@media (max-width: 767px) {
.pickup-contents-box{margin-top:0px;margin-bottom:10px;padding:0;}
}
@media (min-width: 768px) {
.pickup-contents-box{padding:80px 20px;margin-bottom:-10px;}
}
@media (min-width: 1200px) {
.pickup-contents-box{padding:30px 0;}
}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents:before{position:absolute;content:"";width:calc(100% + 15px);height:100%;background:#ccc;top:0px;left:-15px;opacity:0.12;}
}
.pickup-contents-box .pickup-contents{padding:0;display:flex;flex-wrap:wrap;}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents{width:calc(100% - 30px);padding:15px 15px;position:relative;}
}
@media (min-width: 768px) {
.pickup-contents-box .pickup-contents{width:100%;justify-content:center;}
}
@media (min-width: 1200px) {
.pickup-contents-box .pickup-contents{width:1140px;margin:0 auto;padding:0 0px;}
}
.pickup-contents-box .pickup-contents li{height:auto;}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents li{width:48.5%;margin-right:3%;margin-top:10px;}
}
@media (min-width: 768px) {
.pickup-contents-box .pickup-contents li{width:23.575%;margin-right:1.9%;margin-top:20px;}
}
.pickup-contents-box .pickup-contents li a{-webkit-transition:all 0s;transition:all 0s;}
.pickup-contents-box .pickup-contents li a .pickup-image{position:relative;}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents li a .pickup-image{border-radius:2px;background:#fff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.18);}
}
@media (min-width: 768px) {
.pickup-contents-box .pickup-contents li a .pickup-image{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
}
@media (min-width: 768px) and (max-width: 767px) {
.pickup-contents-box .pickup-contents li a .pickup-image{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.pickup-contents-box .pickup-contents li a .pickup-image img{width:100%;height:auto;vertical-align:bottom;opacity:0.9;background:#fff;-webkit-transition:all .8s;transition:all .8s;border-radius:2px;}
.pickup-contents-box .pickup-contents li a .pickup-image .pickup-title{position:absolute;top:50%;left:50%;letter-spacing:1px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);text-align:center;background-color:rgba(255, 255, 255, 0.9);border-radius:30px;z-index:2;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents li a .pickup-image .pickup-title{font-size:11px;font-weight:700;letter-spacing:0;width:70%;padding:5px 10px;border:2px solid #ddd;}
}
@media (min-width: 768px) {
.pickup-contents-box .pickup-contents li a .pickup-image .pickup-title{font-size:11px;font-weight:500;width:65%;padding:5px 10px;border:3px solid #ddd;}
}
@media (min-width: 1024px) {
.pickup-contents-box .pickup-contents li a .pickup-image .pickup-title{font-size:14px;padding:7px 15px;}
}
.pickup-contents-box .pickup-contents li a .pickup-image:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:88%;height:80%;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents li a .pickup-image:after{border:1px solid rgba(255, 255, 255, 0.65);}
}
@media (min-width: 768px) {
.pickup-contents-box .pickup-contents li a .pickup-image:after{border:2px solid rgba(255, 255, 255, 0.65);}
}
.pickup-contents-box .pickup-contents li a:hover .pickup-image img{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:0.7;}
.pickup-contents-box .pickup-contents li a:hover .pickup-image:after{width:100%;height:100%;opacity:0;}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents li:first-child,
.pickup-contents-box .pickup-contents li:nth-child(2){margin-top:0px;}
}
@media (max-width: 767px) {
.pickup-contents-box .pickup-contents li:nth-child(2n){margin-right:0px;}
}
.pickup-contents-box .pickup-contents li:nth-child(4n){margin-right:0;}
@media (max-width: 767px) {
.swiper-container{width:92%;padding:0 4%;min-height:175px;margin:0 auto;}
}
@media (min-width: 768px) {
.swiper-container{width:100%;height:200px;}
}
@media (min-width: 1024px) {
.swiper-container{height:210px;}
}
@media (min-width: 1200px) {
.swiper-container{width:1140px;margin:0 auto;}
}
.related-slide{overflow:hidden;}
.swiper-container2{position:relative;}
@media (max-width: 767px) {
.swiper-container2{width:92%;padding:0 4%;margin:0 auto;min-height:205px;}
}
@media (min-width: 768px) {
.swiper-container2{width:100%;min-height:285px;}
}
.post-list-mag3col-slide{padding:2px 10px;padding-top:12px;}
@media (max-width: 767px) {
.post-list-mag3col-slide a.post-list-link{min-height:175px;}
}
@media (min-width: 768px) {
.post-list-mag3col-slide a.post-list-link{min-height:240px;}
}
.post-list-mag3col-slide .post-list-item .post-list-inner{display:block;}
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-thumb{height:auto;width:100%;}
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-thumb img{display:block;width:100%;height:auto;border-top-left-radius:2px;border-top-right-radius:2px;}
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta{width:100%;}
@media (max-width: 767px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta{padding:6px 8px;padding-bottom:10px;}
}
@media (min-width: 768px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta{padding:10px 13px;padding-bottom:30px;}
}
@media (max-width: 767px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:12px;line-height:1.05rem;font-weight:700;letter-spacing:1px;margin-bottom:15px;}
}
@media (min-width: 768px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-title{font-size:13px;line-height:1.3rem;font-weight:500;}
}
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-publisher,
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .writer{display:none;}
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-cat{position:absolute;color:#fff !important;background-color:#2b2b2b;letter-spacing:0;border-radius:20px;}
@media (max-width: 767px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-cat{top:5px;left:5px;padding:1px 6px;font-weight:500;text-align:left;font-size:0.5rem;}
}
@media (min-width: 768px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-cat{top:11px;left:11px;padding:3px 8px;font-size:0.5rem;margin-left:-1px;font-weight:400;}
}
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-date{position:absolute;bottom:0px;left:5%;color:#888 !important;width:90%;text-align:right;}
@media (max-width: 767px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-date{font-size:0.65rem;padding:7px 0px;letter-spacing:1px !important;}
}
@media (min-width: 768px) {
.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-date{font-size:0.65rem;font-weight:300;padding:10px 0px;letter-spacing:1px;}
}
.pickup-contents-box-post-type{width:100%;}
@media (max-width: 767px) {
.pickup-contents-box-post-type{margin-top:15px;margin-bottom:10px;padding:0;}
}
@media (min-width: 768px) {
.pickup-contents-box-post-type{padding:30px 30px;padding-bottom:0;}
}
@media (min-width: 1200px) {
.pickup-contents-box-post-type{padding:30px 0px;padding-bottom:0px;}
}
.pickup-contents-box-post-type .pickup-contents{padding:0;}
.pickup-contents-box-post-type .pickup-contents li{height:auto;}
@media (max-width: 767px) {
.pickup-contents-box-post-type .pickup-contents li{width:48%;margin-right:4%;}
}
@media (min-width: 768px) {
.pickup-contents-box-post-type .pickup-contents li{width:18.48%;}
}
.pickup-contents-box-post-type .pickup-contents li a .pickup-image{overflow:hidden;position:relative;}
@media (max-width: 767px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-image{border-radius:2px;background:#fff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.18);}
}
@media (min-width: 768px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-image{border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
}
@media (min-width: 768px) and (max-width: 767px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-image{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.pickup-contents-box-post-type .pickup-contents li a .pickup-image img{width:100%;height:auto;display:block;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat{position:absolute;top:7px;left:7px;color:#fff;background:#2b2b2b;border-radius:15px;letter-spacing:0;}
@media (max-width: 767px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat{font-size:0.5rem;padding:1px 8px;padding-bottom:2px;}
}
@media (min-width: 768px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat{font-size:0.5rem;padding:2px 10px;}
}
.pickup-contents-box-post-type .pickup-contents li a .pickup-title{margin-top:7px;}
@media (max-width: 767px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-title{font-size:0.75rem;font-weight:500;padding:0 5px;line-height:1rem;}
}
@media (min-width: 768px) {
.pickup-contents-box-post-type .pickup-contents li a .pickup-title{font-size:0.75rem;font-weight:500;padding:0 3px;line-height:1.15rem;}
}
.pickup-contents-box-post-type .pickup-contents li a:hover .pickup-image img{-webkit-transform:scale(1.02);transform:scale(1.02);opacity:0.8;}
.swiper-button-next,
.swiper-button-prev{top:32% !important;color:#ccc !important;background-size:13px 22px !important;filter:grayscale(0);}
@media (max-width: 767px) {
.swiper-container2 .swiper-button-next,
.swiper-container2 .swiper-button-prev{top:20% !important;}
}
@media (min-width: 768px) {
.swiper-container2 .swiper-button-next,
.swiper-container2 .swiper-button-prev{top:25% !important;}
}
.swiper-button-next{right:5px !important;background-image:none !important;}
.swiper-button-prev{left:5px !important;background-image:none !important;}
@media (max-width: 767px) {
.swiper-container2 .swiper-button-prev{left:-14px !important;}
}
@media (min-width: 768px) {
.swiper-container2 .swiper-button-prev{left:5px !important;}
}
@media (max-width: 767px) {
.swiper-container2 .swiper-button-next{right:-14px !important;}
}
@media (min-width: 768px) {
.swiper-container2 .swiper-button-next{right:5px !important;}
}
.swiper-button-next:after,
.swiper-button-prev:after{position:absolute;font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:26px;top:0;color:#fff;text-shadow:0 0 2px #aaa;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.swiper-button-next:after{content:"\f054";right:0;}
.swiper-button-prev:after{content:"\f053";left:0;}
.swiper-button-prev:hover:after{-webkit-transform:translateX(-3px);transform:translateX(-3px);}
.swiper-button-next:hover:after{-webkit-transform:translateX(3px);transform:translateX(3px);}
@media (max-width: 767px) {
.swiper-pagination-bullet{width:6px !important;height:6px !important;}
}
@media (min-width: 768px) {
.swiper-pagination-bullet{width:6px !important;height:6px !important;}
}
@media (max-width: 767px) {
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px !important;}
} .error404 .cps-post .search-box{position:relative;height:70px;margin-right:50%;}
.error404 .cps-post .search-box input[type="search"]{background-color:#fff;border:1px solid #ddd;height:34px;width:100%;margin:0;padding:0 10px;padding-right:40px;border-radius:17px;position:absolute;top:0;right:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.error404 .cps-post .search-box input[type="search"]{font-size:16px;}
}
.error404 .cps-post .search-box input[type="submit"]{font-family:"Font Awesome\ 5 Free";font-weight:900;position:absolute;top:0;right:0;border:none;height:34px;width:34px;color:#2b2b2b;background:none;display:inline-block;}
@media (max-width: 767px) {
.error404 .cps-post .search-box input[type="submit"]{font-size:16px;right:10px;}
}
.error404 .cps-post .search-box input[type="search"]:focus{outline:none;border:1px solid #0094c8;}
.error404 .cps-post .search-box input[type="submit"]:hover{cursor:pointer;}
.cat404{list-style-type:disc;padding-left:25px;margin-top:10px;}
.cat404 li a{color:#0094c8;}
.cat404 li a:hover{text-decoration:underline;}
.share{width:100%;margin-top:50px;}
.share-title{text-align:center;margin-bottom:10px;color:#888;}
@media (max-width: 767px) {
.share-title{font-size:1.4rem;}
}
@media (min-width: 768px) {
.share-title{font-size:1.6rem;}
}
.share-top{width:100%;display:block;margin-bottom:0;margin-top:0px;padding:0;}
@media (max-width: 767px) {
.share-top{width:100%;}
}
.font-hatena:before{content:"B!";font-family:Verdana;font-weight:bold;}
.sns-design-type01 .sns,
.sns-design-type02 .sns{margin:0;}
.sns-design-type01 .sns-top,
.sns-design-type02 .sns-top{margin:0;margin-top:0px;padding-bottom:15px;}
.sns-design-type01 .sns ol,
.sns-design-type01 .sns-top ol,
.sns-design-type02 .sns ol,
.sns-design-type02 .sns-top ol{display:flex;justify-content:space-between;list-style:none;padding:0 !important;}
.sns-design-type01 .sns ol li:after,
.sns-design-type01 .sns ol li:before,
.sns-design-type01 .sns-top ol li:after,
.sns-design-type01 .sns-top ol li:before,
.sns-design-type02 .sns ol li:after,
.sns-design-type02 .sns ol li:before,
.sns-design-type02 .sns-top ol li:after,
.sns-design-type02 .sns-top ol li:before{display:none;}
@media (max-width: 767px) {
.sns-design-type01 .sns li,
.sns-design-type02 .sns li{margin-bottom:0px !important;}
}
.sns-design-type01 .sns-top li a span,
.sns-design-type02 .sns-top li a span{font-size:0.65rem;}
.sns-design-type01 .sns-top li,
.sns-design-type01 .sns li,
.sns-design-type02 .sns-top li,
.sns-design-type02 .sns li{padding:0 !important;width:19.44%;margin-right:0.7%;}
@media (max-width: 767px) {
.sns-design-type01 .sns-top li,
.sns-design-type01 .sns li,
.sns-design-type02 .sns-top li,
.sns-design-type02 .sns li{margin-right:1.2%;}
}
.sns-design-type01 .sns-top li:last-of-type,
.sns-design-type01 .sns li:last-of-type,
.sns-design-type02 .sns-top li:last-of-type,
.sns-design-type02 .sns li:last-of-type{margin-right:0;}
.sns-design-type01{}
.sns-design-type01 .sns li a:hover,
.sns-design-type01 .sns-top li a:hover{opacity:1 !important;-webkit-transform:translateY(3px);transform:translateY(3px);filter:brightness(95%);}
.sns-design-type01 .sns-top li a{border-radius:2px;background:rgba(255, 255, 255, 0.5);font-size:0.7rem;position:relative;display:block;color:#fff;text-align:center;text-decoration:none;letter-spacing:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
.sns-design-type01 .sns-top li a{padding:3px 6px;line-height:14px;height:25px;font-size:0.8rem;border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
}
@media (min-width: 768px) and (max-width: 767px) {
.sns-design-type01 .sns-top li a{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
@media (max-width: 767px) {
.sns-design-type01 .sns-top li a{padding:4px 6px;line-height:12px;height:24px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);}
}
.sns-design-type01 .sns li a{border-radius:2px;background:rgba(255, 255, 255, 0.5);font-weight:500;position:relative;display:block;color:#fff;text-align:center;text-decoration:none;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.sns-design-type01 .sns li a{line-height:12px;height:28px;font-size:0.75rem;padding:6px 6px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);}
}
@media (min-width: 768px) {
.sns-design-type01 .sns li a{line-height:21px;height:28px;font-size:0.8rem;padding:2px 6px;border-radius:2px;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
}
@media (min-width: 768px) and (max-width: 767px) {
.sns-design-type01 .sns li a{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
.sns-design-type01 .sns-top .twitter a,
.sns-design-type01 .sns-top .facebook a,
.sns-design-type01 .sns-top .hatebu a,
.sns-design-type01 .sns-top .pocket a,
.sns-design-type01 .sns-top .line a,
.sns-design-type01 .sns .twitter a,
.sns-design-type01 .sns .facebook a,
.sns-design-type01 .sns .hatebu a,
.sns-design-type01 .sns .pocket a,
.sns-design-type01 .sns .line a{border:2px solid;}
.sns-design-type01 .sns .twitter a,
.sns-design-type01 .sns-top .twitter a{border-color:#00acee;background:#00acee;}
.sns-design-type01 .sns .facebook a,
.sns-design-type01 .sns-top .facebook a{border-color:#3b5998;background:#3b5998;}
.sns-design-type01 .sns .hatebu a,
.sns-design-type01 .sns-top .hatebu a{border-color:#5d8ac1;background:#5d8ac1;}
.sns-design-type01 .sns .pocket a,
.sns-design-type01 .sns-top .pocket a{border-color:#f03e51;background:#f03e51;}
.sns-design-type01 .sns .line a,
.sns-design-type01 .sns-top .line a{display:block;border-color:#6cc655;text-align:center;background:#6cc655;}
.sns-design-type01 .sns .line a svg,
.sns-design-type01 .sns-top .line a svg{width:24px !important;fill:#fff !important;}
.sns-design-type02{}
.sns-design-type02 .sns li a:hover,
.sns-design-type02 .sns-top li a:hover{opacity:1 !important;-webkit-transform:translateY(3px);transform:translateY(3px);}
.sns-design-type02 .sns-top li a{border-radius:2px;background:rgba(255, 255, 255, 0.5);font-size:0.7rem;position:relative;display:block;text-align:center;text-decoration:none;letter-spacing:0;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (min-width: 768px) {
.sns-design-type02 .sns-top li a{padding:2px 6px;line-height:18px;height:25px;font-size:0.8rem;}
}
@media (max-width: 767px) {
.sns-design-type02 .sns-top li a{padding:4px 6px;line-height:12px;height:24px;}
}
.sns-design-type02 .sns li a{border-radius:2px;background:rgba(255, 255, 255, 0.5);font-weight:500;position:relative;display:block;text-align:center;text-decoration:none;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.sns-design-type02 .sns li a{line-height:12px;height:28px;font-size:0.75rem;padding:6px 6px;}
}
@media (min-width: 768px) {
.sns-design-type02 .sns li a{line-height:21px;height:28px;font-size:0.8rem;padding:2px 6px;}
}
.sns-design-type02 .sns-top .twitter a,
.sns-design-type02 .sns-top .facebook a,
.sns-design-type02 .sns-top .hatebu a,
.sns-design-type02 .sns-top .pocket a,
.sns-design-type02 .sns-top .line a,
.sns-design-type02 .sns .twitter a,
.sns-design-type02 .sns .facebook a,
.sns-design-type02 .sns .hatebu a,
.sns-design-type02 .sns .pocket a,
.sns-design-type02 .sns .line a{border:1px solid;}
.sns-design-type02 .sns .twitter a,
.sns-design-type02 .sns-top .twitter a{border-color:#00acee;background:#fff;color:#00acee;}
.sns-design-type02 .sns .facebook a,
.sns-design-type02 .sns-top .facebook a{border-color:#3b5998;background:#fff;color:#3b5998;}
.sns-design-type02 .sns .hatebu a,
.sns-design-type02 .sns-top .hatebu a{border-color:#5d8ac1;background:#fff;color:#5d8ac1;}
.sns-design-type02 .sns .pocket a,
.sns-design-type02 .sns-top .pocket a{border-color:#f03e51;background:#fff;color:#f03e51;}
.sns-design-type02 .sns .line a,
.sns-design-type02 .sns-top .line a{display:block;border-color:#6cc655;text-align:center;background:#fff;}
.sns-design-type02 .sns .line a svg,
.sns-design-type02 .sns-top .line a svg{width:24px !important;fill:#6cc655 !important;}
.pager-top{display:block;width:100%;}
.pagination{padding-left:0;}
@media (max-width: 767px) {
.pagination{margin:20px;}
}
@media (min-width: 768px) {
.pagination{margin:30px 0;}
}
.pagination,
.pagination li a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.pagination li{position:relative;margin:0 4px;}
.pagination a{text-decoration:none;background:#fff;font-weight:400;font-size:0.85rem;padding:5px 3px;padding-bottom:4px;padding-left:5px;border-radius:20px;line-height:0;}
@media (max-width: 767px) {
.pagination a{min-width:34px;min-height:34px;color:#888 !important;padding-top:4px;box-shadow:0px 0px 1px rgba(0, 0, 0, 0.25);}
}
@media (min-width: 768px) {
.pagination a{min-width:38px;min-height:37px;color:#aaa !important;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
}
.pagination li.spancount span{display:block;padding-bottom:10px;color:#aaa;}
.pagination li:not([class*="current"]) a:hover{color:#fff !important;}
.pagination li.current a{background-color:#cdcdcd;border:1px solid #cdcdcd;cursor:default;color:#fff !important;pointer-events:none;}
.nextpage{padding-left:0;margin:30px 0;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.nextpage span{position:relative;display:block;font-weight:400;font-size:0.85rem;line-height:24px;text-align:center;padding:6px 6px;border-radius:1px;margin:0 3px;min-width:37px;min-height:36px;background-color:#cdcdcd !important;border:1px solid #cdcdcd;cursor:default;color:#fff !important;pointer-events:none;}
.nextpage a{display:block;text-decoration:none !important;opacity:1 !important;}
.nextpage a span{background:#fff !important;border:1px solid #aaa;color:#aaa !important;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.nextpage a{min-width:43px;min-height:42px;padding:5px 4px;}
} .related-ad-unit-area{width:100%;}
.sponsor,
.sponsor-h2,
.sponsor-h2-center,
.sponsor-center,
.sponsor-top{color:#888;font-size:0.75em;margin-top:30px;margin-bottom:8px;letter-spacing:0;}
@media (max-width: 767px) {
.sponsor,
.sponsor-h2,
.sponsor-h2-center,
.sponsor-center,
.sponsor-top{margin-top:20px;text-align:center;}
}
.sponsor-center,
.sponsor-h2-center,
.sponsor-top{text-align:center;}
.sponsor-h2-center{margin-top:10px;}
.sponsor-top{margin-top:0;}
.ad-top-sp{margin-bottom:30px;}
.ad-top{margin-bottom:30px;}
.related-ad-area{background-color:#f7f7f7;border-radius:2px;}
@media (max-width: 767px) {
.related-ad-area{margin-top:20px;padding-bottom:20px;padding-top:1px;}
}
@media (min-width: 768px) {
.related-ad-area{margin-top:30px;padding:5px 30px;padding-bottom:25px;}
}
@media (min-width: 1024px) {
.related-ad-area{padding:0 30px;padding-bottom:25px;}
}
.adarea-box{margin-bottom:30px;}
@media (max-width: 767px) {
.ad-single{text-align:center;}
}
@media (min-width: 768px) {
.ad-single{display:block;}
.ad-single .center-rectangle,
.ad-single .left-rectangle,
.ad-single .right-rectangle{text-align:center;}
}
@media (min-width: 1200px) {
.ad-single .center-rectangle{text-align:center;}
.ad-single .left-rectangle{width:336px;float:left;margin-right:20px;}
.ad-single .right-rectangle{width:336px;float:right;}
}
.ad-single-h2{text-align:center;margin-bottom:40px;}
.wide-layout ul{list-style-type:none;padding:0;margin-top:0;margin-bottom:0;}
.wide-layout ul li{margin-bottom:20px;}
.wide-layout ul li .side-ranking-title{font-size:17px;line-height:1.3rem;font-weight:400;position:relative;}
@media (max-width: 767px) {
.wide-layout ul li .side-ranking-title{font-weight:500;}
}
.wide-layout ul li .side-ranking-meta{margin-top:15px;}
.wide-layout ul li .side-ranking-meta .side-ranking-img img{display:none;}
.wide-layout ul li .side-ranking-meta .side-ranking-img a{overflow:hidden;display:block;}
.wide-layout ul li .side-ranking-meta .side-ranking-img a img{width:100%;height:auto;display:block;background:#fff;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.wide-layout ul li .side-ranking-meta .side-ranking-img a:hover img{-webkit-filter:opacity(0.8);filter:opacity(0.8);}
.wide-layout ul li .side-ranking-meta .side-ranking-info{font-size:0.85rem;line-height:1.35rem;margin-top:15px;margin-bottom:15px;}
.wide-layout ul li .side-btn-box{display:flex;}
.wide-layout ul li .side-ranking-btn{flex:1;}
.wide-layout ul li .side-ranking-btn a{width:100%;height:100%;padding-left:10px;padding-right:10px;}
@media (max-width: 767px) {
.wide-layout ul li .color-button01 a,
.wide-layout ul li .color-button02 a{padding-top:11px;padding-bottom:11px;font-size:1rem;}
}
@media (min-width: 768px) {
.wide-layout ul li .color-button01 a,
.wide-layout ul li .color-button02 a{padding-top:9px;padding-bottom:9px;font-size:0.95rem;}
}
.wide-layout ul li .color-button01:before,
.wide-layout ul li .color-button02:before{display:block;width:100%;}
.wide-layout ul li:last-child{margin-bottom:0;}
.wide-layout ul li:first-child h3{border-color:#FFCF24;}
.wide-layout ul li:nth-child(2) h3{border-color:#A0A9B1;}
.wide-layout ul li:nth-child(3) h3{border-color:#B26A2B;}
.simple-style h3{border-bottom:1px solid;padding-left:45px;padding-top:23px;padding-bottom:3px;letter-spacing:0;}
.simple-style h3 img{width:45px;position:absolute;left:-2px;bottom:4px;}
.luxe-style h3{padding-left:35px;padding-top:15px;padding-bottom:3px;letter-spacing:0;border-bottom:3px double;}
.luxe-style h3 img{position:absolute;width:35px;top:7px;left:-5px;}
.luxe-style li:first-child h3{border-bottom-color:#D09F30 !important;}
.girly-style h3{border-bottom:2px dotted;padding-left:47px;padding-top:23px;padding-bottom:3px;letter-spacing:0;}
.girly-style h3 img{width:43px;position:absolute;left:0px;bottom:3px;}
.widget-profile{overflow:hidden;position:relative;}
#footer-widget-area .my-profile{background:rgba(255, 255, 255, 0.15) !important;}
@media (max-width: 767px) {
#footer-widget-area .my-profile{border:none !important;}
}
@media (min-width: 768px) {
#footer-widget-area .my-profile{box-shadow:none !important;padding:10px !important;padding-bottom:10px !important;}
}
@media (min-width: 1024px) {
#footer-widget-area .my-profile{padding:25px !important;padding-bottom:25px !important;}
}
@media (max-width: 767px) {
#footer-widget-area .my-profile-thumb{box-shadow:none !important;}
}
#footer-widget-area .myjob{color:rgba(255, 255, 255, 0.7) !important;}
#footer-widget-area .popular-count{color:rgba(255, 255, 255, 0.7) !important;border-bottom:1px dashed rgba(255, 255, 255, 0.7) !important;}
@media (min-width: 768px) {
#footer-widget-area .widget-profile,
.sidebar_style2 .widget-profile,
.sidebar_style3 .widget-profile,
.sidebar_style4 .widget-profile,
.sidebar_style5 .widget-profile{overflow:visible !important;}
}
@media (min-width: 768px) {
#footer-widget-area .my-profile,
.sidebar_style2 .my-profile,
.sidebar_style3 .my-profile,
.sidebar_style4 .my-profile,
.sidebar_style5 .my-profile{border-radius:2px;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.18);padding:10px;position:relative;padding-bottom:10px !important;}
}
@media (min-width: 768px) and (max-width: 767px) {
#footer-widget-area .my-profile,
.sidebar_style2 .my-profile,
.sidebar_style3 .my-profile,
.sidebar_style4 .my-profile,
.sidebar_style5 .my-profile{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
@media (min-width: 1024px) {
#footer-widget-area .my-profile,
.sidebar_style2 .my-profile,
.sidebar_style3 .my-profile,
.sidebar_style4 .my-profile,
.sidebar_style5 .my-profile{padding:25px;padding-bottom:25px !important;}
}
@media (min-width: 768px) {
#footer-widget-area .myname,
.sidebar_style2 .myname,
.sidebar_style3 .myname,
.sidebar_style4 .myname,
.sidebar_style5 .myname{top:156px !important;}
}
@media (min-width: 768px) {
#footer-widget-area .myjob,
.sidebar_style2 .myjob,
.sidebar_style3 .myjob,
.sidebar_style4 .myjob,
.sidebar_style5 .myjob{top:183px !important;}
}
@media (min-width: 768px) {
#footer-widget-area .profile-sns-menu,
.sidebar_style2 .profile-sns-menu,
.sidebar_style3 .profile-sns-menu,
.sidebar_style4 .profile-sns-menu,
.sidebar_style5 .profile-sns-menu{position:relative !important;border-radius:2px;margin-top:25px;}
}
@media (min-width: 768px) {
#footer-widget-area .profile-sns-menu ul li,
.sidebar_style2 .profile-sns-menu ul li,
.sidebar_style3 .profile-sns-menu ul li,
.sidebar_style4 .profile-sns-menu ul li,
.sidebar_style5 .profile-sns-menu ul li{margin-left:3px !important;margin-right:3px !important;}
}
@media (min-width: 1024px) {
#footer-widget-area .profile-sns-menu ul li,
.sidebar_style2 .profile-sns-menu ul li,
.sidebar_style3 .profile-sns-menu ul li,
.sidebar_style4 .profile-sns-menu ul li,
.sidebar_style5 .profile-sns-menu ul li{margin-left:5px !important;margin-right:5px !important;}
}
@media (max-width: 767px) {
.my-profile{position:relative;border:1px solid #eee;padding:20px;padding-bottom:20px;overflow:hidden;border-radius:2px;}
}
@media (min-width: 768px) {
.my-profile{padding:5px;padding-top:0;padding-bottom:0px;}
}
.my-profile .myjob{position:absolute;left:0px;font-size:0.65rem;font-weight:500;color:rgba(0, 0, 0, 0.35);width:100%;text-align:center;font-weight:300;}
@media (max-width: 767px) {
.my-profile .myjob{top:180px;}
}
@media (min-width: 768px) {
.my-profile .myjob{top:185px;}
}
.my-profile .myname{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;font-size:1rem;width:100%;text-align:center;}
@media (max-width: 767px) {
.my-profile .myname{font-weight:700;top:153px;}
}
@media (min-width: 768px) {
.my-profile .myname{font-weight:500;top:158px;}
}
.my-profile .my-profile-thumb{position:relative;z-index:1;overflow:hidden;width:110px;height:110px;border-radius:55px;margin-left:auto;margin-right:auto;margin-top:10px;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);background:#fff;}
.my-profile .my-profile-thumb img{display:block;width:100%;height:auto;background:#fff;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.my-profile .my-profile-thumb a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.my-profile .profile-sns-menu{position:absolute;left:0;bottom:0px;display:block;width:100%;background:#2b2b2b;padding:15px 0;}
@media (max-width: 767px) {
.my-profile .profile-sns-menu{border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
}
.my-profile .profile-sns-menu .profile-sns-menu-title{text-align:center;width:100%;font-size:0.85rem;color:#fff;margin-bottom:5px;}
.my-profile .profile-sns-menu ul{list-style:none;display:flex;justify-content:center;background:transparent !important;}
.my-profile .profile-sns-menu ul li{margin-bottom:0;background:transparent !important;}
@media (max-width: 767px) {
.my-profile .profile-sns-menu ul li{margin-left:7px;margin-right:7px;}
}
@media (min-width: 768px) {
.my-profile .profile-sns-menu ul li{margin-left:5px;margin-right:5px;}
}
.my-profile .profile-sns-menu ul li a{display:block;font-size:16px;width:32px;height:32px;padding:7px 6px 3px 7px;border:1px solid;border-color:#fff !important;border-radius:21px;text-align:center;color:#fff !important;background:transparent;line-height:0 !important;}
.my-profile .profile-sns-menu ul li a svg{fill:#fff !important;}
.my-profile .profile-sns-menu ul li a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
.my-profile .profile-sns-menu ul .pro-youtube a{padding-left:6px;}
.my-profile .profile-sns-menu ul .pro-line a{padding-top:11px;padding-left:6px;}
.my-profile .myintro{font-size:0.85rem;}
@media (max-width: 767px) {
.my-profile .myintro{margin-top:70px;font-weight:500;}
}
@media (min-width: 768px) {
.my-profile .myintro{margin-top:75px;font-weight:300;}
}
.area-border{position:relative;height:2px;border-radius:1px;background:#2b2b2b;margin:0 auto;opacity:0.3;}
@media (max-width: 767px) {
.area-border{margin-top:40px;width:80px;}
}
.area-border:before,
.area-border:after,
.area-border2:before,
.area-border2:after{content:"・・・";position:absolute;top:2px;font-size:21px;color:#2b2b2b;line-height:0;letter-spacing:-6px;}
@media (max-width: 767px) {
.area-border:before,
.area-border:after,
.area-border2:before,
.area-border2:after{top:1px;}
}
.area-border:before,
.area-border2:before{left:-55px;}
.area-border:after,
.area-border2:after{right:-50px;}
@media (max-width: 767px) {
.area-border2{position:relative;width:80px;height:2px;border-radius:1px;background:#2b2b2b;opacity:0.3;margin:0 auto;margin-top:30px;margin-bottom:40px;}
}
.cta-content{position:relative;border-radius:2px;overflow:hidden;color:#fff;}
@media (max-width: 767px) {
.cta-content{padding:20px;margin-top:10px;}
}
@media (min-width: 768px) {
.cta-content{padding:30px;margin-top:0px;}
}
.cta-content .info-title{position:relative;z-index:1;display:block;text-align:center;}
@media (max-width: 767px) {
.cta-content .info-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;}
}
@media (min-width: 768px) {
.cta-content .info-title{font-size:1.6rem;font-weight:500;margin-bottom:20px;}
}
.cta-content .cta-text{position:relative;z-index:1;}
.cta-content .cta-text img{max-width:100%;height:auto;margin-bottom:20px;}
.cta-content .cta-text p:last-of-type{padding-bottom:0 !important;}
.cta-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6FBFCA;z-index:0;border-radius:2px;}
.tag-box{margin-top:30px;}
.tag-box a{color:#555 !important;text-decoration:none !important;border:1px solid #ddd;padding:5px 8px;border-radius:2px;font-size:0.65rem;letter-spacing:0;display:inline-block;margin-bottom:4px;margin-right:5px;}
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big{margin-left:5px;margin-right:5px;letter-spacing:0;}
@media (max-width: 767px) {
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big{margin-bottom:10px;}
}
.color-button01 a,
.color-button02 a,
.color-button01-big a,
.color-button02-big a{color:#fff !important;}
.color-button01-big,
.color-button02-big{margin-left:auto;margin-right:auto;}
@media (max-width: 767px) {
.spfull{width:100%;margin-left:0;margin-right:0;}
}
.top-image-btn-color a,
.color-button01 a,
.color-button02 a{-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;border-radius:6px;text-align:center;padding:13px 80px;padding-bottom:12px;display:inline-block;text-decoration:none !important;-webkit-transform:perspective(0);transform:perspective(0);font-size:1.1rem;opacity:1 !important;}
@media (max-width: 767px) {
.top-image-btn-color a,
.color-button01 a,
.color-button02 a{padding:12px 80px;padding-bottom:11px;font-weight:700;}
}
@media (min-width: 768px) {
.top-image-btn-color a,
.color-button01 a,
.color-button02 a{font-weight:400;}
}
@media (max-width: 767px) {
.spfull.color-button01 a,
.spfull.color-button02 a{width:100%;}
}
.color-button01-big a,
.color-button02-big a{-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;border-radius:4px;text-align:center;font-size:1.2rem;padding:20px 30px;max-width:100% !important;vertical-align:bottom;display:block;text-decoration:none !important;-webkit-transform:perspective(0);transform:perspective(0);}
@media (max-width: 767px) {
.color-button01-big a,
.color-button02-big a{width:100% !important;font-weight:700;}
}
@media (min-width: 768px) {
.color-button01-big a,
.color-button02-big a{font-weight:400;}
}
.color-button01 img,
.color-button02 img,
.color-button01-big img,
.color-button02-big img{display:none;}
.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover{text-decoration:none !important;opacity:1;}
.top-image-btn-color,
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big{position:relative;z-index:1;display:inline-block;}
.color-button01-big,
.color-button02-big{display:block;}
.top-image-btn-color a,
.color-button01 a,
.color-button01-big a{background-color:#0094c8;color:#fff !important;}
@media (max-width: 767px) {
.top-image-btn-color a{font-weight:700 !important;}
}
@media (min-width: 768px) {
.top-image-btn-color a{font-weight:400 !important;}
}
.color-button02 a,
.color-button02-big a{background-color:#d9333f;color:#fff !important;}
.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover{-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-filter:brightness(0.9);filter:brightness(0.9);}
.top-image-btn-color:before,
.color-button01:before,
.color-button02:before,
.color-button01-big:before,
.color-button02-big:before{position:absolute;bottom:-4px;z-index:-1;left:0;content:'';width:100%;height:24px;border-radius:4px;-webkit-filter:brightness(0.85);filter:brightness(0.85);}
.top-image-btn-color:before,
.color-button01:before,
.color-button02:before{border-radius:6px;}
.color-button01-big:before,
.color-button02-big:before{height:100%;}
.color-button01:before,
.color-button01-big:before{background-color:#0094c8;}
.color-button02:before,
.color-button02-big:before{background-color:#d9333f;}
.twobutton{display:block;text-align:center;margin-bottom:20px;}
@media (min-width: 768px) {
.twobutton .color-button01,
.twobutton .color-button02{margin-bottom:10px;}
} .article_style1 .cps-post-box{border-radius:2px;background:#fff;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.18);}
@media (max-width: 767px) {
.article_style1 .cps-post-box{border-radius:0px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25);}
}
@media (max-width: 767px) {
.article_style1 .cps-post-box{padding:15px 0;}
}
@media (min-width: 768px) {
.article_style1 .cps-post-box{padding:20px;}
}
@media (min-width: 1024px) {
.article_style1 .cps-post-box{padding:30px;}
}
.article_style2 .cps-post-box{padding:20px;padding-left:0;padding-right:10px;}
@media (max-width: 767px) {
.article_style2 .cps-post-box{padding:15px 0;}
}
.cps-post .cps-post-thumb{margin-bottom:5px;}
.cps-post .cps-post-thumb img{display:block;margin:0 auto;}
.cps-post .cps-post-header{margin-bottom:0px;}
.cps-post .cps-post-header .cps-post-cat{display:inline;font-size:0.8rem;margin-right:10px;color:#f8b500;font-weight:400;letter-spacing:0;margin-right:5px;margin-bottom:15px;display:block;}
.cps-post .cps-post-header .cps-post-cat a{color:#fff !important;border-radius:15px;line-height:0;}
@media (max-width: 767px) {
.cps-post .cps-post-header .cps-post-cat a{padding:3px 10px;font-size:0.65rem;font-weight:400;}
}
@media (min-width: 768px) {
.cps-post .cps-post-header .cps-post-cat a{padding:5px 10px;font-size:0.7rem;font-weight:300;}
}
.cps-post .cps-post-header .cps-post-title{font-weight:300;}
@media (max-width: 767px) {
.cps-post .cps-post-header .cps-post-title{font-size:1.45rem;line-height:1.9rem;}
}
@media (min-width: 768px) {
.cps-post .cps-post-header .cps-post-title{font-size:1.5rem;line-height:2rem;}
}
@media (min-width: 1024px) {
.cps-post .cps-post-header .cps-post-title{font-size:1.8rem;line-height:2.3rem;}
}
.cps-post .cps-post-header .cps-post-meta{display:block;margin-top:15px;}
@media (max-width: 767px) {
.cps-post .cps-post-header .cps-post-meta{margin-top:5px;}
}
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box{display:block;text-align:right;}
@media (max-width: 767px) {
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box{margin-bottom:2px;}
}
@media (min-width: 768px) {
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box{margin-bottom:4px;}
}
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date{font-size:0.8rem;color:#bbb;font-weight:300;letter-spacing:1px;}
@media (max-width: 767px) {
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date{font-weight:400;}
}
.cps-post-meta .writer{display:none;}
.timeslash{color:#bbb;font-size:0.8rem;}
.blog-card-hl-box{position:absolute;width:auto;border-radius:2px;background:#ccc;}
@media (min-width: 768px) {
.blog-card-hl-box{font-size:12px;font-weight:500;padding:7px 10px;top:-15px;left:20px;}
}
@media (max-width: 767px) {
.blog-card-hl-box{font-weight:bold;font-size:11px;padding:4px 10px;top:-13px;left:12px;}
}
.blog-card{display:block;position:relative;border:1px solid #aaa;border-radius:4px;margin-top:20px !important;margin-bottom:30px !important;background:rgba(255, 255, 255, 0);word-wrap:break-word;box-sizing:border-box;text-decoration:none !important;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.blog-card{width:100%;padding:12px;margin:10px 0px;padding-top:22px !important;}
}
@media (min-width: 768px) {
.blog-card{width:96%;margin:10px auto;padding:20px;padding-top:30px !important;}
}
.blog-card .blog-card-hl{color:#fff;letter-spacing:0;line-height:0;padding-left:5px;}
.blog-card .fas{line-height:0;color:#fff;}
.blog-card svg, .blog-card path{fill:#fff !important;font-size:13px;}
.blog-card:hover{opacity:0.8 !important;}
.blog-card:hover .blog-card-thumbnail img{transform:scale(1.1);}
.blog-card-box{display:flex;}
.blog-card-content{flex:2.5;}
.blog-card-thumbnail{display:block;overflow:hidden;}
@media (max-width: 767px) {
.blog-card-thumbnail{margin-right:10px;flex:1.82;}
}
@media (min-width: 768px) {
.blog-card-thumbnail{margin-right:20px;flex:1;}
}
.blog-card-thumbnail img{filter:opacity(1);display:block;padding:0 !important;margin:0 !important;vertical-align:baseline;width:100%;height:auto;background:#fff;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.blog-card-title{display:block;letter-spacing:1px;color:#524e4d;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
@media (max-width: 767px) {
.blog-card-title{font-size:0.85rem;line-height:1.2rem;font-weight:700;}
}
@media (min-width: 768px) {
.blog-card-title{margin-bottom:15px;font-size:1.1rem;line-height:1.5rem;font-weight:500;}
}
.blog-card-excerpt{color:#524e4d;display:none;}
@media (min-width: 768px) {
.blog-card-excerpt{margin-top:15px;font-size:0.75rem;display:block;}
}
.blog-card-footer{display:flex;justify-content:flex-end;font-size:70%;color:#777;margin-bottom:0;text-align:right;}
@media (max-width: 767px) {
.blog-card-footer{margin-top:10px;}
}
@media (min-width: 768px) {
.blog-card-footer{margin-top:15px;}
}
.blog-card-footer .blog-card-logo{margin-right:5px;}
.blog-card-footer .blog-card-logo img{padding:0 !important;margin:0 !important;}
.blog-card-footer .blog-card-sitetitle{display:block;margin-top:1px;}
.profile-card{border-top:1px solid #eee;padding:0 20px;padding-top:40px;position:relative;margin-top:50px;}
@media (max-width: 767px) {
.profile-card{margin-bottom:40px;}
}
@media (min-width: 768px) {
.profile-card{margin-bottom:20px;}
}
.profile-card .profile-title{position:absolute;top:0px;background:#eee;font-size:0.8rem;font-weight:500;color:#fff;border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
@media (max-width: 767px) {
.profile-card .profile-title{left:20px;padding:5px 12px;}
}
@media (min-width: 768px) {
.profile-card .profile-title{right:20px;padding:7px 15px;padding-top:6px;}
}
@media (max-width: 767px) {
.profile-card .profile-flexbox{display:block;}
}
@media (min-width: 768px) {
.profile-card .profile-flexbox{display:flex;}
}
.profile-card .profile-thumbnail{width:100px;height:100px;border-radius:100px;overflow:hidden;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.18);}
@media (max-width: 767px) {
.profile-card .profile-thumbnail{margin:0 auto;}
}
@media (min-width: 768px) {
.profile-card .profile-thumbnail{margin-right:20px;}
}
@media (max-width: 767px) {
.profile-card .profile-meta{margin-top:10px;}
}
.profile-card .profile-meta .profile-name{font-family:'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;}
@media (max-width: 767px) {
.profile-card .profile-meta .profile-name{text-align:center;font-weight:700;}
}
@media (min-width: 768px) {
.profile-card .profile-meta .profile-name{font-weight:500;}
}
.profile-card .profile-meta .profile-desc{font-size:0.85rem;line-height:1.25rem;font-weight:300;margin-top:20px;}
.profile-card .profile-link-box{margin-top:30px;}
@media (max-width: 767px) {
.profile-card .profile-link-box{display:block;}
}
@media (min-width: 768px) {
.profile-card .profile-link-box{display:flex;justify-content:space-between;align-items:center;}
}
.profile-card .profile-link-box .profile-link{flex:2;font-size:0.85rem;word-break:break-all;word-wrap:break-word;}
@media (max-width: 767px) {
.profile-card .profile-link-box .profile-link{margin-left:0px;}
}
@media (min-width: 768px) {
.profile-card .profile-link-box .profile-link{margin-left:8px;margin-right:20px;}
}
.profile-card .profile-link-box .profile-link span{font-size:0.75rem;}
.profile-card .profile-link-box .profile-link svg{margin-right:2px;}
.profile-card .profile-link-box .profile-follow{flex:1;}
.profile-follow{display:flex;}
@media (max-width: 767px) {
.profile-follow{justify-content:center;margin-top:20px;}
}
@media (min-width: 768px) {
.profile-follow{justify-content:flex-end;}
}
.profile-follow a{-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;display:block;color:#ccc;margin:0 5px;border:1px solid #ccc;overflow:hidden;line-height:0 !important;}
@media (max-width: 767px) {
.profile-follow a{font-size:13px;padding:8px 10px;width:34px;height:34px;border-radius:20px;}
}
@media (min-width: 768px) {
.profile-follow a{font-size:11px;padding:6px 6px;width:28px;height:28px;border-radius:14px;}
}
.profile-follow a:hover{color:#f8b500 !important;-webkit-transform:scale(1.1);transform:scale(1.1);}
@media (max-width: 767px) {
.profile-follow .twitter-sns a{padding-left:8px;}
}
@media (min-width: 768px) {
.profile-follow .twitter-sns a{padding-left:6px;}
}
@media (max-width: 767px) {
.profile-follow .facebook-sns a{padding-left:11px;}
}
@media (min-width: 768px) {
.profile-follow .facebook-sns a{padding-left:8px;}
}
@media (max-width: 767px) {
.profile-follow .instagram-sns a{padding-left:8px;}
}
@media (min-width: 768px) {
.profile-follow .instagram-sns a{padding-left:7px;}
}
@media (max-width: 767px) {
.profile-follow .youtube-sns a{padding-left:6px;}
}
@media (min-width: 768px) {
.profile-follow .youtube-sns a{padding-left:5px;}
}
@media (max-width: 767px) {
.profile-follow .contact-sns a{padding-left:7px;}
}
@media (min-width: 768px) {
.profile-follow .contact-sns a{padding-top:5px;padding-left:6px;}
}
.profile-follow .contact-sns a svg{width:100%;}
@media (max-width: 767px) {
.profile-follow .line-sns a{padding-top:12px;padding-left:6px;}
}
@media (min-width: 768px) {
.profile-follow .line-sns a{padding-top:10px;padding-left:5px;}
}
.profile-follow .line-sns a svg{height:auto;-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
@media (max-width: 767px) {
.profile-follow .line-sns a svg{width:20px;}
}
@media (min-width: 768px) {
.profile-follow .line-sns a svg{width:16px;}
}
.profile-follow .line-sns a:hover svg{fill:#f8b500 !important;}
@media (min-width: 768px) {
.profile-follow.center-pos{justify-content:center;}
}
@media (max-width: 767px) {
.page-top-footer{display:none;}
}
@media (min-width: 768px) {
.page-top-footer{position:absolute;right:15px;top:11px;}
.page-top-footer a.totop{font-size:2rem;padding:9px 30px 9px 30px;line-height:0;color:#fff;cursor:pointer;}
.page-top-footer a.totop svg{-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
.page-top-footer a:hover svg{-webkit-transform:translateY(-4px);transform:translateY(-4px);}
}
@media (min-width: 1024px) {
.page-top-footer{right:-2px;}
}
#page-top{position:fixed;display:none;z-index:9999;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
@media (max-width: 767px) {
#page-top{right:13px;bottom:40px;}
}
@media (min-width: 768px) {
#page-top{right:22px;bottom:40px;}
}
#page-top a{color:#fff;text-decoration:none;display:block;cursor:pointer;text-align:center;line-height:0;border-radius:30px;}
@media (max-width: 767px) {
#page-top a{width:38px;height:38px;padding:6px;padding-top:8px;font-size:1.2rem;}
}
@media (min-width: 768px) {
#page-top a{width:45px;height:45px;padding:8px;font-size:1.6rem;}
}
#page-top a svg{-webkit-transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;transition:color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;}
#page-top a:hover svg{-webkit-transform:translateY(-3px);transform:translateY(-3px);}
.balloon-box{position:relative;overflow:hidden;}
.balloon-icon{position:absolute;top:0;overflow:hidden;width:80px;height:80px;margin-bottom:0;}
@media (max-width: 767px) {
.balloon-icon{width:60px;height:60px;}
}
.balloon-icon.maru{border:2px solid #eee;border-radius:40px;}
.icon-name{position:absolute;text-align:center;letter-spacing:0;line-height:0.7rem !important;color:#777;}
@media (max-width: 767px) {
.icon-name{width:60px;top:62px;font-size:9px;}
}
@media (min-width: 768px) {
.icon-name{width:80px;top:83px;font-size:10px;}
}
.balloon-icon img{width:80px;height:auto;margin-bottom:0 !important;}
@media (max-width: 767px) {
.balloon-icon img{width:60px;}
}
.balloon-serif .balloon-content img.star{width:24%;padding-bottom:1px;margin-bottom:-3px !important;}
@media (max-width: 767px) {
.balloon-serif .balloon-content img.star{width:38%;padding-bottom:2px;}
}
.balloon-content p:last-of-type{padding-bottom:0 !important;}
.balloon-left .balloon-icon{left:0;}
.balloon-left .icon-name{left:0;}
.balloon-left .balloon-serif{position:relative;float:left;margin:0 105px 40px 105px;padding:0;}
@media (max-width: 767px) {
.balloon-left .balloon-serif{margin:0 0px 30px 78px;}
}
.balloon-left .balloon-serif:before{content:"";position:absolute;left:-7px;display:block;width:0px;height:0px;border-style:solid;border-width:7px 10px 7px 0;z-index:3;}
@media (max-width: 767px) {
.balloon-left .balloon-serif:before{top:13px;}
}
@media (min-width: 768px) {
.balloon-left .balloon-serif:before{top:16px;}
}
.balloon-left .balloon-serif:after{content:"";position:absolute;left:-10px;display:block;width:0px;height:0px;border-style:solid;border-width:8px 10px 8px 0;z-index:2;}
@media (max-width: 767px) {
.balloon-left .balloon-serif:after{top:12px;}
}
@media (min-width: 768px) {
.balloon-left .balloon-serif:after{top:15px;}
}
.balloon-left .balloon-serif .balloon-content{position:relative;line-height:1.5rem;border:2px solid #ccc;background:#fff;border-radius:6px;font-size:0.95em;z-index:2;}
@media (max-width: 767px) {
.balloon-left .balloon-serif .balloon-content{padding:0.8rem;}
}
@media (min-width: 768px) {
.balloon-left .balloon-serif .balloon-content{padding:1.15rem;}
}
.balloon-right .balloon-icon{right:0;}
.balloon-right .icon-name{right:0;}
.balloon-right .balloon-serif{position:relative;float:right;margin:0 105px 40px 105px;padding:0;}
@media (max-width: 767px) {
.balloon-right .balloon-serif{margin:0 78px 30px 0px;}
}
.balloon-right .balloon-serif:before{content:"";position:absolute;right:-7px;display:block;width:0px;height:0px;border-style:solid;border-width:7px 0px 7px 10px;z-index:3;}
@media (max-width: 767px) {
.balloon-right .balloon-serif:before{top:13px;}
}
@media (min-width: 768px) {
.balloon-right .balloon-serif:before{top:16px;}
}
.balloon-right .balloon-serif:after{content:"";position:absolute;right:-10px;display:block;width:0px;height:0px;border-style:solid;border-width:8px 0px 8px 10px;z-index:2;}
@media (max-width: 767px) {
.balloon-right .balloon-serif:after{top:12px;}
}
@media (min-width: 768px) {
.balloon-right .balloon-serif:after{top:15px;}
}
.balloon-right .balloon-serif .balloon-content{position:relative;line-height:1.5rem;border:2px solid;border-radius:6px;font-size:0.95em;z-index:2;}
@media (max-width: 767px) {
.balloon-right .balloon-serif .balloon-content{padding:0.8rem;}
}
@media (min-width: 768px) {
.balloon-right .balloon-serif .balloon-content{padding:1.15rem;}
}
.balloon-box ol li{position:relative;display:block;padding:2px 0px 5px 25px;margin-bottom:0.7em;}
.balloon-box ol li:after{counter-increment:li;content:counter(li);position:absolute;left:0px;top:0.25em;padding:0 0 0 0px;background:#aaa;height:20px;width:20px;color:#fff;text-align:center;font-size:0.65em;border-radius:11px;}
.balloon-right.balloon-gray .balloon-serif:after{border-color:transparent transparent transparent #ccc;}
.balloon-right.balloon-gray .balloon-content{border-color:#ccc;}
.balloon-left.balloon-gray .balloon-serif:after{border-color:transparent #ccc transparent transparent;}
.balloon-left.balloon-gray .balloon-content{border-color:#ccc;}
.balloon-right.balloon-bg-gray .balloon-serif:before{border-color:transparent transparent transparent #efefef;}
.balloon-right.balloon-bg-gray .balloon-content{background:#efefef;}
.balloon-left.balloon-bg-gray .balloon-serif:before{border-color:transparent #efefef transparent transparent;}
.balloon-left.balloon-bg-gray .balloon-content{background:#efefef;}
.balloon-right.balloon-blue .balloon-serif:after{border-color:transparent transparent transparent #93D2F0;}
.balloon-right.balloon-blue .balloon-content{border-color:#93D2F0;}
.balloon-left.balloon-blue .balloon-serif:after{border-color:transparent #93D2F0 transparent transparent;}
.balloon-left.balloon-blue .balloon-content{border-color:#93D2F0;}
.balloon-right.balloon-bg-blue .balloon-serif:before{border-color:transparent transparent transparent #E2F6FF;}
.balloon-right.balloon-bg-blue .balloon-content{background:#E2F6FF;}
.balloon-left.balloon-bg-blue .balloon-serif:before{border-color:transparent #E2F6FF transparent transparent;}
.balloon-left.balloon-bg-blue .balloon-content{background:#E2F6FF;}
.balloon-right.balloon-red .balloon-serif:after{border-color:transparent transparent transparent #F48789;}
.balloon-right.balloon-red .balloon-content{border-color:#F48789;}
.balloon-left.balloon-red .balloon-serif:after{border-color:transparent #F48789 transparent transparent;}
.balloon-left.balloon-red .balloon-content{border-color:#F48789;}
.balloon-right.balloon-bg-red .balloon-serif:before{border-color:transparent transparent transparent #FFEBEB;}
.balloon-right.balloon-bg-red .balloon-content{background:#FFEBEB;}
.balloon-left.balloon-bg-red .balloon-serif:before{border-color:transparent #FFEBEB transparent transparent;}
.balloon-left.balloon-bg-red .balloon-content{background:#FFEBEB;}
.balloon-right.balloon-green .balloon-serif:after{border-color:transparent transparent transparent #9DDD93;}
.balloon-right.balloon-green .balloon-content{border-color:#9DDD93;}
.balloon-left.balloon-green .balloon-serif:after{border-color:transparent #9DDD93 transparent transparent;}
.balloon-left.balloon-green .balloon-content{border-color:#9DDD93;}
.balloon-right.balloon-bg-green .balloon-serif:before{border-color:transparent transparent transparent #D1F8C2;}
.balloon-right.balloon-bg-green .balloon-content{background:#D1F8C2;}
.balloon-left.balloon-bg-green .balloon-serif:before{border-color:transparent #D1F8C2 transparent transparent;}
.balloon-left.balloon-bg-green .balloon-content{background:#D1F8C2;}
.balloon-right.balloon-yellow .balloon-serif:after{border-color:transparent transparent transparent #FFD75E;}
.balloon-right.balloon-yellow .balloon-content{border-color:#FFD75E;}
.balloon-left.balloon-yellow .balloon-serif:after{border-color:transparent #FFD75E transparent transparent;}
.balloon-left.balloon-yellow .balloon-content{border-color:#FFD75E;}
.balloon-right.balloon-bg-yellow .balloon-serif:before{border-color:transparent transparent transparent #FFF8D1;}
.balloon-right.balloon-bg-yellow .balloon-content{background:#FFF8D1;}
.balloon-left.balloon-bg-yellow .balloon-serif:before{border-color:transparent #FFF8D1 transparent transparent;}
.balloon-left.balloon-bg-yellow .balloon-content{background:#FFF8D1;}
.balloon-right.balloon-bg-none .balloon-serif:before{border-color:transparent transparent transparent #fff;}
.balloon-right.balloon-bg-none .balloon-content{background:#fff;}
.balloon-left.balloon-bg-none .balloon-serif:before{border-color:transparent #fff transparent transparent;}
.balloon-left.balloon-bg-none .balloon-content{background:#fff;}
.balloon-left.balloon-none .balloon-serif:after,
.balloon-left.balloon-none .balloon-content,
.balloon-right.balloon-none .balloon-serif:after,
.balloon-right.balloon-none .balloon-content{border-color:#fff;}
.cps-post img{max-width:100%;height:auto;}
.cps-post-main{padding-top:20px;}
.cps-post-main a{text-decoration:underline;color:#0094c8;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;}
.cps-post-main a:hover{opacity:0.6;}
.cps-post-main img{max-width:100%;height:auto;margin-bottom:20px;}
.cps-post-main iframe{max-width:100%;}
.cps-post-main table{margin-bottom:20px;width:100%;border:1px solid #ccc;border-collapse:collapse;max-width:100% !important;word-break:break-all;}
.cps-post-main table tr td,
.cps-post-main table tr th{padding:8px;border:1px solid #ccc;vertical-align:middle;}
.cps-post-main table tr th{font-size:0.9rem;font-weight:bold;}
.cps-post-main table img.star{display:block;width:130px;height:auto;margin:0 auto;}
.cps-post-main .video{max-width:100%;text-align:center;overflow:hidden;}
.cps-post-main .instagram{position:relative;padding-bottom:120%;padding-top:30px;height:0;overflow:hidden;}
@media (max-width: 767px) {
.cps-post-main .video iframe,
.cps-post-main .instagram iframe{width:100%;max-height:200px;}
}
.cps-post-main p{padding-bottom:2rem;padding-top:0;margin-top:0;margin-bottom:0;letter-spacing:0.05em;line-height:1.8em;font-size:1em;}
@media (max-width: 767px) {
.cps-post-main p{font-size:1em;font-weight:400;}
}
.cps-post-main h2,
.cps-post-main h3,
.cps-post-main h4,
.cps-post-main h5{font-weight:400;letter-spacing:0;}
@media (max-width: 767px) {
.cps-post-main h2,
.cps-post-main h3,
.cps-post-main h4,
.cps-post-main h5{font-weight:500;}
}
@media (max-width: 767px) {
.cps-post-main h5{font-size:1rem;line-height:1.5rem;padding:4px 0px;margin-top:0rem;margin-bottom:0.8rem;font-weight:700;}
}
@media (min-width: 768px) {
.cps-post-main h5{font-size:1.1rem;line-height:1.6rem;padding:4px 0px;margin-top:0rem;margin-bottom:0.8rem;font-weight:500;}
}
.cps-post-main blockquote{position:relative;margin:0;margin-bottom:1.4em;margin-top:0em;padding:2.4em 2.6em 0em 3em;font-size:.9em;background:#eee;border-radius:4px;}
.cps-post-main blockquote:after{position:absolute;bottom:15px;right:20px;content:'\f10d';font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:2.5em;opacity:.1;-webkit-transform:scale(-1, -1);transform:scale(-1, -1);-ms-filter:fliph();filter:fliph();}
.cps-post-main blockquote:before{position:absolute;top:15px;left:20px;content:'\f10d';font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:2.5em;opacity:.1;}
.cps-post-main ul{padding-left:20px;padding-top:0;margin-top:0em;margin-bottom:1.5em;}
.cps-post-main ul li{position:relative;display:block;margin-bottom:0.7em;padding:0em 0px 0em 25px;}
.cps-post-main ul:not([class]) li:before,
.cps-post-main table ul:not([class]) li:before{display:block;content:'';position:absolute;top:0.6em;left:10px;width:6px;height:6px;background-color:#2b2b2b;border-radius:100%;}
.cps-post-main ol{counter-reset:li;padding-left:20px;margin-top:0em;margin-bottom:1.5em;}
.cps-post-main ol > li,
.cps-post-main table ol:not([class]) li{position:relative;display:block;padding:0em 0px 0em 25px;margin-bottom:0.7em;}
.cps-post-main ol > li:after,
.cps-post-main table ol:not([class]) li:after{counter-increment:li;content:counter(li);position:absolute;width:20px;height:20px;left:0px;padding:0;line-height:0;color:#fff;text-align:center;font-size:0.65em;letter-spacing:0;}
@media (min-width: 768px) {
.cps-post-main ol > li:after,
.cps-post-main table ol:not([class]) li:after{top:12px;}
}
@media (max-width: 767px) {
.cps-post-main ol > li:after,
.cps-post-main table ol:not([class]) li:after{font-weight:400;top:13px;}
}
.cps-post-main ol > li:before,
.cps-post-main table ol:not([class]) li:before{position:absolute;content:"";left:0px;height:20px;width:20px;border-radius:10px;background:#000;}
@media (min-width: 768px) {
.cps-post-main ol > li:before,
.cps-post-main table ol:not([class]) li:before{top:2px;}
}
@media (max-width: 767px) {
.cps-post-main ol > li:before,
.cps-post-main table ol:not([class]) li:before{top:3px;}
}
.cps-post-main div ul,
.cps-post-main div ol{margin-bottom:0;}
.cps-post-main div ol li:last-of-type,
.cps-post-main div ul li:last-of-type{margin-bottom:0;}
.cps-post-main .wp-caption{max-width:100%;}
@media (max-width: 767px) {
.cps-post-main .wp-caption{margin-bottom:30px;}
}
@media (min-width: 768px) {
.cps-post-main .wp-caption{margin-bottom:35px;}
}
.cps-post-main .wp-caption-text{display:block;font-size:0.75rem;color:#888;margin-top:-18px;line-height:1.2rem;text-align:center;padding-bottom:0 !important;}
.cps-post-main .wp-caption-text a{color:#888 !important;text-decoration:none !important;}
.cps-post-main table.cps-table03{width:100%;margin-bottom:30px;}
.cps-post-main table.cps-table03 th,
.cps-post-main table.cps-table03 td{vertical-align:middle;font-size:0.9rem;letter-spacing:0;line-height:1.2rem;}
.cps-post-main table.cps-table03 th{background:#FFFAF0;}
@media (max-width: 767px) {
.cps-post-main table.cps-table03 th{font-weight:700;}
}
@media (min-width: 768px) {
.cps-post-main table.cps-table03 th{font-weight:500;}
}
.cps-post-main table.cps-table03 th.ranking-title{padding:12px;font-size:1.1em;text-align:left;}
@media (max-width: 767px) {
.cps-post-main table.cps-table03 td{padding:10px 7px;}
}
@media (min-width: 768px) {
.cps-post-main table.cps-table03 td{padding:14px;}
}
.cps-post-main table.cps-table03 td.rankinginfo{vertical-align:top;text-align:left;}
.cps-post-main table.cps-table03 td img{display:block;margin:0 auto;margin-top:0px;margin-bottom:0 !important;padding-top:0;padding-bottom:0;}
.cps-post-main table.cps-table03 img.star{display:block;width:130px;height:auto;}
.cps-post-main table.cps-table03 td.rankinginfo{width:70% !important;}
.cps-post-main .ranking01,
.cps-post-main .ranking02,
.cps-post-main .ranking03{margin-top:40px;display:block;}
.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking03 .ranking-title01,
.cps-post-main .ranking03 .ranking-title02,
.cps-post-main .ranking03 .ranking-title03{border-bottom:1px solid;letter-spacing:0;position:relative;margin-bottom:20px;}
@media (max-width: 767px) {
.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking03 .ranking-title01,
.cps-post-main .ranking03 .ranking-title02,
.cps-post-main .ranking03 .ranking-title03{font-size:21px;font-weight:700;padding-left:60px;}
}
@media (min-width: 768px) {
.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking03 .ranking-title01,
.cps-post-main .ranking03 .ranking-title02,
.cps-post-main .ranking03 .ranking-title03{font-size:26px;font-weight:400;padding-left:75px;}
}
.cps-post-main .ranking01 .ranking-title01 img,
.cps-post-main .ranking01 .ranking-title02 img,
.cps-post-main .ranking01 .ranking-title03 img,
.cps-post-main .ranking02 .ranking-title01 img,
.cps-post-main .ranking02 .ranking-title02 img,
.cps-post-main .ranking02 .ranking-title03 img,
.cps-post-main .ranking03 .ranking-title01 img,
.cps-post-main .ranking03 .ranking-title02 img,
.cps-post-main .ranking03 .ranking-title03 img{position:absolute;height:auto;}
@media (max-width: 767px) {
.cps-post-main .ranking01 .ranking-title01 img.ranking-number,
.cps-post-main .ranking01 .ranking-title02 img.ranking-number,
.cps-post-main .ranking01 .ranking-title03 img.ranking-number,
.cps-post-main .ranking02 .ranking-title01 img.ranking-number,
.cps-post-main .ranking02 .ranking-title02 img.ranking-number,
.cps-post-main .ranking02 .ranking-title03 img.ranking-number,
.cps-post-main .ranking03 .ranking-title01 img.ranking-number,
.cps-post-main .ranking03 .ranking-title02 img.ranking-number,
.cps-post-main .ranking03 .ranking-title03 img.ranking-number{width:55px;bottom:-18px;left:2px;}
}
@media (min-width: 768px) {
.cps-post-main .ranking01 .ranking-title01 img.ranking-number,
.cps-post-main .ranking01 .ranking-title02 img.ranking-number,
.cps-post-main .ranking01 .ranking-title03 img.ranking-number,
.cps-post-main .ranking02 .ranking-title01 img.ranking-number,
.cps-post-main .ranking02 .ranking-title02 img.ranking-number,
.cps-post-main .ranking02 .ranking-title03 img.ranking-number,
.cps-post-main .ranking03 .ranking-title01 img.ranking-number,
.cps-post-main .ranking03 .ranking-title02 img.ranking-number,
.cps-post-main .ranking03 .ranking-title03 img.ranking-number{width:65px;bottom:-15px;left:5px;}
}
@media (max-width: 767px) {
.cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly,
.cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly,
.cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly,
.cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly,
.cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly,
.cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly,
.cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly,
.cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly,
.cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly{width:55px;bottom:-18px;left:2px;}
}
@media (min-width: 768px) {
.cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly,
.cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly,
.cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly,
.cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly,
.cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly,
.cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly,
.cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly,
.cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly,
.cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly{width:65px;bottom:-17px;left:5px;}
}
@media (max-width: 767px) {
.cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich,
.cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich,
.cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich,
.cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich,
.cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich,
.cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich,
.cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich,
.cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich,
.cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich{width:44px;bottom:-36px;left:8px;}
}
@media (min-width: 768px) {
.cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich,
.cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich,
.cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich,
.cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich,
.cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich,
.cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich,
.cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich,
.cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich,
.cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich{width:50px;bottom:-38px;left:10px;}
}
.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking03 .ranking-title01{border-color:#FFCF24;}
.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking03 .ranking-title02{border-color:#A0A9B1;}
.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking03 .ranking-title03{border-color:#B26A2B;}
.cps-post-main .ranking01 .ranking-img01,
.cps-post-main .ranking01 .ranking-img02,
.cps-post-main .ranking01 .ranking-img03,
.cps-post-main .ranking02 .ranking-img01,
.cps-post-main .ranking02 .ranking-img02,
.cps-post-main .ranking02 .ranking-img03,
.cps-post-main .ranking03 .ranking-img01,
.cps-post-main .ranking03 .ranking-img02,
.cps-post-main .ranking03 .ranking-img03{width:300px;height:auto;display:block;}
@media (max-width: 767px) {
.cps-post-main .ranking01 .ranking-img01,
.cps-post-main .ranking01 .ranking-img02,
.cps-post-main .ranking01 .ranking-img03,
.cps-post-main .ranking02 .ranking-img01,
.cps-post-main .ranking02 .ranking-img02,
.cps-post-main .ranking02 .ranking-img03,
.cps-post-main .ranking03 .ranking-img01,
.cps-post-main .ranking03 .ranking-img02,
.cps-post-main .ranking03 .ranking-img03{margin:0 auto;}
}
@media (min-width: 768px) {
.cps-post-main .ranking01 .ranking-img01,
.cps-post-main .ranking01 .ranking-img02,
.cps-post-main .ranking01 .ranking-img03,
.cps-post-main .ranking02 .ranking-img01,
.cps-post-main .ranking02 .ranking-img02,
.cps-post-main .ranking02 .ranking-img03,
.cps-post-main .ranking03 .ranking-img01,
.cps-post-main .ranking03 .ranking-img02,
.cps-post-main .ranking03 .ranking-img03{float:left;margin-right:20px;}
}
.cps-post-main .ranking01 .ranking-img01 img,
.cps-post-main .ranking01 .ranking-img02 img,
.cps-post-main .ranking01 .ranking-img03 img,
.cps-post-main .ranking02 .ranking-img01 img,
.cps-post-main .ranking02 .ranking-img02 img,
.cps-post-main .ranking02 .ranking-img03 img,
.cps-post-main .ranking03 .ranking-img01 img,
.cps-post-main .ranking03 .ranking-img02 img,
.cps-post-main .ranking03 .ranking-img03 img{max-width:100%;height:auto;display:block;}
.cps-post-main .ranking01 .ranking-img01 br,
.cps-post-main .ranking01 .ranking-img01 img[width="1"],
.cps-post-main .ranking01 .ranking-img02 br,
.cps-post-main .ranking01 .ranking-img02 img[width="1"],
.cps-post-main .ranking01 .ranking-img03 br,
.cps-post-main .ranking01 .ranking-img03 img[width="1"],
.cps-post-main .ranking02 .ranking-img01 br,
.cps-post-main .ranking02 .ranking-img01 img[width="1"],
.cps-post-main .ranking02 .ranking-img02 br,
.cps-post-main .ranking02 .ranking-img02 img[width="1"],
.cps-post-main .ranking02 .ranking-img03 br,
.cps-post-main .ranking02 .ranking-img03 img[width="1"],
.cps-post-main .ranking03 .ranking-img01 br,
.cps-post-main .ranking03 .ranking-img01 img[width="1"],
.cps-post-main .ranking03 .ranking-img02 br,
.cps-post-main .ranking03 .ranking-img02 img[width="1"],
.cps-post-main .ranking03 .ranking-img03 br,
.cps-post-main .ranking03 .ranking-img03 img[width="1"]{display:none;}
@media (min-width: 768px) {
.cps-post-main .ranking01 .ranking-info01,
.cps-post-main .ranking01 .ranking-info02,
.cps-post-main .ranking01 .ranking-info03,
.cps-post-main .ranking02 .ranking-info01,
.cps-post-main .ranking02 .ranking-info02,
.cps-post-main .ranking02 .ranking-info03,
.cps-post-main .ranking03 .ranking-info01,
.cps-post-main .ranking03 .ranking-info02,
.cps-post-main .ranking03 .ranking-info03{display:inline;}
}
@media (max-width: 767px) {
.cps-post-main .ranking01 .ranking-info01,
.cps-post-main .ranking01 .ranking-info02,
.cps-post-main .ranking01 .ranking-info03,
.cps-post-main .ranking02 .ranking-info01,
.cps-post-main .ranking02 .ranking-info02,
.cps-post-main .ranking02 .ranking-info03,
.cps-post-main .ranking03 .ranking-info01,
.cps-post-main .ranking03 .ranking-info02,
.cps-post-main .ranking03 .ranking-info03{margin-bottom:20px;}
}
.cps-post-main .ranking01 .clearfix,
.cps-post-main .ranking02 .clearfix,
.cps-post-main .ranking03 .clearfix{height:5px;}
.cps-post-main .ranking02,
.cps-post-main .ranking03{margin-top:0px;}
@media (min-width: 768px) {
.alignright{margin:20px 0px 20px auto;text-align:right;}
}
@media (min-width: 768px) {
.alignleft{margin:20px auto 20px 0;}
}
.aligncenter{margin-left:auto;margin-right:auto;}
.t-aligncenter{text-align:center;}
@media (min-width: 768px) {
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
}
@media (max-width: 767px) {
img.aligncenter{margin-left:auto;margin-right:auto;margin-bottom:20px;display:block;}
}
@media (min-width: 768px) {
img.alignright{padding:4px;margin:0 0 2px 20px;display:inline;float:right;}
}
@media (max-width: 767px) {
img.alignright{margin-bottom:20px;display:block;}
}
@media (min-width: 768px) {
img.alignleft{padding:4px;margin:0 20px 2px 0;display:inline;float:left;}
}
@media (max-width: 767px) {
img.alignleft{margin-bottom:20px;display:block;}
}
.ranking-number{height:auto;}
@media (max-width: 767px) {
.ranking-number{width:45px;}
}
@media (min-width: 768px) {
.ranking-number{width:52px;}
}
.ranking-number-girly{height:auto;}
@media (max-width: 767px) {
.ranking-number-girly{width:45px;}
}
@media (min-width: 768px) {
.ranking-number-girly{width:50px;}
}
.ranking-number-rich{height:auto;}
@media (max-width: 767px) {
.ranking-number-rich{width:35px;}
}
@media (min-width: 768px) {
.ranking-number-rich{width:38px;}
}
h2 .ranking-number,
h3 .ranking-number{height:auto;float:left;position:relative;margin-right:3px;margin-top:-3px;}
@media (max-width: 767px) {
h2 .ranking-number,
h3 .ranking-number{width:45px;}
}
@media (min-width: 768px) {
h2 .ranking-number,
h3 .ranking-number{width:52px;}
}
h2 .ranking-number-rich,
h3 .ranking-number-rich{height:auto;float:left;position:relative;margin-right:3px;margin-top:-5px;z-index:1;}
@media (max-width: 767px) {
h2 .ranking-number-rich,
h3 .ranking-number-rich{width:35px;}
}
@media (min-width: 768px) {
h2 .ranking-number-rich,
h3 .ranking-number-rich{width:38px;}
}
h2 .ranking-number-girly,
h3 .ranking-number-girly{height:auto;float:left;position:relative;margin-right:3px;margin-top:-7px;z-index:1;}
@media (max-width: 767px) {
h2 .ranking-number-girly,
h3 .ranking-number-girly{width:45px;}
}
@media (min-width: 768px) {
h2 .ranking-number-girly,
h3 .ranking-number-girly{width:50px;}
}
h2 .ranking-number:after,
h3 .ranking-number:after,
h2 .ranking-number-rich:after,
h3 .ranking-number-rich:after,
h2 .ranking-number-girly:after,
h3 .ranking-number-girly:after{content:"";position:absolute;clear:both;}
@media (min-width: 768px) {
.xs-size{font-size:0.85rem;}
.s-size{font-size:0.95rem;}
.l-size{font-size:1.05rem;}
.xl-size{font-size:1.1rem;}
}
@media (max-width: 767px) {
.xs-size-sp{font-size:0.85rem;}
.s-size-sp{font-size:0.95rem;}
.l-size-sp{font-size:1.05rem;}
.xl-size-sp{font-size:1.1rem;}
} .c-red,
.c-blue,
.c-green{font-weight:bold;}
.c-red{color:#F16F6F;}
.c-blue{color:#7695C9;}
.c-green{color:#76C983;}
.simple-box1{border:3px solid #eee;border-radius:4px;}
.simple-box2{border:3px dashed #eee;border-radius:4px;}
.simple-box3{position:relative;border:3px double #eee;border-radius:4px;}
.simple-box4{border:1px solid #eee;border-radius:4px;position:relative;}
.simple-box4:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:0.05;}
.simple-box5{position:relative;border:1px dashed #aaa;border-radius:4px;}
.simple-box5:before{position:absolute;content:"";display:block;right:0;top:0;width:100%;height:100%;background:#F7F7F7;opacity:0.05;}
.simple-box6{background:#eee;border-radius:4px;}
.simple-box7{border:10px solid #aaa;border-radius:4px;position:relative;}
.simple-box7:before{position:absolute;content:"";display:block;right:0;top:0;width:100%;height:100%;background:#F7F7F7;opacity:0.2;}
.simple-box8{position:relative;border-left:5px solid #aaa;}
.simple-box8:before{position:absolute;content:"";display:block;right:0;top:0;width:100%;height:100%;background:#F7F7F7;opacity:0.1;}
.simple-box9{position:relative;}
.simple-box9:before{position:absolute;content:"";display:block;right:0;top:0;width:100%;height:100%;background:#F7F7F7;opacity:0.2;}
.simple-box9:after{position:absolute;content:"";display:block;right:0;top:0;border-color:#e3e3e3 #e3e3e3 #fff #fff;border-width:0 30px 30px 0;border-style:solid;width:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.kaisetsu-box1{position:relative;}
@media (min-width: 768px) {
.kaisetsu-box1{padding-top:80px !important;}
}
@media (max-width: 767px) {
.kaisetsu-box1{padding-top:70px !important;}
}
.kaisetsu-box1:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;background:#F7F7F7;opacity:0.15;border-radius:4px;}
.kaisetsu-box1-title{position:absolute;display:block;left:0;top:0;color:#fff;width:100%;padding:12px 0;text-align:center;background:#aaa;letter-spacing:0px !important;border-top-left-radius:4px;border-top-right-radius:4px;}
@media (min-width: 768px) {
.kaisetsu-box1-title{font-size:21px;font-weight:500;}
}
@media (max-width: 767px) {
.kaisetsu-box1-title{font-size:18px;font-weight:700;}
}
.kaisetsu-box2{position:relative;border:1px solid #aaa;border-radius:4px;}
@media (min-width: 768px) {
.kaisetsu-box2{padding-top:80px !important;}
}
@media (max-width: 767px) {
.kaisetsu-box2{padding-top:70px !important;}
}
.kaisetsu-box2 ol li, .kaisetsu-box2 ul li{border-bottom:2px dashed #ccc;padding-bottom:9px;}
.kaisetsu-box2:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;background:#F7F7F7;opacity:0.15;border-radius:4px;}
.kaisetsu-box2-title{position:absolute;display:block;left:0;top:0;color:#fff;width:100%;padding:12px 0;text-align:center;background:#aaa;letter-spacing:0px !important;}
@media (min-width: 768px) {
.kaisetsu-box2-title{font-size:21px;font-weight:500;}
}
@media (max-width: 767px) {
.kaisetsu-box2-title{font-size:18px;font-weight:700;}
}
.kaisetsu-box3{position:relative;border:10px solid #E3B66A;background:#369377;border-radius:1px;color:#fff !important;}
@media (min-width: 768px) {
.kaisetsu-box3{padding-top:80px !important;}
}
@media (max-width: 767px) {
.kaisetsu-box3{padding-top:70px !important;}
}
.kaisetsu-box3 ol li, .kaisetsu-box3 ul li{border-bottom:2px solid rgba(255, 255, 255, 0.21);padding-bottom:9px;}
.kaisetsu-box3:before{position:absolute;content:"";right:0;bottom:0;width:57px;height:23px;background:url(//lovelyy.press/wp-content/themes/jin/img/bankeshi.png);background-size:contain;}
.kaisetsu-box3-title{position:absolute;display:block;left:0;top:15px;color:#fff;width:100%;padding:15px 0;text-align:center;font-weight:bold;letter-spacing:0px !important;}
@media (min-width: 768px) {
.kaisetsu-box3-title{font-size:21px;font-weight:500;}
}
@media (max-width: 767px) {
.kaisetsu-box3-title{font-size:18px;font-weight:700;}
}
.kaisetsu-box4{position:relative;border:1px solid #aaa;border-radius:4px;border-top-left-radius:0;}
@media (max-width: 767px) {
.kaisetsu-box4{margin-top:35px !important;}
}
@media (min-width: 768px) {
.kaisetsu-box4{margin-top:40px !important;}
}
.kaisetsu-box4-title{position:absolute;line-height:0;font-size:18px;left:-1px;top:-36px;color:#fff;padding:18px 15px;background:#aaa;border-top-left-radius:4px;border-top-right-radius:4px;letter-spacing:0px !important;}
@media (min-width: 768px) {
.kaisetsu-box4-title{font-weight:500;}
}
@media (max-width: 767px) {
.kaisetsu-box4-title{font-weight:700;}
}
.kaisetsu-box5{position:relative;border-radius:4px;}
@media (max-width: 767px) {
.kaisetsu-box5{padding-top:30px !important;margin-top:20px !important;}
}
@media (min-width: 768px) {
.kaisetsu-box5{padding-top:40px !important;margin-top:20px !important;}
}
.kaisetsu-box5:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;background:#aaa;opacity:0.12;border-radius:4px;box-sizing:border-box;}
.kaisetsu-box5-title{position:absolute;line-height:0;font-size:18px;left:20px;top:-18px;color:#fff;padding:18px 15px;background:#aaa;border-radius:2px;letter-spacing:0px !important;}
@media (min-width: 768px) {
.kaisetsu-box5-title{font-weight:500;}
}
@media (max-width: 767px) {
.kaisetsu-box5-title{font-weight:700;}
}
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6{position:relative;border:1px solid #eee;border-radius:4px;}
@media (max-width: 767px) {
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6{padding-top:30px !important;margin-top:30px !important;}
}
@media (min-width: 768px) {
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6{padding-top:40px !important;margin-top:40px !important;}
}
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before{position:absolute;font-weight:bold;background:#fff;color:#555;line-height:0;}
@media (min-width: 768px) {
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before{font-size:22px;top:-21px;padding:20px 8px 20px 60px;}
}
@media (max-width: 767px) {
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before{font-size:20px;top:-21px;padding:20px 8px 20px 40px;}
}
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after{position:absolute;background:#aaa;color:#fff;font-family:"Font Awesome\ 5 Free";font-weight:900;font-size:24px;border:5px solid #fff;text-align:center;width:24px;height:24px;line-height:24px;}
@media (min-width: 768px) {
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after{left:20px;top:-34px;padding:15px;border-radius:40px;}
}
@media (max-width: 767px) {
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after{left:12px;top:-29px;padding:10px;border-radius:28px;}
}
.concept-box1:before{content:"ポイント";}
.concept-box1:after{content:"\f00c";}
.concept-box2:before{content:"注意点";}
.concept-box2:after{content:"\f071";}
@media (max-width: 767px) {
.concept-box2:after{padding-left:9px;padding-right:11px;padding-top:8px;padding-bottom:12px;}
}
@media (min-width: 768px) {
.concept-box2:after{padding-left:13px;padding-right:17px;padding-top:14px;padding-bottom:16px;}
}
.concept-box3:before{content:"良い例";}
.concept-box3:after{content:"\f22d";}
@media (max-width: 767px) {
.concept-box3:after{font-size:2.7rem;}
}
@media (min-width: 768px) {
.concept-box3:after{font-size:2.65rem;}
}
.concept-box4:before{content:"悪い例";}
.concept-box4:after{content:"\f00d";}
@media (max-width: 767px) {
.concept-box4:after{padding-left:11px;padding-right:9px;}
}
.concept-box5:before{content:"参考";}
.concept-box5:after{content:"\f02d";}
@media (max-width: 767px) {
.concept-box5:after{font-size:20px;padding-left:11px;padding-right:9px;}
}
.concept-box6:before{content:"メモ";}
.concept-box6:after{content:"\f303";}
.innerlink-box1{position:relative;padding-top:40px !important;border:1px solid #aaa;border-radius:4px;background:rgba(255, 255, 255, 0);}
@media (max-width: 767px) {
.innerlink-box1{padding-top:35px !important;margin-top:10px !important;}
}
@media (min-width: 768px) {
.innerlink-box1{margin-top:20px !important;}
}
.innerlink-box1:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:0.04;}
.innerlink-box1-title{position:absolute;font-family:'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;background:red;border:3px solid #aaa;line-height:0;color:#fff;border-radius:2px;letter-spacing:0;}
@media (min-width: 768px) {
.innerlink-box1-title{top:-16px;padding:7px 8px 7px 8px;font-size:12px;font-weight:500;}
}
@media (max-width: 767px) {
.innerlink-box1-title{top:-14px;left:15px;padding:10px 6px 10px 9px;font-weight:bold;font-size:11px;}
}
.innerlink-box1-title .fas{line-height:0;color:#fff;}
.innerlink-box1-title svg, .innerlink-box1-title path{fill:#fff !important;font-size:13px;}
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1{padding:20px 25px;padding-bottom:0;box-sizing:border-box;}
@media (max-width: 767px) {
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1{margin-bottom:30px;}
}
@media (min-width: 768px) {
.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1{margin-bottom:40px;width:90%;margin-left:auto;margin-right:auto;}
}
.simple-box1 P,
.simple-box2 P,
.simple-box3 P,
.simple-box4 P,
.simple-box5 P,
.simple-box6 P,
.simple-box7 P,
.simple-box8 P,
.simple-box9 P,
.kaisetsu-box1 P,
.kaisetsu-box2 P,
.kaisetsu-box3 P,
.kaisetsu-box4 P,
.kaisetsu-box5 P,
.kaisetsu-box6 P,
.concept-box1 P,
.concept-box2 P,
.concept-box3 P,
.concept-box4 P,
.concept-box5 P,
.concept-box6 P,
.innerlink-box1 P{padding-bottom:20px;}
.simple-box1 ol, .simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul,
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul{padding-top:0px;padding-bottom:30px;padding-right:20px;}
@media (max-width: 767px) {
.simple-box1 ol, .simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul,
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul{padding-left:4px;padding-right:4px;}
}
.simple-box1 a,
.simple-box2 a,
.simple-box3 a,
.simple-box4 a,
.simple-box5 a,
.simple-box6 a,
.simple-box7 a,
.simple-box8 a,
.simple-box9 a,
.kaisetsu-box1 a,
.kaisetsu-box2 a,
.kaisetsu-box3 a,
.kaisetsu-box4 a,
.kaisetsu-box5 a,
.kaisetsu-box6 a,
.concept-box1 a,
.concept-box2 a,
.concept-box3 a,
.concept-box4 a,
.concept-box5 a,
.concept-box6 a,
.innerlink-box1 a{position:relative;z-index:2;}
.simple-box1 ol, .simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul{padding-top:10px;padding-bottom:30px;padding-right:20px;}
@media (max-width: 767px) {
.simple-box1 ol, .simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul{padding-left:4px;padding-right:4px;}
}
.concept-box1 ol, .concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul{padding-top:0px;padding-bottom:30px;padding-right:20px;}
@media (max-width: 767px) {
.concept-box1 ol, .concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul{padding-left:4px;padding-right:4px;}
}
.h2-style01 h2{background-color:#2b2b2b;color:#fff;border-radius:2px;}
@media (max-width: 767px) {
.h2-style01 h2{font-size:1.45rem;line-height:1.8rem;padding:13px;padding-bottom:12px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style01 h2{font-size:1.65rem;line-height:2rem;padding:15px;padding-bottom:16px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style02 h2{position:relative;border-bottom:1px solid #ddd;border-left:5px solid #2b2b2b;}
@media (max-width: 767px) {
.h2-style02 h2{font-size:1.45rem;line-height:1.8rem;padding:10px 10px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style02 h2{font-size:1.65rem;line-height:2rem;padding:15px 12px;padding-top:16px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style02 h2:before{position:absolute;content:"";top:0;left:0px;width:100%;height:100%;background:#000;opacity:0.05;}
.h2-style03 h2{background-color:#2b2b2b;color:#fff;border-radius:4px;position:relative;}
@media (max-width: 767px) {
.h2-style03 h2{font-size:1.45rem;line-height:1.8rem;padding:12px 13px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style03 h2{font-size:1.65rem;line-height:2rem;padding:13px 15px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style03 h2:before{position:absolute;content:'';height:1px;width:98%;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%);background-size:10px 3px;top:5px;left:1%;z-index:999;}
@media (max-width: 767px) {
.h2-style03 h2:before{width:96%;left:2%;}
}
.h2-style03 h2:after{position:absolute;content:'';height:1px;width:98%;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%);background-size:10px 3px;bottom:5px;left:1%;z-index:999;}
@media (max-width: 767px) {
.h2-style03 h2:after{width:96%;left:2%;}
}
.h2-style04 h2{position:relative;}
@media (max-width: 767px) {
.h2-style04 h2{font-size:1.4rem;line-height:1.8rem;padding:13px 0;padding-bottom:14px;margin-top:1.4rem;margin-bottom:1rem;font-weight:300;}
}
@media (min-width: 768px) {
.h2-style04 h2{font-size:1.8rem;line-height:2.2rem;padding:20px 0;padding-bottom:21px;margin-top:2.6rem;margin-bottom:1.6rem;font-weight:300;}
}
.h2-style04 h2:before{position:absolute;content:'';top:0;height:100%;background-color:#2b2b2b;}
@media (max-width: 767px) {
.h2-style04 h2:before{left:-15px;width:5px;}
}
@media (min-width: 768px) {
.h2-style04 h2:before{left:-30px;width:3px;}
}
.h2-style05 h2{position:relative;background-color:#2b2b2b;color:#fff;border-bottom:none;border-radius:6px;margin-bottom:30px;}
@media (max-width: 767px) {
.h2-style05 h2{font-size:1.3rem;line-height:1.7rem;padding:10px 14px;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style05 h2{font-size:1.65rem;line-height:2rem;padding:12px 14px;}
}
.h2-style05 h2:before{position:absolute;bottom:-12px;left:45px;z-index:90;margin-left:-15px;border-top:12px solid;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:0;border-top-color:#2b2b2b;content:"";}
.h2-style06 h2{position:relative;}
@media (max-width: 767px) {
.h2-style06 h2{font-size:1.45rem;line-height:1.8rem;padding:13px;padding-left:6px;padding-bottom:8px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style06 h2{font-size:1.65rem;line-height:2rem;padding:15px;padding-left:8px;padding-bottom:10px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style06 h2:before{position:absolute;content:"";z-index:0;bottom:0;left:0px;width:100%;height:6px;border-radius:5px;background-image:-webkit-linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);background-image:linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de);background-size:6px 6px;}
.h2-style07 h2{position:relative;}
@media (max-width: 767px) {
.h2-style07 h2{font-size:1.45rem;line-height:1.8rem;padding:13px;padding-left:6px;padding-bottom:8px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style07 h2{font-size:1.65rem;line-height:2rem;padding:15px;padding-left:8px;padding-bottom:10px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style07 h2:before{position:absolute;content:"";z-index:0;bottom:0;left:0px;width:100%;height:4px;border-radius:1px;background:#ccc;opacity:0.5;}
.h2-style07 h2:after{position:absolute;content:"";z-index:0;bottom:0;left:0px;height:4px;border-bottom-left-radius:1px;border-top-left-radius:1px;background:red;}
@media (max-width: 767px) {
.h2-style07 h2:after{width:80px;}
}
@media (min-width: 768px) {
.h2-style07 h2:after{width:120px;}
}
.h2-style08 h2{position:relative;border-bottom:2px solid #ccc;}
@media (max-width: 767px) {
.h2-style08 h2{font-size:1.45rem;line-height:1.8rem;padding:13px;padding-left:24px;padding-bottom:4px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style08 h2{font-size:1.65rem;line-height:2rem;padding:15px;padding-left:24px;padding-bottom:6px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style08 h2:before{content:"";position:absolute;background:#fff;border:1px solid;border-color:#0094c8;top:0;left:0.4em;height:12px;width:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
@media (max-width: 767px) {
.h2-style08 h2:before{top:0;left:0.4em;}
}
.h2-style08 h2:after{content:"";position:absolute;background-color:#0094c8;top:0.8em;left:0.1em;height:8px;width:8px;-webkit-transform:rotate(15deg);transform:rotate(15deg);}
@media (max-width: 767px) {
.h2-style08 h2:after{top:1em;left:0;}
}
.h2-style09 h2{position:relative;border-bottom:3px double #ccc;}
@media (max-width: 767px) {
.h2-style09 h2{font-size:1.45rem;line-height:1.8rem;padding:13px;padding-left:8px;padding-bottom:4px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style09 h2{font-size:1.65rem;line-height:2rem;padding:15px;padding-left:8px;padding-bottom:6px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style10 h2{position:relative;}
@media (max-width: 767px) {
.h2-style10 h2{font-size:1.45rem;line-height:1.8rem;padding:13px;padding-left:6px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h2-style10 h2{font-size:1.65rem;line-height:2rem;padding:15px;padding-left:8px;margin-top:2.6rem;margin-bottom:1.6rem;}
}
.h2-style10 h2:before{position:absolute;content:"";z-index:0;bottom:0;left:0px;width:100%;height:4px;border-radius:4px;}
.h2-style10 h2:after{position:absolute;content:"";z-index:0;top:0;left:0px;height:4px;border-radius:4px;width:100%;}
.h3-style01 h3{border-bottom:3px solid #2b2b2b;}
@media (max-width: 767px) {
.h3-style01 h3{font-size:1.2rem;line-height:1.7rem;padding:5px 8px;padding-top:0;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style01 h3{font-size:1.5rem;line-height:2rem;padding:4px 8px;padding-top:0;margin-top:2.3rem;margin-bottom:1.6rem;}
}
.h3-style02 h3{position:relative;}
@media (max-width: 767px) {
.h3-style02 h3{font-size:1.2rem;line-height:1.7rem;padding:8px 12px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style02 h3{font-size:1.5rem;line-height:2rem;padding:10px 15px;margin-top:2rem;margin-bottom:1.6rem;}
}
.h3-style02 h3:before{position:absolute;content:"";left:0px;width:5px;background:#000;opacity:0.5;border-radius:1px;}
@media (max-width: 767px) {
.h3-style02 h3:before{top:3px;height:34px;}
}
@media (min-width: 768px) {
.h3-style02 h3:before{top:5px;height:40px;}
}
.h3-style02 h3:after{position:absolute;content:"";left:0px;width:5px;background:red;border-top-right-radius:1px;border-top-left-radius:1px;}
@media (max-width: 767px) {
.h3-style02 h3:after{top:3px;height:17px;}
}
@media (min-width: 768px) {
.h3-style02 h3:after{top:5px;height:20px;}
}
.h3-style03 h3{position:relative;}
@media (max-width: 767px) {
.h3-style03 h3{font-size:1.2rem;line-height:1.7rem;padding:10px 15px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style03 h3{font-size:1.5rem;line-height:2rem;padding:12px 20px;margin-top:2.3rem;margin-bottom:1.6rem;}
}
.h3-style03 h3:before{position:absolute;content:'';width:6px;height:100%;left:0;bottom:0;background-color:#2b2b2b;border-radius:3.5px;}
@media (max-width: 767px) {
.h3-style03 h3:before{width:6px;border-radius:3px;}
}
.h3-style04 h3{position:relative;border-bottom:1px dashed #ddd;border-left:5px solid #2b2b2b;}
@media (max-width: 767px) {
.h3-style04 h3{font-size:1.2rem;line-height:1.7rem;padding:4px 10px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style04 h3{font-size:1.5rem;line-height:2rem;padding:6px 12px;margin-top:2rem;margin-bottom:1.6rem;}
}
.h3-style05 h3{position:relative;border-bottom:3px double #ddd;}
@media (max-width: 767px) {
.h3-style05 h3{font-size:1.15rem;line-height:1.55rem;padding:4px 10px;padding-top:6px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style05 h3{font-size:1.35rem;line-height:1.85rem;padding:6px 12px;margin-top:2rem;margin-bottom:1.6rem;}
}
.h3-style05 h3:before{position:absolute;content:"";top:0;left:0px;width:100%;height:100%;background:#000;opacity:0.05;}
.h3-style06 h3{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
@media (max-width: 767px) {
.h3-style06 h3{font-size:1.15rem;line-height:1.55rem;padding:8px 10px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style06 h3{font-size:1.35rem;line-height:1.85rem;padding:8px 12px;margin-top:2rem;margin-bottom:1.6rem;}
}
.h3-style07 h3{position:relative;}
@media (max-width: 767px) {
.h3-style07 h3{font-size:1.15rem;line-height:1.55rem;padding:8px 10px;margin-top:1.4rem;margin-bottom:1rem;font-weight:700;}
}
@media (min-width: 768px) {
.h3-style07 h3{font-size:1.35rem;line-height:1.85rem;padding:8px 12px;margin-top:2rem;margin-bottom:1.6rem;}
}
.h3-style07 h3:before{position:absolute;content:"";top:0;left:0px;width:100%;height:100%;border-radius:2px;background:#000;opacity:0.2;}
.h4-style01 h4{border-left:2px solid #2b2b2b;}
@media (max-width: 767px) {
.h4-style01 h4{font-size:1.05rem;line-height:1.6rem;padding:2px 8px;margin-top:1rem;margin-bottom:0.8rem;font-weight:700;}
}
@media (min-width: 768px) {
.h4-style01 h4{font-size:1.3rem;line-height:1.8rem;padding:2px 12px;margin-top:1rem;margin-bottom:0.8rem;}
}
.h4-style02 h4{position:relative;border-radius:2px;}
@media (max-width: 767px) {
.h4-style02 h4{font-size:1.1rem;line-height:1.6rem;padding:6px 8px;margin-top:1rem;margin-bottom:0.8rem;font-weight:700;}
}
@media (min-width: 768px) {
.h4-style02 h4{font-size:1.3rem;line-height:1.8rem;padding:8px 15px;margin-top:1rem;margin-bottom:0.8rem;}
}
.h4-style02 h4:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#f2f2f2;border-radius:2px;filter:opacity(0.1);}
@media (max-width: 767px) {
.h4-style03 h4{font-size:1.1rem;line-height:1.6rem;padding:5px 8px;margin-top:1rem;margin-bottom:0.8rem;font-weight:700;border-bottom:2px dotted #2b2b2b;}
}
@media (min-width: 768px) {
.h4-style03 h4{font-size:1.3rem;line-height:1.8rem;padding:4px 8px;margin-top:1rem;margin-bottom:0.8rem;border-bottom:4px dotted #2b2b2b;}
}
.h4-style04 h4{border-bottom:1px dashed #ccc;padding-bottom:0.1em;padding-left:0.2em;margin-top:0.7em;margin-bottom:0.9em;}
@media (max-width: 767px) {
.h4-style04 h4{font-size:1.1rem;}
}
@media (min-width: 768px) {
.h4-style04 h4{font-size:1.3rem;}
} @media (max-width: 767px) {
.jin-2column,
.jin-3column{display:block;margin-bottom:30px;}
}
@media (min-width: 768px) {
.jin-2column,
.jin-3column{display:block;margin-bottom:30px;}
}
@media (min-width: 1200px) {
.jin-2column,
.jin-3column{display:flex;justify-content:space-between;margin-bottom:30px;}
}
.jin-2column p,
.jin-3column p{padding-bottom:0 !important;}
.jin-2column .color-button01,
.jin-2column .color-button02{margin-top:20px;}
@media (min-width: 768px) {
.jin-2column .color-button01 a,
.jin-2column .color-button02 a{padding-left:40px !important;padding-right:40px !important;}
}
.jin-3column .color-button01,
.jin-3column .color-button02{margin-top:20px;}
@media (min-width: 768px) {
.jin-3column .color-button01 a,
.jin-3column .color-button02 a{padding-left:20px !important;padding-right:20px !important;}
}
@media (max-width: 767px) {
.jin-2column-left,
.jin-2column-right{width:100%;padding:15px;margin-bottom:20px;}
}
@media (min-width: 768px) {
.jin-2column-left,
.jin-2column-right{width:100%;padding:20px;margin-bottom:20px;}
}
@media (min-width: 1200px) {
.jin-2column-left,
.jin-2column-right{width:49.2%;padding:20px;}
}
@media (max-width: 767px) {
.jin-3column-left,
.jin-3column-center,
.jin-3column-right{width:100%;padding:15px;margin-bottom:20px;}
}
@media (min-width: 768px) {
.jin-3column-left,
.jin-3column-center,
.jin-3column-right{width:100%;padding:20px;margin-bottom:20px;}
}
@media (min-width: 1200px) {
.jin-3column-left,
.jin-3column-center,
.jin-3column-right{width:32.2%;padding:20px;}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column,
.page-template-onecolumn .jin-3column,
.page-template-lp .jin-2column,
.page-template-lp .jin-3column{display:flex;justify-content:space-between;margin-bottom:30px;}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column .jin-2column-left,
.page-template-onecolumn .jin-2column .jin-2column-right,
.page-template-onecolumn .jin-3column .jin-2column-left,
.page-template-onecolumn .jin-3column .jin-2column-right,
.page-template-lp .jin-2column .jin-2column-left,
.page-template-lp .jin-2column .jin-2column-right,
.page-template-lp .jin-3column .jin-2column-left,
.page-template-lp .jin-3column .jin-2column-right{width:49.2%;padding:20px;}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column .jin-3column-left,
.page-template-onecolumn .jin-2column .jin-3column-center,
.page-template-onecolumn .jin-2column .jin-3column-right,
.page-template-onecolumn .jin-3column .jin-3column-left,
.page-template-onecolumn .jin-3column .jin-3column-center,
.page-template-onecolumn .jin-3column .jin-3column-right,
.page-template-lp .jin-2column .jin-3column-left,
.page-template-lp .jin-2column .jin-3column-center,
.page-template-lp .jin-2column .jin-3column-right,
.page-template-lp .jin-3column .jin-3column-left,
.page-template-lp .jin-3column .jin-3column-center,
.page-template-lp .jin-3column .jin-3column-right{width:32.2%;padding:20px;}
}
@media (min-width: 768px) {
.page-template-onecolumn .jin-2column-left,
.page-template-onecolumn .jin-2column-right,
.page-template-lp .jin-2column-left,
.page-template-lp .jin-2column-right,
.page-template-onecolumn .jin-3column-left,
.page-template-onecolumn .jin-3column-center,
.page-template-onecolumn .jin-3column-right,
.page-template-lp .jin-3column-left,
.page-template-lp .jin-3column-center,
.page-template-lp .jin-3column-right{padding:30px;}
}
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor{background-color:transparent !important;}
@media (max-width: 767px) {
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor{padding:10px !important;}
}
@media (min-width: 768px) {
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor{padding:10px !important;}
}
.jin-img-shadow-on img{box-shadow:0px 0px 5px 3px #eee;}
.jin-img-radius-on img{border-radius:500px;}
.jin-img-border-on img{border:3px solid #eee;}
.jin-lp-h2 h2:before,
.jin-lp-h2 h2:after{display:none;}
.jin-lp-h2 h2{border:none;background-color:none !important;padding:0;margin:0;border-radius:0;font-size:1rem;}
.jin-lp-h2 h2{display:block !important;text-align:center;}
@media (max-width: 767px) {
.jin-lp-h2 h2{font-size:1.4rem;line-height:1.7rem;padding-bottom:10px;padding-top:20px;margin-bottom:25px;text-align:center;font-weight:700 !important;}
}
@media (min-width: 768px) {
.jin-lp-h2 h2{font-size:1.6rem;line-height:1.9rem;padding-bottom:10px;padding-top:40px;margin-bottom:25px;text-align:center;}
}
@media (max-width: 767px) {
.jinlph2-style1 h2:first-letter{font-size:1.7rem;}
}
@media (min-width: 768px) {
.jinlph2-style1 h2:first-letter{font-size:2.2rem;}
}
.jinlph2-style2 h2{border-bottom:2px solid #f7f7f7;}
.jinlph2-style3 h2{border:2px solid #f7f7f7;}
@media (max-width: 767px) {
.jinlph2-style3 h2{margin-top:20px;padding:15px !important;font-weight:500 !important;}
}
@media (min-width: 768px) {
.jinlph2-style3 h2{margin-top:30px;padding:20px !important;}
}
@media (max-width: 767px) {
.jincol-h3{font-size:1.2rem;line-height:1.5rem;padding-bottom:5px;padding-top:10px;margin-bottom:20px;text-align:center;font-weight:700;}
}
@media (min-width: 768px) {
.jincol-h3{font-size:1.2rem;line-height:1.5rem;padding-bottom:10px;margin-bottom:25px;text-align:center;font-weight:500;}
}
@media (max-width: 767px) {
.jincolumn-h3style1{padding-bottom:0px !important;}
}
@media (min-width: 768px) {
.jincolumn-h3style1{padding-bottom:0px !important;}
}
.jincolumn-h3style2{border-bottom:2px solid #ccc;}
.jin-sen{padding-top:20px;padding-bottom:20px;}
.jin-sen .jin-sen-solid,
.jin-sen .jin-sen-dashed,
.jin-sen .jin-sen-double{width:100%;}
.jin-sen .jin-sen-solid{border-top:3px solid #f7f7f7;border-radius:20px;}
.jin-sen .jin-sen-dashed{border-top:3px dashed #f7f7f7;}
.jin-sen .jin-sen-double{border-top:3px double #f7f7f7;}
.jin-yohaku10,
.jin-yohaku15,
.jin-yohaku20,
.jin-yohaku25,
.jin-yohaku30,
.jin-yohaku35,
.jin-yohaku40,
.jin-yohaku45,
.jin-yohaku50{width:100%;}
.jin-yohaku10{height:10px;}
.jin-yohaku15{height:15px;}
.jin-yohaku20{height:20px;}
.jin-yohaku25{height:25px;}
.jin-yohaku30{height:30px;}
.jin-yohaku35{height:35px;}
.jin-yohaku40{height:40px;}
.jin-yohaku45{height:45px;}
.jin-yohaku50{height:50px;}
body#nofont-style{font-family:'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;}
body#nofont-style .kaisetsu-box1:after,
body#nofont-style .kaisetsu-box2:after,
body#nofont-style .kaisetsu-box4:after,
body#nofont-style .kaisetsu-box5:after,
body#nofont-style .innerlink-box1:after{font-family:"Font Awesome\ 5 Free",'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;}
body#nofont-style .ef,
body#nofont-style #prev-next a.prev:after,
body#nofont-style #prev-next a.next:after{font-family:'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;letter-spacing:2px;font-feature-settings:"palt";}
body#nofont-style .sp-sns-menu ul li a{padding:6px 6px 8px 8px;}
body#nofont-style .sp-sns-menu ul .pro-fb a{padding-left:7px;}
body#nofont-style .sp-sns-menu ul .pro-youtube a{padding-left:7px;}
body#nofont-style .sp-sns-menu ul .pro-insta a{padding-left:7px;}
body#nofont-style .sp-sns-menu ul .pro-line a{padding-top:4px;padding-left:6px;}
body#nts-style{font-family:'Noto Sans Japanese', sans-serif;}
@media (max-width: 767px) {
body#nts-style{font-weight:300;}
}
@media (min-width: 768px) {
body#nts-style{font-weight:200;}
}
@media (max-width: 767px) {
body#nts-style p{font-weight:300;}
}
@media (min-width: 768px) {
body#nts-style p{font-weight:200;}
}
@media (max-width: 767px) {
body#nts-style strong{font-weight:700 !important;}
}
@media (min-width: 768px) {
body#nts-style strong{font-weight:500 !important;}
}
@media (max-width: 767px) {
body#nts-style .sp-menu-box ul li a{font-weight:500 !important;}
}
@media (max-width: 767px) {
body#nts-style .sp-menu-box ul li ul li a{font-weight:300 !important;}
}
@media (max-width: 767px) {
body#nts-style .cps-post-title,
body#nts-style .new-entry-item-title,
body#nts-style .info-title,
body#nts-style #prev-next p,
body#nts-style .myname,
body#nts-style .widgettitle,
body#nts-style .toppost-list-box label,
body#nts-style .pickup-title,
body#nts-style .profile-name{font-weight:400 !important;}
}
@media (min-width: 768px) {
body#nts-style .cps-post-title,
body#nts-style .new-entry-item-title,
body#nts-style .info-title,
body#nts-style #prev-next p,
body#nts-style .myname,
body#nts-style .widgettitle,
body#nts-style .toppost-list-box label,
body#nts-style .pickup-title,
body#nts-style .profile-name{font-weight:300 !important;}
}
@media (max-width: 767px) {
body#nts-style .kaisetsu-box1-title,
body#nts-style .kaisetsu-box2-title,
body#nts-style .kaisetsu-box3-title,
body#nts-style .kaisetsu-box4-title,
body#nts-style .kaisetsu-box5-title,
body#nts-style .cps-post-main-box h2,
body#nts-style .cps-post-main-box h3,
body#nts-style .cps-post-main-box h4,
body#nts-style .cps-post-main-box h5,
body#nts-style .ranking-title01,
body#nts-style .ranking-title02,
body#nts-style .ranking-title03,
body#nts-style .cps-post-main table.cps-table03 th,
body#nts-style .related-entry-headline-text span{font-weight:500 !important;}
}
@media (min-width: 768px) {
body#nts-style .kaisetsu-box1-title,
body#nts-style .kaisetsu-box2-title,
body#nts-style .kaisetsu-box3-title,
body#nts-style .kaisetsu-box4-title,
body#nts-style .kaisetsu-box5-title,
body#nts-style .cps-post-main-box h2,
body#nts-style .cps-post-main-box h3,
body#nts-style .cps-post-main-box h4,
body#nts-style .cps-post-main-box h5,
body#nts-style .ranking-title01,
body#nts-style .ranking-title02,
body#nts-style .ranking-title03,
body#nts-style .cps-post-main table.cps-table03 th,
body#nts-style .related-entry-headline-text span{font-weight:400 !important;}
}
@media (max-width: 767px) {
body#nts-style .top-image-meta,
body#nts-style .fixed-content a,
body#nts-style .cps-post-date,
body#nts-style .myintro,
body#nts-style .myjob,
body#nts-style .textwidget,
body#nts-style .tagcloud a,
body#nts-style .profile-desc,
body#nts-style .new-entry-item-title,
body#nts-style .widget ul li a,
body#nts-style .widget_categories ul li a,
body#nts-style .widget_recent_comments .recentcomments{font-weight:300;}
}
@media (min-width: 768px) {
body#nts-style .top-image-meta,
body#nts-style .fixed-content a,
body#nts-style .cps-post-date,
body#nts-style .myintro,
body#nts-style .myjob,
body#nts-style .textwidget,
body#nts-style .tagcloud a,
body#nts-style .profile-desc,
body#nts-style .new-entry-item-title,
body#nts-style .widget ul li a,
body#nts-style .widget_categories ul li a,
body#nts-style .widget_recent_comments .recentcomments{font-weight:200;}
}
@media (max-width: 767px) {
body#nts-style .post-list-link .entry-title{font-weight:500;}
}
@media (max-width: 767px) {
body#nts-style .post-list-mag-sp1col .post-list-title{font-weight:500 !important;}
}
body#nts-style .kaisetsu-box1:after,
body#nts-style .kaisetsu-box2:after,
body#nts-style .kaisetsu-box4:after,
body#nts-style .kaisetsu-box5:after,
body#nts-style .innerlink-box1:after{font-family:"Font Awesome\ 5 Free",'Noto Sans Japanese', sans-serif;}
body#nts-style .ef,
body#nts-style #prev-next a.prev:after,
body#nts-style #prev-next a.next:after{font-family:'Quicksand','Noto Sans Japanese', sans-serif;}
body#nts-style .widget_nav_menu ul > li > a:before,
body#nts-style .widget_categories ul > li > a:before{padding-top:1px;}
@media (min-width: 768px) {
body#nts-style #breadcrumb .bcHome span:before{top:-6px;}
}
body#nts-style .widget_recent_comments ul li > a:before{top:1px;}
body#rm-style{font-family:'Rounded Mplus 1c', sans-serif;}
@media (max-width: 767px) {
body#rm-style{font-weight:400;}
}
@media (min-width: 768px) {
body#rm-style{font-weight:300;}
}
@media (max-width: 767px) {
body#rm-style p{font-weight:400;}
}
@media (min-width: 768px) {
body#rm-style p{font-weight:300;}
}
@media (max-width: 767px) {
body#rm-style .sp-menu-box ul li a{font-weight:500 !important;}
}
@media (max-width: 767px) {
body#rm-style .sp-menu-box ul li ul li a{font-weight:300 !important;}
}
@media (max-width: 767px) {
body#rm-style .cps-post-title,
body#rm-style .new-entry-item-title,
body#rm-style .info-title,
body#rm-style #prev-next p,
body#rm-style .myname,
body#rm-style .widgettitle,
body#rm-style .toppost-list-box label,
body#rm-style .pickup-title,
body#rm-style .profile-name{font-weight:400 !important;}
}
@media (min-width: 768px) {
body#rm-style .cps-post-title,
body#rm-style .new-entry-item-title,
body#rm-style .info-title,
body#rm-style #prev-next p,
body#rm-style .myname,
body#rm-style .widgettitle,
body#rm-style .toppost-list-box label,
body#rm-style .pickup-title,
body#rm-style .profile-name{font-weight:400 !important;}
}
@media (max-width: 767px) {
body#rm-style .kaisetsu-box1-title,
body#rm-style .kaisetsu-box2-title,
body#rm-style .kaisetsu-box3-title,
body#rm-style .kaisetsu-box4-title,
body#rm-style .kaisetsu-box5-title,
body#rm-style .cps-post-main-box h2,
body#rm-style .cps-post-main-box h3,
body#rm-style .cps-post-main-box h4,
body#rm-style .cps-post-main-box h5,
body#rm-style .ranking-title01,
body#rm-style .ranking-title02,
body#rm-style .ranking-title03,
body#rm-style .cps-post-main table.cps-table03 th,
body#rm-style .related-entry-headline-text span{font-weight:500 !important;}
}
@media (min-width: 768px) {
body#rm-style .kaisetsu-box1-title,
body#rm-style .kaisetsu-box2-title,
body#rm-style .kaisetsu-box3-title,
body#rm-style .kaisetsu-box4-title,
body#rm-style .kaisetsu-box5-title,
body#rm-style .cps-post-main-box h2,
body#rm-style .cps-post-main-box h3,
body#rm-style .cps-post-main-box h4,
body#rm-style .cps-post-main-box h5,
body#rm-style .ranking-title01,
body#rm-style .ranking-title02,
body#rm-style .ranking-title03,
body#rm-style .cps-post-main table.cps-table03 th,
body#rm-style .related-entry-headline-text span{font-weight:400 !important;}
}
body#rm-style .top-image-meta,
body#rm-style .fixed-content a,
body#rm-style .cps-post-date,
body#rm-style .myintro,
body#rm-style .myjob,
body#rm-style .textwidget,
body#rm-style .tagcloud a,
body#rm-style .profile-desc,
body#rm-style .new-entry-item-title,
body#rm-style .widget ul li a,
body#rm-style .widget_categories ul li a,
body#rm-style .widget_recent_comments .recentcomments{font-weight:400 !important;}
@media (max-width: 767px) {
body#rm-style .post-list-link .entry-title{font-weight:500;}
}
@media (max-width: 767px) {
body#rm-style .post-list-mag-sp1col .post-list-title{font-weight:500 !important;}
}
body#rm-style .kaisetsu-box1:after,
body#rm-style .kaisetsu-box2:after,
body#rm-style .kaisetsu-box4:after,
body#rm-style .kaisetsu-box5:after,
body#rm-style .innerlink-box1:after{font-family:"Font Awesome\ 5 Free",'Rounded Mplus 1c', sans-serif;}
body#rm-style .ef,
body#rm-style #prev-next a.prev:after,
body#rm-style #prev-next a.next:after{font-family:'Quicksand','Rounded Mplus 1c', sans-serif;}
@media (max-width: 767px) {
body#rm-style strong{font-weight:700 !important;}
}
@media (min-width: 768px) {
body#rm-style strong{font-weight:500 !important;}
}
body#rm-style .widget_nav_menu ul > li > a:before,
body#rm-style .widget_categories ul > li > a:before{padding-top:0px;top:23px;}
body#rm-style .widget_nav_menu ul > li > ul > li > a:before,
body#rm-style .widget_categories ul > li > ul > li > a:before{top:12px;}
body#rm-style .widget_nav_menu ul > li > ul > li > ul > li > a:before,
body#rm-style .widget_categories ul > li > ul > li > ul > li > a:before{top:2px;}
@media (min-width: 768px) {
body#rm-style #breadcrumb .bcHome span:before{top:-7px;}
}
body#rm-style .widget_recent_comments ul li > a:before{top:0px;}
#toc_container{background:#fff !important;border-radius:2px;color:#666;font-family:'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;overflow:hidden;letter-spacing:1px;position:relative;padding:0;margin-bottom:40px;width:100% !important;}
#toc_container:before{position:absolute;content:"";border:4px solid #e1eff4;width:100%;height:100%;max-width:100%;box-sizing:border-box;opacity:0.15;}
#toc_container.contracted .toc_title{padding:0px 40px;}
@media (max-width: 767px) {
#toc_container.contracted .toc_title{margin-top:35px !important;margin-bottom:35px !important;}
}
@media (min-width: 768px) {
#toc_container.contracted .toc_title{margin-top:45px !important;margin-bottom:45px !important;}
}
#toc_container .toc_title{text-align:center;position:relative;line-height:2rem;}
@media (max-width: 767px) {
#toc_container .toc_title{margin-bottom:0px;margin-top:35px;font-size:1.45rem;}
}
@media (min-width: 768px) {
#toc_container .toc_title{margin-bottom:10px;margin-top:45px;font-size:1.65rem;}
}
#toc_container ul:not([class]) li:before{display:none;}
#toc_container .toc_list{list-style-type:none !important;counter-reset:li;}
@media (max-width: 767px) {
#toc_container .toc_list{padding:0 25px;padding-bottom:30px;}
}
@media (min-width: 768px) {
#toc_container .toc_list{padding:0 60px;padding-bottom:40px;}
}
#toc_container .toc_list > li{list-style-type:none !important;position:relative;margin-left:6px;padding-left:40px;margin-bottom:5px;padding-bottom:4px;line-height:1.35rem;}
#toc_container .toc_list > li:after{counter-increment:li;content:counter(li);position:absolute;left:5px;top:-1px !important;background:none;font-family:'Quicksand', sans-serif;letter-spacing:2px;font-size:1.2rem;letter-spacing:-1px;}
#toc_container .toc_list > li:first-child:after{left:8px;}
#toc_container .toc_list > li:nth-child(3):after{left:6px;}
#toc_container .toc_list > li:nth-child(11):after{letter-spacing:0.15rem;}
#toc_container .toc_list > li > a{text-decoration:none !important;font-size:0.95rem;line-height:1.35rem;}
#toc_container .toc_list li a{color:#555 !important;display:block;}
#toc_container .toc_list > li a:hover{text-decoration:underline !important;}
#toc_container .toc_list > li ul{margin-top:10px;padding-left:0px;margin-bottom:18px;}
#toc_container .toc_list > li > ul > li{margin-bottom:5px;padding-left:33px;}
#toc_container .toc_list > li > ul > li a{position:relative;text-decoration:none !important;}
@media (max-width: 767px) {
#toc_container .toc_list > li > ul > li a{line-height:1.15rem;font-size:0.8rem;}
}
@media (min-width: 768px) {
#toc_container .toc_list > li > ul > li a{line-height:1.25rem;font-size:0.85rem;}
}
#toc_container .toc_list > li > ul li a:before{position:absolute;content:"・";font-size:2rem;left:-25px;top:0px;}
#toc_container .toc_list > li > ul > li > ul{margin-top:5px;}
#toc_container .toc_list > li > ul > li > ul > li a{font-size:0.75rem;}
#toc_container .toc_title a{text-decoration:none;font-size:0.75rem;}
.toc_number{display:none;}
.widget label{display:block;}
.widget .wpcf7-text,
.widget .wpcf7-textarea{margin-bottom:20px !important;}
.wpcf7{margin:30px auto !important;padding:40px 30px !important;padding-bottom:0px !important;background:rgba(215, 215, 215, 0.15);}
@media (max-width: 767px) {
.wpcf7{width:100%;}
}
@media (min-width: 768px) {
.wpcf7{width:80%;}
}
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap textarea{box-sizing:border-box;width:100%;border-radius:2px;border:1px solid #ccc;padding:7px 10px;font-size:1em;margin-bottom:-10px !important;-webkit-appearance:none;}
.wpcf7-form p{margin-bottom:0px !important;margin-top:-10px !important;}
.wpcf7-form input[type="submit"]{border-radius:2px;-webkit-transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;border:1px solid #ddd;padding:7px 50px;font-size:1em;display:block;margin:0 auto;background:#ddd;cursor:pointer;color:#fff;margin-top:0px;}
.wpcf7-form input[type="submit"]:hover{background:#ccc;border:1px solid #ccc;}
.yyi-rinker-contents p{padding:0;}
.yyi-rinker-contents img{margin-bottom:0;}
@media (min-width: 768px) {
_:-ms-lang(x), .concept-box1:after,
_:-ms-lang(x), .concept-box2:after,
_:-ms-lang(x), .concept-box3:after,
_:-ms-lang(x), .concept-box4:after,
_:-ms-lang(x), .concept-box5:after,
_:-ms-lang(x), .concept-box6:after{border:none !important;top:-25px !important;left:31px !important;padding:12px;}
}
_:-ms-lang(x), .sidebar_style1,
_:-ms-lang(x), .sidebar_style6{padding-top:0 !important;}
@media all and (-ms-high-contrast: none) {
.headsns .line a{padding-top:6px !important;}
.my-profile .profile-sns-menu ul .pro-line a{padding-top:3px !important;}
.profile-follow .line-sns a{padding-top:6px !important;}
}
@media (max-width: 767px) {
.android .pro-contact a,
.android .pro-insta a{padding-left:5px !important;}
.android .contact-sns a{padding-left:5px !important;padding-right:5px !important;padding-top:7px !important;padding-bottom:2px !important;}
.android .head-sp-menu-bar ul li a{font-weight:500 !important;}
.android input.search-text::-webkit-input-placeholder{padding-top:3px;}
.android input.search-text{margin-top:2px;}
.android .sp-menu-box ul li a:before{top:9px !important;line-height:20px;overflow:visible;}
.android .sp-menu-box ul li ul li a:before{top:4px !important;}
.android .pickup-title{font-size:10px !important;letter-spacing:0 !important;}
.android .widget_categories ul > li > a:before,
.android .widget_nav_menu ul > li > a:before{top:21px;}
.android .widget_categories ul > li > ul > li > a:before,
.android .widget_nav_menu ul > li > ul > li > a:before{top:12px;}
.android .widget_categories ul .count{top:11px;}
.android .widget_archive ul .count{top:10px;}
.android .widget_categories ul ul .count{top:0px;}
.android .cps-post-main ul:not([class]) li:before,
.android .cps-post-main table ul:not([class]) li:before{top:0.5em;}
.android .cps-post-main ol > li:after,
.android .cps-post-main table ol:not([class]) li:after{width:20px;height:20px;left:0px;top:11px;}
.android .cps-post-main ol > li:before,
.android .cps-post-main table ol:not([class]) li:before{left:0px;height:20px;width:20px;top:0px;}
.android .cps-post-main table{border-collapse:separate !important;border-spacing:0;}
.android .cps-post-main table th,
.android .cps-post-main table td{border-top:none;border-left:none;}
.android .cps-post-main table td:last-child{border-right:none;}
.android .cps-post-main table tr:last-child th,
.android .cps-post-main table tr:last-child td{border-bottom:none;}
.android #prev-next .prev .metabox img,
.android #prev-next .next .metabox img{width:150px !important;height:auto !important;max-height:112px;}
}
@media (max-width: 767px) {
_::-webkit-full-page-media, _:future, :root .contact-sns a{padding-left:5px !important;padding-right:5px !important;padding-top:7px !important;padding-bottom:2px !important;}
}
_::-webkit-full-page-media, _:future, :root .headsns a{padding-top:6px !important;padding-left:5px;}
_::-webkit-full-page-media, _:future, :root .headsns .line a{padding-top:10px !important;}
_::-webkit-full-page-media, _:future, :root .headsns .facebook a{padding-left:9px !important;}
_::-webkit-full-page-media, _:future, :root .profile-title{letter-spacing:0;}
@media (min-width: 768px) {
_::-webkit-full-page-media, _:future, :root .contact-sns a{padding-top:6px !important;}
_::-webkit-full-page-media, _:future, :root .post-list-meta .post-list-cat{padding-top:7px !important;}
}
@media (min-width: 1024px) {
_::-webkit-full-page-media, _:future, :root .post-list-mag,
_::-webkit-full-page-media, _:future, :root .post-list,
_::-webkit-full-page-media, _:future, :root .related-entry-section,
_::-webkit-full-page-media, _:future, :root #prev-next,
_::-webkit-full-page-media, _:future, :root .widget_nav_menu ul > li > a,
_::-webkit-full-page-media, _:future, :root .widget_categories ul > li > a,
_::-webkit-full-page-media, _:future, :root .myintro,
_::-webkit-full-page-media, _:future, :root .myname,
_::-webkit-full-page-media, _:future, :root .widget a,
_::-webkit-full-page-media, _:future, :root .widget div,
_::-webkit-full-page-media, _:future, :root .myjob {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
_::-webkit-full-page-media, _:future, :root .post-list-mag .post-list-title,
_::-webkit-full-page-media, _:future, :root .post-list .post-list-title,
_::-webkit-full-page-media, _:future, :root .related-entry-section .post-list-title,
_::-webkit-full-page-media, _:future, :root #prev-next p,
_::-webkit-full-page-media, _:future, :root .pickup-title {
font-weight: 700 !important; }
_::-webkit-full-page-media, _:future, :root .concept-box2:after {
padding-left: 14px;
padding-right: 16px; }
_::-webkit-full-page-media, _:future, :root .concept-box3:after {
padding-left: 16px;
padding-right: 14px; }
_::-webkit-full-page-media, _:future, :root .concept-box4:after {
padding-left: 16px;
padding-right: 14px; } }