body	/*適用先class属性値*/
{

/*影の表示*/
text-shadow:

/*影1*/
0px 12px 5px #FFFFFF, /*-左+右、-上+下、ぼかし、色の指定*/

/*影2*/
0px 9px 3px #FFFFFF; /*-左+右、-上+下、ぼかし、色の指定*/
}


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

body
{

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

/*背景設定*/
background-image:url("1280x853_STAR.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:38px;
 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:18.6px;}

/*中央寄せ*/

.TITLE1{padding-left:14em;}

.TITLE2_1{padding-left:15em;}

.TITLE2_2{padding-left:15em;}

.TITLE2_3{padding-left:19em;}

.TITLE2_4{padding-left:21em;}

.MOJI1{padding-left:15em;}



/*ボックス設定*/

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

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

}

.MP3audio{padding-left:25em;}


/*スマートフォン用の改行を非表示*/
.MB_KAIGYOU1{display:none;}



}/*PCend*/
}





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

/*背景設定*/
{background-image:url("1280x853_STAR.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:4.4em;}

.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		/*適用先class属性値*/
{
/*中央寄せ(左右移動)*/
position: absolute;
transform: translateX(9%);

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


font-size:46px;
}



/*各音声プレーヤーサイズ指定・位置*/
.MP3audio{
transform: scale(2.5,2.5);

position:sticky;
padding-left:14em;
padding-top:32px;




}
/*A30end*/






























































































































































































































































































































































































































































































































































































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