@charset "utf-8";
/*
Theme Name: Lightning Pro Child
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/
/*PC・スマホ のみで表示するクラス */
@media screen and (max-device-width: 480px) {.only_pc {display:none}}
@media screen and (min-device-width: 480px) {.only_mb {display:none}}
/*インラインのセンタリング、右寄せ、左寄せ*/
.center{
text-align : center ;
}
.right{
text-align :right ;
}
.left{
text-align : left ;
}
/*やや下げる（行間） フッターのフリーダイヤル画像の上の間隔調整*/
/*全幅にする*/
.full-width {
margin: 0 auto;
/* padding: 5em calc(50vw - 50%); */
}
/*ホバー*/
.gazou:hover {
opacity: 0.7;
}
/*リンクカラー変更*/
.footer-tel {
color:#36bdef !important;
font-weight:bold ;
}
.footer-tel:hover {
color: #004384 !important;
}
#link-blue a{
color:#36bdef !important;
}
#link-blue a:hover{
color: #004384 !important;
}
/*ページヘッダー上下幅を縮める*/
.page-header {
height: 100px;
}
/*ページヘッダーロゴサイズ リサイズ解除*/
only_pc.navbar-brand img {
max-height: 200px !important;
}
/*フリーダイヤル 注意書き*/
.contact_txt_catch {
color:#36bdef;
}
.contact_txt_time{
color:#36bdef;
}
.contact_txt_tel {
font-size:17px !important;
}
/*ページヘッダーロゴ 画像サイズ通り表示
.navbar-brand img {
max-height: none !important;
}
/* ヘッダーメニュー 文字色サイズ
@media (min-width: 992px) {
.headerTop {
font-size:214px;
}
.headerTop li a, .headerTop li span {
font-size:24px;
color:blue;
}
.headerTop .headerTop_contactBtn a.btn {
font-size:26px;
}
}
*/
/* フッター */
.free-dial{
color:red;
font-size:small;
}
/* トップページ */
.home .siteContent {
padding-top:0 !important;
}
.pr-title{
font-weight:bold ;
color:#004384 ;
}
.pr-txt{
font-size: 90%;
color : #404040;
}
/* 湘南一ツ星について */
/*見出し１*/
.head1{
color : #36bdef ;
font-size : 150% ;
}
.head2{
color : #004384 ;
font-size : 150% ;
}
/*クレパス線*/
.crepas-blue{
background: linear-gradient(white, #c6ffff);
}
/*囲み線*/
.box {
padding: 10px;
background: #fff;
border: 1px #36bdef solid;
box-shadow: 0 2px 3px 0 #ddd;
}
/*図のキャプション（太字）*/
.caption{
font-size :75% ;
font-weight : bold;
}
/*文字のキャプション（太字なし）*/
.caption2{
font-size :75% ;
}
/*改行幅を空ける (学院長プロフィール、教員役職、 資料請求フォームでも利用）*/
.blank_line{
line-height:1.5em;
}
.blank_line-s{
line-height:1em;
}
/* コース紹介 */
/* top画像の上部余白調整 （他ページ共通）*/
.top_space_mb{
margin-top:-50px;
}
.top_space_pc{
padding-top:-150px;
}
/* 学習活動 */
/* 「知識」 の帯の装飾 (Pink)*/
.knowledge{
background-color:#ec7aac;
position: relative;
padding: 0.6em 0.7em 0.5em;
margin-bottom:1.2em;
margin-left: unset;
margin-right: unset;
color:#fff;
font-size:24px;
border-radius:4px;
border:none;
outline: dashed 1px #fff;
outline-offset: -4px;
box-shadow: unset;
}
/* 「実践」 の帯の装飾 (Green)*/
.practice{
background-color:#22ac38;
position: relative;
padding: 0.6em 0.7em 0.5em;
margin-bottom:1.2em;
margin-left: unset;
margin-right: unset;
color:#fff;
font-size:24px;
border-radius:4px;
border:none;
outline: dashed 1px #fff;
outline-offset: -4px;
box-shadow: unset;
}
/* 「社会」 の帯の装飾 (Yellow)*/
.community{
background-color:#f8b62d;
position: relative;
padding: 0.6em 0.7em 0.5em;
margin-bottom:1.2em;
margin-left: unset;
margin-right: unset;
color:#fff;
font-size:24px;
border-radius:4px;
border:none;
outline: dashed 1px #fff;
outline-offset: -4px;
box-shadow: unset;
}
/* 注意書き 小文字太文字 */
.small-text{
font-size:small;
font-weight:bold;
}
/* 注意書き 小文字細字 about_ts アクセスにも利用 */
.small-text2{
font-size:small;
}
/* 行事・イベント */
/* 表のレイアウト */
table{
width: 100%;
border-collapse: collapse;
border-bottom:solid 1px black;
}
th{
background-color:#004384;
color:white;
}
th,td {
border: solid 1px black;
}
/*
.student{
background-color:powderblue;
}
*/
/* よくある質問 */
.question{
color: #004384;
font-weight: bold;
}
/*アンサーの頭揃え */
.a-indent {
margin-left:3em;
text-indent:-3em;
}
/*アンサーの頭揃え2(１文字分) */
.a-indent2 {
margin-left:1em;
text-indent:-1em;
}
/* 教 員 紹 介 */
/*学院長プロフィール */
#nakagawa p{
line-height:0.5em;
}
.prof-space{
line-height:0.7em;
}
/*教師名 文字サイズ */
.t-name{
font-size:large;
}
/*教師プロフィール 文字サイズ */
.t-profile{
font-size:small;
}
/*プロフィール 書き出し位置 */
.t-element{
text-indent: 7em;
}
/* フォーム */
/*フォーム 項目名 */
.name-label{
padding: 0.1em;
color:white;
background: #0066ff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}
/*チェックボックス スマホでの頭揃え */
.check-line{
margin-left:1em;
text-indent:1em;
}
/*フォーム 入力者・入学検討者のベルト文字 */
.belt{
font-size:20px;
color: #004384;
/*text-align: center; */
padding: 0.25em;
border-top: solid 2px #004384;
border-bottom: solid 2px #004384;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
/*フォーム 必須 */
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}
/*フォーム チェックボックスのCSS*/
.block{
display:block;
}
/*フォーム フィールド幅 (希望日時、参加人数、メアド)*/
.field{
display: block;
width: 300px;
margin-right:15px;
}
/*フォーム 注意書き(「個別相談」をご希望の方のみ、ご記入ください)
* 「よくある質問」の Q でも使用*/
.note{
color: blue;
font-size: 90%;
font-weight: bold;
}
/*フォーム内の 水平線*/
hr {
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: #a9a9a9; /* 線色 グレー*/
}
/*フォーム 姓名フィールド並列*/
.name{
display: block;
}
.name .cell {
width: 40%;
margin-right:10px;
float:left;
}
.clear{
clear:both;
}
/*郵便番号 フィールド幅 */
.postal-field{
display: block;
width: 200px;
}
/*フォーム 住所：都道府県・市区・町村 フィールド並列*/
.address{
display: table;
}
.address .cell {
width: 200px;
margin-right:10px;
float:left;
}
.address .cell-long {
width: 250px;
margin-right:10px;
}
/*フォーム 段落間隔*/
.space{
line-height:2em;
}
page-id-37 .mobile-fix-nav-menu {
display:none;
}
/*
page-id-37#page_top.mobile-fix-nav-menu{
display:none;
}
*/
/*フォーム チェックボックス の縦並び表示
.mwform-checkbox-field{
display: table;
}
*/
/*フッターフロートメニュー */
.float-area{
display: block;
position: fixed;
left : 0px;
right : 0px;
bottom: 5px;
}
.float-area .float_item {
width: 33.3%;
/* margin:5px; */
float:left;
}
.blockarea .float_item:hover {
opacity: 0.6;
}
.clear{
clear:both;
}
/*フッターフロートメニューの非表示設定 （コンタクトフォーム）*/
.page-id-30 #float-area, .page-id-32 #float-area, .page-id-34 #float-area, .page-id-37 #float-area, .page-id-39 #float-area,.page-id-41 #float-area{display: none;}
/*SNSアイコンの下に余白を追加*/
.veu_socialSet{
margin-bottom : 30px;
}
/*トップメニューの文字サイズ変更*/
.gMenu_name{
font-size: 110% !important;
font-weight: bold !important;
color : #004384;
}
.gMenu_name:hover{
color : #36BDEF;
}
/*フッターメニューの文字色変更*/
#custom_html-4.link{
color : black !important;
line-height :2.5em;
}
#custom_html-4.link:hover{
color : blue !important;
}
/*トップメニューの固定解除
@media (min-width: 992px){
body.header_scrolled .gMenu_outer {
position: relative !important;
top: 0 !important;
transition: none;
}
}*/
/*
#Float-Contents{
display: block;
position: fixed;
left: 0px;
right: 0px;
bottom: 2px;
height:50px;
z-index: 9999;
background-color: #b0c4de;
}
*/
/*
#footerFloat1 {
display: block;
position: fixed;
left: 10px;
bottom: 5px;
}
#footerFloat2 {
display: block;
position: fixed;
text-align: center;
bottom: 5px;
}
#footerFloat3 {
display: block;
margin : auto;
position: absolute;
right : -100 ;
bottom: 50px;
z-index: 9999;
}
#footerFloat1 img {
width: 25%;
height:25%;
}
#footerFloat2 img {
width: 25%;
height:25%;
}
#footerFloat3 img {
width: 25%;
height:25%;
}
*/
/*Cssでポップアップウィンドウ*/
/* 全体設定 */
* {
box-sizing: border-box;
}
/* ポップアップウインドウの設定 */
.popup {
background-color: #efefef;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
display: none;
position: fixed;
top: 30px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 70vw;
height: 100vh;
/*overflow-y : scroll;*/
overflow: scroll;
}
/* チェックボックスの初期設定 */
#popup-on1,#popup-on2,#popup-on3,#popup-on4{
display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on1:checked + .popup,
#popup-on2:checked + .popup,
#popup-on3:checked + .popup,
#popup-on4:checked + .popup{
display: block;
z-index:9999;
}
/* 閉じるアイコン（右上） */
.icon-close{
background: #000;
color: #fff;
font-size: 30px;
padding: 0 10px;
position: absolute;
right: 0;
}
/* 閉じるボタン
.btn-close{
background: #000;
border-radius: 10px;
color: #fff;
font-size:small;
padding:8px;
cursor: pointer;
margin: 30px auto;
width: 95%;
text-align: center;
} */
/* 開くボタン
.btn-open{
background: #fff;
border-radius: 10px;
color: #fff;
padding: 10px;
cursor: pointer;
margin: 10px auto;
width: 95%;
text-align: center;
} */
/* ポップアップの内容 */
.popup-content{
margin: 40px auto 40px auto;
width: 90%;
}
.only_mb.popup-content{
margin: 1px auto 1px auto;
width: 98%;
}