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

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

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

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

.PCOnly{
	display:inline;
}

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

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

.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:180px;
	height:89px;
	height:148px;
	height:119px;
	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;

	background: #000;
	font-weight: none;
	text-decoration: none;
	border-radius: 5px;

	color: #FFF;
	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 #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(1)】*/
.BClassArrow_NO1: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;

}

/*【緑色系ボタン(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, #060, #DFD, #060);
  background-image: linear-gradient(to bottom, #0A0, #DFD, #0A0);
  /*【上下２本線の色と太さ】*/
  border-top: 2px solid  #555;
  border-bottom: 2px solid  #555;
}

/*【ピンク系ボタン(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 #FEE;
  border-left: 1.5px solid #FEE;
  border-right: 2px solid #F22;
  border-bottom: 2px solid #F22;
  color: #FFD;
  text-shadow: 2px 2px 2px #D00,-2px 2px 2px #D00,2px -2px 2px #D00,-2px -2px 2px #D00,2px 2px 2px #D00,-2px 2px 2px #D00,2px -2px 2px #D00,-2px -2px 2px #D00;
}

/*【赤色系Hover(5)】*/
.BClassArrow_NO5:hover {
  background-image: linear-gradient(to bottom, #A00, #FCC, #A00);
  /*【文字の縁取り】*/
  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;
  /*【なし】【上下２本線の色と太さ】*/
}

/*【緑色系ボタン(6)】*/
.BClassArrow_NO6 {
  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(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 #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(8)】*/
.BClassArrow_NO8:hover {
  background-image: linear-gradient(to bottom, #A0A, #FCF, #A0A);
  background-image: linear-gradient(to bottom, #AA0, #FFC, #AA0);
  /*【文字の縁取り】*/
  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;
  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;
  /*【なし】【上下２本線の色と太さ】*/
}

/*【茶色系ボタン(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;
	/* padding 上下、左右(emはフォントサイズの高さを 1 )(上、右、下、左) */
    padding: 0.6em 0.8em;
	padding:0.6em 0.6em 0.3em 0.6em;
    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%);
}
.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;
    top: -31px;
    left: -3px;
	/* padding 上下、左右(上、右、下、左) */
    padding: 0 9px;
    height: 28px;
    line-height: 28px;
    font-size: 17px;
    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;
}

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

}

/*【緑色系】*/
.Box02Title .TitleName,.Box06Title .TitleName,.Box08Title .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;

}

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

}

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

/************************************************************************************/
/* 【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)
          );

}

/*********************/
/*FrameBB1,4,8(青系) */
/*********************/

.FrameBB1,.FrameBB4,.FrameBB8 {

	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;

}

/*******************/
/*FrameBB2,6(緑系) */
/*******************/

.FrameBB2,.FrameBB6 {

	box-sizing: border-box;
	/*border: 1px solid #0F0;*/ /*緑色は色が強いため、1.5pxでなく1pxにする*/
	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;

}

/*********************/
/*FrameBB3,5,7(赤系) */
/*********************/

.FrameBB3,.FrameBB5,.FrameBB7 {

	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;

}

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


.FrameBB9 {

	box-sizing: border-box;
	/*border: 2px solid #842;*/ /*線の太さ・色*/
	border-top: 2.5px solid #A53;
	border-left: 2.5px solid #A53;
	border-right: 2.5px solid #421;
	border-bottom: 2.5px solid #421;
	background-color: #FFC;
	}

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


/*---------------------------------------------------------------------------*/
/*【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;
}

.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;
;
}

.Box01Title,.Box01NoTitle,.Box02Title,.Box02NoTitle,.Box03Title,.Box03NoTitle,.Box04Title,.Box04NoTitle,.Box05Title,.Box05NoTitle,.Box06Title,.Box06NoTitle,.Box07Title,.Box07NoTitle,.Box08Title,.Box08NoTitle,.Box09Title,.Box09NoTitle {
	font-size : 14px ;
}
.Box01Title .TitleName,.Box02Title .TitleName,.Box03Title .TitleName,.Box04Title .TitleName,.Box05Title .TitleName,.Box06Title .TitleName,.Box07Title .TitleName,.Box08Title .TitleName,.Box09Title .TitleName {
	font-size : 14px ;
}



}

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


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

}