@charset "utf-8";

/* 基本設定 ///////////////////////////////////////////////////////////////////////// */

* {
margin:0;
padding:0;
}

html, body {
font-size:17px;
font-family: 'メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Arial',sans-serif;
text-align:center;
line-height:1.8;
}

img {
vertical-align:bottom;
}




/* ################################################################################## */
/* スマホ版 ///////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 500px) {
/* ################################################################################## */

h1 {
margin-bottom:20px;
}

h1 img {
width:150px;
height:auto;
}


#image img {
width:100%;
height:auto;
}


#mainBox {
margin:0 10px;
}

#mainBox dt {
font-size:22px;
font-weight:bold;
color:#9659a0;
margin-bottom:15px;
}

#mainBox dd {
text-align:left;
padding-bottom:25px;
}


#mainBox p {
text-align:center;
padding:10px;
border:1px dotted #c00;
background:#fafafa;
border-radius:5px;
}

#mainBox p strong {
display:inline-block;
font-size:17px;
color:#c00;
margin-bottom:10px;
}

#mainBox p span {
display:block;
font-size:17px;
font-weight:bold;
color:#9659a0;
}

/* ################################################################################## */
/* スマホ版ここまで ///////////////////////////////////////////////////////////////// */
}
/* ################################################################################## */




/* ################################################################################## */
/* PC版 ///////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 501px) {
/* ################################################################################## */


h1 {
padding:50px 0;
}

h1 img {
width:200px;
height:auto;
}


#image img {
width:500px;
height:auto;
}


#mainBox {
width:720px;
margin:0 auto;
}

#mainBox dt {
font-size:30px;
font-weight:bold;
color:#9659a0;
margin-bottom:30px;
}

#mainBox dd {
padding-bottom:25px;
}


#mainBox p {
padding:20px;
border:3px double #c00;
background:#fafafa;
border-radius:5px;
}

#mainBox p strong {
display:inline-block;
font-size:17px;
color:#c00;
margin-bottom:10px;
}

#mainBox p span {
font-size:17px;
font-weight:bold;
color:#9659a0;
}


/* ################################################################################## */
/* PC版ここまで ///////////////////////////////////////////////////////////////////// */
}
/* ################################################################################## */