@charset "UTF-8";

/* --- ローカルフォント設定 --- */
@font-face {
font-family: 'aoyagireisyosimo';
src: url("../font/aoyagireisyosimo_ttf_2_01.woff")
}

html {
overflow: auto;
}

/* --- 全体の背景・テキスト --- */
body {
overflow: hidden;
margin: 0;
padding: 0;
background-image: url("../img/washi.jpg");
color: #000000; /* 全体の文字色 */
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 100%; /* 全体の文字サイズ */
}

/* --- コンテナ --- */
#container {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

/* --- ヘッダ --- */
#header {
background-color:rgba(0,0,0,0.4);
font-family: aoyagireisyosimo;
color: #ffffff;
height: 170px;
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
margin-top: 80px;
}
#title_jp{
font-size: 70pt;
text-align: center;
padding-top: 30px;
}
#title_en{
font-size: 12pt;
text-align: center;
}

/* --- コンテンツ --- */
#content {
background-color: rgba(246,247,248,0.5);  /*コンテンツの背景色 */
border-radius: 10px;
box-shadow:0px 0px 10px rgba(0,0,0,0.9);
margin-top: 70px;
padding-top: 10pt;
padding-bottom: 10pt;
padding-left: 10pt;
padding-right: 10pt;
}

/* --- フッタ --- */
#footer {
color: #000000;
font-size: 10pt;
text-align: center;
margin-top: 30px;
}

/* --- ボタン --- */
#button {
text-align: center;
}
.button {
background-color:rgba(0,0,0,0.5);
color: #fff;
border-radius: 10px;
font-size: 15pt;
font-weight:bold;
display: inline-block;
width: 200px;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
}
.button::before,
.button::after {
border-radius: 10px;
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
background-color:rgba(0,0,0,0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button:hover {
letter-spacing: 5px;
}