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

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

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

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

/*---------------------------------------------------------------------------*/
/* h1-h6
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* 【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;
	padding: 6px 10px 6px 15px;

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

	color:#FFF;
	border-right:#888 solid 2px;
	border-right:#F00 double 20px;
	border-left:#CCC solid 2px;
	border-left:#F00 double 20px;

	border-top:#F00 solid 3px;
	border-bottom:#F00 solid 3px;
	border-top:#00F solid 3px;
	border-bottom:#00F solid 3px;
	border-top:#D00 solid 3px;
	border-bottom:#D00 solid 3px;
	border-top:#00A solid 2px;
	border-bottom:#00A solid 2px;

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

  text-shadow:1px 1px 0 rgba(255,255,255,1);
  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: 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;
  background-image: linear-gradient(to bottom,
          #BBB,
          #FEFEFE 25%,
          #EEE 30%,
          #FEFEFE 36%,
          #FEFEFE 50%,
          #CCC 80%,
          #AAA
          );
  background-image: linear-gradient(to bottom,
          #00B,
          #AAF 25%,
          #CCF 30%,
          #EEF 36%,
          #EEF 50%,
          #AAF 80%,
          #44F
          );
  background-image: linear-gradient(to bottom,
          #88F,
          #CCF 25%,
          #EEF 30%,
          #FFF 36%,
          #EEF 50%,
          #CCF 80%,
          #88F
          );
}

/********************************************************************/
/*【重要】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;
	left: 5px;
	z-index: 2;
	content: '';
	width: 36px;
	height: 36px;
	width: 31px;
	height: 31px;
	background-image: radial-gradient(circle at 20px 7px,#FCC , #F00);
	background-image: radial-gradient(circle at 23px 9px,#FEE , #F00, #800);
	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;
	border-top:#0A0 solid 3px;
	border-bottom:#0A0 solid 3px;
	border-top:#080 solid 2px;
	border-bottom:#080 solid 2px;
  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;
  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;
  text-shadow: 1px 1px 1px #080,-1px 1px 1px #080,1px -1px 1px #080,-1px -1px 1px #080,1px 1px 1px #080,-1px 1px 1px #080,1px -1px 1px #080,-1px -1px 1px #080;
  background-image: linear-gradient(to bottom,
          #8F8,
          #CFC 25%,
          #EFE 30%,
          #FFF 36%,
          #EFE 50%,
          #CFC 80%,
          #8F8
          );


}

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

h3,h4 {

	font:bold 16px/1.0 Arial, Helvetica, sans-serif;
/*  width: 80%;
*/
  
/*
	border-top:#0A0 solid 3px;
	border-bottom:#0A0 solid 3px;
	border-top:#F00 solid 3px;
	border-bottom:#F00 solid 3px;
	border-top:#F00 solid 1px;
	border-bottom:#F00 solid 1px;
*/
  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;
  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;


}


/*
h3::after,h4::after {
	background-image: radial-gradient(circle at 23px 9px,#EFE , #0F0, #080);
	background-image: radial-gradient(circle at 23px 9px,#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;
}



}