/* 下のコメントアウトしてるやつは絶対消したらダメな奴 テーマが壊れちゃう */
/*
 Theme Name:   lightning Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     lightning
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/




/************************** 全体にかかるソース **************************/
.fl-photo-content, .fl-photo-img{
	width: 100% !important;
}

/*** h1　へっだー付近にあった緑の見出しを画面から消す ***/
.page-header_pageTitle{
	display: none;
}
#map_canvas {
	width: 100% !important;
	height: 300px;
	margin-bottom:20px;
}

/*** 先頭の1文字目がテーマカラーになるのを黒に書き換える設定 https://yellowglasses.jp/web/lightning7.html ***/
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }

/*** 「トップに戻る」ボタン JS使用 ***/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	z-index: 100;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
	font-weight: 800;
	color: green;
}
/*** dc用「トップへ戻る」ボタンのホバー時の文字色設定 ***/
.page-id-1097 #page-top a:hover, .parent-pageid-1097 #page-top a:hover, .categoryid-8 #page-top a:hover, .category-8 #page-top a:hover{
	text-decoration: none;
    background: #999;
	font-weight: 800;
	color: blue;
}
/*** りかつ用「トップへ戻る」ボタンのホバー時の文字色設定 ***/
.page-id-42 #page-top a:hover, .parent-pageid-42 #page-top a:hover {
	text-decoration: none;
    background: #999;
	font-weight: 800;
	color: orange;
}

/*** 画面幅が狭くなったら右下のトップへ戻るボタン邪魔だから消す ***/
@media (max-width: 680px) {
	#page-top{
		display: none;
	}
}

/************************** フッターにかかるソース **************************/
/*** フッターの背景画像のサイズ設定 ***/
.siteFooter{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat;
	padding: calc(100% / 10);
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*** レスポンシブ用の調整 ***/
@media (max-width: 991px){
	.siteFooter{
		 padding: calc(100% / 30);
	}
}
/*** いらない線を消す ***/
footer .copySection, .footerMenu{
	border: none !important;
}

/************ 使ってないソースたち *************/

/*** 背景画像をフルスクリーンで表示する ***/
#bg1 {
  /* 画像ファイルの指定 */
  background-image: url(http://202.122.143.222/wp-content/uploads/2018/08/Concrete-wall-texture04.jpg); 

  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;

}


/***　画像全体にマスクをかける　参考サイトhttps://www.nxworld.net/tips/css-only-caption-effect.html ***/
figure {
  position: relative;
  overflow: hidden;

  width: 300px;
}
figcaption {
  position: absolute;
  top: 120px;
  left: 155px;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}
figure:hover figcaption {
  opacity: 1;
	  position: absolute;
  top: 120px;
  left: 155px;
}



/************************************
** 2カラムギャラリーデザイン （レスポンシブ）　参考サイト：https://ganchan.info/archives/2939
************************************/

/************************************
** 2カラムデザイン（レスポンシブ）
************************************/

/* 親要素 */
.collist2 {
	overflow: hidden;
}
/* 左右ボックス */
.collist2 .collist-box {
   float: left;
   width: 48%;
   margin-bottom: 30px;
}
.collist2 .collist-box:first-child {
	margin-right:6px;
}
/* ボックス枠 */
.collist2 .waku {
	border: 1px solid #aaa;
	border-radius: 4px;
}
/* 左画像 */
.collist2 .collist-thumb {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px;	
	 margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;

}
/* テキスト部分 */
.collist2 .collist-text {
    display: block;
    font-weight: 600;	
    font-size: 14px;
    padding-right: 20px;
    padding-top: 20px;
} 
/* スマホ調整 */
@media screen and (max-width: 767px) {
.collist2 .collist-box {
    float: left;
    width: 98%;
    margin-bottom: 30px;
	
}
}

/* 190218調整 */

@media screen and (max-width:599px) { 
	.siteFooter {
		background-size: 150% !important;
		background-position: center 100% !important;
	}
	
	.siteFooter .sectionBox {
    	padding: 60px 15px 90px;
	}
	
	.siteFooter .sectionBox.copySection.text-center {
		padding: 4em 0 2em;
	}
	
}