@charset "utf-8";
/*******************************************************************************************/
/* 【ShareSaikoujiTempleGeneratorMain】【SaikoujiとTempleGeneratorで共用(共通仕様)する】   */
/* 【重要】【ShareSaikoujiTempleGeneratorMainを更新する場合は、まずSaikoujiでテストする。】*/
/*         【その後、OKであればTempleGeneratorへコピーして使用する。】                     */
/* 【機能】 SaikoujiとTempleGeneratorの共用部分を定義                                      */
/*******************************************************************************************/


/************************************************************************************/
/* ShareSaikoujiTempleGeneratorMain【開始】                                         */
/************************************************************************************/

/* 【01.saikouji.com】(黄色系:FF0) */
/* 【02.西光寺.jp】(緑系:0F0) */
/* 【03.saikoji.com】(赤系:F00) */
/* 【04.bukkyou.com/Saikouji】(青系:00F) */
/* 【05.bukyou.com/Saikouji】(紫系:A0F(青系)) */
/* 【06.tech-jp.com/Saikouji】(だいだい系:F90(黄色系)) */
/* 【07.jpinf.com/Saikouji】(ピンク系:F0F(赤系)) */
/* 【08.jpinf.sakura.ne.jp/Saikouji】(水色:0FF(緑系)) */
/* 【09.jpinf.boo.jp/Saikouji】(茶色系:B74) */

/* 【Saikoujiのクラスの順番】*/
/*  ◎HamburgerInput-toggler(ハンバーガーメニューボタン) */
/*  ◎HamburgerSidebar(ハンバーガーメニュー本体) */
/*  ◎HamburgerMenu-link(ハンバーガーメニューリンクボタン) */
/*  ◎=FrameMenuLeftとFrameMenuはほぼ共通に定義してある========================================== */
/*  ===    FrameMenuLeft(Saikoujiのみに使用。PCでメニューの左側に表示部分の設定。スマホの場合はメニューを消す) */
/*  ===    FrameMenu(スマホ用専用のトップメニューのボタンと囲う枠を設定する。) */
/*  ============================================================================================= */
/*  ◎【FrameAAクラス】【PC用とスマホ用の共通の設定】【開始】                          */
/*    【機能1】「全国の寺院(76,660) > 北海道の寺院(2,340) > 釧路市の寺院(44)」の 周りを囲うフレームを設定する。*/
/*    【機能2】寺院情報Htmlで、「全国の〇〇寺一覧表」と「〇〇市の寺院一覧表」の 周りを囲うフレームを設定する。 */
/*    【機能Saikouji】Saikoujiのサイトマップ                                                                   */
/*  ============================================================================================= */
/*  ◎【FrameBBクラス】【PC用とスマホ用の共通の設定】【開始】                          */
/*    【機能Saikouji】Saikoujiでページを前後に移動するボタンを囲う枠のフレームを設定する。     */
/*    【機能1】県、市区町村、寺院を前後に移動するボタンを囲う枠のフレームを設定する。   */
/************************************************************************************/
/*  ◎【FrameCCクラス】【PC用とスマホ用の共通の設定】【開始】                          */
/*    【機能1】寺院情報Htmlで、「〇〇寺の写真と地図」と「〇〇寺の情報」を囲うフレームを設定する。*/
/************************************************************************************/




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

/************************************************************************************/
/* 【PCのみ表示、スマホは非表示】【PC用とスマホ用の共通の設定】【開始】             */
/************************************************************************************/

.PCOnly{
	display:inline;
}

/* ================================================================================ */
/* 【PCのみ表示、スマホは非表示】【終了】                                           */
/* ================================================================================ */


/************************************************************************************/
/* 【HeaderGroupとHeaderButtonXクラス】【PC用とスマホ用の共通の設定】【開始】       */
/*     【機能】ヘッダーの設定とヘッダーで使うボタンの定義                           */
/************************************************************************************/

/*------------------------------------------------------------------------------*/
/* ヘッダー(HeaderGroup1-7)で使用するボタンの定義【PC用とスマホ用の共通の設定】 */
/*------------------------------------------------------------------------------*/

.HeaderButton1,.HeaderButton2,.HeaderButton3,.HeaderButton4,.HeaderButton5,.HeaderButton6,.HeaderButton7,.HeaderButton8,.HeaderButton9{
  /* margin 上、右、下、左 */
  margin: 2px 3px 2px 3px;
  /* padding 上、右、下、左 */
  padding: 4px 12px 2px 12px;
  text-decoration: none;/*テキストリンクのアンダーラインを消す*/
  display: inline-block;/*ボタンのテキストが途中で改行しないようにする。(white-space: nowrapよりもお勧め)*/
  border-bottom: 5px solid #003;
  border-top: none;
  border-left: none;
  border-right: none;
  background: linear-gradient(#00F,#88F,#23F,#008);
  color: #FFF;
  border-radius: 7px;
  box-shadow: 0px 2px 10px grey;
  color: white;
}

.HeaderButton1:hover,.HeaderButton2:hover,.HeaderButton3:hover,.HeaderButton4:hover,.HeaderButton5:hover,.HeaderButton6:hover,.HeaderButton7:hover,.HeaderButton8:hover,.HeaderButton9:hover {
  /* margin 上、右、下、左 */
  margin: 2px 3px 5px 3px;
  border: none;
  border-bottom: 2px solid #000;
  box-shadow: 0px 1px 5px grey;
  background: linear-gradient(#400,#F00,#400);
  color: #FF0;
}

.HeaderButton2,.HeaderButton6,.HeaderButton8{
  border-bottom: 5px solid #030;
  background: linear-gradient(#0F0,#8F8,#2F3,#080);
  background: linear-gradient(#050,#0E0,#030);
  box-shadow: 0px 2px 10px grey;
}

.HeaderButton5,.HeaderButton7{
  border-bottom: 5px solid #300;
  background: linear-gradient(#600,#D00,#400);
  box-shadow: 0px 2px 10px grey;
}
.HeaderButton5:hover,.HeaderButton7:hover{
  border-bottom: 2px solid #000;
  box-shadow: 0px 1px 5px grey;
  background: linear-gradient(#880,#FF0,#FF0,#440);
  color: #00F;
}


/*---------------------------------------------------------------------------*/
/* 各サーバーで設定を変更するヘッダー(HeaderGroup1-7)の定義【PC用とスマホ用の共通の設定】 */
/*---------------------------------------------------------------------------*/

/* ヘッダーに使う文字(スマートフォンは文字が小さくなる) */
.HeaderFontBig {
	font-size:28px;
}
.HeaderFontMiddle {
	font-size:18px;
}

/*---------------------------------------------------------------------------*/
/* 各サーバーで設定を変更するヘッダー(HeaderGroup1-7)の定義【PC用とスマホ用の共通の設定】 */
/* 【重要】将来的にHeaderGroupはHeaderに変更する                             */
/* 【重要】将来的にHeaderGroupはHeaderに変更する                             */
/* 【重要】将来的にHeaderGroupはHeaderに変更する                             */
/*---------------------------------------------------------------------------*/

#Header1,#HeaderTemp1,#Header2,#HeaderTemp2,#Header3,#HeaderTemp3,#Header4,#HeaderTemp4,#Header5,#HeaderTemp5,#Header6,#HeaderTemp6,#Header7,#HeaderTemp7,#Header8,#HeaderTemp8,#Header9,#HeaderTemp9 {
	/* margin 上、右、下、左 */
	margin: 0px 0px 2px 0px;
	/* padding 上、右、下、左 */
	padding: 8px 8px 8px 8px;

/*	float:left;
*/
	font-size:16px;
	width: 100%;
	line-height: 1.3;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	border-radius: 6px; /*角の丸み*/
	border: 3px solid #080; /* 枠線の太さ・色 */
}


/* 【01.saikouji.com】 */
#Header1,#HeaderTemp1 {
	border: 5px solid #AF0; /*線の太さ・色*/
	border-radius: 10px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.8) inset;
	background-image: linear-gradient(60deg, #FF6 0%,#FFD 30%,#FFC 70%, #FF2 100%);
}

/* 【02.西光寺.jp】 */
/**********************************************************************************************************/
/*【重要】外枠を2pxで作成し、その中をshadowで7本の線で内枠を構成。中は、円のグラデーションをかけている。  */
/**********************************************************************************************************/
#Header2,#HeaderTemp2{
	padding: 12px;
	overflow-x: hidden; /* For Opera */
	border: 2px solid #0A0; /*線の太さ・色*/
	border-radius: 6px; /*角の丸み*/
	box-shadow:
		inset #0E0 0 0 0 2px,
		inset #4F4 0 0 0 4px,
		inset #8F8 0 0 0 6px,
		inset #AFA 0 0 0 8px,
		inset #CFC 0 0 0 10px,
		inset #EFE 0 0 0 12px,
		inset #FAFFFA 0 0 0 14px;
	background-image: radial-gradient(#C8FFC8, #FFF);
}

/* 【03.saikoji.com】 */
#Header3,#HeaderTemp3{
	border: 3px solid #F44; /*線の太さ・色*/
	border: 3px solid #F00; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #FBA 0%,#FEE 20%,#FEE 75%, #FBA 100%);
	background-image: linear-gradient(60deg, #FDD 0%,#FFF8F8 20%,#FFF8F8 75%, #FDD 100%);
}
/* 【04.bukkyou.com/Saikouji】 */
#Header4,#HeaderTemp4{
	border: 3px solid #04F; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #BEF 0%,#EFF 20%,#EFF 75%, #BEF 100%);
}
/* 【05.bukyou.com/Saikouji】 */
#Header5,#HeaderTemp5{
	border: 3px solid #B7D; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #C9E 0%,#FEF 20%,#FEF 75%, #C9E 100%);
}

/* 【06.tech-jp.com/Saikouji】 */
/**********************************************************************/
/*【重要】Border dashedでステッチを作る。                             */
/**********************************************************************/
#HeaderTemp6{
	/* margin 上、右、下、左 【ステッチまでの幅】*/
	margin: 6px 6px 6px 6px;
	width:calc(100% - 16px);
	background-color: #EA4;
	box-shadow: 0 0 0 8px #EA4;
	border: 2px dashed #FFFFFF;
	border-radius: 1px;
	color: #555555;
}

/* 【06.tech-jp.com/Saikouji】 *//* Saikouji専用タイトルCSS(ステッチなし) */
#Header6{
	border: 4px solid #E83; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #FA4 0%,#FEB 20%,#FEB 75%, #FA4 100%);
	background-image: linear-gradient(60deg, #FCA 0%,#FFF8D0 20%,#FFF8D0 75%, #FCA 100%);
}

/* 【07.jpinf.com/Saikouji】 */
#Header7,#HeaderTemp7 {
	border: 3px solid #FCE; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #FCE 0%,#FEE 20%,#FEE 75%, #FCE 100%);
}


/* 【08.jpinf.sakura.ne.jp】 */
#Header8,#HeaderTemp8 {
	/* margin 上、右、下、左 */
	margin: 4px 3px 5px 3px;
	/* padding 上、右、下、左 */
	padding: 6px 6px 6px 6px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width: calc(100% - 6px);
	color: #000; /* 文字色 */
	background-color: #fff; /* 背景色 */
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: 0 0 5px 5px #CCC, 0 0 5px 3px #CCC inset; /* 影 */
	box-shadow: 0 0 2px 1px #888, 0 0 2px 1px #888 inset; /* 影 */
	box-shadow: 0 0 3px 1px #444, 0 0 3px 1px #444 inset; /* 影 */
	box-shadow: 0 0 4px 4px #000, 0 0 inset; /* 影 */
	border-radius: 8px; /*角の丸み*/
	background-image: linear-gradient(150deg,#642 0%, #DA8 30%, #DA8 70%, #642 100%);
	background-image: linear-gradient(150deg,#254 0%, #CF6 49%, #CF6 51%, #254 100%);
	
}

/* 【09.jpinf.boo.jp】 */
#Header9,#HeaderTemp9 {
	/* margin 上、右、下、左 */
	margin: 4px 3px 5px 3px;
	margin: 2px 2px 2px 2px;
	/* padding 上、右、下、左 */
	padding: 6px 6px 6px 6px;
	padding: 3px 3px 3px 3px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width: calc(100% - 6px);
	color: #FFF; /* 文字色 */
	/* background-color:#191919; */
	background-image: linear-gradient(150deg,#421 0%, #642 30%, #B75 48%, #B75 52%, #642 70%, #421 100%);
	border:6px solid #a60;
	border-radius:3px;
	box-shadow:2px 2px 4px #999,2px 2px 2px #000 inset;
}

/* ================================================================================ */
/* 【HeaderとHeaderButtonXクラス】【PC用とスマホ用の共通の設定】【終了】       */
/* ================================================================================ */

/*---------------------------------------------------------------------------*/
/* 各サーバーで設定を変更するヘッダー(HeaderGroup1-7)の定義【PC用とスマホ用の共通の設定】 */
/* 【重要】将来的にHeaderGroupはHeaderに変更する                             */
/* 【重要】将来的にHeaderGroupはHeaderに変更する                             */
/* 【重要】将来的にHeaderGroupはHeaderに変更する                             */
/*---------------------------------------------------------------------------*/

#HeaderGroup1,#HeaderGroup2,#HeaderGroup3,#HeaderGroup4,#HeaderGroup5,#HeaderGroup6,#HeaderGroup6Saikou,#HeaderGroup7,#HeaderGroup8,#HeaderGroup9 {
	/* margin 上、右、下、左 */
	margin: 0px 0px 2px 0px;
	/* padding 上、右、下、左 */
	padding: 8px 8px 8px 8px;
	overflow:hidden;

/*	float:left;
*/
	font-size:16px;
	width: 100%;
	line-height: 1.3;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	border-radius: 6px; /*角の丸み*/
	border: 3px solid #080; /* 枠線の太さ・色 */
}


/* 【01.saikouji.com】 */
#HeaderGroup1 {
	border: 5px solid #AF0; /*線の太さ・色*/
	border-radius: 10px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.8) inset;
	background-image: linear-gradient(60deg, #FF6 0%,#FFD 30%,#FFC 70%, #FF2 100%);
}

/* 【02.西光寺.jp】 */
/**********************************************************************************************************/
/*【重要】外枠を2pxで作成し、その中をshadowで7本の線で内枠を構成。中は、円のグラデーションをかけている。  */
/**********************************************************************************************************/
#HeaderGroup2{
	padding: 12px;
	overflow-x: hidden; /* For Opera */
	border: 2px solid #0A0; /*線の太さ・色*/
	border-radius: 6px; /*角の丸み*/
	box-shadow:
		inset #0E0 0 0 0 2px,
		inset #4F4 0 0 0 4px,
		inset #8F8 0 0 0 6px,
		inset #AFA 0 0 0 8px,
		inset #CFC 0 0 0 10px,
		inset #EFE 0 0 0 12px,
		inset #FAFFFA 0 0 0 14px;
	background-image: radial-gradient(#C8FFC8, #FFF);
}

/* 【03.saikoji.com】 */
#HeaderGroup3{
	border: 3px solid #F44; /*線の太さ・色*/
	border: 3px solid #F00; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #FBA 0%,#FEE 20%,#FEE 75%, #FBA 100%);
	background-image: linear-gradient(60deg, #FDD 0%,#FFF8F8 20%,#FFF8F8 75%, #FDD 100%);
}
/* 【04.bukkyou.com/Saikouji】 */
#HeaderGroup4{
	border: 3px solid #04F; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #BEF 0%,#EFF 20%,#EFF 75%, #BEF 100%);
}
/* 【05.bukyou.com/Saikouji】 */
#HeaderGroup5{
	border: 3px solid #B7D; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #C9E 0%,#FEF 20%,#FEF 75%, #C9E 100%);
}

/* 【06.tech-jp.com/Saikouji】 */
/**********************************************************************/
/*【重要】Border dashedでステッチを作る。                             */
/**********************************************************************/
#HeaderGroup6{
	/* margin 上、右、下、左 【ステッチまでの幅】*/
	margin: 6px 6px 6px 6px;
	width:calc(100% - 16px);
	background-color: #EA4;
	box-shadow: 0 0 0 8px #EA4;
	border: 2px dashed #FFFFFF;
	border-radius: 1px;
	color: #555555;
}

/* 【06.tech-jp.com/Saikouji】 *//* Saikouji専用タイトルCSS(ステッチなし) */
#HeaderGroup6Saikou{
	border: 4px solid #E83; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #FA4 0%,#FEB 20%,#FEB 75%, #FA4 100%);
	background-image: linear-gradient(60deg, #FCA 0%,#FFF8D0 20%,#FFF8D0 75%, #FCA 100%);
}

/* 【07.jpinf.com/Saikouji】 */
#HeaderGroup7 {
	border: 3px solid #FCE; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(60deg, #FCE 0%,#FEE 20%,#FEE 75%, #FCE 100%);
}


/* 【08.jpinf.sakura.ne.jp】 */
#HeaderGroup8 {
	/* margin 上、右、下、左 */
	margin: 4px 3px 5px 3px;
	/* padding 上、右、下、左 */
	padding: 6px 6px 6px 6px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width: calc(100% - 6px);
	color: #000; /* 文字色 */
	background-color: #fff; /* 背景色 */
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: 0 0 5px 5px #CCC, 0 0 5px 3px #CCC inset; /* 影 */
	box-shadow: 0 0 2px 1px #888, 0 0 2px 1px #888 inset; /* 影 */
	box-shadow: 0 0 3px 1px #444, 0 0 3px 1px #444 inset; /* 影 */
	box-shadow: 0 0 4px 4px #000, 0 0 inset; /* 影 */
	border-radius: 8px; /*角の丸み*/
	background-image: linear-gradient(150deg,#642 0%, #DA8 30%, #DA8 70%, #642 100%);
	background-image: linear-gradient(150deg,#254 0%, #CF6 49%, #CF6 51%, #254 100%);
	
}

/* 【09.jpinf.boo.jp】 */
#Header9{
	color: #FFF;	/*メニューの文字色*/
}

#HeaderGroup9 {
	/* margin 上、右、下、左 */
	margin: 4px 3px 5px 3px;
	margin: 2px 2px 2px 2px;
	/* padding 上、右、下、左 */
	padding: 6px 6px 6px 6px;
	padding: 3px 3px 3px 3px;
	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	width: calc(100% - 6px);
	color: #FFF; /* 文字色 */
	/* background-color:#191919; */
	background-image: linear-gradient(150deg,#421 0%, #642 30%, #B75 48%, #B75 52%, #642 70%, #421 100%);
	background-image: linear-gradient(150deg,#953 0%, #B75 30%, #C97 48%, #C97 52%, #B75 70%, #953 100%);
	border:6px solid #a60;
	border-radius:3px;
	box-shadow:2px 2px 4px #999,2px 2px 2px #000 inset;
}

/* ================================================================================ */
/* 【HeaderGroupとHeaderButtonXクラス】【PC用とスマホ用の共通の設定】【終了】       */
/* ================================================================================ */

/************************************************************************************/
/* 【MultiDisplayImageクラス】【PC用とスマホ用の共通の設定】【開始】（自分で作成）  */
/*     【機能】４枚の写真（イメージ）を順番に表示させる。写真ごとにリンクを貼れる。 */
/*     【その他】表示間隔を帰る場合は、animation-duration:の時間を変更し、          */
/*               animation-delay:の時間を新たに設定した時間の1/4づつに変更する。    */
/*               写真の重なり合う時間を変更するには、@keyframesの割合を変更する。   */
/************************************************************************************/

/*********************************************************/
/*ヘッダーの右上に置く透明の長方形を作成する             */
/*【目的】スマホの場合は、４枚の写真を表示しないので、   */
/*　　　　ハンバーガーメニューで文字が隠れないために使用 */
/*********************************************************/
.MDspImg_Rectangle {
	/*margin 上、右、下、左*/
	margin: 0px 0px 0px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	width: 45px;/*この大きさがハンバーガーメニューからギリギリはみだす大きさ(background-colorをRedにして確認する)*/
	height: 55px;/*この大きさがハンバーガーメニューからギリギリはみだす大きさ(background-colorをRedにして確認する)*/
	background-color: transparent;
}

.MDspImg1,.MDspImg2,.MDspImg3,.MDspImg4,.MDspImg5,.MDspImg6,.MDspImg7,.MDspImg8,.MDspImg9 {
	/* margin 上、右、下、左 */
	margin: 0px 5px 5px 0px;
	margin: 0px 5px 0px 0px;
	/* padding 上、右、下、左 */
	padding: 0px 0px 0px 0px;
	/*background-color: white;*/ /* 背景色は指定せず、透明にする。 */
	position: relative;
}
.MDspImg1 img,.MDspImg2 img,.MDspImg3 img,.MDspImg4 img,.MDspImg5 img,.MDspImg6 img,.MDspImg7 img,.MDspImg8 img,.MDspImg9 img {
    /* 写真（イメージ）大きさを変更するには、widthとheightを変更する。 */
	width:120px;
	width:200px;
	width:160px;
	width:160px;/*25/07/20 画像が大きすぎてメニューが右にずれたため、一時的に縮小した*/
	width:180px;
	height:89px;
	height:148px;
	height:119px;
	height:105px;/*25/07/20 画像が大きすぎてメニューが右にずれたため、一時的に縮小した*/
	height:133px;
	position: relative;
	animation-name: MultiDisplayImage;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	opacity: 0;
	border: 2px solid;
	border-color: #060;
}

.MDspImg4 img,.MDspImg7 img,.MDspImg9 img {
	/* 画像のフレームの枠の設定は、以下の３行(コメントを除く)で行う。 */
    /* box-shadow:は、水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色 */
    box-shadow: -4px 4px 2px 1px rgba(0, 0, 0, 0.4);
    box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.5);
    border: double 6px #400;
    border: solid 2px #F00;
    background-color: #F00;
}

.MDspImg1 .image1,.MDspImg2 .image1,.MDspImg3 .image1,.MDspImg4 .image1,.MDspImg5 .image1,.MDspImg6 .image1,.MDspImg7 .image1,.MDspImg8 .image1,.MDspImg9 .image1 {
	animation-delay:0s;
}
.MDspImg1 .image2,.MDspImg2 .image2,.MDspImg3 .image2,.MDspImg4 .image2,.MDspImg5 .image2,.MDspImg6 .image2,.MDspImg7 .image2,.MDspImg8 .image2,.MDspImg9 .image2 {
	animation-delay:5s;
	position: absolute;top: 0;left: 0;/* image1は入れない。 */
}
.MDspImg1 .image3,.MDspImg2 .image3,.MDspImg3 .image3,.MDspImg4 .image3,.MDspImg5 .image3,.MDspImg6 .image3,.MDspImg7 .image3,.MDspImg8 .image3,.MDspImg9 .image3 {
	animation-delay:10s;
	position: absolute;top: 0;left: 0;/* image1は入れない。 */
}
.MDspImg1 .image4,.MDspImg2 .image4,.MDspImg3 .image4,.MDspImg4 .image4,.MDspImg5 .image4,.MDspImg6 .image4,.MDspImg7 .image4,.MDspImg8 .image4,.MDspImg9 .image4 {
	animation-delay:15s;
	position: absolute;top: 0;left: 0;/* image1は入れない。 */
}

/* 4枚の場合は、opacityの値は、0%=0,X%=1,25%=1,25+X%=0,100%=0にする。 */
/* z-indexの値は、画像のリンクを有効にするため、表示中の画像を最上位にもってくる。 */
@keyframes MultiDisplayImage {
	0% {
		opacity: 0;
		z-index: 100;
	}
	
	20% {
		opacity: 1;
	}
	25% {
		opacity: 1;
		z-index: 10;
	}
	45% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
/* ================================================================================ */
/* 【MultiDisplayImageクラス】【終了】                                              */
/* ================================================================================ */

/************************************************************************************/
/* 【BClassArrowボタンクラス】【開始】                                              */
/************************************************************************************/

/*---------------------------------------------------------------------------*/
/* BClassArrowボタンクラス【西光寺が最新、TempleGeneratorは西光寺のコピー】  */
/* 【機能】ページを前後させるボタンの定義                                    */
/* 【注意点】                                                                */
/*   _Aははじめに戻る、_Bは一つ戻る、_Cは一つ進む、_Dは最後へ移動            */
/* 【使用場所】                                                              */
/*   1.寺院の移動ボタン                                                      */
/*---------------------------------------------------------------------------*/

.BClassArrow_A,.BClassArrow_B,.BClassArrow_C,.BClassArrow_D,.BClassArrow_A_Disable,.BClassArrow_B_Disable,.BClassArrow_C_Disable,.BClassArrow_D_Disable,.BClassArrow_Z {
	/*margin 上、右、下、左*/
	margin: 2px 0px 2px 0px;
	margin: 3px 3px 3px 3px;
	display: block;
	display:   inline-block;
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width: auto;
	max-width:140px;
	max-width:200px;
	max-width:300px;
	line-height:0.98;

/*Add 22/01/14*/
	box-sizing: border-box;

	height: 33px;
	height: 36px;
	height: 45px;
	text-align: right;
	text-align: center;

	font-size : 14px ;
	font-weight: none;
	text-decoration: none;
	border-radius: 5px;

	color: #FFF;
	background: #000;
	position: relative;

	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: linear-gradient(to bottom,
          rgba(180, 180, 180, 1.0),
          rgba(253, 253, 253, 1.0) 25%,
          rgba(240, 240, 240, 1.0) 30%,
          rgba(253, 253, 253, 1.0) 36%,
          rgba(225, 225, 225, 1.0) 50%,
          rgba(200, 200, 200, 1.0) 80%,
          rgba(170, 170, 170, 1.0)
          );

	border-top: 1.5px solid #EEE;
	border-left: 1.5px solid #EEE;
	border-right: 2.5px solid #222;
	border-bottom: 2.5px solid #222;

	text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;
	text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
	text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;

}

.BClassArrow_A_Disable,.BClassArrow_B_Disable,.BClassArrow_C_Disable,.BClassArrow_D_Disable,.BClassArrow_Z_Disable {

	border-top: 1.5px solid #EEE;
	border-left: 1.5px solid #EEE;
	border-right: 2.5px solid #222;
	border-bottom: 2.5px solid #222;

}

.BClassArrow_Z {
	/*padding 上、右、下、左*/
	padding:3px 25px 0px 25px;
	padding:0px 25px 0px 25px;
}
.BClassArrow_A,.BClassArrow_A_Disable {
	/*padding 上、右、下、左*/
	padding:3px 15px 0px 35px;
	padding:0px 8px 0px 28px;
	padding:0px 4px 0px 26px;
}
.BClassArrow_B,.BClassArrow_B_Disable {
	/*padding 上、右、下、左*/
	padding:3px 15px 0px 35px;
	padding:0px 8px 0px 28px;
	padding:0px 4px 0px 26px;
}

.BClassArrow_C,.BClassArrow_C_Disable {
	/*padding 上、右、下、左*/
	padding:3px 35px 0px 15px;
	padding:0px 28px 0px 8px;
	padding:0px 26px 0px 4px;
}
.BClassArrow_D,.BClassArrow_D_Disable {
	/*padding 上、右、下、左*/
	padding:3px 35px 0px 15px;
	padding:0px 28px 0px 8px;
	padding:0px 26px 0px 4px;
}


.BClassArrow_A_Disable {
	text-shadow: none;
	color: #666;
}
.BClassArrow_B_Disable {
	text-shadow: none;
	color: #666;
}
.BClassArrow_C_Disable {
	text-shadow: none;
	color: #666;
}
.BClassArrow_D_Disable {
	text-shadow: none;
	color: #666;
}



.BClassArrow_B::before,.BClassArrow_C::before,.BClassArrow_B_Disable::before,.BClassArrow_C_Disable::before{
	content: "";
	position: absolute;
	top: 34%;
	width: 12px;
	height: 12px;
	border-top: 10px solid #C00;
	border-right: 10px solid #C00;
	margin-top: -5px;

/*Add 22/01/14*/
	width: 15px;
	height: 15px;
	border-radius:5px;
	margin-top: -7px;


}


.BClassArrow_A::before,.BClassArrow_D::before,.BClassArrow_A_Disable::before,.BClassArrow_D_Disable::before{
	content: "";
	position: absolute;
	top: 34%;
	width: 18px;
	height: 18px;
	border-top: 3px solid #C00;
	border-right: 3px solid #C00;
	margin-top: -5px;

/*Add 22/01/14*/
	width: 21px;
	height: 21px;
	border-radius:3px;
	margin-top: -7px;



}
.BClassArrow_A::after,.BClassArrow_D::after,.BClassArrow_A_Disable::after,.BClassArrow_D_Disable::after{
	content: "";
	position: absolute;
	top: 34%;
	width: 18px;
	height: 18px;
	border-top: 3px solid #C00;
	border-right: 3px solid #C00;
	margin-top: -5px;


/*Add 22/01/14*/
	width: 21px;
	height: 21px;
	border-radius:3px;
	margin-top: -7px;

}
.BClassArrow_A::before,.BClassArrow_B::before,.BClassArrow_A_Disable::before,.BClassArrow_B_Disable::before{
	left: 10px;
	transform: rotate(225deg);

/*Add 22/01/14*/
	left: 5px;


}

.BClassArrow_A::after,.BClassArrow_A_Disable::after{
	left: 16px;
	transform: rotate(225deg);

/*Add 22/01/14*/
	left: 12px;

}

.BClassArrow_C::before,.BClassArrow_D::before,.BClassArrow_C_Disable::before,.BClassArrow_D_Disable::before{
	right: 10px;
	transform: rotate(45deg);

/*Add 22/01/14*/
	right: 5px;

}

.BClassArrow_D::after,.BClassArrow_D_Disable::after{
	right: 16px;
	transform: rotate(45deg);

/*Add 22/01/14*/
	right: 12px;

}

.BClassArrow_A_Disable::before{
	border-color: #777;
}
.BClassArrow_B_Disable::before{
	border-color: #777;
}
.BClassArrow_C_Disable::before{
	border-color: #777;
}
.BClassArrow_D_Disable::before{
	border-color: #777;
}
.BClassArrow_A_Disable::after{
	border-color: #777;
}
.BClassArrow_D_Disable::after{
	border-color: #777;
}


.BClassArrow_A:hover,.BClassArrow_B:hover,.BClassArrow_C:hover,.BClassArrow_D:hover,.BClassArrow_Z:hover {
  color: #000;
  color: #FFF;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
  text-shadow: 2px 2px 2px #333,-2px 2px 2px #333,2px -2px 2px #333,-2px -2px 2px #333,2px 2px 2px #333,-2px 2px 2px #333,2px -2px 2px #333,-2px -2px 2px #333;

  background-image: linear-gradient(to bottom, #2be, #29c);
  background-image: linear-gradient(to bottom, #A00, #FCC, #A00);

/*Add 22/01/14*/
/*Move 22/01/16*/
/*  box-sizing: border-box; */

/*
  border-top: 2px solid  #555;
  border-bottom: 2px solid  #555;
*/
}


.BClassArrow_B:hover::before,.BClassArrow_C:hover::before{
	border-top: 10px solid #333;
	border-right: 10px solid #333;
}

.BClassArrow_A:hover::before,.BClassArrow_D:hover::before{
	border-top: 3px solid #333;
	border-right: 3px solid #333;
}
.BClassArrow_A:hover::after,.BClassArrow_D:hover::after{
	border-top: 3px solid #333;
	border-right: 3px solid #333;
}



/*---------------------------------------------------------------------------*/
/*BClassArrow_NO1-8の個別設定。                                              */
/*---------------------------------------------------------------------------*/

/*【黄色系ボタン(1:Saikouji)】*/
.BClassArrow_NO1 {
  border-top: 1.5px solid #AAF;
  border-left: 1.5px solid #AAF;
  border-right: 1.8px solid #00F;
  border-bottom: 1.8px solid #00F;

  font-weight: bold;
  text-shadow: -1px -1px #FFC, -1px 1px #FF4, 1px -1px #FF4, 1px 1px #FF4;/* 黄色系(4点版) */
  text-shadow: -1px -1px #FF0, -1px 1px #FF0, 1px -1px #FF0, 1px 1px #FF0;/* 黄色系(4点版) */
  color: #000;
  color: #00C;
  color: #00F;
}

/*【青系Hover(1)】*/
.BClassArrow_NO1:hover {
  background-image: linear-gradient(to bottom, #88F, #EEF, #88F);
  /*【上下２本線の色と太さ】*/
  border-top: 2px solid  #555;
  border-bottom: 2px solid  #555;
  border-left: 2px solid  #555;
  border-right: 2px solid  #555;
}

/*【緑色系ボタン((2:西光寺))】*/
.BClassArrow_NO2 {
  border-top: 1.5px solid #EFE;
  border-left: 1.5px solid #EFE;
  border-right: 1.5px solid #2F2; /*緑色は色が強いため、2pxでなく1.5pxにする*/
  border-bottom: 1.5px solid #2F2; /*緑色は色が強いため、2pxでなく1.5pxにする*/
  text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;
}

/*【黄色系Hover(2)】*/
.BClassArrow_NO2:hover {
  background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
  background-image: linear-gradient(to bottom, #DD0, #FFE, #DD0);
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
  /*【上下２本線の色と太さ】*/
  border-top: 3px solid  #00F;
  border-bottom: 3px solid  #00F;
}

/*【ピンク系ボタン(3:Saikoji)】*/
.BClassArrow_NO3{
  border-top: 1.5px solid #FEE;
  border-left: 1.5px solid #FEE;
  border-right: 2px solid #F22;
  border-bottom: 2px solid #F22;
  color: #008;
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88,2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88;
  text-shadow: 2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA,2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA;
  text-shadow: 1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA,1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA;
}

/*【ピンク系Hover(3)】*/
.BClassArrow_NO3:hover{
  background-image: linear-gradient(to bottom, #060, #DFD, #060);
  background-image: linear-gradient(to bottom, #F8F, #FEF, #F8F);
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0,2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0;
  text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
  /*【上下２本線の色と太さ】*/
  border-top: 2px solid #00F;
  border-bottom: 2px solid #00F;
}

/*【青系ボタン(4:Bukkyou)】*/
.BClassArrow_NO4 {
  border-top: 1.5px solid #EEF;
  border-left: 1.5px solid #EEF;
  border-right: 2px solid #22F;
  border-bottom: 2px solid #22F;
  text-shadow: 2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F,2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F;
}

/*【青系Hover(4)】*/
.BClassArrow_NO4:hover {
  background-image: linear-gradient(to bottom, #00A, #CCF, #00A);
  background-image: linear-gradient(to bottom, #88F, #DDF, #88F);
  background-image: linear-gradient(to bottom, #88F, #EEF, #88F);
  /*【上下２本線の色と太さ】*/
  border-top: 2px solid  #555;
  border-bottom: 2px solid  #555;
}

/*【紫系ボタン(5:Bukyou)】*/
.BClassArrow_NO5 {
  border-top: 1.5px solid #FAE0FF;
  border-left: 1.5px solid #FAE0FF;
  border-right: 2px solid #A2F;
  border-bottom: 2px solid #A2F;
  text-shadow: 2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F,2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F;
  text-shadow: 2px 2px 2px #A4F,-2px 2px 2px #A4F,2px -2px 2px #A4F,-2px -2px 2px #A4F,2px 2px 2px #A4F,-2px 2px 2px #A4F,2px -2px 2px #A4F,-2px -2px 2px #A4F;
  color: #FF8;
}

/*【黄色系Hover(5)】*/
.BClassArrow_NO5:hover {
  background-image: linear-gradient(to bottom, #A0A, #FCF, #A0A);
  background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
  background-image: linear-gradient(to bottom, #DD0, #FFF, #DD0);

  /*【文字の色】*/
  /*color: #000;*/
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;
  text-shadow: 2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00,2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00;
  text-shadow: 2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00,2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00;
  /*【上下２本線の色と太さ】*/
  border-top: 2px solid #F00;
  border-bottom: 2px solid #F00;

}

/*【橙色系ボタン(6)】*/
.BClassArrow_NO6 {
/*  border-top: 1.5px solid #FFE;
  border-left: 1.5px solid #FFE;
  border-right: 1.5px solid #FF0;
  border-bottom: 1.5px solid #FF0;
*/
  border-top: 1.5px solid #AAF;
  border-left: 1.5px solid #AAF;
  border-right: 1.8px solid #00F;
  border-bottom: 1.8px solid #00F;
  text-shadow: 2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F,2px 2px 2px #44F,-2px 2px 2px #44F,2px -2px 2px #44F,-2px -2px 2px #44F;
  text-shadow: 2px 2px 2px #FF8,-2px 2px 2px #FF8,2px -2px 2px #FF8,-2px -2px 2px #FF8,2px 2px 2px #FF8,-2px 2px 2px #FF8,2px -2px 2px #FF8,-2px -2px 2px #FF8;
  text-shadow: 2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0,2px 2px 2px #FF0,-2px 2px 2px #FF0,2px -2px 2px #FF0,-2px -2px 2px #FF0;
  text-shadow: 2px 2px 2px #FF4,-2px 2px 2px #FF4,2px -2px 2px #FF4,-2px -2px 2px #FF4,2px 2px 2px #FF4,-2px 2px 2px #FF4,2px -2px 2px #FF4,-2px -2px 2px #FF4;
  text-shadow: 1px 1px 1px #FF4,-1px 1px 1px #FF4,1px -1px 1px #FF4,-1px -1px 1px #FF4,1px 1px 1px #FF4,-1px 1px 1px #FF4,1px -1px 1px #FF4,-1px -1px 1px #FF4;/*黄色系*/
  text-shadow: .5px .5px .5px #F84,-.5px .5px .5px #F84,.5px -.5px .5px #F84,-.5px -.5px .5px #F84,.5px .5px .5px #F84,-.5px .5px .5px #F84,.5px -.5px .5px #F84,-.5px -.5px .5px #F84;/*橙色系*/
  color:#00F;
  color:#444;
}

/*【黄色系Hover(6)】*/
.BClassArrow_NO6:hover {
  background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
  background-image: linear-gradient(to bottom, #DD0, #FFE, #DD0);
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
  /*【上下２本線の色と太さ】*/
  border-top: 3px solid  #00F;
  border-bottom: 3px solid  #00F;
}

/*【ピンク系ボタン(7)】*/
.BClassArrow_NO7{
  color: #008;
  border-top: 1.5px solid #FEE;
  border-left: 1.5px solid #FEE;
  border-right: 2px solid #F22;
  border-bottom: 2px solid #F22;
  text-shadow: 2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88,2px 2px 2px #F88,-2px 2px 2px #F88,2px -2px 2px #F88,-2px -2px 2px #F88;
  text-shadow: 2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA,2px 2px 2px #FAA,-2px 2px 2px #FAA,2px -2px 2px #FAA,-2px -2px 2px #FAA;
  text-shadow: 1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA,1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA;
}

/*【緑系Hover(7)】*/
.BClassArrow_NO7:hover{
  background-image: linear-gradient(to bottom, #060, #DFD, #060);
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00,2px 2px 2px #F00,-2px 2px 2px #F00,2px -2px 2px #F00,-2px -2px 2px #F00;
  text-shadow: 2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00,2px 2px 2px #C00,-2px 2px 2px #C00,2px -2px 2px #C00,-2px -2px 2px #C00;
  text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;
  text-shadow: 2px 2px 2px #A00,-2px 2px 2px #A00,2px -2px 2px #A00,-2px -2px 2px #A00,2px 2px 2px #A00,-2px 2px 2px #A00,2px -2px 2px #A00,-2px -2px 2px #A00;
  /*【なし】【上下２本線の色と太さ】*/
}

/*【水色系ボタン(8)】*/
.BClassArrow_NO8 {
  border-top: 1.5px solid #EFE;
  border-left: 1.5px solid #EFE;
  border-right: 2.0px solid #2F2;
  border-bottom: 2.0px solid #2F2;
  text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;
  text-shadow: 2px 2px 2px #088,-2px 2px 2px #088,2px -2px 2px #088,-2px -2px 2px #088,2px 2px 2px #088,-2px 2px 2px #088,2px -2px 2px #088,-2px -2px 2px #088;
  text-shadow: 1px 1px 1px #088,-1px 1px 1px #088,1px -1px 1px #088,-1px -1px 1px #088,1px 1px 1px #088,-1px 1px 1px #088,1px -1px 1px #088,-1px -1px 1px #088;
  color: #FFE;
}

/*【黄色系Hover(8)】*/
.BClassArrow_NO8:hover {
  background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
  background-image: linear-gradient(to bottom, #DD0, #FFE, #DD0);
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
  /*【上下２本線の色と太さ】*/
  border-top: 3px solid  #00F;
  border-bottom: 3px solid  #00F;
}

/*【茶色系ボタン(9:Lilipop)】*/
.BClassArrow_NO9{
  border-top: 1.5px solid #FEC;
  border-left: 1.5px solid #FEC;
  border-right: 2px solid #A62;
  border-bottom: 2px solid #A62;
  color: #008;
  color: #FFF;
  /*【文字の縁取り】*/
  text-shadow: 1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA,1px 1px 1px #FAA,-1px 1px 1px #FAA,1px -1px 1px #FAA,-1px -1px 1px #FAA;
  text-shadow: 2px 2px 2px #753,-2px 2px 2px #753,2px -2px 2px #753,-2px -2px 2px #753,2px 2px 2px #753,-2px 2px 2px #753,2px -2px 2px #753,-2px -2px 2px #753;
}

/*【茶色系Hover(9)】*/
.BClassArrow_NO9:hover{
  background-image: linear-gradient(to bottom, #F8F, #FEF, #F8F);
  background-image: linear-gradient(to bottom, #FA7, #A85, #753);
  /*【文字の縁取り】*/
  text-shadow: 2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F,2px 2px 2px #00F,-2px 2px 2px #00F,2px -2px 2px #00F,-2px -2px 2px #00F;
  /*【上下２本線の色と太さ】*/
  border-top: 2px solid #00F;
  border-bottom: 2px solid #00F;

  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

/* ================================================================================ */
/* 【BClassArrowボタンクラス】【終了】                                              */
/* ================================================================================ */

/************************************************************************************/
/* 【Box(X)Title,.Box(X)NoTitleの設定】【PC用とスマホ用の共通の設定】【開始】       */
/* 【機能】タイトル付きボックス(Box(X)Title)、タイトルなしボックス(Box(X)NoTitle)   */
/************************************************************************************/

.Box01Title,.Box01NoTitle,.Box02Title,.Box02NoTitle,.Box03Title,.Box03NoTitle,.Box04Title,.Box04NoTitle,.Box05Title,.Box05NoTitle,.Box06Title,.Box06NoTitle,.Box07Title,.Box07NoTitle,.Box08Title,.Box08NoTitle,.Box09Title,.Box09NoTitle {
    position: relative;
	/* margin 上下、左右(emはフォントサイズの高さを 1 )(上、右、下、左) */
    margin: 2.7em 0.5em 1.5em 0.5em;
    margin: 2.8em 0.3em 0.8em 0.3em;
	/* padding 上下、左右(emはフォントサイズの高さを 1 )(上、右、下、左) */
    padding: 0.6em 0.8em;
	padding:0.6em 0.6em 0.3em 0.6em;

	display: block;/* 文字を回り込ませるために追加 25/07/30 */
	/* overflow: hidden; *//* 文字を回り込ませるために追加したが、タイトルが消えるので削除した。画像の下がはみ出る問題が残る。 25/07/30 */

    border: double 3px #88D;
    border: double 3px #D88;
	background-image: linear-gradient(0deg, #FFF0F0 0%,#FFFEFE 50%, #FFFEFE 80%,#FFEAEA 100%);
	background-image: linear-gradient(0deg, #F8F8FF 0%,#FEFFFF 50%, #FFFFFF 80%,#EAEAFF 100%);
}

/* BoxXXTitleの中の画像(img)を、右寄せにし、文字を回り込ませるために「float: right」を指定する。画像の幅も指定する。 */
.Box01Title img,.Box02Title img,.Box03Title img,.Box04Title img,.Box05Title img,.Box06Title img,.Box07Title img,.Box08Title img,.Box09Title img {
	float:right;
	margin:5px;
	width:170px;
	width:200px;
}

.Box01NoTitle,.Box02NoTitle,.Box03NoTitle,.Box04NoTitle,.Box05NoTitle,.Box06NoTitle,.Box07NoTitle,.Box08NoTitle,.Box09NoTitle {
	/* margin 上下、左右(emはフォントサイズの高さを 1 )(上、右、下、左) */
    margin: 1em 0.5em 1.5em 0.5em;
    padding-top: 0.3em;
}
.Box01Title .TitleName,.Box02Title .TitleName,.Box03Title .TitleName,.Box04Title .TitleName,.Box05Title .TitleName,.Box06Title .TitleName,.Box07Title .TitleName,.Box08Title .TitleName,.Box09Title .TitleName {
    position: absolute;
    display: inline-block;

	/* margin 上、右、下、左 */
	margin: 0px 0px 0px 0px;
	/* padding 上、右、下、左 */
	padding: 0px 0px 0px 10px;
    top: -31px;/* タイトルを上にあげる */
    top: -30px;/* タイトルを上にあげる */
    left: -3px;
	box-sizing: border-box;
	line-height: 24px;/* 文字を少しだけ上にあげる */
	width:calc(100% + 6px);/* 要素がはみ出したときに「…」を付けてくれる。ただし、「width」を指定しないと幅が画面を超えてしまう */

    font-size: 17px;
	text-overflow: ellipsis;/* 要素がはみ出したときに「…」を付けてくれる。ただしこれだけでは効かず、改行させない「white-space: nowrap」と、はみ出した要素を隠す「overflow: hidden」をセットで使う */
	white-space: nowrap;
	overflow: hidden;

    background: #62c1ce;
    background: #C44;
	background-image: linear-gradient(0deg, #F44 0%,#C44 50%,#800 80%,#400 100%);
	background-image: linear-gradient(0deg, #44F 0%,#44C 50%,#008 80%,#004 100%);
	background-image: linear-gradient(0deg, #ADF 0%,#44C 35%,#008 80%,#004 100%);
	background-image: linear-gradient(0deg, #DDF 0%,#44C 35%,#008 80%,#004 100%);
    color: #ffffff;
    color: #FF0;
    /* font-weight: bold;*/
    /* border-radius 左上、右上、右下、左下 */
    border-radius: 5px 5px 0 0;
	border-left: 5px solid #AAF;
	border-bottom:4px solid #F00;
}

/*【黄色系】(1) */
.Box01Title .TitleName {
    background: #FF0;
    color: #FFF;
    color: #00F;
	border-bottom:1px solid #00F;
	border-top: 2px solid #00F;
	border-left: 2px solid #00F;
	border-right: 2px solid #00F;

}

.Box01Title,.Box01NoTitle {
    border: double 3px #00F;
	background-image: linear-gradient(-45deg, #FFA 0%,#FFD 10%, #FFFFFD 40%, #FFFFFD 60%,#FFD 90%,#FFA 100%);
}

/*【だいだい色系】(6) */
.Box06Title .TitleName {

    color: #00F;
    color: #FFF;
	border-bottom:1px solid #F90;
	border-top: 2px solid #F90;
	border-left: 2px solid #F90;
	border-right: 2px solid #F90;
	background-image: linear-gradient(0deg, #420 0%,#840 35%,#FFFEFD 70%,#F90 100%);
	background-image: linear-gradient(0deg, #210 0%,#630 35%,#A60 70%,#F90 100%);
	background-image: linear-gradient(0deg, #630 0%,#A60 35%,#F90 70%,#FD8 100%);
	background-image: linear-gradient(0deg, #630 0%,#A60 35%,#E80 70%,#FB4 100%);

}

.Box06Title,.Box06NoTitle {
    border: double 3px #F90;
	background-image: linear-gradient(-45deg, #FFA 0%,#FFD 10%, #FFFFFD 40%, #FFFFFD 60%,#FFD 90%,#FFA 100%);
	background-image: linear-gradient(-45deg, #FDA 0%,#FED 10%, #FFFEFD 40%, #FFFEFD 60%,#FED 90%,#FDA 100%);
}

/*【緑色系】(2) */
.Box02Title .TitleName {
	background-image: linear-gradient(0deg, #040 0%,#080 35%,#0C0 70%,#0F0 100%);
    color: #FF0;
    /* font-weight: bold;*/
	border-bottom:1px solid #080;
	border-top: 2px solid #040;
	border-left: 2px solid #040;
	border-right: 2px solid #040;

}

.Box02Title,.Box02NoTitle {
    border: solid 3px #0F0;
    border: double 3px #0F0;
	background-image: linear-gradient(-45deg, #CFC 0%,#EFE 10%, #FDFFFD 40%, #FDFFFD 60%,#EFE 90%,#CFC 100%);
}

/*【水色系】(8) */
.Box08Title .TitleName {
	background-image: linear-gradient(0deg, #040 0%,#080 35%,#0C0 70%,#0F0 100%);
	background-image: linear-gradient(0deg, #044 0%,#088 35%,#0CC 70%,#0FF 100%);
	background-image: linear-gradient(0deg, #088 0%,#0BB 35%,#0DD 70%,#0FF 100%);
	background-image: linear-gradient(0deg, #022 0%,#066 35%,#0AA 70%,#0FF 100%);
    color: #FF0;
	border-bottom:1px solid #080;
	border-top: 2px solid #040;
	border-left: 2px solid #040;
	border-right: 2px solid #040;
	border-bottom:1px solid #088;
	border-top: 2px solid #044;
	border-left: 2px solid #044;
	border-right: 2px solid #044;

}

.Box08Title,.Box08NoTitle {
    border: solid 3px #0F0;
    border: double 3px #0F0;
    border: double 3px #0FF;
	background-image: linear-gradient(-45deg, #CFC 0%,#EFE 10%, #FDFFFD 40%, #FDFFFD 60%,#EFE 90%,#CFC 100%);
	background-image: linear-gradient(-45deg, #CFF 0%,#EFE 10%, #FDFFFF 40%, #FDFFFF 60%,#EFF 90%,#CFF 100%);
}

/*【赤色系】(3) */
.Box03Title .TitleName {
	background-image: linear-gradient(0deg, #400 0%,#800 35%,#C00 70%,#F00 100%);
    color: #FFF;
	border-bottom:1px solid #F00;
	border-top: 2px solid #F00;
	border-left: 2px solid #F00;
	border-right: 2px solid #F00;

}

.Box03Title,.Box03NoTitle {
    border: double 3px #F00;
	background-image: linear-gradient(-45deg, #FCC 0%,#FEE 10%, #FFFDFD 40%, #FFFDFD 60%,#FEE 90%,#FCC 100%);
}

/*【ピンク系】(7) */
.Box07Title .TitleName {
	background-image: linear-gradient(0deg, #404 0%,#808 35%,#C0C 70%,#F0F 100%);
	background-image: linear-gradient(0deg, #404 0%,#828 35%,#C4C 70%,#F8F 100%);
    color: #FFF;
	border-bottom:1px solid #F0F;
	border-top: 2px solid #F0F;
	border-left: 2px solid #F0F;
	border-right: 2px solid #F0F;

}

.Box07Title,.Box07NoTitle {
    border: double 3px #F0F;
    border: double 3px #FAF;
	background-image: linear-gradient(-45deg, #FCF 0%,#FEF 10%, #FFFDFF 40%, #FFFDFF 60%,#FEF 90%,#FCF 100%);
}

/*【茶色系】(9) */
.Box09Title .TitleName {
	background-image: linear-gradient(0deg, #400 0%,#800 35%,#C00 70%,#F00 100%);
	background-image: linear-gradient(0deg, #421 0%,#852 35%,#B74 70%,#FA6 100%);
    color: #FFF;
	border-bottom:1px solid #B74;
	border-top: 2px solid #B74;
	border-left: 2px solid #B74;
	border-right: 2px solid #B74;

}

.Box09Title,.Box09NoTitle {
    border: double 3px #B74;
	background-image: linear-gradient(-45deg, #FCC 0%,#FEE 10%, #FFFDFD 40%, #FFFDFD 60%,#FEE 90%,#FCC 100%);
	background-image: linear-gradient(-45deg, #D94 0%,#FDB 10%, #FFFEFD 40%, #FFFEFD 60%,#FDB 90%,#D94 100%);
}

/*【青色系】(4) */
.Box04Title .TitleName {
	background-image: linear-gradient(0deg, #004 0%,#008 35%,#00C 70%,#00F 100%);
    color: #FFF;
	border-bottom:1px solid #00F;
	border-top: 2px solid #00F;
	border-left: 2px solid #00F;
	border-right: 2px solid #00F;

}

.Box04Title,.Box04NoTitle {
    border: double 3px #00F;
	background-image: linear-gradient(-45deg, #CCF 0%,#EEF 10%, #FDFDFF 40%, #FDFDFF 60%,#EEF 90%,#CCF 100%);
}

/*【紫色系】(5) */
.Box05Title .TitleName {
	background-image: linear-gradient(0deg, #204 0%,#508 35%,#80C 70%,#A0F 100%);
    color: #FFF;
	border-bottom:1px solid #A0F;
	border-top: 2px solid #A0F;
	border-left: 2px solid #A0F;
	border-right: 2px solid #A0F;

}

.Box05Title,.Box05NoTitle {
    border: double 3px #A0F;
	background-image: linear-gradient(-45deg, #ECF 0%,#EDF 10%, #FEFDFF 40%, #FEFDFF 60%,#EDF 90%,#ECF 100%);
}


/* ================================================================================ */
/* 【Box(X)Title,.Box(X)NoTitleの設定】【終了】                                     */
/* ================================================================================ */


/************************************************************************************/
/* 【FrameMenuLeftクラス】【PC用のみで、スマホの場合は、メニューを消す【開始】      */
/* 【機能】Saikoujiのみに使用。メニューを左側に表示する                             */
/************************************************************************************/
/************************************************************************************/
/* 【FrameMenuクラス】【PC用はなし、スマホ用専用の設定】【開始】                    */
/* 【機能】スマホ用専用のトップメニューのボタンと囲う枠を設定する。                 */
/************************************************************************************/

/* ===== FrameMenuLeftとFrameMenuの共通定義 ===== */
.FrameMenuLeft,.FrameMenu {
	/*margin 上、右、下、左*/
	margin: 1px 0px 1px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;

	display:flex;

	border-radius: 6px;
	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);
}

.FrameMenuLeft {
	max-width: 100%;
    font-size: 13px;
	white-space:normal;
	line-height:95%; /*ボタンの間隔*/

	width:165px;
	float:left;
	min-height:500px;

	flex-direction: column; /* 上から順に並べる */
	gap: 0px; /* ボタン間の余白（任意） */

}

.FrameMenu {
	display:flex;
	overflow-x: auto;             /* 横スクロールを有効にする */
	white-space: nowrap;         /* 折り返しを防ぐ（念のため） */
}

.XXX_FrameMenu {
	flex-direction: row;          /* 配置方向（横並び） */
	flex-wrap: wrap;           /* 折り返し設定 */
	justify-content: flex-start; /* 主軸方向の配置 */
	align-items: stretch;        /* 交差軸方向の配置 */
	gap: 6px; /* ← ボタン間の間隔を指定 */
	row-gap: 0px; /* ← 行と行の縦間隔を設定！ */
}

/* ===== FrameMenuLeftとFrameMenuの共通定義 ===== */
.FrameMenuLeft a,.FrameMenu a{
	/*margin 上、右、下、左*/
	margin: 1px 0px 1px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 7px 0px 7px;

	font-size : 14px ;
	font-weight: none;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	border-radius: 5px;
	color: #FFF;
	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: linear-gradient(to bottom,
          rgba(180, 180, 180, 1.0),
          rgba(253, 253, 253, 1.0) 25%,
          rgba(240, 240, 240, 1.0) 30%,
          rgba(253, 253, 253, 1.0) 36%,
          rgba(225, 225, 225, 1.0) 50%,
          rgba(200, 200, 200, 1.0) 80%,
          rgba(170, 170, 170, 1.0)
          );
	border-top: 1.5px solid #EEE;
	border-left: 1.5px solid #EEE;
	border-right: 2.5px solid #222;
	border-bottom: 2.5px solid #222;

}

.FrameMenuLeft a{
	/*padding 上、右、下、左*/
	padding: 6px 4px 6px 4px;/* FrameMenuLeft専用 */
	font-size:14px;/* FrameMenuLeft専用 */

}

/* ===== 「FrameMenu a」には個別の定義 ===== */
.FrameMenu a{
	/*padding 上、右、下、左*/
	padding: 5px 4px 5px 4px;
	font-size : 16px ;
	line-height: 1.2;/* <br>で改行した文字の改行間隔 */
	text-align: center;
}


/* ===== FrameMenuLeftとFrameMenuの共通定義(個別の定義は不要) ===== */
.XXX_FrameMenuLeft a:hover,.XXX_FrameMenu a:hover {
  color: #FFF;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
  text-shadow: 2px 2px 2px #333,-2px 2px 2px #333,2px -2px 2px #333,-2px -2px 2px #333,2px 2px 2px #333,-2px 2px 2px #333,2px -2px 2px #333,-2px -2px 2px #333;

  background-image: linear-gradient(to bottom, #2be, #29c);
  background-image: linear-gradient(to bottom, #A00, #FCC, #A00);

  transform: translate(1px,1px); /* 1px右へ、1px下へ移動 */

}

/* ===== FrameMenuLeftとFrameMenuの共通定義(個別の定義は不要) ===== */
.FrameMenuLeft a:hover,.FrameMenu a:hover,.FrameMenuLeft a.Focus,.FrameMenuLeft a.Focus:hover,.FrameMenu a.Focus,.FrameMenu a.Focus:hover {
	color: #FF0;
	font-weight: bold;
	/* linear-gradientは、0degの場合、0%が下側で100%が上側。 */
	background-image: linear-gradient(0deg, #800 0%,#F00 20%, #F00 30%,#F88 100%);
	background-image: linear-gradient(0deg, #800 0%,#F00 10%, #F00 20%,#800 100%);
	background-image: linear-gradient(0deg, #A00 0%,#F00 10%, #F00 20%,#800 70%,#300 100%);

	border-top: 1.5px solid #200;
	border-left: 1.5px solid #200;
	border-right: 2.5px solid #F00;
	border-bottom: 2.5px solid #F00;
	border-top: 2.0px solid #200;
	border-left: 2.0px solid #200;
	border-right: 2.0px solid #F00;
	border-bottom: 2.0px solid #F00;

 transform: translate(1px,1px); /* 1px右へ、1px下へ移動 */

}

/* ===== FrameMenuLeftとFrameMenuの共通定義(個別の定義は不要) ===== */
/* 【重要】FrameMenuLeft1の場合は、文字の周りが黄色なので、黄色の文字と重なり字が読めなくなる。そのため、文字を青色にする。 */
.FrameMenuLeft1 a.Focus,.FrameMenuLeft1 a.Focus:hover,.FrameMenuLeft1 a:hover,.FrameMenuLeft6 a.Focus,.FrameMenuLeft6 a.Focus:hover,.FrameMenuLeft6 a:hover,.FrameMenu1 a.Focus,.FrameMenu1 a.Focus:hover,.FrameMenu1 a:hover,.FrameMenu6 a.Focus,.FrameMenu6 a.Focus:hover,.FrameMenu6 a:hover {
	color: #00F;
}


/* ===== FrameMenuLeftとFrameMenuの共通定義(個別の定義は不要) ===== */
/*********************/
/*FrameMenu4(青系) */
/*********************/

.FrameMenu4,.FrameMenuLeft4 {

	/*margin 上、右、下、左*/
	margin: 3.5px 3.5px 3.5px 3.5px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	border: 3.5px double #00F; /*線の太さ・色*/
	position: relative;     /* 基準値とする */

	background-image: linear-gradient(0deg, #CCF 0%,#44C 70%, #00F 85%, #00A 90%,#00A 100%);/*青系*/
}

.FrameMenu4 a,.FrameMenuLeft4 a{
	text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;/*緑系*/
	text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;/*赤系*/
	text-shadow: 2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008,2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008;/*青系*/
}

/*********************/
/*FrameMenu5(紫系) */
/*********************/

.FrameMenu5,.FrameMenuLeft5 {

	/*margin 上、右、下、左*/
	margin: 3.5px 3.5px 3.5px 3.5px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	border: 3.5px double #A0F; /*線の太さ・色*/
	position: relative;     /* 基準値とする */

	background-image: linear-gradient(0deg, #CCF 0%,#44C 70%, #00F 85%, #00A 90%,#00A 100%);/*青系*/
	background-image: linear-gradient(0deg, #DCF 0%,#84C 70%, #A0F 85%, #80B 90%,#508 100%);/*紫系*/
}

.FrameMenu5 a,.FrameMenuLeft5 a{
	text-shadow: 2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008,2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008;/*青系*/
	text-shadow: 2px 2px 2px #508,-2px 2px 2px #508,2px -2px 2px #508,-2px -2px 2px #508,2px 2px 2px #508,-2px 2px 2px #508,2px -2px 2px #508,-2px -2px 2px #508;/*紫系*/
}

/*******************/
/*FrameMenu1(黄色系) */
/*******************/

.FrameMenu1,.FrameMenuLeft1 {

	box-sizing: border-box;
	border-top: 2.5px solid #66F;
	border-left: 2.5px solid #66F;
	border-right: 2.5px solid #00F;
	border-bottom: 2.5px solid #00F;

	background-image: linear-gradient(0deg, #FF0 0%,#880 80%, #880 90%,#CC0 100%);/*黄色系*/
	background-image: linear-gradient(0deg, #FFF 0%,#888 80%, #888 90%,#CCC 100%);/*灰色系*/

}

.FrameMenu1 a,.FrameMenuLeft1 a{

	text-shadow: -1px -1px #FFA, -1px 1px #FFA, 1px -1px #FFA, 1px 1px #FFA;/* 黄色系(4点版) */
	text-shadow: -1px -1px #FF8, -1px 1px #FF8, 1px -1px #FF8, 1px 1px #FF8;/* 黄色系(4点版) */
	text-shadow: -1px -1px #FFC, -1px 1px #FF4, 1px -1px #FF4, 1px 1px #FF4;/* 黄色系(4点版) */
	text-shadow: -1px -1px #FF0, -1px 1px #FF0, 1px -1px #FF0, 1px 1px #FF0;/* 黄色系(4点版) */
	font-weight: bold;
	color: #000;
	color: #00F;
	color: #00C;


}

/*******************/
/*FrameMenu6(橙色系) */
/*******************/

.FrameMenu6,.FrameMenuLeft6 {

	box-sizing: border-box;
	border-top: 2.5px solid #66F;
	border-left: 2.5px solid #66F;
	border-right: 2.5px solid #00F;
	border-bottom: 2.5px solid #00F;
	background-image: linear-gradient(0deg, #FF0 0%,#880 80%, #880 90%,#CC0 100%);/*黄色系*/
	background-image: linear-gradient(0deg, #FFF 0%,#888 80%, #888 90%,#CCC 100%);/*灰色系*/

}

.FrameMenu6 a,.FrameMenuLeft6 a{

	text-shadow: -1px -1px #FA0, -1px 1px #FA0, 1px -1px #FA0, 1px 1px #FA0;/* 橙色系(4点版) */
	text-shadow: -1px -1px #FA4, -1px 1px #FA4, 1px -1px #FA4, 1px 1px #FA4;/* 橙色系(4点版) */
	color: #000;


}

/*******************/
/*FrameMenu2(緑系) */
/*******************/

.FrameMenu2,.FrameMenuLeft2,.FrameMenu8,.FrameMenuLeft8 {

	box-sizing: border-box;
	border-top: 1.5px solid #9F9;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	border-left: 1.5px solid #9F9;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	border-right: 1.5px solid #0F0;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	border-bottom: 1.5px solid #0F0;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	background-image: linear-gradient(0deg, #66F 0%,#008 80%, #008 90%,#00C 100%);/*青系*/
	background-image: linear-gradient(0deg, #F66 0%,#800 80%, #800 90%,#C00 100%);/*赤系*/
	background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);/*緑系*/

}

.FrameMenu2 a,.FrameMenuLeft2 a,.FrameMenu8 a,.FrameMenuLeft8 a{
	text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;/*赤系*/
	text-shadow: 2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008,2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008;/*青系*/
	text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;/*緑系*/
}

/*******************/
/*FrameMenu8(水色系) */
/*******************/

.FrameMenu8,.FrameMenuLeft8 {

	box-sizing: border-box;
	border-top: 1.5px solid #9FF;
	border-left: 1.5px solid #9FF;
	border-right: 1.5px solid #0FF;
	border-bottom: 1.5px solid #0FF;
	background-image: linear-gradient(0deg, #0FF 0%,#088 80%, #088 90%,#0CC 100%);/*水色系*/
	background-image: linear-gradient(0deg, #CFF 0%,#088 80%, #088 90%,#0CC 100%);/*水色系*/

}

.FrameMenu8 a,.FrameMenuLeft8 a{
	text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;/*緑系*/
	text-shadow: 2px 2px 2px #088,-2px 2px 2px #088,2px -2px 2px #088,-2px -2px 2px #088,2px 2px 2px #088,-2px 2px 2px #088,2px -2px 2px #088,-2px -2px 2px #088;/*水色系*/
	text-shadow: 1px 1px 1px #088,-1px 1px 1px #088,1px -1px 1px #088,-1px -1px 1px #088,1px 1px 1px #088,-1px 1px 1px #088,1px -1px 1px #088,-1px -1px 1px #088;/*水色系*/
}

/*********************/
/*FrameMenu3(赤系) */
/*********************/

.FrameMenu3,.FrameMenuLeft3 {

	/*margin 上、右、下、左*/
	margin: 3.5px 3.5px 3.5px 3.5px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	border: 3.5px double #F00; /*線の太さ・色*/
	position: relative;     /* 基準値とする */

	background-image: linear-gradient(0deg, #0F0 0%,#080 80%, #080 90%,#0C0 100%);/*緑系*/
	background-image: linear-gradient(0deg, #66F 0%,#008 80%, #008 90%,#00C 100%);/*青系*/
	background-image: linear-gradient(0deg, #F66 0%,#800 80%, #800 90%,#C00 100%);/*赤系*/
	background-image: linear-gradient(0deg, #FCC 0%,#C44 70%, #E00 85%, #F00 90%,#C00 100%);/*赤系*/
	background-image: linear-gradient(0deg, #FFF 0%,#F88 70%, #F66 85%, #FAA 90%,#F00 100%);/*赤系*/

}

.FrameMenu3 a,.FrameMenuLeft3 a{
	text-shadow: 2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080,2px 2px 2px #080,-2px 2px 2px #080,2px -2px 2px #080,-2px -2px 2px #080;/*緑系*/
	text-shadow: 2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008,2px 2px 2px #008,-2px 2px 2px #008,2px -2px 2px #008,-2px -2px 2px #008;/*青系*/
	text-shadow: 2px 2px 2px #842,-2px 2px 2px #842,2px -2px 2px #842,-2px -2px 2px #842,2px 2px 2px #842,-2px 2px 2px #842,2px -2px 2px #842,-2px -2px 2px #842;/*茶系*/
	text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;/*赤系*/
}

/*********************/
/*FrameMenu7(ピンク系) */
/*********************/

.FrameMenu7,.FrameMenuLeft7 {

	/*margin 上、右、下、左*/
	margin: 3.5px 3.5px 3.5px 3.5px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	border: 3.5px double #F0F; /*線の太さ・色*/
	position: relative;     /* 基準値とする */

	background-image: linear-gradient(0deg, #FFF 0%,#F8F 70%, #F6F 85%, #FAF 90%,#F8F 100%);/*ピンク系*/

}

.FrameMenu7 a,.FrameMenuLeft7 a{
	text-shadow: 2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800,2px 2px 2px #800,-2px 2px 2px #800,2px -2px 2px #800,-2px -2px 2px #800;/*赤系*/
	text-shadow: 2px 2px 2px #808,-2px 2px 2px #808,2px -2px 2px #808,-2px -2px 2px #808,2px 2px 2px #808,-2px 2px 2px #808,2px -2px 2px #808,-2px -2px 2px #808;/*ピンク系*/
	text-shadow: 1px 1px 1px #808,-1px 1px 1px #808,1px -1px 1px #808,-1px -1px 1px #808,1px 1px 1px #808,-1px 1px 1px #808,1px -1px 1px #808,-1px -1px 1px #808;/*ピンク系*/
	text-shadow: 1px 1px 1px #606,-1px 1px 1px #606,1px -1px 1px #606,-1px -1px 1px #606,1px 1px 1px #606,-1px 1px 1px #606,1px -1px 1px #606,-1px -1px 1px #606;/*ピンク系*/
}

/*****************/
/*FrameMenu9(茶系) */
/*****************/

.FrameMenu9,.FrameMenuLeft9 {

	/*margin 上、右、下、左*/
	margin: 3.5px 3.5px 3.5px 3.5px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	border:2.5px solid #842; /*線の太さ・色*/
	border: 3px double #842; /*線の太さ・色*/
	position: relative;     /* 基準値とする */

	background-image: linear-gradient(0deg, #F84 0%,#842 80%, #842 90%,#C63 100%);/*茶色系*/
	background-image: linear-gradient(0deg, #FDC 0%,#842 80%, #842 90%,#C63 100%);/*茶色系*/
	background-image: linear-gradient(0deg, #FDC 0%,#A63 80%, #842 90%,#EB8 100%);/*茶色系*/

	}

.FrameMenu9 a,.FrameMenuLeft9 a{
	text-shadow: 2px 2px 2px #842,-2px 2px 2px #842,2px -2px 2px #842,-2px -2px 2px #842,2px 2px 2px #842,-2px 2px 2px #842,2px -2px 2px #842,-2px -2px 2px #842;/*茶系*/
}

/* ================================================================================ */
/* 【FrameMenuLeftクラス】【終了】                                                        */
/* ================================================================================ */

/* ================================================================================ */
/* 【FrameMenuクラス】【終了】                                                        */
/* ================================================================================ */


/*【重要：現在はShareSaikouji...とCssTempleInfoCommonに同じ定義があるので、CssTempleInfoCommonは最終的には消す】*/

/************************************************************************************/
/* 【FrameAAクラス】【PC用とスマホ用の共通の設定】【開始】                          */
/* 【機能1】「全国の寺院(76,660) > 北海道の寺院(2,340) > 釧路市の寺院(44)」の       */
/*           周りの枠を囲うフレームを設定する。                                     */
/* 【機能2】Saikoujiのサイトマップの枠を設定する                                    */
/************************************************************************************/
/*********************/
/*右向き三角形を作成 */
/*********************/
.FrameAA_Triangle {
	/*margin 上、右、下、左*/
	margin: 0px 7px 0px 7px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	display: inline-block;
	width: 12px;
	width: 8px;
	width: 10px;
	height: 16px;
	height: 12px;
	height: 14px;
	clip-path: polygon(0% 20%, 0% 100%, 80% 60%);
	background-color: red;

}

/**********************/
/*FrameAAメインの定義 */
/**********************/
.FrameAA {

	/*margin 上、右、下、左*/
	margin: 2px 0px 2px 0px;
	/*padding 上、右、下、左*/
	padding: 3px 0px 3px 0px;
	padding: 7px 3px 7px 3px;
	line-height:110%; /*ボタンの間隔。line-heightを削除すると幅が広くなりすぎる。*/
	z-index:110;

}

/*********************/
/*FrameAA4(青系) */
/*********************/

.FrameAA4 {

	box-sizing: border-box;
	border: 4px solid #44F;
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	border-radius: 6px;
	background-image: linear-gradient(80deg, #FF8, #FFD);
	background-image: linear-gradient(-45deg, #FFD, #FF0);
	background-image: linear-gradient(135deg, #FF2, #FF8, #FFC, #FFC, #FF8, #FF2);
	background-image: linear-gradient(135deg, #22F, #88F, #CCF, #CCF, #88F, #22F);
	background-image: linear-gradient(135deg, #AAF, #CCF, #EEF, #EEF, #CCF, #AAF);

}

/*********************/
/*FrameAA5(紫系) */
/*********************/

.FrameAA5 {

	box-sizing: border-box;
	border: 4px solid #A0F;
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	border-radius: 6px;
	background-image: linear-gradient(135deg, #50F, #80F, #A0F, #A0F, #80F, #50F);
	background-image: linear-gradient(135deg, #C8F, #ECF, #FEF, #FEF, #ECF, #C8F);

}

/*********************/
/*FrameAA1(黄色系) */
/*********************/

.FrameAA1 {

	box-sizing: border-box;
	border: 4px solid #44F;
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	border-radius: 6px;
	background-image: linear-gradient(135deg, #FF2, #FF8, #FFC, #FFC, #FF8, #FF2);
}

/*********************/
/*FrameAA6(だいだい色系) */
/*********************/

.FrameAA6 {

	box-sizing: border-box;
	border: 4px solid #F90;
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	border-radius: 6px;
	background-image: linear-gradient(135deg, #FB5, #FD8, #FFF8E0, #FFF8E0, #FD8, #FB5);
}

/*******************/
/*FrameAA2(緑系) */
/*******************/

.FrameAA2 {

	box-sizing: border-box;
	border: 3px solid #0F0;
	border: 4px solid #080;
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	border-radius: 6px;
	background-image: linear-gradient(80deg, #FFD, #FF0);
	background-image: linear-gradient(135deg, #AFA, #CFC, #EFE, #EFE, #CFC, #AFA);

}

/*******************/
/*FrameAA8(水色系) */
/*******************/

.FrameAA8 {

	box-sizing: border-box;
	border: 4px solid #0FF;
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	border-radius: 6px;
	background-image: linear-gradient(135deg, #AFF, #CFF, #EFF, #EFF, #CFF, #AFF);

}

/*********************/
/*FrameAA3(赤系) */
/*********************/

.FrameAA3 {

	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	border: 2px solid #F44; /*線の太さ・色*/
	border: 4px solid #F00; /*線の太さ・色*/
	border-radius: 6px; /*角の丸み*/
	/* box-shadow +右-左、+下-上、ぼかし距離 、広がり距離  */
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(80deg, #FFD, #FF0);
	background-image: linear-gradient(135deg, #FAA, #FCC, #FEE, #FEE, #FCC, #FAA);

}

/*********************/
/*FrameAA7(ピンク系) */
/*********************/

.FrameAA7 {

	/* border までが幅と高さになるため、width 100%と合わせるとPageの幅に自動的になり位置がずれない。 */
	box-sizing: border-box;
	border: 3px solid #F0F; /*線の太さ・色*/
	border-radius: 6px; /*角の丸み*/
	box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.6) inset;
	background-image: linear-gradient(135deg, #FAF, #FCF, #FEF, #FEF, #FCF, #FAF);

}

/*****************/
/*FrameAA9(茶系) */
/*****************/


.FrameAA9 {

	background: linear-gradient(135deg,#B74,#DA7,#EDB,#EDB,#DA7,#B74);
	background: linear-gradient(135deg,#B74,#DB9,#FED,#FED,#DB9,#B74);
	background: linear-gradient(135deg,#B74,#ECA,#FED,#FED,#ECA,#B74);
	border-radius: 6px;
	outline: 4px solid #831;
	outline: 4px solid #B74
	outline-offset: -8px;
	outline-offset: -4px;
	}

/* ================================================================================ */
/* 【FrameAAクラス】【終了】                                                        */
/* ================================================================================ */




/************************************************************************************/
/* 【FrameBBクラス】【PC用とスマホ用の共通の設定】【開始】                          */
/* 【機能】県、市区町村、寺院を前後に移動するボタンを囲う枠のフレームを設定する。   */
/************************************************************************************/
.FrameBB {

	/*margin 上、右、下、左*/
	margin: 2px 0px 2px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;
	line-height:95%; /*ボタンの間隔*/

	/*text-align: center;*//*htmlで指定するので不要*/

	/*【Flexboxで要素を均等に配置】*/
	justify-content: space-evenly; /*すべてのスペースが均等に分配される（要素間も端の余白も同じ）*/
	justify-content: space-between; /*最初と最後の要素を端に寄せて、残りのスペースを均等に配置します*/
	justify-content: space-around; /*各要素の前後に均等なスペースが入るが、端のスペースが半分になる*/

	border-radius: 6px;

	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
	background-image: linear-gradient(to bottom,
          rgba(140, 140, 140, 1.0),
          rgba(250, 250, 250, 1.0) 25%,
          rgba(220, 220, 220, 1.0) 30%,
          rgba(250, 250, 250, 1.0) 36%,
          rgba(225, 225, 225, 1.0) 50%,
          rgba(160, 160, 160, 1.0) 80%,
          rgba(120, 120, 120, 1.0)
          );

}

/*********************/
/*FrameBB4(青系) */
/*********************/

.FrameBB4 {

	box-sizing: border-box;
	/*border: 1.5px solid #44F;*/
	border-top: 2.5px solid #99F;
	border-left: 2.5px solid #99F;
	border-right: 2.5px solid #00F;
	border-bottom: 2.5px solid #00F;
	background-color: #FFC;

}

/*********************/
/*FrameBB5(紫系) */
/*********************/

.FrameBB5 {

	box-sizing: border-box;
	border-top: 2.5px solid #C9F;
	border-left: 2.5px solid #C9F;
	border-right: 2.5px solid #A0F;
	border-bottom: 2.5px solid #A0F;
	background-color: #FFC;

}

/*******************/
/*FrameBB1(黄色系) */
/*******************/
.FrameBB1 {

	box-sizing: border-box;
	border-top: 2.5px solid #66F;
	border-left: 2.5px solid #66F;
	border-right: 2.5px solid #00F;
	border-bottom: 2.5px solid #00F;
}

/*********************/
/*FrameBB6(だいだい色系) */
/*********************/
.FrameBB6 {

	box-sizing: border-box;
	border-top: 2.5px solid #FB6;
	border-left: 2.5px solid #FB6;
	border-right: 2.5px solid #F90;
	border-bottom: 2.5px solid #F90;
}

/*******************/
/*FrameBB2(緑系) */
/*******************/

.FrameBB2 {

	box-sizing: border-box;
	border-top: 1.5px solid #9F9;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	border-left: 1.5px solid #9F9;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	border-right: 1.5px solid #0F0;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	border-bottom: 1.5px solid #0F0;/*緑色は色が強いため、2.5pxでなく1.5pxにする*/
	background-color: #FFC;

}

/*******************/
/*FrameBB8(水色系) */
/*******************/

.FrameBB8 {

	box-sizing: border-box;
	border-top: 2.5px solid #8FF;
	border-left: 2.5px solid #8FF;
	border-right: 3.0px solid #0FF;
	border-bottom: 3.0px solid #0FF;
	background-color: #FFC;

}

/*********************/
/*FrameBB3(赤系) */
/*********************/

.FrameBB3 {

	box-sizing: border-box;
	/*border: 1.5px solid #F44;*/
	border-top: 2.5px solid #F99;
	border-left: 2.5px solid #F99;
	border-right: 2.5px solid #F00;
	border-bottom: 2.5px solid #F00;
	background-color: #FFC;

}

/*********************/
/*FrameBB7(ピンク系) */
/*********************/

.FrameBB7 {

	box-sizing: border-box;
	border-top: 2.5px solid #F9F;
	border-left: 2.5px solid #F9F;
	border-right: 3.0px solid #F0F;
	border-bottom: 3.0px solid #F0F;
	background-color: #FFC;

}

/*****************/
/*FrameBB9(茶系) */
/*****************/


.FrameBB9 {

	box-sizing: border-box;
	border-top: 2.5px solid #A53;
	border-left: 2.5px solid #A53;
	border-right: 2.5px solid #B74;
	border-bottom: 2.5px solid #B74;
	background-color: #FFC;
	}

/* ================================================================================ */
/* 【FrameBBクラス】【終了】                                                        */
/* ================================================================================ */

/************************************************************************************/
/* 【FrameCCクラス】【PC用とスマホ用の共通の設定】【開始】                          */
/* 【機能】寺院情報Htmlで、「〇〇寺の写真と地図」と「〇〇寺の情報」を囲うフレームを設定する。*/
/************************************************************************************/
.FrameCC {

	/*margin 上、右、下、左*/
	margin: 2px 0px 2px 0px;
	/*padding 上、右、下、左*/
	padding: 0px 0px 0px 0px;

	
	display: flex;
	/*【Flexboxで要素を均等に配置】*/
	justify-content: space-evenly; /*すべてのスペースが均等に分配される（要素間も端の余白も同じ）*/
	justify-content: space-between; /*最初と最後の要素を端に寄せて、残りのスペースを均等に配置します*/
	justify-content: space-around; /*各要素の前後に均等なスペースが入るが、端のスペースが半分になる*/

	border-radius: 6px;
	border-top: 1.5px solid #44F;
	border-left: 1.5px solid #44F;
	border-right: 1.5px solid #44F;
	border-bottom: 1.5px solid #44F;
	background-color: #FFC;

}

/* ================================================================================ */
/* 【FrameCCクラス】【終了】                                                        */
/* ================================================================================ */



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


/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */
/* 【重要】@media screen and (max-width: 480px)は一番下の方で定義しないと上書きできないため有効にならない */


/******************************************/
/*共通部分の置き換え(開始)*/
/******************************************/


/*---------------------------------------------------------------------------*/
/* PCのみ表示、スマホは非表示【スマホ用の設定】 */
/*---------------------------------------------------------------------------*/

/* =======================================================================
ハンバーガーメニュー用追加【開始】
======================================================================= */

.NonPCOnly{
	display:none!important;
}

/* =======================================================================
ハンバーガーメニュー用追加【終了】
======================================================================= */

/*==================================================*/
/*共通部分の置き換え(終了)　　　　　　　　　　　　　*/
/*==================================================*/

}

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



/******************************************/
/*共通部分の置き換え【スマホ用の設定】(開始)*/
/******************************************/

/*---------------------------------------------------------------------------*/
/* PCのみ表示、スマホは非表示【スマホ用の設定】 */
/*---------------------------------------------------------------------------*/
.PCOnly{
	display:none!important;
}

/* 各サーバーで設定を変更するヘッダー(HeaderGroup1-7)の定義 */
/* ヘッダーに使う文字(スマートフォンは文字が小さくなる) */
.HeaderFontBig {
	font-size:18px;
}
.HeaderFontMiddle {
	font-size:14px;
}

#HeaderGroup1,#HeaderGroup2,#HeaderGroup3,#HeaderGroup4,#HeaderGroup5,#HeaderGroup6,#HeaderGroup6Saikou,#HeaderGroup7,#HeaderGroup8,#HeaderGroup9 {
	font-size:13px;
}

.MDspImg1 img,.MDspImg2 img,.MDspImg3 img,.MDspImg4 img,.MDspImg5 img,.MDspImg6 img,.MDspImg7 img,.MDspImg8 img,.MDspImg9 img {
	width:155px;
	width:100px;
	width:120px;
	height:114px;
	height:74px;
	height:89px;
;
}

/* BoxXXTitleの中の画像(img)の幅を変更する。 */
.Box01Title img,.Box02Title img,.Box03Title img,.Box04Title img,.Box05Title img,.Box06Title img,.Box07Title img,.Box08Title img,.Box09Title img {
	width:150px;
}

.Box01Title,.Box01NoTitle,.Box02Title,.Box02NoTitle,.Box03Title,.Box03NoTitle,.Box04Title,.Box04NoTitle,.Box05Title,.Box05NoTitle,.Box06Title,.Box06NoTitle,.Box07Title,.Box07NoTitle,.Box08Title,.Box08NoTitle,.Box09Title,.Box09NoTitle {
	font-size:13px ;
	font-size:14px ;
}
.Box01Title .TitleName,.Box02Title .TitleName,.Box03Title .TitleName,.Box04Title .TitleName,.Box05Title .TitleName,.Box06Title .TitleName,.Box07Title .TitleName,.Box08Title .TitleName,.Box09Title .TitleName {
	top: -29px;/* タイトルを上にあげる */
	font-size:14px ;
	font-size:16px ;
}

.BClassArrow_A,.BClassArrow_B,.BClassArrow_C,.BClassArrow_D,.BClassArrow_A_Disable,.BClassArrow_B_Disable,.BClassArrow_C_Disable,.BClassArrow_D_Disable,.BClassArrow_Z {
	height: 45px;
	height: 28px;
	height: 36px;
}


}

/*==================================================*/
/*共通部分の置き換え【スマホ用の設定】(終了)        */
/*==================================================*/


/*==================================================*/
/* 【重要】この下は、最後の括弧が１つある。 */
/*==================================================*/

}