/* Ver 20240920-01 			*/ 
/* 使っていないもの以外は削除した 	*/ 

/* ------------------------------------------- */
/* HADER 部分 */
/* ------------------------------------------- */
.head_00{
	text-align: center;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 32pt; 
	COLOR: BLACK;
}

/* ------------------------------------------- */
/* Bikeアイコン */
/* ------------------------------------------- */
.bike_icon{
	background-image:	url(../image/icon/Bikeblnk.gif); 
	width:	64px;
	height:	40px;
}
.bike_icon_Next{
	background-image:	url(../image/icon/Next2.gif); 
	width:	64px;
	height:	40px;
}
.bike_icon_Pre{
	background-image:	url(../image/icon/Prev2.gif); 
	width:	64px;
	height:	40px;
}
.bike_icon_Top{
	background-image:	url(../image/icon/Topbtn.gif); 
	width:	64px;
	height:	32px;
}

/* ------------------------------------------- */
/* BODY 部分 */
/* ------------------------------------------- */
BODY{
	FONT-size: 120%;	/* 文字の大きさ */
	line-height: 1.5;	/* 行間の設定 */
}

/* -------------------------------------------	 */
/* フォント　属性				 */
/* ------------------------------------------- 	 */
/* 大きさ */
.f_50pct{
	font-size: 50%;
}
.f_2rem{
	font-size: 2rem;
}
.f_3rem{
	font-size: 3rem;
}
.f_4rem{
	font-size: 4rem;
}
.f_5rem{
	font-size: 5rem;
}
/* 色 */
.col_R{	/* 赤色 */
	color: RED;
}
.col_BL{	/* 青色 */
	color: blue;
}

/* 太さ */
.f_nom{	/* 400 */
	font-weight:	normal;
}
.f_bld{	/* 700 */
	font-weight:	bold;
}

/* -------------------------------------------	 */
/* テキスト　属性				 */
/* ------------------------------------------- 	 */
/* 位置 */
.t_rt{
 text-align: right;
}
.t_ct{
 text-align: center;
}
.t_lt{
 text-align: left;
}

/* ---------------------- */
/* 文字を斜体化（追記用） */
/* ---------------------- */
.tuiki{		/* 追記用 */
	transform: skewX(-20deg);
	color:		BLUE;
	font-size:	100%;
	font-weight:	normal;
	display:	inline-block;"
}

/* ------------------------- */
/* 標準コメント */
/* ------------------------- */
.comt{
	white-space:	pre;
	margin-left: 	2rem;;	/* 2つ右にインデント */
	margin-Top: 	-1rem;	/* 上の間隔が空くので上に縮める */
	font-size:	1.25rem;
	font-weight:	normal;
}

/* ---------------------- */
/* 見出し用 */
/* ---------------------- */
.mida_syou{	/* 小見出し */
	font-size:	1.6rem;
	color:		BLUE;
	font-weight:	bold;
}
.mida_tyu{	/* 中見出し */
	font-size:	2.0rem;
	color:		BLUE;
	font-weight:	bold;
}
.mida_dai{	/* 大見出し */
	font-size:	2.5rem;
	color:		BLUE;
	font-weight:	bold;
}

/* ------------------------------------------- */
/* インデント１ */
/* ------------------------------------------- */
.indent_1{
 margin-left: 3rem;;	/* 3つ右にインデント */
/* text-indent: 3rem;  */
}

/* ------------------------------------------- */
/* インデントUP */
/* ------------------------------------------- */
.indent_UP{
 margin-Top: -2rem;	/* 上の間隔が空くので上に縮める */
}

/* ------------------------------------------- */
/* 見出しと時間や距離の記述 */
/* ------------------------------------------- */
.mida_00{
FONT-WEIGHT: bold; 
FONT-SIZE: 20pt; 
COLOR: BLACK;
TEXT-DECORATION: underline
}
.mida_01{
FONT-WEIGHT: bold; 
FONT-SIZE: 14pt; 
COLOR: BLACK;
}

/* ------------------------------------------- */
/* 基本的な画像サイズ調整 */
/* ------------------------------------------- */
.img_FIX {
  width: 300px;  /* 幅を300ピクセルに設定 */
  height: 200px; /* 高さを200ピクセルに設定 */
}

* ------------------------------------------- */
/* 画像の高さを揃える */
/* https://support.sugutsukaeru.jp/ja/customize/homepage-design/247.html    */
/* ------------------------------------------- */
.img_h70PT {
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 70%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h70PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h50PT {
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 50%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h50PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h40PT {
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 40%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h40PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h33PT{
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 33%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h33PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h30PT{
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 30%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h30PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h20PT {
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 20%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h20PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h15PT {
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 15%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h15PT img {
    height: 100%;
    border: solid 1px #000000;
}
/* -------------- */
.img_h10PT {
    display: inline-block; /* ここがポイント */
/*    height: 600px;	*/
    height: 10%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img_h10PT img {
    height: 100%;
}
/* -------------- */

/* ------------------------------------------- */
/* 画面幅での調整 */
/* ------------------------------------------- */
.img_adj20PT {
  max-width: 20%;  /* 最大幅を画面幅の20%に設定 */
  height: auto;     /* 高さを自動調整 */
}
.img_adj25PT {
  max-width: 25%;  /* 最大幅を画面幅の20%に設定 */
  height: auto;     /* 高さを自動調整 */
}
.img_adj33PT {
  max-width: 33%;  /* 最大幅を画面幅の33%に設定 */
  height: auto;     /* 高さを自動調整 */
}
.img_adj50PT {
  max-width: 50%;  /* 最大幅を画面幅の50%に設定 */
  height: auto;     /* 高さを自動調整 */
}
.img_adj100PT {
  max-width: 100%;  /* 最大幅を画面幅の100%に設定 */
  height: auto;     /* 高さを自動調整 */
}

/* ------------------------------------------- 	 */
/* 画像の上に文字を重ねる方法			 */
/* ------------------------------------------- 	 */
/* ------------------------------------------
<div class="kasaneru1-2">
<img src="画像URL" />
<p>画像の上にのせるテキスト</p>
</div>
--------------------------------------------- */
.kasaneru1-2{
position: relative;
text-align: left;	/* 画像の位置 */
}
.kasaneru1-2 p{
  position: absolute;
  color: YELLOW;
  font-size: 1.0rem;			/* 文字の大きさ */
  top:	5%;				/* 文字の上からの位置 */
  left:	5%;				/* 文字の左からの位置 */
  transform: translate(-50%,-50%);	/* センター寄せの修正 */
  background: #000; /*背景を黒に*/
  padding: 1rem;　/*文字の周りに余白*/
}
@media screen and (max-width: 768px){
.kasaneru1-2 p{
  font-size: 1.0rem;
  width: 100%;
}

/* ----- */
/* Video */
/* ----- */

.video500 {
  width: 500px;
}

.video1000 {
  width: 1000px;
}