@charset 'utf-8';
/* 色設定用CSS */

/* 全体 */
html { background-color:rgba(135,206,235,0.05); background-image:linear-gradient( transparent, transparent ); color:#333; }

/* ドラッグ背景色 */
::selection { background-color:#89c3eb; color:#fff; }

/* リンク */
a:link, a:visited { color:inherit; }
a:active, a:hover { color:#fcc800; }

/* スクロールバー */
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-color:#89c3eb; }
@-moz-document url-prefix() { html { scrollbar-color:#89c3eb transparent; } }

/* トップに戻るボタン */
div.backtop a { box-shadow:5px 5px 10px #555; }
div.backtop a:link, div.backtop a:visited { background-color:#89c3eb; }
div.backtop a:active, div.backtop a:hover { background-color:#fcc800; }

/* ハンバーガーメニュー */
label.b_hanb { background-color:#89c3eb; }
label.b_hanb span, label.b_hanb div { background-color:#fff; }
label.b_hanb div::before, label.b_hanb div::after { background-color:#fff; }
div.main_nav nav { background-color:#89c3eb; }
div.main_nav nav ul li a:link, div.main_nav nav ul li a:visited { color:#fff; }
div.main_nav nav ul li a:active, div.main_nav nav ul li a:hover { color:#fcc800; }

/* イントロ */
div.intro { background-color:rgba(135,206,235,0.25); }
div.top div.intro h2 span { background-color:transparent; color:#0000ff; }

/* ヘッダ */
header { background-color:#fff; } header div.table { background-color:rgba( 0,0,0,0.05 ); }

/* トップページ */
div.about h1 { color:#89c3eb; border-bottom:3px solid #89c3eb; }
div.about ul li a:link, div.about ul li a:visited { background-color:#89c3eb; color:#fff; }
div.about ul li a:active, div.about ul li a:hover { background-color:#fcc800; }
div.news ul li a { border:1px solid #ddd; }
div.news ul li a div { background-color:#fff; }
div.news ul li p.time { color:#888; }
div.news ul li a:active p.time, div.news ul li a:hover p.time { color:#fcc800; }
div.news h1 { color:#89c3eb; }
div.news div.more p a:link, div.news div.more p a:visited { background-color:#89c3eb; color:#fff; }
div.news div.more p a:active, div.news div.more p a:hover { background-color:#fcc800; }
div.appeal h1 { color:#89c3eb; }
div.appeal h1::before, div.appeal h1::after { background-color:#89c3eb; }
div.appeal ul li a { border:1px solid rgba(135,206,235,0.75); }
div.appeal ul li a:link, div.appeal ul li a:visited { background-color:#89c3eb; color:#fff; }
div.appeal ul li a:active, div.appeal ul li a:hover { background-color:#fcc800; }

/* 更新情報 */
div.news_index {  }
div.news_index ul li { margin:0 0 .5em 0; } div.news_index ul li:last-child { margin:0; }
div.news_index ul li a:link, div.news_index ul li a:visited { background-color:rgba(0,0,0,0.5); }
div.news_index ul li a:active, div.news_index ul li a:hover { background-color:rgba(255,255,255,0.5); }
div.news_index ul li p.time { color:rgba(135,206,235,0.75); }

/* 記事 */
div.pol { background-color:rgba(255,255,255,0.9); }
div.pol h1 { color:#89c3eb; border-bottom:3px dotted #89c3eb; }
p.back a:link, p.back a:visited { background-color:#89c3eb; color:#fff; }
p.back a:active, p.back a:hover { background-color:#fcc800; }

/* フッターのフォーム */
div.f_form { background-color:rgba(135,206,235,0.15); }
div.f_form h2 { color:#89c3eb; }
p.f_button a:link, p.f_button a:visited { border:2px solid #89c3eb; color:#89c3eb; }
p.f_button a:active, p.f_button a:hover { background-color:#89c3eb; color:#fff; }

/* フォームページ */
div.form {  }
div.form h2 { border-left:15px solid #89c3eb; }
div.form textarea, div.form input { background-color:#faf5f5; border:1px solid #ddd; }
div.form textarea:focus, div.form input:focus { background-color:rgba(255,255,255,0.75); border:1px solid #89c3eb; outline:none; }
div.form div.privacy { background-color:rgba(255,255,255,0.9); }
div.form p.btn input { background-color:#89c3eb; color:#fff; border:none; }
div.form_list div.form_row p::before { color:#89c3eb; }

/* フッタ */
footer { background-color:#333; color:#fff; }
div.foot_pan { background-color:#555; color:#fff; }

@media screen and (min-width: 769px) {
/* PC用レイアウト */

/* ハンバーガーメニュー */
div.main_nav nav { background-color:rgba(0,0,0,0); }
div.main_nav nav ul li a:link, div.main_nav nav ul li a:visited { color:#fff; }
div.main_nav nav ul li a:active, div.main_nav nav ul li a:hover { color:#fcc800; }

/* ヘッダ */
header { background-color:#fff; } header div.table { background-color:rgba( 0,0,0,0 ); }
header div.h_all div.h_box:last-child { background-color:#89c3eb; }

/* フッターのフォーム */
div.f_form div.form_content div.form_box:first-child { border-right:2px dotted #89c3eb; }

}