@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;
}
#gallery-box {
order: 2;
}
#left-nav {
width: 250px;
float: none;
order: 1;
}
#footer {
width: 100%;
order: 3;
}
a {
color: #360;
}
a:hover {
text-decoration: none;
}
body {
background-image: url(//ito-hamster.com/imgs/page-bg05.gif);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
padding-bottom: 10px;
}
#main {
width: 700px;
position: relative;
padding-bottom: 30px;
font-size: 1.2em;
padding-top: 70px;
}
.page-title {
padding-left: 20px;
}
.contents {
width: 276px;
float: left;
text-align: center;
padding-right: 20px;
}
.contents dt {
height: 226px;
}
.contents dd {
}
.contents .height {
padding-top: 20px;
}
#gallery-box {
background-image: url(//ito-hamster.com/imgs/page-mainbg05e.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 571px;
width: 711px;
position: relative;
padding-bottom: 30px;
font-size: 1.2em;
float: right;
z-index: 100;
} #footer {
line-height: 22px;
color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
text-align: center;
}
#pan {
font-size: 0.9em;
line-height: 1.2em;
padding-top: 30px;
padding-bottom: 10px;
}
#img-wrapper {
position: relative;
}
.ad-image {
z-index:1;	
}
.ad-next {
z-index:500;
}
.ad-prev {
z-index:500;
} #gallery {
position:relative;	
}
@media only screen and (max-width: 37.5rem) {
body {
background-image: url(//ito-hamster.com/imgs/page-bg05_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/page05-bg.gif);
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;
}
#gallery-box {
background-image: url(//ito-hamster.com/imgs/page05-bg.gif);
background-repeat: repeat;
height: auto;
padding: 10px;
width: calc(100% - 20px);
margin-top: 50px;
}
#footer {
padding-top: 40px;
}
#gallery {
}
.ad-gallery .ad-back {
left: -9px !important;
}
.ad-gallery .ad-forward {
right: -2px !important;
}
#pan {
display: none;
}
#gallery-box {
width: 100%;
padding: 40px 19px 19px !important;
}
.ad-gallery {
width: 100%;
max-width: 380px !important; 
}
.ad-image-description {
width: 100% !important;
}
.ad-image {
width: 90% !important;
height: auto !important;
max-width: 340px !important;
}
.ad-gallery .ad-image-wrapper {
min-height: 290px;
height: auto !important;
width: 100%;
display: flex;
justify-content: center;
left: 0;
}
.ad-gallery .ad-image-wrapper .ad-image {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
position: relative !important;
}
.ad-gallery .ad-nav .ad-thumbs {
max-width: 380px;
}
.ad-image {
left: auto !important;
}
.ad-image img {
width: 100%;
height: auto;
}
.ad-prev {
height: 260px;
}
}