/*
Theme Name: kawaguchi
Theme URI: https://kawaguchi.town
Description: LP
Author: シェイクハンズ
Author URI: https://shakehands-fukuyama.org
Version: 0.8.0
Text Domain:　https://shakehands-fukuyama.org
License: MIT
License URI: https://shakehands-fukuyama.org
Tags: シェイクハンズ
.
Licensed under the MIT license.
*/






/***********************
フォント指定
**********************/


@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/**Google fonts**/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
.font_lato{ font-family: 'Lato', sans-serif;}

@import"https://fonts.googleapis.com/earlyaccess/hannari.css";
@import"https://fonts.googleapis.com/earlyaccess/sawarabimincho.css";
.wf-hannari { font-family: "Hannari"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

/***********************
フッター下段固定
**********************/


/***********************
facebook ウイジェット
**********************/
@media (max-width: 767px) {
.facebook_m{ display:none;} 
}
 
/***********************
追加カスタマイズ
**********************/

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

/** トップページ新着サムネイル **/
.img_top{width:120px;}

/** 新着タイトル設定 **/
h2.title_news{
background-repeat: no-repeat; 
background-image: url(/wp-content/themes/eikou-inc/images/title_news.svg) ;
width: 250px; height: 50px; text-indent: -9999px;
}
h2.title_news a{ display:block; width: 250px; height: 50px;}

/** ロゴ設定 **/
h1.rogo { display: block;
background-repeat: no-repeat; 
background-image: url(/wp-content/themes/eikou-inc/images/rogo4.svg) ;
width: 300px; height: 110px; margin:0 auto;
text-indent: -9999px;
}
h1.rogo a{ display:block; width: 150px; height: 110px;}

.contents_menu{ padding:20px; width: 860px; margin: 0 auto; position: relative; top: 20%; }

@media (max-width: 767px) {
h1.rogo { display: block;
background-repeat: no-repeat; 
background-image: url(/wp-content/themes/eikou-inc/images/rogo4.svg) ;
width: 300px; height: 73px; margin:0 auto;
text-indent: -9999px;
}

.contents_menu{ padding:20px; width: 100%; position: relative; top: 0%; }
}

.top_main { background:url(/wp-content/themes/eikou-inc/images/top/back.jpg) center no-repeat; background-size: cover; height: 450px;}
.top_main h2 {font-size:300%;}
@media (max-width: 767px) { .top_main{ height: 250px; }
.top_main h2 {font-size:200%;}
 }

.top_index{z-index: 0;}
.top_efect01 { margin:0; padding:0; text-align:center; color: #fff; position: relative; overflow: hidden; display: block; z-index: 0;}
.top_efect01 figcaption h5{ position: relative; top: 45%; }
.top_efect01 figcaption { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgba(88,106,120,.8); -webkit-transition: .3s; transition: .3s; opacity: 0; }
.top_efect01:hover figcaption { opacity: 1; }
.top_efect01 figure a{ display:block; color:#fff; text-decoration:none; height:100%;}

/** ヘッダーメニュー **/
ul.head_menu { margin: 0; padding:0px 10px; list-style: none;}
ul.head_menu li { margin: 0; padding: 0px; border-bottom: 1px solid #ccc; font-size: 120%; }
ul.head_menu li a { display: block; padding: 5px; color: #34495e; font-weight: 500;}
ul.head_menu li a:hover { color: #F44336;}

/** フッターメニュー **/
.footer_menu ul{ color:#fafafa; font-size: 100%; margin: 0; padding:10px 10px 10px 10px; list-style: none;}
.footer_menu ul li{ margin: 0; padding: 5px;}
.footer_menu ul a{ color:#fafafa; display: block;}
.footer_menu ul a:hover{ color:#F44336; }
footer h4.rogo{background: url(/wp-content/themes/eikou-inc/images/rogo_w.svg) no-repeat; width: 150px; height: 110px; margin: 10px auto; text-indent: -9999px;}


@media (max-width: 767px) { 
.footer_menu ul { display: none;}
div.sm-center{ text-align: center;}

}

.none_a:hover { text-decoration: none;}

.trans_sc_12:hover{ 
transition:all 0.5s;
:all 0.5s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*** 画像 ***/
.btn_img:hover {
	opacity: 0.5 ;
}


/*** メインゴールデン ***/
.back_golden {background: }
/**パソコン**/
@media (min-width: 768px){.back_golden{ height: 350px;} .back_golden p{  border-top:1px solid #fff; width:50%; margin: 20px auto 0 auto; padding-top:10px;}}
/**モバイル**/
@media (max-width: 767px){.back_golden{ height: 200px;} .back_golden p{ border-top:1px solid #fff; width:100%; margin: 20px auto 0 auto; padding-top:10px;}}

.backopacity_3e6b74 {background:rgba(62,107,116,0.6);}
.backopacity_1b4057 {background:rgba(27,64,87,0.6);}


.width_50{ width:50%; margin:0 auto;}
.width_60{ width:60%; margin:0 auto;}
.width_70{ width:70%; margin:0 auto;}
.width_80{ width:80%; margin:0 auto;}
.width_90{ width:90%; margin:0 auto;}

/*****************
ここからデザイン
****************/



body{ font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";}

/**トップへ戻るボタン**/
.go_top { position: fixed; bottom: 20px; right: 20px; z-index:10;}
.go_top .go_top_icon { float: left; width: 50px;  background: none repeat scroll 0 0 #dfdfdf; border-radius: 50%; line-height: 50px; text-align: center; font-size: 154%; color:#fff;}
.go_top .go_top_icon:before { background:#eee; vertical-align:central; }
.go_top .go_top_icon:hover { background: #b1b0ad;}


/*フォントnoto設定　デフォルト*/
h1{ font-weight: 900;}
h2{ font-weight: 700;}
h3{ font-weight: 500;}
h4{ font-weight: 400;}
h5{ font-weight: 300;}

/*** アニメーション設定 ****/
.anime_01,.anime_02,.anime_03,.anime_04,.anime_05,.anime_06,.anime_07,.anime_08 {  visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown,.bounce {
    visibility: visible
}



.anime_du_5s{ animation-duration: 5s; -webkit-animation-duration: 5s;}
.anime_du_10s{ animation-duration: 10s; -webkit-animation-duration: 10s;}

.anime_de_1s{ animation-delay:1s;}
.anime_de_2s{ animation-delay:2s;}
.anime_de_3s{ animation-delay:3s;}
.anime_de_4s{ animation-delay:4s;}
.anime_de_5s{ animation-delay:5s;}


a img, img { border:0 !important; }

a { color:#34495e; }


/****************************************************

サムネイル hover 大きく

****************************************************/

.box-big {
  cursor: pointer;
  max-width: 500px;
  overflow: hidden;
}
.box-big img {
  height: auto;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.box-big:hover img {
  transform: scale(1.1); /* 拡大 */
}




/****************************************************

bootstrap カスタマイズ

****************************************************/

.img-circle {
  border-radius: 50%;
}



/*パンくず設定*/
.breadcrumb{ font-size: 90%; border-radius: 0px; background-color: transparent;}

/**パソコン**/
@media (min-width: 768px){ .pc_disp{ display:none; } .space_top{ margin:30px;}}
/**モバイル**/
@media (max-width: 767px) { .sp_disp{ display:none;} .space_top{ margin:10px;}}

/* .row の左右のネガティブマージンを0にする */
.row-0 { margin-left: 0; margin-right: 0; }
.row-0 > [class*="col-"] { padding-left: 0; padding-right: 0; }
.row-10 { margin-left: -5px; margin-right: -5px; }
.row-10 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.row-20 { margin-left: -10px; margin-right: -10px; }
.row-20 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.row-30 { margin-left: -15px; margin-right: -15px; }
.row-30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
.row-40 { margin-left: -20px; margin-right: -20px; }
.row-40 > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

.flexiblebox {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

/**画像縮小**/
.img_small img{ width:90%; text-align:center;}
.img_size_100 { width: 100%; }
.img_size_90 { width: 90%; }
.img_size_80 { width: 80%; }



/**スペース調整**/
.none_space{ margin:0; padding:0;}

/**高さ合わせ調整col**/
.row-eq-height { display: flex; flex-wrap: wrap; }
/**safari対策**/
.row-eq-height:before,
.row-eq-height:after,
.row:before { content: normal; }


/**　タイトルデザイン　**/
.thumnail_main_title{ margin:30px 0;}
.thumnail_main_title  h2 { color:#00ACD3; position: relative; margin-top: 20px; text-align:center; font-weight:900 ; font-size:180%;}
.thumnail_main_title  h2.title { margin-top: 0; }
.thumnail_main_title  h2.title:before { content: ""; display: block; border-top: solid 2px #00ACD3; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; }
.thumnail_main_title  h2.title span { padding: 0 20px; position: relative; z-index: 5;}

.thumnail_main_title_white{ margin:30px 0;}
.thumnail_main_title_white  h2 { color:#fff; position: relative; margin-top: 20px; text-align:center; font-weight:900 ; font-size:180%;}
.thumnail_main_title_white  h2.title { margin-top: 0; }
.thumnail_main_title_white  h2.title:before { content: ""; display: block; border-top: solid 1px #fff; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; }
.thumnail_main_title_white  h2.title span { padding: 0 20px; position: relative; z-index: 1;}