/*スタイルシート*/


:root {
  --back-color: #ffffe0;
  --body-color: #ffffff;

  --line-color: #F9D175 ;
  --line2-color: #FF9234;
  --linemoto-color: #FF9234;

  --moji-color: #333333;

  --test-color: #FF9234;

}







/*-------------------------*/
/*-------------------------*/
/*ヘッダー                 */
/*-------------------------*/
/*-------------------------*/

.headerImg {
/* css　借り設置
	background-image:url(../img/note.png);
*/
	background-image:url(img/note.png);

	background-repeat:no-repeat;
	background-size:cover;
}
.headerImgxxxxxx {
  background: var(--line-color);

}
.headerTitle {
	font-size: 36px;
	font-weight:bold;
/*	line-height: 1.5em;縦間隔*/
	text-align: center;
	padding-top:50px;
}

.headerTitleSub {
	font-size: 24px;
/*	line-height: 1.5em;縦間隔*/
	text-align: center;
	padding-top:10px;
}

.headerLink {
	text-decoration: none;
}

.headerLink:link {
	color: var(--moji-color);
}
.headerLink:visited {
	color: var(--moji-color);
}
.headerLink:hover {
	color: var(--moji-color);
}
.headerLink:active {
	color: var(--moji-color);
}









/*-------------------------*/
/*-------------------------*/
/*body                 */
/*-------------------------*/
/*-------------------------*/


.bodyCss {
  background: var(--body-color);
	color: var(--moji-color);
}


.wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.container {
  display: flex;
}
.main {
  background: var(--back-color);
  width: 100%;

}





/*-------------------------*/
/*-------------------------*/
/*特別公開                 */
/*-------------------------*/
/*-------------------------*/

.tokubetsu {
  background-color: var(--back-color);
	margin: 0 0 0 1em;
	padding:20px;
	padding-top:10px;
}

.tokubetsuH2{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #ff1111;/*文字色*/
	font-size: 20px;
  background: transparent;/*背景透明に*/

  border-bottom: solid 2px var(--line-color);/*左線*/
}


/*特別タイトル*/
.tokubetsuTi {
	font-size: 16px;
	font-weight:bold;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

  border-left: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
}


/*特別リスト*/
.tokubetsuLi {
	font-size: 16px;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding-top:5px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;

  border-left: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
  border-bottom: solid 2px var(--line-color);/*左線*/

}
.tokubetsuLink {
  display: block;
	text-decoration: none;
}

.tokubetsuLink:link {
	color:var(--moji-color);
}
.tokubetsuLink:visited {
	color:var(--moji-color);
}
.tokubetsuLink:hover {
	color:var(--moji-color);
}
.tokubetsuLink:active {
	color:var(--moji-color);
}



/*-------------------------*/
/*-------------------------*/
/*月別公開                 */
/*-------------------------*/
/*-------------------------*/
.tsukibetsu {
  background-color: var(--back-color);
	margin: 0 0 0 1em;
	padding:20px;
	padding-top:5px;
}

/*月別表示タイトル*/
.tsukiH2{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #6666ff;/*文字色*/
	font-size: 20px;

  border-bottom: solid 2px var(--line-color);
}

/*月別　月表示*/
.tsukiTsuki{

  background-color: var(--line-color);
  color:  var(--moji-color);
  font-size: 16px;
border-radius: 20px;
text-decoration: none;
padding: 3px 3px;

}




/*月別タイトル*/
.tsukiTi {
	font-size: 16px;
	font-weight:bold;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

  border-left: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
}

/*月別リスト*/
.tsukiLi {
	font-size: 16px;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

  border-left: solid 2px var(--line-color);
  border-right: solid 2px var(--line-color);
  border-bottom: solid 2px var(--line-color);
}

/*月別リンク*/
.tsukiLink {
  display: inline;
	text-decoration: none;
}
.tsukiLink:link {
	color:#000000;
}
.tsukiLink:visited {
	color:#000000;
}
.tsukiLink:hover {
	color:#0000ff;
}
.tsukiLink:active {
	color:#0f00f0;
}





/*-------------------------*/
/*-------------------------*/
/*寺院                 */
/*-------------------------*/
/*-------------------------*/
.jiin {
  color: var(--moji-color);
  background-color: var(--back-color);
	margin: 0 0 0 1em;
	padding:30px;
	padding-top:10px;
}

/*寺院タイトル*/
.jiinH2{
  color: var(--moji-color);/*文字色*/
	font-size: 24px;
	font-weight:bold;
	letter-spacing: 0.2em;/*横間隔*/
  padding: 0.25em 0.5em;/*上下 左右の余白*/
}


/*寺院堂タイトル*/
.jiinDouH2 {
  color: var(--moji-color);
	font-weight:bold;
	font-size: 20px;

	letter-spacing: 0.2em;/*横間隔*/

  border-bottom: solid 2px var(--line-color);/*左線*/

	padding-top:20px;
}


/*仏像タイトル*/
.jiinTi {
	font-size: 16px;
	font-weight:bold;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

  border-left: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
}


/*仏像拝観リスト*/
.jiinLi {
	font-size: 16px;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

  border-left: solid 2px var(--line-color);
  border-right: solid 2px var(--line-color);
  border-bottom: solid 2px var(--line-color);
}



/*寺院カラム設定*/
.jiinColumn {
  display:table;
  width: 100%;
  margin: auto;
}


/*寺院カラムタイトル*/
.jiinColumnLi {
	font-size: 16px;

  color: var(--moji-color);

  border-left: solid 2px var(--line-color);/*左線*/
  border-bottom: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/

	padding:10px;

	width: 15%;
	display:table-cell;

}
/*寺院カラム内容*/
.jiinColumnLi2 {
	font-size: 16px;

  color: var(--moji-color);

	padding:10px;
  border-bottom: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
	display:table-cell;

}



/*寺院地図*/
.jiinChizu {
	font-size: 16px;

  color: var(--moji-color);

  background-color: var(--back-color);
  border-bottom: solid 2px var(--line-color);/*左線*/
  border-left: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
}





/*寺院リンク*/
.jiinLink {
  display: inline;
	text-decoration: none;
}
.jiinLink:link {
	color:#000000;
}
.jiinLink:visited {
	color:#000000;
}
.jiinLink:hover {
	color:#0000ff;
}
.jiinLink:active {
	color:#0f00f0;
}



/**********/
/*ニュース*/
/**********/
.news {
	font-size: 16px;

  color: var(--moji-color);

	padding:10px;

}


/*ニュースタイトル*/
.newsTi {
	font-size: 16px;
	font-weight:bold;
	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding:10px;
}

/*ニュース本文*/
.newsLi {
	font-size: 16px;
	line-height: 1.5em;/*縦間隔*/
	letter-spacing: 0.1em;/*横間隔*/

  color: var(--moji-color);

	padding:10px;
}

/*ニュースリンク*/
.newsLink {
  display: inline;
	text-decoration: none;
}
.newsLink:link {
	color:#000000;
}
.newsLink:visited {
	color:#000000;
}
.newsLink:hover {
	color:#0000ff;
}
.newsLink:active {
	color:#0f00f0;
}






/*-------------------------*/
/*-------------------------*/
/*検索                 */
/*-------------------------*/
/*-------------------------*/
.kensaku {
  color: var(--moji-color);
  background-color: var(--back-color);
	margin: 0 0 0 1em;
	padding:30px;
	padding-top:10px;
}

/*検索寺院カラム設定*/
.kensakuJiinColumn {
  display:table;
  width: 100%;
  margin: auto;
}


/*検索寺院カラムタイトル*/
.kensakuJiinColumn1 {
	font-size: 20px;
	font-weight:bold;

	line-height: 1.0em;/*縦間隔*/
	letter-spacing: 0.2em;/*横間隔*/

  color: var(--moji-color);

  border-bottom: solid 2px var(--line-color);/*左線*/

	padding-top:20px;
	padding-left:10px;
	padding-right:10px;

	display:table-cell;
}


/*検索寺院カラム住所*/
.kensakuJiinColumn2 {
	font-size: 16px;

  color: var(--moji-color);

	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
  border-bottom: solid 2px var(--line-color);/*左線*/

	width: 30%;
	display:table-cell;
}



/*検索堂仏像カラム設定*/
.kensakuColumn {
  display:table;
  width: 100%;
  margin: auto;
}


/*検索堂仏像カラムタイトル*/
.kensakuColumn1 {
	font-size: 16px;

  color: var(--moji-color);

  border-left: solid 2px var(--line-color);/*左線*/
  border-right: solid 2px var(--line-color);/*左線*/
  border-bottom: solid 2px var(--line-color);/*左線*/

	padding:10px;

	width: 30%;
	display:table-cell;
}


/*検索堂仏像カラム仏像*/
.kensakuColumn2 {
	font-size: 16px;

  color: var(--moji-color);

	padding:10px;
  border-right: solid 2px var(--line-color);/*左線*/
  border-bottom: solid 2px var(--line-color);/*左線*/

	display:table-cell;
}

/*検索堂仏像カラム拝観*/
.kensakuColumn3 {
	font-size: 16px;

  color: var(--moji-color);

	padding:10px;
  border-right: solid 2px var(--line-color);/*左線*/
  border-bottom: solid 2px var(--line-color);/*左線*/

	width: 8%;
	display:table-cell;
}



/*検索リンク*/
.kensakuLink {
  display: inline;
	text-decoration: none;
}
.kensakuLink:link {
	color:#000000;
}
.kensakuLink:visited {
	color:#000000;
}
.kensakuLink:hover {
	color:#0000ff;
}
.kensakuLink:active {
	color:#0f00f0;
}






/*サイド*/
.side {
  background: var(--back-color);
  width: 30%;
  border-left: solid 10px #ffffff;/*左線*/
  border-right: solid 20px var(--back-color);/*左線*/
}

.sideHanrei {
	font-size: 16px;
	line-height: 25px;/*縦間隔*/
	letter-spacing: 0.2em;/*横間隔*/
	padding-top:10px;
	padding-left:20px;
}

.sideTwitter {
	font-size: 20px;
}

.sideCounter {
	font-size: 20px;
}

.sideAmazon {
	text-align: center;
}

.sideGoogle {
	text-align: center;
}

.sideRakuten {
	text-align: center;
}


footer {
  background: var(--back-color);
}
.footerGoogle {
	text-align: center;
}



/*タブレット　レスポンシブ*/
@media screen and (max-width:959px) and (min-width:479px){
  .container {
    flex-direction: column;
    width: 100%;
  }
  .side {
		display:none;
	}


	.tsukiH2 {
		font-size: 15px;
	}
	.tsukiTiLink {
		text-decoration: none;
		font-size: 15px;
  }
	.tokubetsuTi {
		font-size: 15px;
		color: #cc3333;
	}
	.tokubetsuLi {
		font-size: 15px;
	}
	.tsukiTi {
		font-size: 15px;
		color: #cc3333;
	}
	.tsukiLi {
		font-size: 15px;
	}
}




/*スマホ　レスポンシブ*/
@media screen and (max-width:480px){
  .container {
    flex-direction: column;
    width: 100%;
  }
  .side {
		display:none;
	}


	.tsukiH2 {
		font-size: 5px;
	}
	.tsukiTiLink {
		text-decoration: none;
		font-size: 5px;
  }
	.tokubetsuTi {
		font-size: 5px;
	}
	.tokubetsuLi {
		font-size: 5px;
	}
	.tsukiTi {
		font-size: 5px;
	}
	.tsukiLi {
		font-size: 5px;
		color: #0000ff;
	}
}