
/* ================================================================ */

body{
	background:#fff;
	color:#202830;
	font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
	font-weight:300;
	font-size:18px;
	margin:0;
	padding:0;
	line-height:1.4;
	box-sizing:border-box;
	width:100%;
}
@media (max-width: 920px) {
	body{font-size:16px;}
}
/*
.f_t{font-family: 'Playfair Display', 'Noto Serif JP', serif;font-weight:900;}
.f_h{font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:900;}
.f_b{font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:500;color:#000;}

main{background:#fff;max-width:1080px;margin:0 auto;}
div,h1,h2,h3{max-width:872px;margin:1rem auto;}
h1{text-align:center;}
h1,h2,h3{margin-top:2.5rem;line-height:1.35;padding:.75rem 1.5rem;}
h1{font-size:2.4rem;font-family: 'Playfair Display', 'Noto Serif JP', serif;font-weight:900;}
h2{font-size:1.9rem;font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:900;}
h3{font-size:1.5rem;}
p{padding:.75rem 1.5rem;}
strong{font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:500;color:#000;}
*/

/* ================ all ================ */
a:hover{opacity: .8;}
.spbr{display: none;}
.mt4rem{margin-top:4rem;}
@media (max-width: 920px) {
	.spbr{display: block;}
}
/* ================ head ================ */
.site-header{position: sticky;top:0;z-index:99;width:100%;}
#brand{height:4rem;line-height:4rem;background:rgba(255,255,255,.8);backdrop-filter: blur(1.5rem);}
h1.site-title{display: inline-block;}
h1.site-title a{display: inline-block;}
h1.site-title a img{height:1.75rem;margin:1.125rem;display: inline-block;}
.bogo-language-switcher{display: block;height:4rem;width:6.5rem;line-height:4rem;text-align: center;position: absolute;top:0;right:4rem;}
.menu_btn{display: block;height:4rem;width:4rem;line-height:4.5rem;text-align: center;position: absolute;top:0;right:0;z-index: 9999;}
.menu_btn i.fa-th{font-size:1.5rem;}
.menu_btn i.fa-times{font-size:1.5rem;color:#fff;display:none;}
#menu-btn-check {display: none;}
.menu-content {width: 100%;height: 100vh;position: fixed;top: -100vh;left: 0;z-index: 999;background-color: #101820;transition: all 0.3s;}
.menu-content ul {max-width:640px;margin:0 auto;padding: 70px 10px 0;display: flex;flex-wrap: wrap;justify-content: space-around;align-content: space-between;}
.menu-content ul li {list-style: none;width:30%;margin-bottom:1rem;}
.menu-content ul li a,
.menu-content ul li span {display: block;width: 100%;font-size: .9rem;box-sizing: border-box;color:#fff;text-decoration: none;position: relative;border: solid 1px #fff;text-align:center;height:160px;line-height:160px;border-radius: 8px;}
.menu-content ul li span {color:#888;border: solid 1px #444;}
#menu-btn-check:checked ~ .menu-content {top: 0;}
#menu-btn-check:checked ~ .menu_btn i.fa-times {display:inline;}
#menu-btn-check:checked ~ .menu_btn i.fa-th {display:none;}
@media (max-width: 920px) {
	.menu-content ul li a,
	.menu-content ul li span {height:28vw;line-height:28vw;}
}

/* ================ bogo ================ */

.bogo-language-switcher .current{display: none;}
.bogo-language-switcher li{text-align: center;}
.bogo-language-switcher a,
.bogo-language-switcher span{font-size:.75rem;color:#101820;font-weight: 500;letter-spacing: .12rem;}
.bogo-language-switcher a i,
.bogo-language-switcher span i{font-size:.75rem;}

/* ================ main ================ */
.main-fluid{background:#f1f2f1}
.center{text-align:center;}
/* ================ front ================ */
.front_set{height:540px;position: relative;;}
.front_backimg{height:540px;position: absolute;top:0;right:0;bottom:0;left:0;}
.front_backimg1{height:calc(540px / 5);background:url(/wp-content/themes/therhetoricstar/img/pc_img_1.jpg) no-repeat 50% 50%;background-size:1920px auto;}
.front_backimg2{height:calc(540px / 5);background:url(/wp-content/themes/therhetoricstar/img/pc_img_2.jpg) no-repeat 50% 50%;background-size:1920px auto;}
.front_backimg3{height:calc(540px / 5);background:url(/wp-content/themes/therhetoricstar/img/pc_img_3.jpg) no-repeat 50% 50%;background-size:1920px auto;}
.front_backimg4{height:calc(540px / 5);background:url(/wp-content/themes/therhetoricstar/img/pc_img_4.jpg) no-repeat 50% 50%;background-size:1920px auto;}
.front_backimg5{height:calc(540px / 5);background:url(/wp-content/themes/therhetoricstar/img/pc_img_5.jpg) no-repeat 50% 50%;background-size:1920px auto;}

.front_pattern{height:540px;position: absolute;top:0;right:0;bottom:0;left:0;background:url(/wp-content/themes/therhetoricstar/img/line_pc.png) repeat-y 50% 50%;}

.front_img{height:540px;position: absolute;top:0;right:0;bottom:0;left:0;}
.front_img_in{height:540px;max-width:1282px;margin:0 auto;background:url(/wp-content/themes/therhetoricstar/img/therhetoricstar.png) no-repeat 0 50%;background-size:auto 540px;position: relative;}
.front_btn{position: absolute;bottom:15%;left:1rem;}
.front_btn a{display: block;width:3.25rem;height:3.25rem;border-radius: 50%;background:#101820;line-height:3.25rem;font-size:1.4rem;text-align: center;color:#fff;float:left;margin-left:.75rem;}

@media (max-width: 920px) {
	.front_set{height:93.45vw;width:100%;}
	.front_backimg{height:93.45vw;}
	.front_backimg1{height:calc(93.45vw / 5);background:url(/wp-content/themes/therhetoricstar/img/img_1.jpg) no-repeat 50% 50%;background-size:110% auto;}
	.front_backimg2{height:calc(93.45vw / 5);background:url(/wp-content/themes/therhetoricstar/img/img_2.jpg) no-repeat 50% 50%;background-size:110% auto;}
	.front_backimg3{height:calc(93.45vw / 5);background:url(/wp-content/themes/therhetoricstar/img/img_3.jpg) no-repeat 50% 50%;background-size:110% auto;}
	.front_backimg4{height:calc(93.45vw / 5);background:url(/wp-content/themes/therhetoricstar/img/img_4.jpg) no-repeat 50% 50%;background-size:110% auto;}
	.front_backimg5{height:calc(93.45vw / 5);background:url(/wp-content/themes/therhetoricstar/img/img_5.jpg) no-repeat 50% 50%;background-size:110% auto;}
	.front_pattern{height:93.45vw;background-size:auto 3px;}
	.front_img{height:93.45vw;}
	.front_img_in{height:inherit;max-width:unset;width:100%;margin:0 auto;background:url(/wp-content/themes/therhetoricstar/img/therhetoricstar.png) no-repeat -1px 0;background-size:100% auto;}
	.front_btn{position: absolute;bottom:12%;left:.75rem;}
	.front_btn a{display: block;width:2.75rem;height:2.75rem;border-radius: 50%;background:#101820;line-height:2.75rem;font-size:1.4rem;text-align: center;color:#fff;float:left;margin-left:.75rem;}
}

.head2{font-family: 'Playfair Display', 'Noto Serif JP', serif;font-weight:900;font-size:1.75rem;}
.hblock{margin-top:3rem;}
.hblock:first-child{margin-top:1rem;}
.hblock:last-child{margin-bottom:3rem;}
a.hblock_in{display:block;max-width:640px;margin: 0 auto;display:flex;}
a.hblock_in div:first-child{width:calc(100% - 54px);padding:0 .5rem;}
a.hblock_in div:last-child {width:54px;padding:.5rem;text-align:center;background:#C8C9C7;border-radius:6px;display:flex;align-items: center;justify-content: center;}
.hblock_sub{text-align:center;padding:3rem 0;border-top:1px solid #101820;border-bottom:1px solid #101820;}
.blogview .hblock_sub h2,
.hblock_sub h2{font-family: 'Playfair Display', 'Noto Serif JP', serif;font-weight:900;font-size:2.5rem;margin-top:0;}
.hblock_sub p{margin:.5em 0;}
.sub_form{max-width:480px;margin:1.5rem auto;}
.wpcf7 span {padding-right:.5rem;}
.wpcf7 span.wpcf7-spinner{display:none;}
.wpcf7 input[type="email"]{border:1px solid #101820;border-radius: 3px;text-align:left;height:3.5rem;line-height:3.5rem;width:calc(100% - 4rem);padding:0 .4rem;}
.wpcf7 input[type="submit"]{border:1px solid #101820;border-radius: 3px;height:3.5rem;line-height:3.5rem;width:3.5rem;background:#101820;color:#fff;font-family: "Font Awesome 5 Free";font-size:1.25rem;}

.wpcf7-not-valid-tip{display: none;}
p a{border-bottom:1px solid #101820;font-weight: 500;}

.box {display: flex;width: 100%;margin:1rem 0;padding:0 0 .75rem 0;flex-wrap: wrap;justify-content: space-evenly;}
.box div {max-width: 18rem;margin: 1rem;flex-shrink: 0;}

/*.box div:last-child{margin-right:3rem;}*/
.box div img{margin-bottom:.75rem;border-radius: 8px;}
.scroll_content {display: flex;margin: auto;overflow-x: auto;border-radius: 8px;}
.scroll_content li {width: 90%;padding: 8px;margin: 3px;flex-shrink: 0;list-style: none;}
.scroll_content img {width: 100%;max-height: 200px;object-fit: cover;}
.scroll_content::-webkit-scrollbar {height: 12px;}
.scroll_content::-webkit-scrollbar-thumb {background: #ddd;border-radius: 6px;}
.scroll_content::-webkit-scrollbar-track {background: #eee;border-radius: 8px;}

@media (max-width: 1150px) {
	.box div {max-width: 15.5rem;margin: .5rem;flex-shrink: 0;}
	.box div:last-child{margin-right:1.5rem;}
/*
	.box {display: flex;width: 100%;overflow-x: scroll;margin:1rem 0 0;padding:0 0 .75rem 0;}
	.box div {width: 15rem;margin: 0 0 0 2rem;flex-shrink: 0;}
/*
	.box{width:100%;margin:1rem 0 0;}
	.box div{margin: 0 0 0 2rem;}
*/
}
@media (max-width: 920px) {
	.box {display: flex;width: calc(100% + 3rem);overflow-x: scroll;margin:1rem 0 0 -1.5rem;padding:0 0 .75rem 0;flex-wrap: initial;justify-content: normal;}
	.box div {width: 15rem;margin: 0 0 0 1.5rem;flex-shrink: 0;}
/*
	.box{width:calc(100% + 3rem);margin:1rem 0 0 -1.5rem;}
	.box div{margin: 0 0 0 1.5rem;}
	.box div:last-child{padding-right:1.5rem;}
*/
}

/* ================ list ================ */
.bloglist h2{font-family: 'Playfair Display', 'Noto Serif JP', serif;font-weight:900;font-size:2.5rem;margin:3rem;text-align: center;}
.bloglists {display: flex;width: 100%;margin:1rem 0;padding:0 0 .75rem 0;flex-wrap: wrap;justify-content: space-evenly;}
.bloglists div {max-width: 18rem;margin: 1rem;flex-shrink: 0;}
.bloglists div img{margin-bottom:.75rem;border-radius: 8px;}
@media (max-width: 1200px) {
	.bloglists div {max-width: 15.5rem;margin: .5rem;flex-shrink: 0;}
}
@media (max-width: 920px) {
	.bloglists div {max-width: 300px;margin: 1rem;flex-shrink: 0;}
	.bloglists{flex-wrap: nowrap;flex-direction: column;align-items: center;}
}

/* ================ pagination ================ */
.pagination{display:flex;margin:3rem auto;justify-content: center;}
.pagination a,
.pagination span{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center;border:1px solid #101820;color:#101820;margin:.5rem;font-weight: 500;border-radius: 50%;}
.pagination a:hover,
.pagination span{background: #101820;color:#fff;}
@media (max-width: 920px) {
	.pagination a,
	.pagination span{margin:.25rem;}
}

/* ================ content ================ */
#content{max-width:1280px;margin:0 auto;background:#fff;padding:3rem;}
.post-thumb{width:calc(100% + 6rem);margin:1rem -3rem 3rem;text-align:center;position: relative;}
.post-thumb a.post-thumb-youtube{position: absolute;top:0;left:0;bottom:0;right:0;z-index: 90;text-align: center;display: flex;justify-content: center;
align-items: center;}
.post-thumb img{max-width:100%;}
.post-thumb a.post-thumb-youtube img{width:20%;max-width:144px;}
@media (max-width: 1316px) {
	#content{margin:0 1rem;padding:2rem;}
	.post-thumb{width:calc(100% + 4rem);margin:1rem -2rem 3rem;}
}
@media (max-width: 920px) {
	#content{margin:0;padding:1.5rem;}
	.post-thumb{width:calc(100% + 3rem);margin:1rem -1.5rem 4rem;}
}

.blogview h1.title{font-size:2.2rem;font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:900;margin:.5rem 0;line-height:1.3;}
.blogview h2{font-size:1.5rem;font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:900;margin:4rem 0 0;line-height:1.3;}
.blogview h3{font-size:1.3rem;font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:500;margin:2rem 0 0 1.5rem;line-height:1.3;}
.blogview strong{font-family: 'Montserrat', 'Noto Sans JP', sans-serif;font-weight:500;color:#445885;}
.blogview p{margin:.75rem 1.5rem;}
.blogview blockquote{position:relative;padding:1.5rem 1.5rem 0;background:#f1f2f1;border-radius:1rem;margin:2rem 0;}
.blogview blockquote:before{position:absolute;content:'”';font-size: 10rem;color:#fff;margin-top:-4rem;margin-left:-1rem;}
.blogview blockquote p{position:relative;padding: 1rem 0;}
.blogview blockquote cite{display: block;font-size:0.9rem;color:#444;text-align:right;padding:.75rem 0;font-style: normal;text-align: center;}
.blogview ul {margin:3rem 0;padding: 0 1.5rem;display: table;}
.blogview ul li:after {content: "";display: block;margin-bottom: 0.5em;}
.blogview ul li {display: table-row;}
.blogview ul li:before {content: "•";display: table-cell;padding-right: 0.4em;font-weight:900;}
.blogview ul li {margin-bottom: 0.5em;}
.blogview ol {margin:3rem 0;padding: 0 1.5rem;display: table;}
.blogview ol li:after {content: "";display: block;margin-bottom: 0.5em;}
.blogview ol li {display: table-row;counter-increment: table-ol;}
.blogview ol li:before {content: counter(table-ol) ".";display: table-cell;padding-right: 0.4em;text-align: center;font-weight: 500;}
.blogview li {margin-bottom: 0.5em;}
.blogview .meta{border-top:1px solid #aaa;margin:4rem 0 0;padding:.5rem 0 3rem;text-align: right;}
.blogview .fluid-width-video-wrapper {margin-top: 3rem;}
@media (max-width: 920px) {
	.blogview h3{margin:2rem 0rem 1rem 0;}
	.blogview p {margin:.75rem 0rem;}
	.blogview ul{padding: 0;}
	.blogview ol{padding: 0;}
}

/* ================ footer ================ */
.site_footer{background:#101820;color:#fff;}
.site_info{padding:4rem 1.5rem;text-align: center;max-width:1280px;margin:0 auto;}
.site_info1{border-bottom:1px solid #A7A8A9;}
.site_info1 img{width:11rem;}
.footer_site{margin:1rem 0;}
.site_nav{display: flex;justify-content: space-around;width:18rem;margin:2rem auto;}
.site_nav a{display: block;width:4rem;height:4rem;border-radius: 50%;border:1px solid #fff;line-height:4rem;}
.site_nav a i{font-size:1.75rem;line-height:4rem;display:block;}
.site_link{margin-bottom:2rem;}
.site_link p a{display:inline-block;padding:.15rem 0;}
.site_info2{padding:2rem 1.5rem 4rem;}
.site_info2 p a{display:inline-block;padding:.5rem 0;font-size:.875rem;}
.site_copy{font-size:.875rem;color:#A7A8A9;}

/* ================ Sponsors ================ */
.sponsors{margin:4rem 0;}
.sponsor{text-align:center;margin-bottom:2.5rem;}
.sponsor img{width:100%;max-width:480px;margin:0 auto;display:block;}

/* ================ Team ================ */

.teams{margin:4rem 0;}
.team{max-width:480px;background:url(/wp-content/themes/therhetoricstar/img/team_back.png) no-repeat 0 0;background-size:100% auto;margin:0 auto 4.5rem;display: flex;align-items: center;}
.team_l{width:47.5%;padding:2.25rem 0;text-align: right;}
.team img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:8px solid #fff;}
.team_r{width:52.5%;padding-left:1rem;}
.team_r span{display:inline-block;}
.member_name{font-size:1.5rem;font-weight: 500;}
.member_title{font-size:.75rem;}
.member_sns{padding-top:.5rem;color:#EA6636;font-weight: 500;}









