@charset "utf-8";
/*
共通
*/
:root{
--color-blue: 71, 161, 185;
--color-gray: 114, 111, 112;
}
body{
background: #fff;
font-family: "Hiragino Sans W3","Hiragino Kaku Gothic ProN W3",Meiryo,sans-serif;
font-weight: 400;
font-feature-settings: "palt";
letter-spacing: 0;
line-height: 1;
}
b, .bold{
font-family: "Hiragino Sans W6","Hiragino Kaku Gothic ProN W6",Meiryo,sans-serif;
font-weight: 700;
}
.sp-bl,.sp-il,.tablet-bl{ display:none !important; }
.tablet .tablet-bl{ display:block !important; }
.opa{ transition: 0.3s ease-in-out; }
.opa:hover{ opacity: 0.7 !important; }
.opa1{ opacity: 1 !important; }
.w100{ width: 100% !important; }
.h100{ height: 100% !important; }
.none{ display: none !important }
.tc{ text-align: center !important; }
.tl{ text-align: left !important; }
.tr{ text-align: right !important; }
.tj{ text-align: justify !important; }
.cf:before,.cf:after{ content: ""; display: table; }
.cf:after{ clear: both; }
.cf{ zoom: 1; }
.fl{ float: left; }
.fr{ float: right; }
.outer{
position: relative;
max-width: 1500px;
margin: 0 auto;
}
.inner{
position: relative;
max-width: 900px;
margin: 0 auto;
box-sizing: content-box;
padding: 0 2.5%;
}
.ls0{ letter-spacing: 0; }
.ls50{ letter-spacing: .05em; }
.ls100{ letter-spacing: .1em; }
.ls150{ letter-spacing: .15em; }
.ls200{ letter-spacing: .2em; }
.flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.flex.nowrap{ flex-wrap: nowrap; }
.flex.reverse{ flex-direction: row-reverse; }
.flex.reverse > *{ min-height: 0; }
.flex.column{ flex-direction: column; }
.flex.jc-c{ justify-content: center; }
.flex.jc-s{ justify-content: flex-start; }
.flex.jc-e{ justify-content: flex-end; }
.flex.ai-c{ align-items: center; }
.flex.ai-e{ align-items: flex-end; }
.flex.ai-st{ align-items: stretch; }
.grid{ display: grid; }
@media screen and (min-width: 768px){
.fit-right{ margin-right: calc(50% - 50vw); }
.fit-left{ margin-left: calc(50% - 50vw); }
}
@media screen and (max-width: 767px){
.pc{ display: none !important; }
.sp-bl{ display: block !important; }
.sp-il{ display: inline !important; }
.inner{ max-width: 560px;padding: 0 30px; }
.opa:hover{ opacity: 1; }
}
/*
ヘッダー
*/
#header{
-webkit-box-shadow: none;
box-shadow: none;
}
#header.sticky{
-webkit-box-shadow: none;
box-shadow: none;
}
#header:before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--color-blue), .1);
}
.header-inner{
max-width: 1200px;
padding: 0;
}
.site-info,
.header-row .sticky .site-info{
padding: 23px 0;
}
:lang(ja) h1{
font-family: inherit;
line-height: 1;
}
.site-title img{
vertical-align: top;
}
.menu-container{
font-size: 16px;
font-family: "Hiragino Sans W6","Hiragino Kaku Gothic ProN W6",Meiryo,sans-serif;
font-weight: 700;
letter-spacing: .1em;
gap: 10px 0;
}
.menu-container li#menu-item-24{
display: none;
}
.menu-container a{
color: rgba(var(--color-gray), 1);
line-height: 1;
padding: 0 15px;
}
.menu-container li:hover>a{
color: rgba(var(--color-gray), .6);
}
.menu-container>li>a:before{
content: none;
}
.search-toggle{
display: none;
}
.search-toggle .icon.search{
display: none;
}
.modal-search-form{
display: none;
}
.header-search{
order: 100;
margin-left: 15px;
}
.header-searchgroup{
position: relative;
z-index: 1;
}
input[type=search].header-searchwindow{
width: 30px;
height: 30px;
border: 2px solid rgba(var(--color-gray), .6);
border-radius: 15px;
color: #333;
letter-spacing: .1em;
background: none;
appearance: none;
cursor: pointer;
transition: .25s ease-in .25s;
}
input[type=search].header-searchwindow:focus{
width: 240px;
border-width: 1px;
background: #fff;
cursor: text;
}
input[type=search].header-searchwindow:-webkit-autofill{
box-shadow: 0 0 0px 1000px #fff inset;
}
.header-searchline{
content: "";
position: absolute;
z-index: -1;
top: 24px;
left: 22px;
transform: rotate(-45deg);
transform-origin: top center;
width: 4px;
height: 14px;
background: rgba(var(--color-gray), .6);
transition: .25s ease-in .5s;
}
input[type=search].header-searchwindow:focus + .header-searchline{
transform: rotate(-45deg) scaleY(0);
transition: .25s ease-in;
}
@media screen and (max-width: 1200px){
.header-inner{
padding: 0 20px;
}
}
@media screen and (max-width: 767px){
.header-inner{
position: fixed;
z-index: 1002;
top: 0;
left: 0;
width: 100%;
justify-content: space-between;
padding: 0 20px;
background: linear-gradient(0deg,rgba(var(--color-blue), .1),rgba(var(--color-blue), .1)) no-repeat center/cover #fff;
}
.site-info, .header-menu-enabled .site-info{
max-width: calc(100% - 50px);
width: calc(100% - 50px);
padding: 18px 0;
text-align: left;
}
.site-title{
max-width: 212px;
}
.site-title img{
max-width: 163px;
}
.nav-toggle{
position: relative !important;
width: 30px;
}
.nav-toggle .bottom, .nav-toggle .middle, .nav-toggle .top{
left: 0;
width: 100%;
background: rgba(var(--color-gray), 1);
}
.nav-toggle.open .top,
.nav-toggle.open .bottom{
background: rgba(var(--color-gray), 1);
}
#header-menu{
top: 60px;
left: 0;
}
#header-nav,
#header-menu.open>#header-nav{
top: 60px;
width: 100%;
height: auto;
padding: 15px 30px 30px !important;
background: linear-gradient(0deg,rgba(var(--color-blue), .1),rgba(var(--color-blue), .1)) no-repeat center/cover #fff;
animation: none;
overflow: visible;
}
.menu-overlay{
top: 62px;
background: rgba(51,51,51,.7);
}
.menu-container{
gap: 0;
}
.menu-container li{
text-align: right;
}
.menu-container li+li{
border-top: 1px solid rgba(var(--color-blue), .25);
}
.menu-container li:last-child{
border: none;
}
.menu-container a{
padding: 17px 0;
}
.menu-container li>a{
border: none;
}
#header-nav.menu-container li a{
color: rgba(var(--color-gray), 1);
}
.header-search{
display: inline-flex;
margin-left: 0;
padding: 20px 0;
}
}
/*
メイン
*/
#main{
margin-bottom: 100px;
}
#main .container{
max-width: 1200px;
box-sizing: content-box;
padding: 0 2.5%;
}
.right-sidebar-s1 .content{
padding-right: 360px;
}
.sidebar-s1{
width: 300px;
}
.right-sidebar-s1 .sidebar-s1{
margin-left: -300px;
}
.sidebar{
background: none;
box-shadow: none;
padding: 0;
}
.sidebar .widget{
background: rgba(var(--color-blue), .05);
box-shadow: none;
margin-bottom: 30px;
padding: 30px;
}
.sidebar .widget .wp-block-heading{
color: rgba(var(--color-blue), 1);
font-size: 18px;
font-weight: bold;
letter-spacing: .1em;
line-height: 1;
padding-bottom: 20px;
border-bottom: 1px solid rgba(var(--color-blue), .3);
margin-bottom: 20px;
}
.sidebar .widget#block-13 .wp-block-heading{
border-bottom: none;
margin-bottom: 0;
}
.sidebar .widget#block-3 .wp-block-heading:before{
content: "";
display: inline-flex;
width: 22px;
height: 22px;
margin-right: 8px;
vertical-align: -.25em;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.sidebar .widget#block-4 .wp-block-heading:before{
content: "";
display: inline-flex;
width: 22px;
height: 21px;
margin-right: 8px;
vertical-align: -.25em;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.sidebar .widget#block-14 .wp-block-heading:before{
content: "";
display: inline-flex;
width: 22px;
height: 19px;
margin-right: 8px;
vertical-align: -.1em;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.sidebar .widget#block-13 .wp-block-heading:before{
content: "";
display: inline-flex;
width: 22px;
height: 20px;
margin-right: 8px;
vertical-align: -.15em;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.sidebar .widget .wp-block-search__label{
color: rgba(var(--color-blue), 1);
font-size: 18px;
font-weight: bold;
letter-spacing: .1em;
line-height: 1;
padding-bottom: 20px;
}
.sidebar .widget .wp-block-search{
margin-bottom: 0;
}
.sidebar .widget .wp-block-search__inside-wrapper{
position: relative;
z-index: 1;
display: block;
}
.sidebar .widget .wp-block-search .wp-block-search__input{
width: 100%;
height: 35px;
border: 1px solid rgba(var(--color-gray), .3);
border-radius: 18px;
padding: 6px 38px 6px 6px;
font-size: 14px;
letter-spacing: .1em;
}
.sidebar .widget .wp-block-search .wp-block-search__button{
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 38px;
height: 100%;
border: none;
font-size: 0;
padding: 0;
border-radius: 100%;
background: url('data:image/svg+xml;utf8,') no-repeat center/17px auto;
}
.sidebar .widget .wp-block-group{
margin-bottom: 0;
}
.sidebar .widget .wp-block-latest-posts.wp-block-latest-posts__list{
margin-bottom: 0;
}
.sidebar .widget .wp-block-latest-posts.wp-block-latest-posts__list li{
position: relative;
padding: 5px 0 5px 90px;
background: url(../img/thumb-small.png) no-repeat top left/75px auto;
min-height: 75px;
}
.sidebar .widget .wp-block-latest-posts.wp-block-latest-posts__list li + li{
margin-top: 20px;
}
.sidebar .widget .wp-block-latest-posts__featured-image-link{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 75px;
height: 75px;
}
.sidebar .widget .wp-block-latest-posts__featured-image{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 75px;
height: 75px;
}
.sidebar .widget .wp-block-latest-posts__post-title{
color: #333 !important;
font-size: 14px;
letter-spacing: .1em;
line-height: 1.714285714;
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sidebar .widget .wp-block-latest-posts__post-date{
color: rgba(var(--color-gray), 1);
font-size: 12px;
letter-spacing: .1em;
margin-top: 3px;
}
.sidebar .widget .wp-block-latest-comments{
margin-bottom: 0;
}
.sidebar .widget .has-dates .wp-block-latest-comments__comment,
.sidebar .widget .has-excerpts .wp-block-latest-comments__comment{
line-height: 1;
margin-bottom: 0;
}
.sidebar .widget .wp-block-latest-comments__comment + .wp-block-latest-comments__comment{
margin-top: 20px;
}
.sidebar .widget .wp-block-latest-comments__comment-excerpt a{
color: #333;
}
.sidebar .widget .wp-block-latest-comments__comment-excerpt p{
font-size: 14px;
letter-spacing: .1em;
line-height: 1;
margin: 0 0 7px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar .widget .wp-block-latest-comments__comment-author{
display: inline-flex;
color: rgba(var(--color-gray), 1);
font-size: 12px;
letter-spacing: .1em;
margin-right: 1.2em;
}
.sidebar .widget .wp-block-latest-comments__comment-date{
display: inline-flex;
color: rgba(var(--color-gray), 1);
font-size: 12px;
letter-spacing: .1em;
}
.sidebar .widget .wp-block-categories{
margin-bottom: 0;
}
.sidebar .widget .wp-block-categories li + li{
margin-top: 10px;
}
.sidebar .widget .wp-block-categories a,
.sidebar .widget .wp-block-categories a:hover{
color: rgba(var(--color-gray), 1);
font-size: 14px;
letter-spacing: .1em;
}
.sidebar .widget .wp-block-categories .count{
margin-left: -.5em;
}
.sidebar .widget .wp-block-archives{
margin-bottom: 0;
}
.sidebar .widget .wp-block-archives-dropdown label{
display: none;
}
.sidebar .widget .wp-block-archives-dropdown select{
height: 40px;
border: 1px solid #E6E6E6;
border-radius: 0;
padding: 4px 14px;
color: rgba(var(--color-gray), 1);
background: url('data:image/svg+xml;utf8,') no-repeat right 14px center/12px auto #fff;
font-size: 16px;
letter-spacing: .1em;
-webkit-appearance: none;
appearance: none;
outline: none;
}
.title-box{
background: none;
font-family: inherit;
font-weight: 400;
padding: 50px 0;
}
.title-box .breadcrumb{
color: #333;
font-size: 12px;
margin-bottom: 15px;
}
.title-box .breadcrumb a:hover{
color: inherit;
}
.title-box .post-title{
color: #333;
font-size: 28px;
font-family: inherit;
letter-spacing: .1em;
line-height: 1.5;
margin: -7px 0;
}
.title-box .taxonomy-description{
display: none;
}
@media screen and (max-width: 980px){
.right-sidebar-s1 .content{
padding: 0;
}
.sidebar-s1{
width: 100%;
}
.right-sidebar-s1 .sidebar-s1{
margin-left: 0;
}
}
@media screen and (max-width: 767px){
#main{
margin-top: 60px !important;
margin-bottom: 50px;
}
#main .container{
box-sizing: border-box;
padding: 0 30px;
}
.sidebar:not(.footer-sidebar){
margin-top: 50px;
padding-left: 0;
}
.sidebar .widget .wp-block-heading{
font-size: 16px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.sidebar .widget#block-3 .wp-block-heading:before{
width: 20px;
height: 20px;
}
.sidebar .widget#block-4 .wp-block-heading:before{
width: 20px;
height: 19px;
}
.sidebar .widget#block-14 .wp-block-heading:before{
width: 20px;
height: 17px;
}
.sidebar .widget#block-13 .wp-block-heading:before{
width: 19px;
height: 18px;
margin-right: 9px;
}
.sidebar .widget .wp-block-search__label{
font-size: 16px;
padding-bottom: 15px;
}
.sidebar .widget .wp-block-archives-dropdown select{
font-size: 14px;
}
.title-box{
padding: 40px 0 30px;
}
.title-box .breadcrumb{
font-size: 11px;
margin-bottom: 10px;
}
.title-box .post-title{
font-size: 20px;
margin: -5px 0;
}
}
/*
フッター
*/
.footer{
font-family: inherit;
font-size: 11px;
font-weight: 400;
min-height: 0;
}
.footer-bottom{
background: rgba(var(--color-gray), 1);
color: #fff;
padding: 0;
}
.footer .container{
max-width: 1200px;
padding: 0;
}
.footer-bottom .copyright{
letter-spacing: .1em;
line-height: 50px;
}
.footer a,
.footer a:hover{
color: inherit;
}
.back-to-top,
.back-to-top:hover{
background: rgba(var(--color-gray), 1);
-webkit-box-shadow: none;
box-shadow: none;
padding: 16px;
}
@media screen and (max-width: 1200px){
.footer .container{
padding: 0 20px;
}
}
@media screen and (max-width: 767px){
.footer{
font-size: 9px;
}
.footer .container{
flex-flow: row wrap;
justify-content: flex-start;
padding: 0 30px;
}
.footer-bottom .copyright{
line-height: 30px;
}
}
/*
トップ、アーカイブページ
*/
#main.home, body.home #main{
margin-top: 60px;
}
.grid-view{
padding: 0;
background: none;
box-shadow: none;
gap: 40px;
}
.grid-view .article, .grid-view .page, .grid-view .post{
width: calc((100% - 40px) / 2);
margin-bottom: 0;
border: 1px solid #E6E6E6;
border-top: 5px solid rgba(var(--color-blue), .3);
padding: 25px 29px 29px;
}
.grid-view .post-inner{
box-shadow: none;
margin: 0;
}
.grid-view .post-inner:hover{
box-shadow: none;
transform: none;
}
.grid-view .post-link{
box-shadow: none;
}
.grid-view .post-thumbnail figure{
width: 100%;
height: 230px;
margin: 0;
}
.grid-view .post-thumbnail figure img{
width: 100%;
height: 100%;
object-fit: cover;
}
.grid-view .post-thumbnail figure img:not(.wp-post-image){
border: 2px solid #F2F2F2;
}
.grid-view .post-content{
display: flex;
flex-direction: column;
margin: 30px 0 0;
padding: 0;
}
.grid-view .post-date{
color: rgba(var(--color-gray), 1);
font-size: 13px;
font-weight: 700;
letter-spacing: .1em;
text-align: left;
margin: 12px 0 0;
}
.grid-view .post-title{
order: -1;
color: #333;
font-size: 20px;
letter-spacing: .1em;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.grid-view .post-inner a:hover .post-title{
color: inherit;
}
.grid-view .post-excerpt{
color: #333;
font-size: 14px;
letter-spacing: .1em;
line-height: 2;
margin: 20px 0 0;
border-top: 1px solid #F2F2F2;
padding-top: 12px;
}
.grid-view .post-meta{
font-size: 12px;
letter-spacing: .1em;
margin: 22px 0 0;
padding: 0;
}
.grid-view .post-meta>[class^=post-]{
flex: 1 1 50%;
padding: 0;
color: rgba(var(--color-blue), 1);
}
.grid-view .post-meta>[class^=post-]>.fa-folder{
margin-right: 0;
vertical-align: -.25em;
}
.fa-folder:before{
content: "";
display: block;
width: 20px;
height: 17px;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.grid-view .post-meta>[class^=post-]>.fa-comment{
padding-right: .25em;
vertical-align: -.25em;
}
.fa-comment:before{
content: "";
display: block;
width: 18px;
height: 17px;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.grid-view .post-meta a{
color: currentColor;
white-space: initial;
}
ul.page-numbers{
border-bottom: none;
color: inherit;
gap: 10px;
}
ul.page-numbers li:not(.action-bar-wrapper){
bottom: 0;
flex: 0 0 45px;
height: 45px;
}
ul.page-numbers li.action-bar-wrapper{
display: none;
}
ul.page-numbers li>:not(.action-bar),
ul.page-numbers span.page-numbers.current{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border: 1px solid rgba(var(--color-blue), .5) !important;
padding: 7px;
color: rgba(var(--color-blue), 1);
font-size: 14px;
}
ul.page-numbers a.page-numbers:hover{
border-bottom: 1px solid rgba(var(--color-blue), .5);
}
ul.page-numbers span.page-numbers.current{
background: rgba(var(--color-blue), .07);
}
ul.page-numbers a.page-numbers.prev{
font-size: 0;
background: url('data:image/svg+xml;utf8,') no-repeat center/29px auto;
}
ul.page-numbers a.page-numbers.next{
font-size: 0;
background: url('data:image/svg+xml;utf8,') no-repeat center/29px auto;
}
@media screen and (min-width: 768px){
.grid-view .article, .grid-view .page, .grid-view .post{
transition: opacity .3s ease-in-out;
}
.grid-view .article:hover, .grid-view .page:hover, .grid-view .post:hover{
opacity: .7;
}
ul.page-numbers li>:not(.action-bar){
transition: opacity .3s ease-in-out;
}
ul.page-numbers a.page-numbers:hover{
opacity: .7;
}
}
@media screen and (max-width: 767px){
.grid-view{
padding-top: 40px;
gap: 30px;
}
.grid-view .article, .grid-view .page, .grid-view .post{
width: 100%;
border-top: 4px solid rgba(var(--color-blue), .3);
padding: 20px 19px;
}
.grid-view .post-thumbnail figure{
height: 190px;
}
.grid-view .post-content{
margin: 20px 0 0;
}
.grid-view .post-date{
font-size: 10px;
margin: 8px 0 0;
}
.grid-view .post-title{
font-size: 16px;
}
.grid-view .post-excerpt{
margin: 15px 0 0;
padding-top: 8px;
}
.grid-view .post-meta{
font-size: 11px;
margin: 12px 0 0;
}
.fa-folder:before{
width: 18px;
height: 15px;
}
.fa-comment:before{
width: 16px;
height: 15px;
}
ul.page-numbers li:not(.action-bar-wrapper){
flex: 0 0 40px;
height: 40px;
}
ul.page-numbers li>:not(.action-bar),
ul.page-numbers span.page-numbers.current{
padding: 5px;
font-size: 11px;
}
ul.page-numbers a.page-numbers.prev{
background-size: 28px auto;
}
ul.page-numbers a.page-numbers.next{
background-size: 28px auto;
}
}
@media screen and (max-width: 374px){
.grid-view .post-meta{
font-size: 2.933333333vw;
}
}
/*
シングルページ
*/
body:not(.home,.archive,.search) .content-inner{
background: none;
box-shadow: none;
padding: 0;
border: 1px solid #E6E6E6;
}
body:not(.home,.archive,.search) .content-inside{
background: none;
box-shadow: none;
}
body:not(.home,.archive,.search) .post-meta{
border-bottom: 1px solid #E6E6E6;
padding: 15px 20px;
color: rgba(var(--color-blue), 1);
font-size: 12px;
letter-spacing: .1em;
line-height: 1;
gap: 15px 25px;
}
body:not(.home,.archive,.search) .post-meta>[class^=post-]{
padding-right: 0;
}
body:not(.home,.archive,.search) .post-meta>[class^=post-]>span[class*=fa]{
padding-right: .25em;
}
body:not(.home,.archive,.search) .post-meta>[class^=post-]>span[class*=fa]:before{
content: "";
display: inline-flex;
vertical-align: -.35em;
width: 19px;
height: 19px;
}
.fa-clock:before{
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
.fa-history:before{
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
body:not(.home,.archive,.search) .post-meta .fa-clock:before{
background-size: 19px auto;
}
body:not(.home,.archive,.search) .post-meta .fa-history:before{
background-size: 19px auto;
}
body:not(.home,.archive,.search) .post-meta .fa-folder:before{
background-size: 20px auto;
}
body:not(.home,.archive,.search) .post-meta .fa-comment:before{
background-size: 18px auto;
}
body:not(.home,.archive,.search) .post-meta.content-box a,
body:not(.home,.archive,.search) .post-meta.content-box a:hover,
body:not(.home,.archive,.search) .post-meta.sns-buttons.single-bottom a,
body:not(.home,.archive,.search) .post-meta.sns-buttons.single-bottom a:hover{
color: inherit;
box-shadow: none;
}
body:not(.home,.archive,.search) .content-box:not(.post-meta),
body:not(.home,.archive,.search) .sns-buttons.single-bottom{
border-bottom: 1px solid #E6E6E6;
padding: 40px;
}
body:not(.home,.archive,.search) .content-box-heading,
body:not(.home,.archive,.search) .content-box>h4,
body:not(.home,.archive,.search) .sns-buttons.single-bottom>h4{
color: rgba(var(--color-gray), 1);
font-size: 22px;
font-weight: 400;
letter-spacing: .1em;
line-height: 1;
margin: 0 0 20px;
}
.related-posts .related-posts-list{
margin: 30px 0 0;
gap: 28px;
}
.related-posts .related-article{
width: calc((100% - 56px) / 3);
margin-bottom: 0;
}
.related-posts .post{
background: none;
padding: 0;
}
.related-posts .post:hover{
box-shadow: none;
}
.related-posts .post-thumbnail{
height: 158px;
margin: 0 0 20px;
}
.related-posts .post-thumbnail img{
height: 100%;
object-fit: cover;
}
.related-posts .post-thumbnail img:not(.wp-post-image){
border: 1px solid #F2F2F2;
}
.related-posts .post-content{
padding: 0;
}
.related-posts .post-category{
color: rgba(var(--color-blue), 1);
font-size: 12px;
letter-spacing: .1em;
margin-bottom: 0;
}
.related-posts .post-category a,
.related-posts .post-category a:hover{
color: inherit;
}
.related-posts .post-title{
color: #333;
font-size: 18px;
font-family: inherit;
font-weight: 700;
letter-spacing: .1em;
margin-top: 10px;
}
.related-posts .post-title a{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.related-posts .post:hover .post-title{
color: inherit;
}
.comment-tabmenu{
border-bottom: 1px solid rgba(var(--color-blue), .7);
padding-bottom: 10px;
}
.comment-tabmenu .tabitem{
bottom: 0;
font-size: 16px;
letter-spacing: .1em;
}
.comment-tabmenu .tabitem + .tabitem{
display: none;
}
.comment-tabmenu .tabitem>a{
border: none;
padding: 0;
cursor: default;
pointer-events: none;
}
.comment-tabmenu .active>a{
color: rgba(var(--color-blue), 1);
}
.comment-tabmenu .tabitem>a>.fas{
vertical-align: -.25em;
}
.comment-tabmenu .tabitem>a>.fas.fa-comment:before{
width: 22px;
height: 21px;
}
.comment-tabmenu .count{
display: inline-flex;
justify-content: center;
align-items: center;
height: 20px;
background: #F2F2F2;
border-radius: 0;
color: rgba(var(--color-gray), 1);
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
margin-left: .25em;
padding: 0 .5em;
}
.comment-tabmenu .action-bar{
display: none;
}
#comment-list .comment-body{
border-top-color: rgba(var(--color-blue), .2);
line-height: 1;
padding: 30px 0;
}
#comment-list .comment-meta{
color: rgba(var(--color-gray), 1);
font-size: 12px;
letter-spacing: .1em;
margin-bottom: 20px;
}
#comment-list .comment-author .fn{
font-size: 16px;
}
#comment-list .bypostauthor>article .fn:after{
content: "";
display: inline-flex;
vertical-align: -.1em;
width: 14px;
height: 16px;
margin: 0 .3em;
background: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
#comment-list .comment-meta a,
#comment-list .comment-author .fn a{
color: inherit;
box-shadow: none;
cursor: default;
pointer-events: none;
}
#comment-list .comment-meta .comment-metadata{
margin-top: 10px;
}
#comment-list .comment-meta .edit-link{
display: none;
}
#comment-list .comment-content{
border-left: none;
margin-left: 0;
padding-left: 0;
}
.comment-body iframe, .comment-body p{
font-size: 16px;
letter-spacing: .1em;
line-height: 2;
margin: -.5em 0;
}
#comment-list .reply{
margin-top: 20px;
}
#comment-list .reply a{
display: inline-flex;
justify-content: center;
align-items: center;
padding: 8px 10px;
color: #fff;
background: rgba(var(--color-gray), .7);
font-size: 14px;
letter-spacing: .1em;
}
#comment-list .reply a:hover{
color: #fff;
}
.logged-in #comment-list .reply a{
font-size: 0;
}
.logged-in #comment-list .reply a:before{
content: "返信する";
font-size: 14px;
letter-spacing: .1em;
}
#comment-list .children{
margin-top: 0;
}
#comment-list .children>li{
padding-left: 30px;
margin-bottom: 40px;
}
#comment-list .children .comment-body{
border-top: none;
border-left: 1px solid rgba(var(--color-gray), .15);
padding: 0 0 0 20px;
}
#respond{
padding: 0;
}
#comment-list + #respond:before{
content: "";
display: block;
width: calc(100% + 80px);
height: 1px;
margin: 0 -40px 40px;
background: #E6E6E6;
}
#respond #reply-title{
color: rgba(var(--color-gray), 1);
font-size: 22px;
font-weight: 400;
letter-spacing: .1em;
line-height: 1;
margin: 0 0 20px;
}
#respond .must-log-in{
font-size: 0;
margin-bottom: 0;
}
#respond .must-log-in a:before{
content: "ログインしてコメントを投稿する";
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 20px;
color: #fff;
background: rgba(var(--color-gray), .7);
font-size: 16px;
letter-spacing: .1em;
line-height: 1;
}
#respond .comment-form{
background: none;
padding: 0;
}
#respond .logged-in-as{
color: #333;
font-size: 14px;
line-height: 2;
}
#respond .logged-in-as a:hover{
color: inherit;
}
#respond p{
margin-bottom: 20px;
}
#respond label{
font-size: 16px;
letter-spacing: .1em;
}
#respond label[for="siteguard_captcha"]{
font-weight: 400;
letter-spacing: 0;
}
#respond input[type=text],
#respond textarea{
margin-top: 10px;
}
#respond input#siteguard_captcha{
-moz-box-sizing: border-box;
font-size: 100%;
max-width: 100%;
vertical-align: baseline;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
color: #2b2b2b;
padding: 8px 10px 8px;
background: none repeat scroll 0 0 #fff;
width: auto;
}
#respond label .required{
font-size: 0;
}
#respond label .required:before{
content: "必須";
display: inline-flex;
vertical-align: .1em;
margin-left: -.25em;
padding: 3px 4px;
font-size: 12px;
text-indent: .1em;
color: #B74848;
background: #EFD7D7;
}
#respond textarea{
height: 150px;
border: none;
background: rgba(var(--color-blue), .07);
border-radius: 0;
}
#respond .form-submit{
margin-top: 30px;
margin-bottom: 0;
}
#respond input[type=submit]{
background: rgba(var(--color-blue), .7);
border: none;
border-radius: 0;
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 700;
width: 100%;
max-width: 230px;
height: 45px;
font-size: 16px;
letter-spacing: .15em;
}
#comment-list .comment #respond{
margin-bottom: 40px;
}
#comment-list .comment #respond:before{
margin: 0 -40px 10px;
background: none;
}
#comment-list .comment #respond #reply-title small{
margin-left: 1em;
}
#comment-list .comment #respond #reply-title small a{
display: inline-flex;
vertical-align: .25em;
justify-content: center;
align-items: center;
padding: 6px 8px;
color: rgba(var(--color-gray), 1);
border: 1px solid rgba(var(--color-gray), 1);
font-size: 12px;
letter-spacing: .1em;
}
.post-nav{
margin: 0 -1px -1px;
border-top: 20px solid #fff;
box-shadow: none;
background: #fff;
}
.post-nav ul{
justify-content: space-between;
}
.post-nav .next,
.post-nav .prev{
flex: 0 1 230px;
}
.post-nav .prev{
margin-right: auto;
}
.post-nav .next{
margin-left: auto;
}
.post-nav .next a,
.post-nav .prev a{
display: flex;
align-items: center;
background: none;
border: 1px solid rgba(var(--color-blue), .5);
}
.post-nav .prev a{
padding: 7px 0 7px 7px;
}
.post-nav .next a{
flex-direction: row-reverse;
padding: 7px 7px 7px 0;
}
.post-nav .prev a:hover,
.post-nav .next a:hover,
.post-nav .prev a:focus,
.post-nav .next a:focus{
background: none;
}
.post-nav .post-thumbnail{
display: none;
}
.post-nav .chevron-left, .post-nav .chevron-right{
position: relative;
top: 0;
transform: none;
display: block;
width: 29px;
height: 29px;
}
.post-nav .chevron-left{
border: none;
left: 0;
background: url('data:image/svg+xml;utf8,') no-repeat center/13px auto rgba(var(--color-blue), .7);
}
.post-nav .chevron-right{
border: none;
right: 0;
background: url('data:image/svg+xml;utf8,') no-repeat center/13px auto rgba(var(--color-blue), .7);
}
.post-nav .prev a:hover .chevron-left,
.post-nav .prev a:focus .chevron-left{
left: 0;
}
.post-nav .next a:hover .chevron-right,
.post-nav .next a:focus .chevron-right{
right: 0;
}
.post-nav .nav-title{
flex: 1;
color: rgba(var(--color-blue), 1);
font-family: inherit;
font-size: 14px;
font-weight: 700;
letter-spacing: .15em;
margin-bottom: 0;
text-shadow: none;
}
.post-nav .prev .nav-title{
left: 0;
}
.post-nav .next .nav-title{
right: 0;
}
.post-nav .nav-title:after{
content: "を見る";
}
.post-nav .post-title{
display: none;
}
.post-nav-back{
border-top-width: 40px;
}
.post-nav-back .prev{
max-width: 230px;
margin: auto;
}
.post-nav-back .prev a{
border-color: rgba(var(--color-gray), .5);
}
.post-nav-back .chevron-left{
background-color: rgba(var(--color-gray), .7);
}
.post-nav-back .nav-title{
color: rgba(var(--color-gray), 1);
}
.post-nav-back .nav-title:after{
content: none;
}
/* 投稿テンプレ */
.entry{
padding-top: 30px !important;
}
.entry h2{
margin: 0 -40px 40px;
padding: 20px 40px;
border-bottom: 2px solid rgba(var(--color-blue), 1);
color: #333;
background: rgba(var(--color-blue), .05);
font-size: 26px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
}
.entry h3{
margin: 0 0 30px;
padding: 0 0 8px;
border-bottom: 1px solid rgba(var(--color-blue), 1);
color: #333;
font-size: 24px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
}
.entry h4{
margin: 0 0 30px;
padding: 0 0 10px;
border-bottom: 1px solid rgba(var(--color-blue), .7);
color: #333;
font-size: 22px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
}
.entry h5{
margin: 0 0 30px;
padding: 0 0 10px;
border-bottom: 1px solid rgba(var(--color-blue), .3);
color: #333;
font-size: 20px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
}
.entry h6{
margin: 0 0 30px;
padding: 0;
color: #333;
font-size: 18px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.5;
}
.entry p{
font-size: 16px;
letter-spacing: .1em;
line-height: 3.125;
}
.entry a{
color: #00619F;
text-decoration: underline;
}
.entry .entry-inner > *:not(.wp-block-heading) + *{
margin-top: 50px;
}
.entry .entry-inner > p + p{
margin-top: 0 !important;
}
.wp-block-table{
margin-bottom: 0;
}
.wp-block-table:not(.patientdata1,.patientdata2) td,
.wp-block-table:not(.patientdata1,.patientdata2) th{
border: 1px solid rgba(var(--color-blue), .5);
padding: 13px;
font-size: 16px;
letter-spacing: .1em;
line-height: 1.4;
text-align: center;
white-space: nowrap;
position: relative;
z-index: 1;
}
.wp-block-table:not(.patientdata1,.patientdata2) tr:nth-child(even) td,
.wp-block-table:not(.patientdata1,.patientdata2) tr:nth-child(even) th{
background: rgba(var(--color-blue), .05);
}
.wp-block-table:not(.patientdata1,.patientdata2) tr + tr td:before,
.wp-block-table:not(.patientdata1,.patientdata2) tr + tr th:before{
content: "";
position: absolute;
z-index: 1;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background: #DAECF1;
}
.wp-block-table .wp-element-caption{
margin-top: 15px;
font-size: 16px;
letter-spacing: .1em;
line-height: 1.2;
}
.wp-block-table.patientdata1 td,
.wp-block-table.patientdata1 th{
border-width: 1px 0;
border-color: rgba(var(--color-blue), .2);
padding: 13px 30px;
font-size: 16px;
letter-spacing: .1em;
line-height: 1.4;
}
.wp-block-table.patientdata1 td:first-child,
.wp-block-table.patientdata1 th:first-child{
width: 255px;
color: rgba(var(--color-blue), 1);
background: rgba(var(--color-blue), .05);
font-weight: 700;
}
.wp-block-table.patientdata2 thead{
border: none;
border-top: 2px solid rgba(var(--color-blue), .2);
}
.wp-block-table.patientdata2 thead th{
border-width: 1px 1px 0;
border-color: rgba(var(--color-blue), .2);
color: rgba(var(--color-blue), 1);
background: rgba(var(--color-blue), .3);
padding: 7px 2px;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.3;
text-align: center;
white-space: nowrap;
}
.wp-block-table.patientdata2 thead th:nth-child(2){
color: rgba(var(--color-gray), 1);
font-size: 14px;
letter-spacing: .05em;
line-height: 1;
}
.wp-block-table.patientdata2 tbody{
border-bottom: 1px solid rgba(var(--color-blue), .2);
}
.wp-block-table.patientdata2 tbody td{
border-width: 0 1px;
border-color: rgba(var(--color-blue), .2);
color: rgba(var(--color-gray), 1);
padding: 15px 2px;
font-size: 14px;
letter-spacing: 0;
line-height: 1;
text-align: center;
white-space: nowrap;
}
.wp-block-table.patientdata2 tbody tr:nth-child(even) td{
background: rgba(var(--color-blue), .05);
}
.wp-block-table.patientdata2 tbody td:first-child{
width: 240px;
padding: 15px 5px 15px 15px;
font-weight: 700;
letter-spacing: .05em;
text-align: left;
}
.wp-block-table.patientdata2 tbody td:first-child sub{
font-size: 12px;
vertical-align: baseline;
}
.wp-block-table.patientdata2 tbody td:nth-child(2){
width: 115px;
}
.entry .cite{
border-left: 3px solid rgba(var(--color-blue), .5);
padding: 34px 40px 34px 37px;
color: rgba(var(--color-gray), 1);
background: url('data:image/svg+xml;utf8,') no-repeat top 15px left 15px/20px auto rgba(var(--color-blue), .05);
font-size: 14px;
line-height: 1.85;
text-align: justify;
}
.entry ul{
margin: -.25em 0;
font-size: 16px;
letter-spacing: .1em;
line-height: 1.5;
}
.entry li{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.entry li:before{
content: "";
display: block;
margin-top: .45em;
margin-right: 7px;
width: 9px;
height: 9px;
border-radius: 100%;
background: rgba(var(--color-blue), 1);
}
.entry li + li{
margin-top: .5em;
}
.wp-block-media-text{
margin-bottom: 0;
}
.wp-block-media-text + .wp-block-media-text{
margin-top: 40px;
}
.wp-block-media-text .wp-block-media-text__content{
padding: 0 0 0 40px;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding: 0 40px 0 0;
}
.wp-block-media-text p{
line-height: 2;
}
.btm-post-meta{
margin-top: 40px;
}
.post-btm-tags{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: .8em;
color: rgba(var(--color-gray), 1);
line-height: 1 !important;
}
.meta-label{
color: currentColor;
font-size: 16px;
font-weight: 400;
margin-right: -.4em;
}
p.post-btm-cats a,
p.post-btm-tags a{
margin: 0;
}
p.post-btm-cats a:hover,
p.post-btm-tags a:hover{
color: rgba(var(--color-blue), 1);
}
.post-btm-tags a:hover{
box-shadow: none;
}
@media screen and (min-width: 768px){
.post-nav .next a,
.post-nav .prev a{
transition: opacity .3s ease-in-out;
}
.post-nav .prev a:hover,
.post-nav .next a:hover{
opacity: .7;
}
}
@media screen and (max-width: 767px){
body:not(.home,.archive,.search) .post-meta{
padding: 20px;
font-size: 11px;
gap: 8px 14px;
}
body:not(.home,.archive,.search) .post-meta>[class^=post-]{
flex: 1 1 calc((100% - 28px) / 2);
}
body:not(.home,.archive,.search) .post-meta>[class^=post-]>span[class*=fa]{
padding-right: .25em;
}
body:not(.home,.archive,.search) .post-meta>[class^=post-]>span[class*=fa]:before{
width: 17px;
height: 17px;
}
body:not(.home,.archive,.search) .post-meta .fa-clock:before{
background-size: 17px auto;
}
body:not(.home,.archive,.search) .post-meta .fa-history:before{
background-size: 17px auto;
}
body:not(.home,.archive,.search) .post-meta .fa-folder:before{
background-size: 17px auto;
}
body:not(.home,.archive,.search) .post-meta .fa-comment:before{
background-size: 16px auto;
}
body:not(.home,.archive,.search) .content-box:not(.post-meta),
body:not(.home,.archive,.search) .sns-buttons.single-bottom{
padding: 30px 20px;
}
body:not(.home,.archive,.search) .content-box-heading,
body:not(.home,.archive,.search) .content-box>h4,
body:not(.home,.archive,.search) .sns-buttons.single-bottom>h4{
font-size: 18px;
}
.related-posts .related-posts-list{
margin: 20px 0 0;
gap: 20px 10px;
}
.related-posts .related-article{
width: calc((100% - 10px) / 2) !important;
}
.related-posts .post-thumbnail{
height: 90px;
margin: 0 0 15px;
}
.related-posts .post-category{
font-size: 10px;
}
.related-posts .post-title{
font-size: 14px;
margin-top: 7px;
}
.comment-tabmenu .tabitem{
font-size: 14px;
}
.comment-tabmenu .tabitem>a>.fas{
padding-right: 0;
}
.comment-tabmenu .tabitem>a>.fas.fa-comment:before{
width: 19px;
height: 18px;
}
.comment-tabmenu .count{
height: 16px;
font-size: 10px;
}
#comment-list .comment-body{
padding: 20px 0;
}
#comment-list .comment-meta{
font-size: 10px;
margin-bottom: 15px;
}
#comment-list .comment-author .fn{
font-size: 14px;
}
#comment-list .bypostauthor>article .fn:after{
width: 12px;
height: 14px;
}
#comment-list .comment-meta .comment-metadata{
margin-top: 7px;
}
.comment-body iframe, .comment-body p{
font-size: 14px;
}
#comment-list .reply{
margin-top: 15px;
}
#comment-list .children>li{
padding-left: 20px;
margin-bottom: 30px;
}
#comment-list .children .comment-body{
padding: 0 0 0 25px;
}
#comment-list + #respond:before{
width: calc(100% + 40px);
margin: 0 -20px 30px;
}
#respond #reply-title{
font-size: 18px;
}
#respond .must-log-in a:before{
display: flex;
padding: 13px 10px;
font-size: 14px;
}
#respond .logged-in-as{
font-size: 14px;
}
#respond label{
font-size: 14px;
}
#respond label .required:before{
font-size: 10px;
}
#respond .form-submit{
margin-top: 25px;
}
#respond input[type=submit]{
height: 40px;
font-size: 14px;
}
#comment-list .comment #respond{
margin-bottom: 30px;
}
#comment-list .comment #respond #reply-title small{
margin-left: 1em;
}
#comment-list .comment #respond #reply-title small a{
font-size: 10px;
}
.post-nav ul{
display: flex;
}
.post-nav .next,
.post-nav .prev{
flex: 0 1 calc((100% - 40px) / 2);
}
.post-nav .prev a{
padding: 5px 0 5px 5px;
}
.post-nav .next a{
flex-direction: row-reverse;
padding: 5px 5px 5px 0;
}
.post-nav .chevron-left, .post-nav .chevron-right{
width: 28px;
height: 28px;
}
.post-nav .nav-title{
font-size: 11px;
}
.post-nav-back{
border-top-width: 30px;
}
.post-nav-back .nav-title{
font-size: 14px;
}
/* 投稿テンプレ */
.entry{
padding-top: 20px !important;
}
.entry h2{
margin: 0 -20px 20px;
padding: 10px 20px;
font-size: 20px;
}
.entry h3{
margin: 0 0 20px;
padding: 0 0 3px;
font-size: 18px;
}
.entry h4{
margin: 0 0 20px;
padding: 0 0 4px;
font-size: 16px;
}
.entry h5{
margin: 0 0 20px;
padding: 0 0 5px;
font-size: 14px;
}
.entry h6{
margin: 0 0 20px;
font-size: 14px;
}
.entry p{
font-size: 14px;
line-height: 2.142857143;
}
.wp-block-table:not(.patientdata1,.patientdata2) td,
.wp-block-table:not(.patientdata1,.patientdata2) th{
padding: 10px 30px;
font-size: 14px;
}
.wp-block-table .wp-element-caption{
font-size: 14px;
}
.wp-block-table.patientdata1{
overflow: visible;
}
.wp-block-table.patientdata1 td,
.wp-block-table.patientdata1 th{
display: block;
width: 100%;
padding: 7px 15px;
font-size: 14px;
line-height: 2;
}
.wp-block-table.patientdata1 td:first-child,
.wp-block-table.patientdata1 th:first-child{
width: 100%;
padding: 5px 15px;
border-width: 1px 0 0;
}
.wp-block-table.patientdata1 td + td,
.wp-block-table.patientdata1 th + th{
border-width: 0;
}
.wp-block-table.patientdata1 tr:last-child td + td{
border-width: 0 0 1px;
}
.wp-block-table.patientdata2 thead th{
padding: 7px 15px;
}
.wp-block-table.patientdata2 tbody td{
padding: 15px;
}
.wp-block-table.patientdata2 tbody td:first-child{
padding: 15px;
}
.wp-block-table.patientdata2 tbody td:nth-child(2){
width: auto;
}
.entry .cite{
border-left: 2px solid rgba(var(--color-blue), .5);
padding: 25px 20px 25px 18px;
color: rgba(var(--color-gray), 1);
background-position: top 10px left 10px;
background-size: 14px auto;
font-size: 12px;
line-height: 1.833333333;
}
.entry ul{
font-size: 14px;
}
.entry li:before{
margin-top: .5em;
margin-right: 5px;
width: 6px;
height: 6px;
}
.wp-block-media-text + .wp-block-media-text{
margin-top: 25px;
}
.wp-block-media-text .wp-block-media-text__content{
padding: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding: 0;
}
.wp-block-media-text p{
line-height: 2.142857143;
text-align: justify;
margin: 2px 0 0;
}
.btm-post-meta{
margin-top: 30px;
}
.meta-label{
font-size: 14px;
}
}
@media screen and (max-width: 374px){
body:not(.home,.archive,.search) .post-meta{
font-size: 2.933333333vw;
}
.post-nav .nav-title{
font-size: 2.933333333vw;
}
}
/*
固定ページ
*/
body.page #main .container{
max-width: 900px;
}
body.page.right-sidebar-s1 .content{
padding-right: 0;
}
body.page.right-sidebar-s1 .sidebar-s1{
display: none;
}
body.page .content-box{
padding: 80px 100px !important;
}
#wpmem_login, #wpmem_reg{
width: 100%;
color: #333;
font-family: inherit;
}
#wpmem_login fieldset, #wpmem_reg fieldset{
margin: 0;
}
#wpmem_login legend, #wpmem_reg legend{
display: none;
}
#wpmem_login label, #wpmem_reg label{
font-weight: 700;
letter-spacing: .1em;
}
#wpmem_login .req, #wpmem_reg .req{
font-size: 0;
}
#wpmem_login .req:before, #wpmem_reg .req:before{
content: "必須";
display: inline-flex;
vertical-align: .1em;
margin-left: .25em;
padding: 3px 4px;
font-size: 12px;
text-indent: .1em;
line-height: 1;
color: #B74848;
background: #EFD7D7;
}
#wpmem_reg label[for="last_name"]:after,
#wpmem_reg label[for="first_name"]:after,
#wpmem_reg label[for="billing_postcode"]:after,
#wpmem_reg label[for="billing_address_1"]:after,
#wpmem_reg label[for="description"]:after{
content: "任意";
display: inline-flex;
vertical-align: .1em;
margin-left: .25em;
padding: 3px 4px;
font-size: 12px;
text-indent: .1em;
line-height: 1;
color: #808080;
background: #EAEAEA;
}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_membership, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url{
margin: 7px 0 30px 0;
}
#wpmem_login input[type=password], #wpmem_login input[type=text]:not(#siteguard_captcha), #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text]:not(#siteguard_captcha), #wpmem_reg input[type=url], #wpmem_reg textarea{
height: 45px;
border: none;
border-radius: 0;
color: #333;
background: rgba(var(--color-blue), .07);
letter-spacing: .1em;
}
#wpmem_reg textarea{
height: 150px;
}
#wpmem_login .div_text + p + p,
#wpmem_reg .div_textarea + p + p{
line-height: 1.5;
}
#wpmem_login label[for="siteguard_captcha"],
#wpmem_reg label[for="siteguard_captcha"]{
font-weight: 400;
letter-spacing: .1em;
}
#wpmem_login input#siteguard_captcha,
#wpmem_reg input#siteguard_captcha{
line-height: 1.5;
}
#wpmem_login .button_div{
padding: 30px 0 0;
text-align: center;
margin-bottom: 30px;
}
#wpmem_reg .button_div{
padding: 30px 0 0;
text-align: center;
}
#wpmem_login .button_div input[type=submit], #wpmem_reg .button_div input[type=submit]{
background: rgba(var(--color-blue), .7);
border: none;
border-radius: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 230px;
height: 45px;
font-size: 16px;
font-weight: 700;
letter-spacing: .15em;
}
#wpmem_reg .req-text{
display: none;
}
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg{
width: 100%;
}
#wpmem_msg, .wpmem_msg{
padding: 10px;
color: #B74848;
background: none;
border-color: #B74848;
}
.title-box .post-caution{
color: #B74848;
font-size: 18px;
font-weight: 700;
letter-spacing: .1em;
line-height: 1.75;
text-align: justify;
margin: 15px 0 -10px;
}
body.page .content-box.mypagetop{
padding: 40px 50px 50px !important;
}
body.page-id-12 .entry ul{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 30px 50px;
}
body.page-id-12 .entry li{
flex: 0 1 260px;
display: block;
}
body.page-id-12 .entry li + li{
margin-top: 0;
}
body.page-id-12 .entry li:before{
content: none;
}
body.page-id-12 .entry li a{
display: block;
padding: 10px 25px 10px 0;
border-bottom: 1px solid rgba(var(--color-blue), 1);
color: rgba(var(--color-blue), 1);
text-decoration: none;
font-size: 16px;
letter-spacing: .1em;
background: url('data:image/svg+xml;utf8,') no-repeat center right/16px auto;
}
#wpmem_login #wpmem_pwdchange_form .button_div{
padding: 20px 0 0;
margin-bottom: 0;
}
#wpmem_login #rememberme{
margin: 0 3px 20px;
width: 16px;
height: 16px;
vertical-align: -.1em;
}
#wpmem_login label[for="rememberme"]{
font-size: 16px;
font-weight: 400;
}
#wpmem_login .link-text{
letter-spacing: .1em;
}
#wpmem_login .link-text + .link-text{
display: none;
}
#wpmem_login #wpmem_pwdreset_form .button_div{
padding: 20px 0 0;
}
#wpmem_login #wpmem_getusername_form .button_div{
padding: 20px 0 0;
margin-bottom: 0;
}
@media screen and (min-width: 768px){
body.page-id-12 .entry li a{
transition: opacity .3s ease-in-out;
}
body.page-id-12 .entry li a:hover{
opacity: .7;
}
}
@media screen and (max-width: 767px){
body.page .content-box{
padding: 30px !important;
}
#wpmem_login label, #wpmem_reg label{
font-size: 14px;
}
#wpmem_login .req:before, #wpmem_reg .req:before{
font-size: 10px;
}
#wpmem_reg label[for="last_name"]:after,
#wpmem_reg label[for="first_name"]:after,
#wpmem_reg label[for="billing_postcode"]:after,
#wpmem_reg label[for="billing_address_1"]:after,
#wpmem_reg label[for="description"]:after{
font-size: 10px;
}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_membership, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url{
width: 100%;
margin: 7px 0 15px 0;
}
#wpmem_login input[type=password], #wpmem_login input[type=text]:not(#siteguard_captcha), #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text]:not(#siteguard_captcha), #wpmem_reg input[type=url], #wpmem_reg textarea{
height: 40px;
}
#wpmem_login label[for="siteguard_captcha"], #wpmem_reg label[for="siteguard_captcha"]{
font-size: 12px;
}
#wpmem_login .button_div{
padding: 20px 0 0;
margin-bottom: 20px;
}
#wpmem_reg .button_div{
padding: 20px 0 0;
}
#wpmem_login .button_div input[type=submit], #wpmem_reg .button_div input[type=submit]{
height: 40px;
font-size: 14px;
}
#wpmem_msg, .wpmem_msg{
font-size: 12px;
text-align: left;
}
.title-box .post-caution{
font-size: 14px;
line-height: 1.75;
margin: 25px 0 -5px;
}
body.page .content-box.mypagetop{
padding: 20px 30px 30px !important;
}
body.page-id-12 .entry ul{
gap: 15px;
}
body.page-id-12 .entry li a{
padding: 12px 25px 12px 0;
font-size: 14px;
}
#wpmem_login #wpmem_pwdchange_form .button_div{
padding: 10px 0 0;
}
#wpmem_login #rememberme{
width: 12px;
height: 12px;
}
#wpmem_login label[for="rememberme"]{
font-size: 12px;
}
#wpmem_login #wpmem_pwdreset_form .button_div{
padding: 10px 0 0;
}
#wpmem_login #wpmem_getusername_form .button_div{
padding: 10px 0 0;
margin-bottom: 0;
}
#wpmem_login .link-text{
width: 100%;
font-size: 12px;
}
}
@media screen and (max-width: 374px){
#wpmem_login .link-text{
font-size: 3.2vw;
}
}
/*
ログイン時はreCAPTCHAバッジを非表示
*/
body.logged-in .grecaptcha-badge{
display: none;
}