@charset "utf-8";
/*
Theme Name: BlueMoonEnglish
Theme URI: https://bluemoon-english.com
Template: lightning
Description: 
Author: Shilosai
Tags: 
Version: 0.1.2
*/


/*------------ 共通-----------*/
body{
font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;}

h2,h3,h4 {
color:#36342e;
border: none;}

h3::after, .subSection-title::after {
border:none;}

h3{
line-height:1.6em;}

h4 {
color:#ab7e28;
line-height:1.6em;}

@media screen and (min-width: 980px) {
.entry-body{
width:850px;
margin:0 auto;}
}


/*------------ common ------------*/

.entry-body p{
font-size:1.2em;
line-height:2.2em;
padding-bottom:1.2em;}

.text {
text-align:center;
margin-top: 20px;
margin-bottom: 50px;}

hr{
margin:3.5em 0;}

.red{
color:#c82828;}

.bold{
font-weight:bold;}

.brown{
color: #57361e;}

.m-20{
margin:20px;
}

.subSection li.current-cat > a, .subSection li.current_page_item > a {
background-color: #fffbef;}


@media screen and (max-width: 767px) {
.alignright{
width:100%;}
}

.widget .subSection-title {
margin-top: 30px;}

.widget .menu{
margin-bottom:60px;}

/*------h1タイトル------*/
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
color: #4b4b51;}


/*------リンク------*/
.entry-body a {
text-decoration: underline;}


/* ボタン　*/
.button {
text-align: center;
color:#fff;
margin: auto;
display: block;
position: relative;
width:18em;
padding: 20px 10px;
background: #5bb5de;
font-weight:bold;
text-decoration: none !important;
box-shadow: 2px 1px 4px gray;}

.button:hover{
color:#fff;
background:#7ad4d5;}


.top-button {
text-align: center;
color:#fff;
margin:80px auto 150px auto;
display: block;
position: relative;
width:18em;
padding: 20px 10px;
background: #5bb5de;
font-size:1.5em;
font-weight:bold;
text-decoration: none !important;
box-shadow: 2px 1px 4px gray;}

.top-button:hover{
color:#fff;
background:#7ad4d5;}


.button-tch{
text-align: center;
color:#fff;
margin: auto;
display: block;
position: relative;
width:18em;
padding: 12px 10px;
background: #42b1d2;
font-weight:bold;
text-decoration: none !important;
box-shadow: 2px 1px 4px gray;}

.button-tch:hover{
color:#fff;
background:#2c8099;}

.button-tch2{
text-align: center;
color:#fff;
margin: auto;
display: block;
width:18em;
padding: 20px 10px;
background: #264579;
font-weight:bold;
text-decoration: none !important;
box-shadow: 2px 1px 4px gray;}

.button-tch2:hover{
color:#fff;
background:#2c8099;}


@media screen and (max-width: 767px) {
.button {width:100%;}
.button-tch2 {width:100%;}	
}

h2.title{
font-size:1.8em;}

.top-profile-bg{
border:#d0d0d0 1px solid;
padding: 2em 5em;
margin-bottom:2em;}

.top-profile-bg .title{
text-align:center;}

.top-profile-bg h4{
margin-bottom:0.5em;}

.top-profile-bg p{
font-size:1.1em;
line-height:1.7em;}

.top-profile-bg img{
margin-top:0;
margin-bottom:0;}


.prf p{
text-align:center;}

.prf .name{
font-size:1.5em;
display:block;
padding-top:0.8em;}

.title {
margin-top :50px;
margin-bottom: 10px;
color:#695313;
line-height :1.75em;
font-weight: bold;}

.kouza-setumei{
margin-top: -2rem;}


/*---トップ　リスト--*/
/*こんなことありませんか？*/
.check {
line-height: 2.5em;
text-align: left;
font-size: 1.2em;
color:#000;}

.check li{
list-style:none;
position: relative;
line-height: 1.8;}

.check li::after {
content: '';
display: block;
position: absolute;
top: .5em;
left: -1.5em;
width: 18px;
height: 9px;
border-left: 5px solid #c64b4b;
border-bottom: 4px solid #c64b4b;
transform: rotate(-45deg);}

.fa-check {
margin-right: 10px;
color:#db6d6d;}

@media screen and (max-width: 767px) {
.check ul{
padding-left:0;}
}

/*ステップ*/
.step{
padding-left:0px;
padding-right:50px;
margin:5px 10px 10px 30px;
color:#614c13;}

.step li{
line-height:2.5em;
list-style:none;
font-size:1.2em;
border-bottom:dashed 1px #d5d5d5;}

/*感想*/
.kli{
padding-right:2em;
font-size:1.1em;}

.kli li{
text-align: left;
border-bottom: solid 1px #c0c0c0;
padding-top:1em;
padding-bottom:1em;}

.top-kanso-bg{
background-color:#f9f7f2;
padding: 2em;
padding-top:1em;
margin-bottom:15px;}


/*得られるもの*/
.square{
text-align: left;
list-style:none;
margin:0;
padding:0;}


@media screen and (max-width: 767px) {
.toppage h2{
padding:1em;
font-size:1.5em;}

.toppage p {
text-align: left;
font-size:1.15em;}

.top-profile-bg{
padding:2em;}

.top-profile-bg h2{
font-size:1.6em;}

h2.kouza-setumei{
font-size:1.7em;}

.step{
padding:1em;
margin:0px;}

/*トップ感想リスト*/
.kli{
padding-left:5px;
padding-right:5px;}

.kli li{
padding-left:0;
text-indent: -0em;}

}

/* トップページflexbox */
.box {
display: flex;
justify-content:flex-start;
align-items:center;
text-align: center;}

.box p {
text-align:center;
font-size:0.9em;
padding:0 2em;}

.box img {
text-align:center;
margin:0 auto;
padding:1em;}

.item p{
line-height:1.8em;}

@media screen and (max-width: 767px) {
.box {
 flex-direction: column;}

.item {
margin-bottom: 20px;}

.box p {
text-align:center;}
}

.prof_box{
text-align:left !important;
font-size:0.9em;
line-height:0.8em;
background-color:#fefbf2;
padding: 50px 90px;
border-radius: 6px;
margin: 1.5em 0;}

@media screen and (max-width: 767px) {
.prof_box {
font-size:0.9em;
padding: 2em;}
}

/*--- トップページflexbox写真 ---*/
.box3 {
display: flex;
justify-content: space-around;}

.box3 .voice{
padding:0.5em;}


@media screen and (max-width: 767px) {
.box3 {
flex-direction: column;}
}

/*-- lineバナー --*/
.bt-line{
padding-bottom:3em;}


/*----- footer -----*/
.siteFooter {
background: #faf5ea;
border: none;}

/*----- 感想？ -----*/
.kanso{
border: 3px solid #e6e6e6; 
padding: 30px; 
border-radius: 6px;
margin: 1.5em 0;}

.voice {
margin-bottom: 18px;}

/* グローバルメニュー */
.gMenu>li .gMenu_name {
font-size: 12px;
display: block;
white-space: nowrap;
margin-bottom:3px;}

.gMenu_description{
color: #be8b76;}

/* フォント */
.midashi {
font-size: 2rem;
border-bottom: 2px solid #faf5ea;
border-top: none;
text-align: left;
color: #695313;}

.midashi2 {
font-size: 1.8rem;
border-top: none;
border-bottom:none;
text-align: left;
color: #695313;}


/*------- 講座ページ ------*/
/* h1見出し */

.kouzamark{
padding-bottom:60px;}


.midaship {
font-size: 1.8rem;
border-top: none;
border-bottom: 2px solid #faf5ea;
text-align: left;
color: #695313;
background-image: url("http://bluemoon-english.com/wp-content/uploads/2021/06/flag_p1.gif");
background-size: 39px 73px;
background-repeat: no-repeat; 
padding-left:50px;}

/* h1見出し */
.midashib {
font-size: 1.8rem;
border-top: none;
border-bottom: 2px solid #faf5ea;
text-align: left;
color: #695313;
background-image: url("http://bluemoon-english.com/wp-content/uploads/2021/06/flag_b1.gif");
background-size: 39px 73px;
background-repeat: no-repeat; 
padding-left:50px;}

/* h1見出し */
.midashig {
font-size: 1.8rem;
border-top: none;
border-bottom: 2px solid #faf5ea;
text-align: left;
color: #695313;
background-image: url("http://bluemoon-english.com/wp-content/uploads/2021/06/flag_g1.gif");
background-size: 39px 73px;
background-repeat: no-repeat; 
padding-left:50px;}


/*-コース料金表-*/
.course1{
text-align:center;
font-weight:bold;
font-size:1em;
border:1px solid #e4e4e4;
background-color:#FAF5EA;}

.course2{
text-align:center;
font-weight:bold;
font-size:1em;
border:1px solid #e4e4e4;
background-color:#ebe5d9;}

.cmenu {
font-size:1.2em;
font-weight: bold;}


@media screen and (min-width: 767px) {
td,tr,th{
font-size:1.2em}
}

table{
border:1px solid #e4e4e4;
width:90%;
margin:50px auto;}

table.course{
border:1px solid #e4e4e4;}

table.course td,tr{
text-align:left;
border:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
font-size:1em;}

td{
border-left:1px solid #e4e4e4;}

th{
font-weight:bold;
background-color:#ebe5d9;}

@media screen and (max-width: 767px) {
table{width:100%;}

table.course{
width:100%;}
	
.kouzamark{
width:60%;}
}

.title2 {
font-size:1.2em;
margin-top :10px;
margin-bottom: 15px;
color:#695313;
font-weight: bold;}


/*-----記事下プロフィール------*/
.kotei-prf table td{
padding-top:3em;
font-size:0.75em;}

.kotei-prf td{
border-left:none;}

.kotei-prf p{
line-height:1.2em;}

/*-----コンタクトフォーム------*/
.contactpage p{
padding-bottom:0em;
line-height:1.4em;}

.wp-block-search__button, .btn-primary {
color: #695313;}

span.wpcf7-list-item {
display: block;}

/*-----recapture-----*/
.recap {
font-size: 0.85em;
color: #9e9e9e;}
.recap a{
text-decoration:none;
color:#6a6a6a;}

.grecaptcha-badge {
visibility: hidden; }

/*-----TOPベージュ枠------*/
.top-profile-bg2{
background-color: #fffbef;
margin-bottom:3em;
padding: 3em;}

.top-profile-bg3{
background-color: #fff5f1;
margin-bottom:3em;
padding: 3em;}


/*-----TOPタイトル------*/
.title2 {
margin-top: 50px;
margin-bottom: 10px;
color: #ab7e28;
line-height: 1.75em;
font-weight: bold;
font-size:1.5em;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;}

/*-----下線黄色------*/
.under {
 background: linear-gradient(transparent 50%, #fdfad5 50%);}

.full-width {
margin: 0 calc(50% - 50vw);
padding: 5em calc(50vw - 50%);}