@charset "UTF-8";

* {
margin: 0;
padding: 0;
}

body {
color:#fffdfb;
/*color:#fbffee;*/
font-size:15px;
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif, Robot, "Droid Sans";
line-height:1.8;
-webkit-text-size-adjust: 100%;
/*background:#949c89;*/
background:#949a96;
/*background:#949a96;*/
}

/*a{color:#00dcee;text-decoration:none;}*/
a{color:#00ddd2;text-decoration:none;}

a:hover{color:#008299;}
/*a:hover{color:#56e6fa;}*/
a:active, a:focus {outline:0;}

/*-----------------------------------*/
#txtlzr{
font-size: 15px;
width: 250px;
height: 300px;
margin: 15px auto auto auto;
border: 1px solid #b664ff;
text-align:center;
}

#wrapper{
margin:2px auto auto auto;
position:relative;

padding: 0 2px;
width:98%;
}

.contents article{
text-align:center;
}
.contents img{
max-width:100%;
height:auto;
}
h2{
color:#424f51;
font-size:13px;
font-weight:normal;
margin:auto auto 10px auto;
}
h4{
color:#4d5253;
font-size:12px;
font-weight:normal;
margin:auto auto 10px auto;
}
h5{
font-size:13px;
margin:10px auto 40px auto;
}
h6{
margin:8px auto 25px auto;
font-weight:normal;
color:#5a3d65;
font-size:15px;
}
/* --------------------------------------------- */
@media only screen and (max-width: 289px){
#txtlzr{
font-size:12px;
width:99%;
height: 200px;
margin: 15px auto auto auto;
border: 1px solid #cbf264;
text-align:center;
}
h6{
font-size:13px;
}
}

/* --------------------------------------------- */
@media only screen and (min-width: 290px){
#txtlzr{
font-size: 14px;
width: 260px;
height: 300px;
margin: 15px auto auto auto;
border: 1px solid #cbf264;
text-align:center;
}
}

/* --------------------------------------------- */
@media only screen and (min-width: 310px){
#wrapper{
max-width:300px;
}
}

/* --------------------------------------------- */
@media only screen and (min-width: 420px){
#txtlzr{
font-size: 15px;
width: 260px;
height: 300px;
margin: 15px auto auto auto;
border: 1px solid #cbf264;
/*border: 1px solid #cde373;*/
text-align:center;
}
#wrapper{
max-width:300px;
}
.contents article{
text-align:center;
}
h6{
margin:15px auto 30px auto;
font-size:15px;
}
}

@media only screen and (min-width: 620px){
#wrapper{
max-width:100%;
}
h6{
margin:28px auto 30px auto;
}

}