/* ==========================================
   Alii English School
   Custom CSS Complete Version
========================================== */


/* ==============================
   カラー設定
============================== */

:root{

--alii-pink:#E8A6A6;
--alii-brown:#5C4033;
--alii-beige:#FBF5EE;
--alii-blue:#EAF6FA;
--alii-text:#4A4038;

}


/* ==============================
   全体
============================== */

body{

background:#ffffff;
color:var(--alii-text);

}


/* ==============================
   見出し
============================== */


.vk_heading_title,
h2{

color:var(--alii-brown);
letter-spacing:0.08em;

}


.entry-content h2::after,
.vk_heading_title::after{

content:"";

background:var(--alii-pink)!important;

width:60px;

height:3px;

border-radius:10px;

}



/* ==============================
   Alii 3つの特徴
============================== */


.reason-section{

background:var(--alii-beige);

padding:60px 40px;

border-radius:30px;

}



.reason-section img{

border-radius:20px;

}



.reason-section .vk_card{

border-radius:25px;

box-shadow:
0 8px 20px rgba(92,64,51,0.08);

}



/* ==============================
   コースカード
============================== */


.course-parent,
.course-kids,
.course-academic{

padding:35px 30px;

border-radius:25px;

margin-bottom:40px;

box-shadow:
0 8px 25px rgba(92,64,51,0.08);

transition:.3s;

}


.course-parent:hover,
.course-kids:hover,
.course-academic:hover{

transform:translateY(-5px);

}



.course-parent{

background:#FCEEEE;

}



.course-kids{

background:#EAF6FA;

}



.course-academic{

background:#F8F2E8;

}



.course-parent h2,
.course-kids h2,
.course-academic h2{

color:var(--alii-brown);

font-size:24px;

}



.course-parent img,
.course-kids img,
.course-academic img{

border-radius:20px;

}



/* ==============================
   Contact Form 7
============================== */


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{

width:100%;

padding:12px;

border:1px solid #d9d9d9;

border-radius:10px;

box-sizing:border-box;

}



.wpcf7 label{

display:block;

margin-bottom:18px;

font-weight:600;

color:var(--alii-brown);

}



.required{

color:#d9534f;

margin-left:5px;

}



.wpcf7-submit{

background:var(--alii-brown);

color:white;

border:none;

border-radius:50px;

padding:15px 40px;

font-size:16px;

font-weight:bold;

cursor:pointer;

transition:.3s;

}


.wpcf7-submit:hover{

background:var(--alii-pink);

}



/* ==============================
   スマホ固定 予約ボタン
============================== */


.alii-fixed-line{

display:none;

}



@media(max-width:768px){


.alii-fixed-line{

display:block;

position:fixed;

bottom:15px;

left:5%;

width:90%;

background:var(--alii-pink);

color:#fff;

text-align:center;

padding:15px 10px;

border-radius:50px;

font-size:18px;

font-weight:bold;

text-decoration:none;

z-index:9999;

box-shadow:
0 3px 10px rgba(0,0,0,.2);

}



.alii-fixed-line:hover{

opacity:.85;

}



body{

padding-bottom:80px;

}


}




/* ==============================
   画像
============================== */


img{

border-radius:15px;

}



/* ==============================
   PC・スマホ画像切替
============================== */


.mobile-only{

display:none;

}


.sp-only{

display:none;

}



@media(max-width:768px){


.pc-only{

display:none;

}


.mobile-only,
.sp-only{

display:block;

}


}



/* ==============================
   スマホ調整
============================== */


@media(max-width:768px){


.course-parent,
.course-kids,
.course-academic{

padding:25px 20px;

border-radius:20px;

}


.course-parent h2,
.course-kids h2,
.course-academic h2{

font-size:20px;

}


.reason-section,
.course-section,
.school-section,
.access-section{

padding:40px 20px;

}


}


/* ==============================
   Lightning 横ライン調整
============================== */


.entry-title::after{

background:var(--alii-pink)!important;

width:60px;

height:3px;

border-radius:10px;

}
/* =================================
 Alii 3つの理由 カード文字調整
================================= */

.reason-section .vk_card_title,
.reason-section h3 {

font-size:22px;
font-weight:bold;
color:#5C4033;

}


.reason-section p {

font-size:16px;
line-height:1.8;

}


.reason-section .vk_card {

padding:20px;

}
/* 固定予約ボタン Aliiカラー */

.line-fixed-btn a,
.line-fixed-btn {

background:#E8A6A6 !important;

color:#ffffff !important;

}


.line-fixed-btn a:hover{

background:#7A5A46 !important;

}