@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: #5B3E00;
}
a:hover {
text-decoration: none;
}
body {
background-image: url(//ito-hamster.com/imgs/page-bg06.gif);
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
padding-bottom: 10px;
}
#main {
width: 610px;
position: relative;
padding-left: 140px;
padding-bottom: 20px;
font-size: 1.2em;
}
.page-title {
padding-left: 20px;
height:65px;
}
.contents {
width: 394px;
background-image: url(//ito-hamster.com/imgs/page-mainbg06b.png);
background-repeat: repeat-y;
background-position: 0px 0px;
padding-right: 50px;
padding-left: 20px;
margin-left: 15px;
padding-top: 20px;
min-height:376px;
}
.contents_footer {
position: relative;
padding-left: 18px;
width: 409px;
}
#icon {
position: absolute;
background-image: url(//ito-hamster.com/imgs/page-mainbg06d.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 231px;
width: 140px;
right: -80px;
bottom: -20px;
}
.article {
padding-top: 10px;
}
.article dt {
float: left;
width: 120px;
padding-bottom: 10px;
}
.article dt img {
background-image: url(//ito-hamster.com/imgs/img-bg3.png);
background-repeat: repeat;
background-position: 0px 0px;
padding: 5px;
}
.article dd {
float: left;
width: 240px;
padding-left: 20px;
padding-bottom: 10px;
}
.article dd h3 ,.article dd .subtitle {
padding-bottom: 10px;
font-size: 1em;
font-weight: bold;
}
.article dd .subtitle {
display:inline ;
}
#footer {
line-height: 22px;
color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
clear: both;
}
h3 {
margin-bottom:0.5em;
font-weight:bold;
font-size:1.4em;
}
.categories p {
font-weight:bold;
font-size:1.4em;
margin-bottom:0.5em;
} .categories {
float: left;
}
.categories ul {
float: right;
padding-left: 10px;
}
.categories ul li {
float: left;
padding-right: 10px;
}
.year {
font-size: 1.3em;
color: #FFF;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
}
#pan {
padding-bottom: 10px;
}
@media only screen and (max-width: 37.5rem) {
body {
background-image: url(//ito-hamster.com/imgs/page-bg06.gif);
}
h3 {
font-weight: bold;
font-size: 25px;
font-weight: bold !important;
border-bottom: solid 5px #de7126;
}
.article dd h3, .article dd .subtitle {
border: none;
}
.page-title {
display: none;
}
.categories ul {
font-size: 16px;
}
.categories ul a {
color: #FFF;
}
.contents {
width: 100% !important;
background: none;
padding: 0;
margin: 0;
}
.article dt {
float: none;
width: 220px !important;
margin: 0 auto !important;
}
.article dd {
float: none;
width: 90% !important;
margin: 0 auto !important;
padding: 0 0 20px !important;
}
.article dt img {
width: 200px !important;
height: auto !important;
}
.contents_footer {
display: none;
}
#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/page-mainbg06b.png);
background-position: center;
background-repeat: 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;
}
}