/*---------------------------------
site.css
---------------------------------*/
/*表示・非表示切り替えフラグ*/
.f_en{/*英語併記有り無し*/
    display:none !important;
}
.flag_navicon{/*ナビコン記載の有無*/
    display:block !important;
}
#contact_area {/*お問い合わせ段落の有無*/
    display:block !important;
}
.Poweredby{/*ページ最下部のナカシャ表記の有無*/
    display:block !important;
}
/*---ヘッダー------------------------*/
#global-nav ul li a {
	color:#000;
}
#global-nav ul li a:after {/*hover時の下線*/
    background-color: #56AEC4;
}
@media screen and (max-width: 880px){/*スマホメニュー*/
	#global-nav {
		background: #2d81ad;
	}
	#top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
		background: #2d81ad;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
    #top-head #global-nav ul li a:hover, #top-head #global-nav ul li a:active {
        background: #559559;
    }
    #global-nav ul li a span {
        color: #fff;
    }
}

/*---アイキャッチ部分------------------------*/
#top_area {/*メインビジュアル*/
	background: #46b0d0;/*2d81ad*/
}
#top_area h1 img {/*メインロゴ*/
    width: 100%;
    max-width:400px;
    height: auto;
}
/*アイキャッチ部分*/
.catch{/*ロゴイメージが縦長である関係で今回は非表示*/
    display:none;
}
#top_area h1 span {
    color: #fff;
    display: block;
    margin-top: 20px;
    font-size: 43px;
    line-height: 1.2em;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
}
#top_area h1 span.tw {
    font-size: 28px;
    margin-top: 5px;
    letter-spacing: 0;
}
#top_area figure img {
    max-width: 100%;
}
#top_area figure {
    margin-top: 0;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 880px){
	#top_area figure {
		margin-top: 0;
		text-align: center;
		position: static;
	}
}

/*---about------------------------*/
#about_area {
    background: #f7f1eb;
}
#about_area h2 span.ttl_en {
    color: #000;
}
[id$="_area"] .ttl_box {
    text-align: center;
    color: #000;
}
[id$="_area"] p.txt_desc {
    color: #000;
}
/*---course-----------------------*/
#course_area {
    background: #fcbaba;
}
#course_area h2 span.ttl_en {
    color:#000;
}
#course_area .ttl_box {
    color:#000;
}
#course_area .mk_01 {
    background: linear-gradient(transparent 60%, rgba(70, 176, 208, 0.63) 5%);
}
#course_area .desc_list li:before {
    background: #46b0d0;
}
/*---navi-----------------------*/
#navi_area {
    background: #a8e8cc;
}
#navi_area h2 span.ttl_en {
    color: #000;
}
#navi_area .desc_list li:before {
    background: #46b0d0;
}
#navi_area .mk_01 {
    background: linear-gradient(transparent 60%, rgba(70, 176, 208, 0.63) 5%);
}

/*---pleasure-----------------------*/
#pleasure_area {
    background: #f2d34f;
}
#pleasure_area .mk_01 {
    background: linear-gradient(transparent 60%, rgb(255 170 78) 5%);
}
[id$="_area"] .panel dt {
    padding-bottom: 8px;
    border-bottom: 2px dotted #000;
}
#pleasure_area h2 span.ttl_en {
    color: #c07d37;
}
#sec_footerinfo{
	background: #f7f1eb;
}
[id$="_area"] .panel dt span.rb:after {
    border-right: 10px solid #fdf9e1;
}
#pleasure_area .chara{/*キャラ紹介*/
    text-align:center;
}
#pleasure_area .chara h3{/*キャラ紹介*/
    line-height:1.8;
}
#pleasure_area .charaimg img{/*キャラ紹介*/
    width:33%;
    display:inline-block;
}
@media screen and (max-width: 414px){
    #pleasure_area .chara h3{/*キャラ紹介*/
        font-size:18px;
        line-height:1.8;
    }
    #pleasure_area .chara img{/*キャラ紹介*/
        width: 100%;
    }
}
/*---policy-----------------------*/
#policy_area {
    color: #000;
    background: #fcbaba;
}

/*---#contact_area-----------------------*/
#contact_area{
    background:#dd7c7c;
}
#contact_area a {
    color: #000;
}
/*---footer-----------------------*/
footer {
    background: #46b0d0;
}
.download_box {
    background:none;
}

