@charset "utf-8";
 #container {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
max-width: 1000px;
}
#main {
width: 750px;
float: none;
order: 2;
}
#left-nav {
width: 250px;
float: none;
order: 1;
}
#footer {
width: 100%;
order: 3;
}
a {
color: #009F3C;
}
a:hover {
text-decoration: none;
}
body {
background-image: url(//ito-hamster.com/imgs/page-bg02.gif);
background-repeat: repeat;
background-position: left top;
}
#main {
width: 750px;
background-image: url(//ito-hamster.com/imgs/page-mainbg02.png);
background-repeat: no-repeat;
height: 600px;
background-position: center top;
}
.sentence {
width: 400px;
font-size: 1.1em;
padding-left: 200px;
padding-top: 42px;
}
.sentence h2 {
font-size: 1.0em;
}
.sentence p {
padding-top: 10px;
}
#footer {
clear:both;
line-height: 22px;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
@media only screen and (max-width: 37.5rem) {
body {
background-image: url(//ito-hamster.com/imgs/page-bg02_2.gif);
}
#container {
max-width: 375px !important;
width: 100% !important;
flex-wrap: wrap;
marigin: 0 auto;
}
#left-nav {
width: 100%;
max-width: 100%;
}
#main {
position: relative;
max-width: 355px;
width: 100%;
margin-top: 40px;
padding: 40px 10px 40px;
height: auto;
background-image: url(//ito-hamster.com/imgs/page02-bg.png);
background-repeat: repeat;
}
#main::before {
content: "";
display: block;
position: relative;
top: 0;
width: 142px;
height: 48px;
margin: 0 auto;
background-image: url(//ito-hamster.com/imgs/page02-title.gif);
background-repeat: no-repeat;
background-size: 142px 48px;
}
#main::after {
content: "";
position: absolute;
bottom: -130px;
display: block;
width: 350px;
height: 145px;
background-image: url(//ito-hamster.com/imgs/illust-page02-1.png),url(//ito-hamster.com/imgs/illust-page02-2.png);
background-position: left , right bottom;
background-size: 60px 145px, 40px 102px;
background-repeat: no-repeat, no-repeat;
}
.sentence {
max-width: 375px;
width: calc(100% - 20px);
padding: 0 10px 10px;
font-size: 14px;
line-height: 1.6;
}
.menu__wrapper {
max-width: 375px;
margin: 0 !important;
}
#footer {
padding-top: 120px;
}
}