body{
      background-color: #f8f8f8; /* 背景色を設定（任意） */      
}

a { color: inherit; }
.allbox {
	width:100%;
}
.titlebar {
	width: 100%;
	text-align: center;
	border: #000000;
	padding: 100px 0 5px 0;
	margin: 0 auto;
            justify-content: center; /* 横方向に中央寄せ */
            align-items: center; /* 縦方向に中央寄せ */
            height: 100vh; /* ブラウザの高さ��E00%に設��E*/
            text-align: center; /* テキストの中央揃え */
}
.logo{
	width:200px;
}

/* デスクトップ��Eぅ▲Ε� : 769 px 〜最��E1232 px。モバイ��E�Eぅ▲Ε箸肇織屮�E奪肇�Eぅ▲Ε箸�らスタイ��E魴兢機� */

@media only screen and (min-width: 769px) {
.allbox {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.logo{
	width:200px;
	margin: 0 auto;
}
.titlebar {
	width: 100%;
	text-align: center;
	border: #000000;
	padding: 100px 0 5px 0;
	color: #282828;
	margin: 0 auto;
	border-radius: 0px;
            justify-content: center; /* 横方向に中央寄せ */
            align-items: center; /* 縦方向に中央寄せ */
            height: 100vh; /* ブラウザの高さ��E00%に設��E*/
            text-align: center; /* テキストの中央揃え */
}
    

}