/*
 *      スタイルシート      */

/*	TORUTABI     */


A:link 		{color:blue; text-decoration:none;}
A:visited 	{color:maroon; text-decoration:none;}
A:active	{color:yellow; text-decoration:none;} 
A:hover 	{color:aqua; text-decoration:none;}


/*	FONT-SIZE	*/
BODY {
	background-image: url(B33.gif);
	font-family: ＭＳ Ｐ明朝;
	font-size: 10.5pt;
	letter-spacing: 1pt;
	margin: 1% 5%;
}


table {
	border-collapse: collapse; 
	border : 0px maroon ;	/* 外枠の設定　*/
	font-size: 1.0em ;
}



/*	０文字下げ	*/
.moji00 {
	margin-left: 0pt;
	text-indent: 0pt;
}	

/*	１文字下げ	*/
.moji01 {
	margin-left: 10pt;
	text-indent: 0pt;
}

/*	２文字下げ	*/
.moji02 {
	margin-left: 20pt;
	text-indent: 10.5pt;
}

/*	５文字下げ	*/
.moji05 {
	margin-left: 30pt;
	text-indent: 10.5pt;
}

/*	Tweet文字下げ	*/
.tmoji00 {
	margin-left: 0pt;
	text-indent: 0pt;
}

/*	Tweet文字下げ	*/
.tmoji01 {
	margin-left: 10.5pt;
	text-indent: 0pt;
}



/*アンダーラインを引く*/

/*下線を点線にする*/
.seotext_01{
border-bottom:dotted;/*下線を点線にする*/
border-color:#ff0000;
border-width:1px;
}

/*太さを調整する*/
.seotext_02{
border-bottom:solid;
border-color:#ff0000;
border-width:5px;
}

/*二重線にする*/
.seotext_03{
border-bottom:double;
border-color:#ff0000;
border-width:3px;
}

/*位置を調整する*/
.seotext_04{
text-decoration:underline;/*下線を引く*/
text-underline-position:above;/*下線の位置をテキストの上に引く*/
}

/*マーカー風*/
.seotext_05{
background:linear-gradient(transparent 0%,yellow 90%);/*幅、色、グラデーション*/
}

/*下線として波線を引く*/
.seotext_06{
text-decoration:underline;/*下線を引く*/
text-decoration-style:wavy;/*下線の位置をテキストの上に引く*/
}

/*下線を消す方法（下線なし）*/
p {
text-decoration:none;
}



/*CSS3*/
.translate{
    margin-top: 0px;		/*上の空き*/
    padding: 0px 0px;		/*詰め物*/
    border: 0px solid #59b1eb;	/*境界・個体*/
    background: #59b1eb;	/*バックグラウンドカラー*/
    text-align: center;		/*文字・並べる・中央*/
    color: #fff;
    width: 300px;		/*幅、写真の幅に合わせる*/
    transition: all 1s ease;
}
 
.translate:hover{
    transform: rotateX(90deg);
}

/*画像拡大時にはみ出た部分を隠す*/
.scale-img {
	width: 600px;			/*画像の幅*/
	height: 400px;			/*画像の高さ*/
	transition-duration: 0.5s;	/*変化の時間*/
}
.scale-img:hover {
	transform: scale(2,2);		/*画像の拡大*/
	cursor: pointer;		/*カーソルをポインターにする*/
}
.scale-box {
	width: 600px;			/*ボックスの幅*/
	height: 400px;			/*ボックスの高さ*/
	overflow: hidden;		/*画像拡大時にはみ出た部分を隠す*/
}


/*画像拡大時にはみ出た部分を隠さない*/
/*１列目横*/
.scale12 {
	width:600px;			/*指定したサイズ内で表示する*/
	height:400px;			/*指定したサイズ内で表示する*/
	border: 1px white solid;	/* 枠線を引く */
	border-radius: 0px;		/* 角丸の指定 */
	margin:  auto auto auto;	/* 全体、width、height、autoは自動 */
	transition-duration: 0.5s;	/* 変化の時間 */
	}
.scale12:hover {
	transform: translate(100px,50px) scale(1.5,1.5);	/*　相対座標・倍率　*/
}

/*３列目横 キノコ用*/
.scale32 {
	width:600px;			/*指定したサイズ内で表示する*/
	height:400px;			/*指定したサイズ内で表示する*/
	border: 1px white solid;	/* 枠線を引く */
	border-radius: 0px;		/* 角丸の指定 */
	margin:  auto auto auto;	/* 全体、width、height、autoは自動 */
	transition-duration: 0.5s;	/* 変化の時間 */
	}
.scale32:hover {
	transform: translate(-150px,0px) scale(2,2);	/*　相対座標・倍率　*/
}



/* ページトップへ戻る */
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 30px;
    width: 30px;
    position: fixed;
    right: 70px;
    bottom: 70px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 15px;
    width: 15px;
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    transform: translateY(20%) rotate(-45deg);
}