@charset "utf-8";
/*---------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* 【CssTempleInfoPart02】                                                                              */
/*------------------------------------------------------------------------------------------------------*/
/*  【機能】                                                                                            */
/*    CssTempleInfoPart02では、CssTempleInfoCommon.cssに対する変更点と               、                 */
/*    「h1-h6」と「Table Class1」と「BClass2-4」のみを記述し、                                          */
/*    それ以外の記述は、 「CssTempleInfoCommon.css」の中に記述する。                                    */
/*  【変更履歴は、すべてCssTempleInfoCommon.cssの中に書く】                                             */
/*                                                                                                      */
/*------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*【PC用とスマホ用の共通の設定】サイト全体への適用
/*---------------------------------------------------------------------------*/


/* 【CssTempleInfoCommon.cssに対する変更点】
---------------------------------------------------------------------------*/
#Header,#Header1,#Header2,#Header3,#Header4,#Header5,#Header6,#Header7{

	font-weight: normal; /*【@@@Modified】*/
	font-weight: bold; /*【@@@Modified】*/
	/*font-size: 20px;*/ /*【@@@Modified】*/

}


/* 【CssTempleInfoCommon.cssに対する変更点】
---------------------------------------------------------------------------*/
#Main {

	background-color:#EFE;/*【@@@Modified】*/

}


/* 【CssTempleInfoCommon.cssに対する変更点】
---------------------------------------------------------------------------*/
#FooterEach{
	background-color:#EFF;/*【@@@Modified】*/
}






/* 【「h1-h6」と「Table Class1」と「BClass2-4」の記述】
-----------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/* TableClass1 Tableクラス(寺院の説明Tableなどで使用)                        */
/*---------------------------------------------------------------------------*/


.TableClass1 table{
	/* margin 上、右、下、左 */
	margin: 3px 3px 3px 3px;
	 margin: 3px 6px 3px 6px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width: 90%;
	width: calc(100% - 12px) ;
	border-collapse: collapse;
	border-spacing: 0;

}

.TableClass1 table th:first-child{
  border-radius: 5px 0 0 0;
}

.TableClass1 table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.TableClass1 table th{
  text-align: center;
  text-align: left;/*【@@@Modified】*/
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  width: 28%;/*【@@@Modified】*/

  padding: 10px 0;
}

.TableClass1 table td{
  text-align: center;
  text-align: left;/*【@@@Modified】*/
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  width: 75%;/*【@@@Modified】*/
  padding: 10px 0;
  /*padding 上、右、下、左*/
  padding: 4px 4px 4px 15px;/* Add 19/06/19 */
  background-color: #FFF;/*【@@@Modified】*/

}

.TableClass1 table td:last-child{
  border-right: 1px solid #a8b7c5;
}

.TableClass1 table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.TableClass1 table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}




/* 【「h1-h6」と「Table Class1」と「BClass2-4」の記述】
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* 【ボタンの定義】BClass1,BClass2,BClass3                                   */
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* BClass1ボタンクラス                                                       */
/* 【注意点】                                                                */
/*   「CssTempleInfoPart01」だけ水色のシンプルなボタンにし、                 */
/*   「CssTempleInfoPart02」はボタンを定義せず単純なリンクにする。           */
/* 【使用場所】                                                              */
/*   1.「H1」タイトルのすぐ下のボタン                                        */
/*---------------------------------------------------------------------------*/
/* ★★ ここでは定義しない ★★                                              */
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/* BClass2ボタンクラス                                                       */
/* 【注意点】                                                                */
/*   「CssTempleInfoCommon」で全てに共通のボタンとして定義。                 */
/* 【使用場所】                                                              */
/*   1.一般的に押すボタンはすべてこのボタン。                                */
/*---------------------------------------------------------------------------*/
/*     http://cssdeck.com/labs/push-the-buttons                              */
/*---------------------------------------------------------------------------*/
/* ★★ ここでは定義しない ★★                                              */
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/* BClass3ボタンクラス                                                       */
/* 【注意点】                                                                */
/*   「CssTempleInfoPart01」と「CssTempleInfoPart02」で別のボタンを定義。    */
/* 【使用場所】                                                              */
/*   1.寺院一覧表の寺院選択(詳細)ボタン                                      */
/*   2.トップページの都道府県選択ボタン                                      */
/*---------------------------------------------------------------------------*/
/* https://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html */
/*----------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/* 【.BClass3削除】【ClassCssStyle.cs作成のため】 2021/10/03                 */
/* 【.BClass3削除】【ClassCssStyle.cs作成のため】 2021/10/03                 */
/* 【.BClass3削除】【ClassCssStyle.cs作成のため】 2021/10/03                 */
/*---------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
/* BClass4は市町村一覧表のソート順ボタン                                      */
/* https://css-tricks.com/examples/ButtonMaker/#                              */
/*----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* BClassArrowボタンクラス                                                       */
/*----------------------------------------------------------------------------*/
/* ★★ ここでは定義しない ★★                                              */
/*---------------------------------------------------------------------------*/




/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】【スマホ用の設定】*/
/*---------------------------------------------------------------------------*/
/*【スマホ用の設定】スクリーン・サイズが640pixel以下の場合*/
/*---------------------------------------------------------------------------*/
/*570pxの理由は、Xpedia ZやGalaxy 4Sが360px × 568pxのため、横でもスマホ用にするため。*/
@media screen and (max-width: 640px) {

/*---------------------------------------------------------------------------*/
/* TableClass1 Tableクラス(寺院の説明Tableなどで使用)【スマホ用だけの設定】  */
/*---------------------------------------------------------------------------*/
.TableClass1 table{
	/* margin 上、右、下、左 */
	margin: 3px 0px 3px 0px;
	width: calc(100% - 0px) ;
  
}


}