@charset "utf-8";

/*
Theme Name: knight-child
Theme URI: https://club-preppy.mdpt.jp/knight-child/
Description: knight-child Theme
Author: Your Name
Author URI: http://example.com
Template: knight
Version: 1.0.1
*/


/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
body *{text-align: left;}
body main.singlep{
font-size: 1rem!important;
font-weight: 400!important;
padding-bottom:4em;
--wp--preset--font-size--small: 0.75rem;
--wp--preset--font-size--medium: 1rem;
--wp--preset--font-size--large: 1.5rem;
--wp--preset--font-size--x-large: 2rem;
}


body main.singlep h1,
body main.singlep h2,
body main.singlep h3,
body main.singlep h4,
body main.singlep h5,
body main.singlep h6{font-weight: normal;}

main.singlep .is-layout-flex { justify-content: center!important;}
main.singlep .wp-block-image { margin-bottom: 1em;}
main.singlep * + .wp-block-image,
main.singlep * + .wp-block-columns,
main.singlep * + ul{margin-top: 1rem;}
main.singlep .wp-block-group{margin-bottom: 6rem;}
main.singlep .wp-block-group[style*="background-color"],
main.singlep .wp-block-group[class*="background-color"]{padding: 1.25rem!important; }
main.singlep p+p{margin-top:1.5rem;}

main.singlep ul>li{padding-left: 1.1em; text-indent: -1.1em; }
main.singlep ul>li + li{padding-top: 0.5em;}
main.singlep ul>li:before{content: "";width: 0.5em; height: 0.5em; border-radius: 50%; background-color: #000; display: inline-block; vertical-align: middle; margin-bottom: 0.3em; margin-right: 0.5em;}

main.singlep [class*="block-fcont"]{width:fit-content!important; padding: 0 1em!important; margin-left: auto; margin-right: auto;}
main.singlep [class*="block-fcont_left"]{margin-left: 0!important; margin-right: 0!important;}
main.singlep [class*="block-fcont_right"]{margin-left: auto!important; margin-right: 0!important;}

main.singlep sup{vertical-align: top!important; font-size:65%!important;}

/**Blockカスタマイズ**/
.wp-block-image img{width: 100%;}


/**前へ次へ**/
.pre-next_ul {display: flex; margin-top:4em!important; align-items: stretch; justify-content: space-between;}
.pre-next_ul>*{background-image: none!important;}
.pre-next_ul a{display: block; width: 49%; text-decoration:none; background-color:#a1aeb5; color:#fff!important;}
.pre-next_ul a.prev-link + a.next-link{}
.pre-next_ul a.next-link img{order:1;}
.pre-next_ul .pre-next_cont{display: flex; align-items: flex-start;}
.pre-next_ul .pre-next_txt{width: 100%; padding:1em; font-size:14px; line-height: 1.4!important;}
.pre-next_ul .pre-next_txt .pre-next_small{margin-bottom: 0.5em; font-size: 80%; display: inline-block; padding: 0 1em; background-color: white; color: #555960; font-weight: bold; position:relative;}
.pre-next_ul .pre-next_txt .pre-next_small:before{  content: ''; width: 0; height: 0; border-style: solid; border-width: 0.5em 0 0.5em 0.75em; border-color: transparent transparent transparent #555960; position: absolute; top: 0; bottom: 0; margin: auto;}
.pre-next_ul a.prev-link .pre-next_txt .pre-next_small{padding-left:2em;}
.pre-next_ul a.prev-link .pre-next_txt .pre-next_small:before{left: 0.5em; transform: rotate(180deg);}
.pre-next_ul a.next-link .pre-next_txt .pre-next_small{padding-right:2em;}
.pre-next_ul a.next-link .pre-next_txt .pre-next_small:before{right: 0.5em;}

/**未ログイン時アナウンス**/
.more_box { margin-top:0; position: relative;}
.more_box .more_txt{text-align: center; background-color: #fff; padding-bottom: 2em; padding-top: 1em; }
.more_box:before{ content: ""; display: block; width: 100%; height: 4em;
background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.80) 52.33%,rgba(255,255,255,0.95) 74.61%,rgba(255,255,255,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.80) 52.33%,rgba(255,255,255,0.95) 74.61%,rgba(255,255,255,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.80) 52.33%,rgba(255,255,255,0.95) 74.61%,rgba(255,255,255,1.00) 100%);
background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.80) 52.33%,rgba(255,255,255,0.95) 74.61%,rgba(255,255,255,1.00) 100%);}
.more_box .more_ann{font-size: 150%; font-weight: bold; line-height: 1.5!important; padding-bottom: 1em; letter-spacing: 0.1em;}
.more_box .more_free{font-size: 150%; font-weight: bold; line-height: 1.5!important; color: #c92828; padding-bottom: 1em; width: fit-content; margin-left: auto; margin-right: auto; text-align: left;}
.more_box .more_benefit{border: solid 1px #000; padding: 1.25em; font-size: 110%;}
.more_box .more_benefit strong{display: block; font-weight: bold; font-size: 110%; padding-bottom: 0.5em;}
.more_box .more_benefit .benefit_list + .benefit_list{padding-top: 0.5em;}
.more_box .more_btns{width: fit-content; display: flex; flex-direction: column; margin: auto; padding-top: 2em;}
.more_box .more_btns a{display: block; font-size: 140%; color: #fff; padding: 0.5em 5em 0.7em 5em; background-color: #000; font-weight: bold; text-decoration: none; border-radius: 0.25em; margin-bottom: 1em;}
.more_box .more_btns a:first-child{}
.more_box .more_btns a small{display: block;}
.more_box .more_btns p.atten_p{display: block; /*color: #c92828;*/ margin-top: -0.75em; margin-bottom: 3em;}


main#page-member_menu .more_box{ margin-top: 0;}
main#page-member_menu .more_box:before{display: none;}


@media (max-width:781px){
body main.singlep{
font-size: 3.8vw;
padding-bottom:3em;
--wp--preset--font-size--small: 3.5vw!important;
--wp--preset--font-size--medium: 3.8vw!important;
--wp--preset--font-size--large: 4.7vw!important;
--wp--preset--font-size--x-large: 5.6vw!important;
}
body main.singlep *{letter-spacing:0.05em!important; line-height: 1.8!important;}

/**前へ次へ**/
.pre-next_ul {}
.pre-next_ul>*{}
.pre-next_ul a{display: block; width: 48%;}
.pre-next_ul a img{width:100%;}
.pre-next_ul a.next-link img{order:0;}
.pre-next_ul .pre-next_cont{align-items: flex-start; flex-direction: column;}
.pre-next_ul .pre-next_txt{padding:1em 1em 1.25em 1em; font-size:13px;}
.pre-next_ul a.next-link .pre-next_txt{text-align:right;}
.pre-next_ul .pre-next_txt .pre-next_small{margin-bottom: 0.75em;}
.pre-next_ul .pre-next_txt .pre-next_small:before{ }

/**未ログイン時アナウンス**/
.more_box { }
.more_box .more_txt{}
.more_box:before{}
.more_box .more_ann{font-size: 140%;}
.more_box .more_free{font-size: 110%;}
.more_box .more_benefit{}
.more_box .more_benefit strong{ line-height: 1.5!important;}
.more_box .more_benefit .benefit_list{text-align: left;}
.more_box .more_btns{width: 100%;}
.more_box .more_btns a{display: block; font-size: 140%; color: #fff; padding: 0.5em 1em 0.7em 1em; background-color: #000; font-weight: bold; text-decoration: none; border-radius: 0.25em; margin-bottom: 1em;}
.more_box .more_btns a:first-child{}
}