@charset "UTF-8";

*{
font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
font-size:14px;
color:#2a2a2a;
}
body{
text-align: center;
}

div#wrapper{
width:100%;	
max-width:900px;
margin: 10px auto;
padding:10px;
text-align: left;
background-color: #fff;
border:solid 12px #eaeaea;
}
div#wrapper div#header{
/*background-image: url(_images/logo_wakodo.png);*/
background-repeat:no-repeat;
background-position:98% 50%;
background-size:100px auto;
}
div#wrapper div#header,div#wrapper div#footer{
border:solid 1px #eaeaea;
background-color:#f9f9f9;
color:#f1dbbc;
}
div#wrapper div#header{
margin: 5px;
padding: 10px 30px;
border-radius: 5px;
}
div#wrapper div#header h1{
font-size:24px;
font-weight:bold;
padding:0;
margin:0 0 20px 0;
}
div#wrapper div#header h2 span{
margin:10px 0 20px 0;
padding: 5px 0px 3px 0px;
font-size:20px;
font-weight:bold;
border-top:1px dashed #f8b05b;
border-bottom:1px dashed #f8b05b;
background:#e16806;
color:#fff;
}
div#wrapper div#header p{
padding:0;
}
div#wrapper div#container{
padding: 0px 20px;
}
div#wrapper div#footer{
color: #FFF;
clear: both;
padding: 5px;
margin: 5px;
border-radius: 5px;
text-align: center;
font-size: 12px;
}
div#footer p{
color:#F60;
}

ul.example_pages{
border: solid 1px #CCC;
padding: 15px 30px;
}
ul.example_pages li{
padding: 5px 0px;
}
div#example_selector{
padding: 10px 0px;
text-align: left;
}
div#example_selector span{
display: block;
font-size: 14px;
padding: 5px 0px;
}
div#example_selector select{
font-size: 18px;
border-radius: 3px;
border: solid 1px #CCC;
padding: 5px 10px;
box-shadow: 0px 0px 5px #CCC inset;
box-sizing: border-box;
width: 100%;
max-width: 100%;
outline: none;
}
div.tips{
margin: 10px auto;
padding: 5px 20px;
border: solid 1px #CCC;
border-radius: 5px;
box-shadow: 0px 2px 10px #CCC;
background: #FEE;
}
div.tips p{
font-size: 14px;
line-height: 2em;
}
div.tips strong{
color: #800040;
}
div.tips span{
display: block;
padding: 5px 10px;
color: #008080;
}
div.tips em{
font-style: normal;
color: #090;
font-weight: bold;
}
div.tips ol li{
padding: 10px;
margin: 15px;
font-size: 12px;
line-height: 1.7em;
border: solid 1px #CCC;
border-radius: 5px;
background: #FFF;
}
div.tips ol li span{
padding: 0px 10px;
}
div.tips ol li img{
display: block;
width: 280px;
border: none;
margin: 5px auto;
}

@media screen and (max-width: 800px){
body{
padding: 0px;
margin: 0px;
}
div#wrapper{
border-radius: 0px;
padding: 0px;
margin: 0px;
width: 100%;
box-shadow: none;
border: none;
}
div#wrapper div#header{
padding:10px;
background:#fff;
}
div#wrapper div#header h1{
font-size:20px;
}
div#wrapper div#header h2 span{
font-size:14px;
border:0;
}
form#mailformpro dl dt{
float: none;
width: auto;
font-size: 12px;
padding: 5px;
text-align: left;
}
form#mailformpro dl dd{
clear: both;
border-top: none;
padding: 5px 15px;
font-size: 12px;
line-height: 1.5em;
}
div.mfp_buttons button{
font-size: 14px;
}
table#mfp_confirm_table tr th{
white-space: nowrap;
width: 100px;
}
div#mfp_thanks{
text-align: center;
font-size: 18px;
padding: 20px 0px;
}
div#mfp_thanks strong{
color: #C00;
font-size: 24px;
display: block;
}
}