/*--------------------------
ヘッダの背景色
---------------------------*/
header#masthead.site-header{background-color: rgba(0,0,0,0.5) !important;}
@media only screen and (min-width: 780px) {
header#masthead.site-header{background:#7f7f7f;}
}
#mainnav-mobi{background-color:#7f7f7f !important;}
#mainnav-mobi ul li{border-color:#999999 !important;}
/*--------------------------
スマホの見出しサイズ
---------------------------*/
@media only screen and (max-width: 479px) {h1,h2,h3,h4,h5,h6 {font-size: 20px !important;line-height: 1.4;}}
/*--------------------------
テンプレート調整
---------------------------*/
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
	padding: 10px !important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{padding:0 !important;}
.content-area .post-wrap{padding-right:0;}
.content-wrapper .row{margin-right:0;margin-left:0;}
@media only screen and (max-width: 479px) {.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper{padding:4%;}}
div.footer-widgets{padding:40px 0 !important;}

#menu-main li a:hover{border-bottom:1px solid #fff;}

/*--------------------------
オリジナルCSS
---------------------------*/
.rightImage{margin-top:-80px;}

.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pr20{padding-right:20px;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px;}
.pb30{padding-bottom:30px;}
.mt20{margin-top:20px;}
.pink{color:#d9534f;}



@media only screen and (min-width: 780px) {.pageLeft {padding-right:30px;}}
/*--------------------------
お問い合わせボタン
---------------------------*/
.messe{text-align:center;font-weight:bold;color:#d9534f;}
@media only screen and (max-width: 780px) {
.messe{font-size:14px;}
.elementor-button.elementor-size-md{padding:15px;}
.elementor-button-text{font-size:14px;}
}


/*--------------------------
トップページ
---------------------------*/
.text-slider .maintitle{font-size:50px;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
.button-slider{display:none;}
.subtitle{display:none;}
.slide-inner{min-height:100px;}
@media only screen and (max-width: 780px) {
a.roll-button.button-slider{display:none;}
.slide-inner{min-height:50px;}
}

#post-28 .entry-header{display:none;}
.imgTitle{padding-left:10px;font-weight:bold;}
.goGrallery{padding-left:10px;margin-bottom:40px;}
.goGrallery a{color:#d9534f;font-weight:bold;text-decoration: underline;}
.goGrallery a:hover{text-decoration:none;}
.elementor-social-icon{border-radius:10%;}
.elementor-social-icons-wrapper{text-align:center;}
.iconAmeblo img{vertical-align: top;margin-right:5px;cursor: pointer}
.iconAmeblo:hover{opacity: 0.9;}

/*--------------------------
 about us 
 ---------------------------*/
#profile .box{font-size:14px;margin-bottom:10px;}
#profile .box img{margin-bottom:10px;}
@media only screen and (min-width: 780px) {
#profile .box {float:left;margin-right:20px;}
}
@media only screen and (max-width: 780px) {
.usImg {margin-bottom:10px;}
}

/*--------------------------
price
---------------------------*/
@media only screen and (min-width: 1024px) {
.priceBox{border:1px dotted #666;padding:50px;text-align:center;}
}
@media only screen and (min-width: 780px) {
.plan ul {border:1px dotted #666;padding:20px;text-align:center;}
.plan ul li{display:inline;padding:0 20px;}
}
@media only screen and (max-width: 780px) {
.plan ul {border:1px dotted #666;padding:20px;text-align:center;}
.plan ul li{list-style:none;}
}
h2 .abc  {border-radius: 3px;font-size: 1em;line-height: 2em;padding:0 0.2em;color: #333;border: 1px solid #333;margin-right:0.5em;}
.bookList{margin-bottom:20px;}
.bookList th{background:#dfdfdf;}
input.popup{margin-right:10px;padding:5px 34px;background-color: #d9534f;border-color: #d9534f;}
input.popup:hover{color:#fff;opacity:0.9;background-color: #d9534f;border-color: #d9534f;}
@media only screen and (min-width: 780px) {
.nebiki {padding-left:50px;}
}
/*--------------------------
school photo
---------------------------*/
.enPlan ul{border:1px dotted #666;padding:30px;}
.enPlan ul li{display:inline;margin-right:20px;white-space: nowrap;}
/*-----
.enPlan ul li::before {font-size: 1em;content: '・';opacity: 0.8;}
-----*/
/*--------------------------
gallery
---------------------------*/
#galleryBtn .button{display: inline-block;line-height: 1;}
#galleryBtn .elementor-button{display: inline-block;line-height: 1;background-color: #d9534f;border-radius: 3px;}
@media only screen and (max-width: 780px) {
#galleryBtn .elementor-button {margin-bottom:10px;}
}
.elementor-button:focus,.elementor-button:hover{color:#fff;opacity:0.9;}
.slid-box	{border-bottom:1px dotted #333;}
@media only screen and (max-width: 780px) {
.elementor-slick-slider ul.slick-dots{bottom:-80px !important;}
}
.elementor-slick-slider ul.slick-dots{bottom:-35px !important;}
/*--------------------------
 QA 
---------------------------*/
.cp_qa .cp_qanda {position: relative;border-bottom: 1px solid #dddddd;}
.cp_qa .quest {font-weight: bold;position: absolute;top: 2em;left: 4em;}
.cp_qa .cp_qanda::before {font-family: serif;font-size: 3em;content: 'Q';opacity: 0.1;}
@media only screen and (max-width: 780px) {.cp_qa .quest {font-weight: bold;position: absolute;top: 1em;left: 4em;}}
/*--------------------------
Contact
---------------------------*/
@media only screen and (min-width: 780px) {
#webForm {border:1px dotted #666;padding:50px;}
#webForm .form dd {padding:0 0 0 200px;position:relative;top:-5px;margin:0 0 15px;}
#webForm .form dt {float:left;width:200px;}
.w50{width:50px;}
.w50{width:100px;}
.w300{width:300px;}
.w230{width:230px;}
}
@media only screen and (max-width: 780px) {
#webForm .form dt {float:left;width:25%;}
#webForm .form dd {padding:0 0 0 28%;position:relative;top:-5px;margin:0 0 15px;}
form input{width:100%; box-sizing: border-box;}
}
#webForm .form dl {line-height:100%;}


#webForm .form .submit{text-align:center;}
.error ul	{margin-top:40px;}
.error ul li	{padding-left:15px;line-height:140%;margin-bottom:10px;width:200px;float:left;}
.error ul{min-height: 1px;}