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

/*------------------------------------------------------------------------------------------------------*/
/*                                                                                                      */
/* 【2022/01/27】                                                                                       */
/*    CssTempleInfoHeadingXでは、「h1-h6」のみを記述する。                                              */
/*  【変更履歴は、すべてCssTempleInfoCommon.cssの中に書く】                                             */
/*                                                                                                      */
/*------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------*/
/* 【CssTempleInfoHeading4】【Bukkyou.com】                                                             */
/*------------------------------------------------------------------------------------------------------*/
/*  【機能】                                                                                            */
/*    CssTempleInfoHeadingXでは、「h1-h6」のみを記述する。                                              */
/*  【変更履歴は、すべてCssTempleInfoCommon.cssの中に書く】                                             */
/*                                                                                                      */
/*------------------------------------------------------------------------------------------------------*/

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

/*---------------------------------------------------------------------------*/
/* 【h1-h6を定義する】                                                       */
/* h1は赤系                                                                  */
/* h2は青系                                                                  */
/* h3,h4は緑系                                                               */
/*---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{
	line-height:100%;
	text-overflow: ellipsis;/* 要素がはみ出したときに「…」を付けてくれる。ただしこれだけでは効かず、改行させない「white-space: nowrap」と、はみ出した要素を隠す「overflow: hidden」をセットで使う */
	white-space: nowrap;
	overflow: hidden;
}

h1,h2,h3,h4{
	position:relative;/*左の飾り線のために必要*/
	/*margin 上、右、下、左*/
	margin: 14px 0px 8px 0px;
	/* padding 上下、左右(emはフォントサイズの高さを 1 )(上、右、下、左) */
	padding: 6px 10px 6px 50px;

	font:bold 24px/1.0 Arial, Helvetica, sans-serif;

	border-right:#888 solid 2px;
	border-left:#CCC solid 2px;

/*	border-top:#F00 solid 3px;
*/
	border-bottom:#D00 solid 3px;

/*	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
	box-shadow:2px 2px 8px #000 ;
*/

	color:#FFF;
	color:#D00;
  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 #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: 1px 1px 1px #C00,-1px 1px 1px #C00,1px -1px 1px #C00,-1px -1px 1px #C00,1px 1px 1px #C00,-1px 1px 1px #C00,1px -1px 1px #C00,-1px -1px 1px #C00;
  text-shadow: 1px 1px 1px #600,-1px 1px 1px #600,1px -1px 1px #600,-1px -1px 1px #600,1px 1px 1px #600,-1px 1px 1px #600,1px -1px 1px #600,-1px -1px 1px #600;
  text-shadow: 1px 1px 1px #A00,-1px 1px 1px #A00,1px -1px 1px #A00,-1px -1px 1px #A00,1px 1px 1px #A00,-1px 1px 1px #A00,1px -1px 1px #A00,-1px -1px 1px #A00;
  text-shadow:2px 2px 2px #666;


  background-image: linear-gradient(to bottom,
          #BBB,
          #FEFEFE 25%,
          #EEE 30%,
          #FEFEFE 36%,
          #FEFEFE 50%,
          #CCC 80%,
          #AAA
          );
}

/********************************************************************/
/*【重要】h1-4にリンクがある時に、文字の色が変わらないように指定する*/
/********************************************************************/
h1 a,h2 a,h3 a,h4 a{
	color:#FFF;
}


h1::after,h2::after,h3::after,h4::after {
	position: absolute;
	top: 2px;
	top: -1px;
	top: calc(50% - 16px);
	top: calc(50% - 11px);
	left: 5px;
	z-index: 2;
	content: '';
	width: 36px;
	height: 36px;
	width: 32px;
	height: 32px;
	width: 22px;
	height: 22px;


	background-image: radial-gradient(circle at 20px 7px,#FCC , #F00);
	background-image: radial-gradient(circle at 23px 9px,#FEE , #F00, #800);
	background-image: radial-gradient(circle at 23px 15px,#FEE , #F00, #800);
	transform: rotate(225deg);

	
/*	border-radius: 100%;
	border-radius: 50%;
*/

}

h2 {

	font:bold 20px/1.0 Arial, Helvetica, sans-serif;
/*  width: 85%;
*/

/*	border-top:#00F solid 3px;
*/
	border-bottom:#00F solid 3px;

	color:#00A;

/*  text-shadow: 1px 1px 1px #00A,-1px 1px 1px #00A,1px -1px 1px #00A,-1px -1px 1px #00A,1px 1px 1px #00A,-1px 1px 1px #00A,1px -1px 1px #00A,-1px -1px 1px #00A;
*/

}

h2::after {
	background-image: radial-gradient(circle at 23px 15px,#EEF , #00F, #008);
}

h3,h4 {

	font:bold 14px/1.0 Arial, Helvetica, sans-serif;
/*  width: 80%;
*/

/*	border-top:#0A0 solid 3px;
*/
	border-bottom:#0A0 solid 3px;

	color:#080;

/*  text-shadow: 1px 1px 1px #0A0,-1px 1px 1px #0A0,1px -1px 1px #0A0,-1px -1px 1px #0A0,1px 1px 1px #0A0,-1px 1px 1px #0A0,1px -1px 1px #0A0,-1px -1px 1px #0A0;
*/

}

h3::after,h4::after {
	background-image: radial-gradient(circle at 23px 15px,#AFA , #0A0, #040);
}


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

/*---------------------------------------------------------------------------*/
/* h1-h6のフォントサイズなどを変更【スマホ用だけの設定】  */
/*---------------------------------------------------------------------------*/
h1{
	font-size:18px;
}
h2{
	font-size:16px;
}



}