/* tenpu */

span.tokuten3 {
color: #ff3366;
font-weight: bold;
}

/* パソコン適用 */

@media screen and (min-width: 641px) {

body {
margin: 0;
background-color: #66cc66;
background-attachment: fixed;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#container {
width: 850px; /* ページの幅 */
margin: 0 auto; /* センタリング */
border-left: 1px #999999 solid; /* 左の境界線 */
border-right: 1px #999999 solid; /* 右の境界線 */
border-bottom: 1px #999999 solid;
}

div.mainpart {
width: 810px;
height: 700px;
background-color: #ffff99;
padding: 12px 20px;
line-height: 1.4;
text-align: left;
}

h1 {
text-align: center;
color: #000099;
font-size: 26px;
}

span.hosi {
color: #ff3366;
font-weight: bold;
}

span.smahofmailform {
font-size: 14px;
}

}


/* スマホ適用 */

@media screen and (max-width: 640px) {

img {
height: auto;
max-width: 100%;
}

body {
margin: 0;
background-color: #66cc66;
background-attachment: fixed;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#container {
width: 92%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

div.mainpart {
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ffff99;
line-height: 1.4;
text-align: left;
font-size: 13px;
}

div.mainpartwaku {
padding-right: 8px;
padding-left: 8px;
}

h1 {
text-align: center;
font-weight: bold;
color: #000099;
font-size: 26px;
}

span.hosi {
color: #ff3366;
font-weight: bold;
}

input.mailaddress {
width: 80%;
}

textarea.message {
width: 92%;
}

input.tenpufile {
width: 80%;
}

span.smahofmailform {
font-size: 12px;
}

}