/*デフォルト:PCの場合*/

body
{

/*画面の幅が982px以上である場合は記述内容を適用*/
@media screen and (min-width:982px)
{ /*適用先*/

/*背景設定*/
background-image:url("A25_1280x853_JIKKEN.png");
background-repeat:no-repeat;
background-size:cover;
width:100%;height:666px;
background-attachment:fixed;
background-position:50% 50%;/*背景画像の表示位置を指定*/



/*文字サイズ指定・タイトル太字*/

/*HTML側でのH1は概ね32pxか？*/

.TITLE1
{font-size:32px;
 font-weight:bold;}
.TITLE2_1
{font-size:28px;
 font-weight:bold;}
.TITLE2_2
{font-size:28px;
 font-weight:bold;}
.TITLE2_3
{font-size:28px;
 font-weight:bold;}
.TITLE2_4
{font-size:28px;
 font-weight:bold;}

.MOJI1
{font-size:17.6px;}

/*中央寄せ*/

.TITLE1{padding-left:15em;}

.TITLE2_1{padding-left:15em;}

.TITLE2_2{padding-left:9.5em;}

.TITLE2_3{padding-left:22em;}

.TITLE2_4{padding-left:21em;}

.MOJI1{padding-left:15.5em;}



/*ボックス設定*/

.BOX_HISTORY		/*適用先class属性値*/
{
/*中央寄せ(左右移動)*/
position: absolute;
transform: translateX(55%);

width:600px;	/*幅*/
height:300px;	/*高さ*/
border:1px solid #000000/*色*/;	/*ボーダー枠線*/
overflow-x:scroll;	/*要素が表示指定範囲を超えた場合の処理*/

}


}



}/*PCend*/






/*テスト:Galaxy A30*/
/*画面の幅が981px以下である場合は以下の記述内容を適用*/
@media screen and (max-width:981px)
{body /*適用先*/

/*背景設定*/
{background-image:url("A25_1280x853_JIKKEN.png");
background-repeat:no-repeat;
background-size:cover;
width:115%;/*横*/
height:666px;/*縦*/
background-attachment:fixed;/*スクロール時に動かないように設定*/
background-position:48% 50%;/*背景画像の表示位置を指定*/
background-size:300% auto;/*背景画像の解像度を指定*/
/*A30は980x1702*/
/*autoは自動調整*/


/*文字サイズ指定・タイトル太字*/

/*HTML側でのH1は概ね32pxか？*/
/*H2=24px*/
/*DEFAULT=16px*/

.TITLE1
{font-size:68px;
 font-weight:bold;}
.TITLE2_1
{font-size:68px;
 font-weight:bold;}
.TITLE2_2
{font-size:68px;
 font-weight:bold;}
.TITLE2_3
{font-size:68px;
 font-weight:bold;}
.TITLE2_4
{font-size:68px;
 font-weight:bold;}


.MOJI1
{font-size:44px;}


/*中央寄せ*/

.TITLE1{padding-left:2em;}

.TITLE2_1{padding-left:3em;}

.TITLE2_2{padding-left:3em;}

.TITLE2_3{padding-left:3em;}

.TITLE2_4{padding-left:3em;}

.MOJI1{padding-left:0.5em;}



/*ボックス設定*/

.BOX_HISTORY		/*適用先class属性値*/
{
/*中央寄せ(左右移動)*/
position: absolute;
transform: translateX(1%);

width:1100px;	/*幅*/
height:500px;	/*高さ*/
border:1px solid #000000/*色*/;	/*ボーダー枠線*/
overflow-x:scroll;	/*要素が表示指定範囲を超えた場合の処理*/

}

.BOXmoji{font-size:50px;}


}
/*A30end*/






























































































































































































































































































































































































































































































































































































/*おい！なに人のCSSを覗いているんだお前！！そこの君だそこの君！！！おかしな記述方法を覚えてしまっても知らんぞ！*/