@charset "UTF-8";
/* CSS Document */
#pankuzu {
margin:0 0 13px;
}
#game1 {
font-size:18px;
padding-bottom:1px;
background-image:url(img/game1-01.png);
background-repeat:repeat-x;
background-position:center top;
text-align:center;
padding-top:45px;
background-color:#F9F9FA;
}
#game1 h1 {
}
#game1 .underline{
width:50%;
margin:3% auto;
font-size:15px;
}
#game1 .underline p {
border-bottom:2px solid #ebebea;
line-height:2em;
display:inline;
padding-bottom:2px;
}
#game1 p.illust{
width:80%;
margin:0 auto;
}
#game1 p.illust img {
max-width:100% !important;
height:auto !important;
}
#game1 p.btn {
padding:1% 0 10% 0;
}

#game1.gm02 {
background-image:url(img/game1-05.png);
}
#game1.gm02 dl {
max-width:1124px;
margin:50px auto 4% auto;
text-align:left;
}
#game1.gm02 dt {
font-size:22px;
font-style:italic;
line-height:34px;
margin-bottom:15px;
font-weight:bold;
}
#game1.gm02 dt span {
color:#FFF;
background-image:url(img/game1-06.png);
background-repeat:no-repeat;
font-style:normal;
text-align:center;
display:inline-block;
width:107px;
}
#game1.gm02 dd {
}
#game1.gm02 dd ul {
}
#game1.gm02 dd ul li {
display:inline-block;
font-size:16px;
line-height:20px;
margin-right:2%;
width:23%;
vertical-align:top;
}
#game1.gm02 li a {
display:block;
margin-bottom:10px;
}
#game1.gm02 li span {
display:inline-block;
color:#FFF;
background-color:#B23822;
font-size:14px;
width:20px;
text-align:center;
margin-right:5px;
}
#game1.gm02 li img {
max-width:100% !important;
height:auto !important;
}
#game1.gm03 {
background-image:url(img/game1-05.png);
background-color:#BCDFE8;
}
#game1.gm03 p.illust {
background-image:url(img/game3-10.png);
background-repeat:repeat-x;
background-position:left bottom;
width:100%;
}
#game1.gm03 p.illust img {
max-width:80%;
}
#game1.gm03 h3 {
font-size:19px;
font-style:italic;
margin:30px 0 15px 0;
}
#game1.gm03 .sns {
text-align:center;
}
#game1.gm03 .sns li {
display:inline;
}
#game1.gm03 .more {
margin:3% 0 5% 0;
}
#shikekka {
max-width:1124px;
margin:0 auto;
}
#game1.gm03 .gm03a {
background:#6ab6c6;
border:5px solid #FFF;
border-radius:24px;
max-width:100%;
margin:3% 14px;
padding:3% 0;
}
#game1.gm03 .gm03a p.p01 {
display:inline;
background-image:url(img/game3-01.png);
background-repeat:no-repeat;
background-position:center bottom;
padding:16px 10px 16px 10px;
border-top:2px solid #FFF;
color:#FFF;
margin-bottom:3%;
}
#game1.gm03 .gm03a h2 {
font-size:42px;
color:#FFF;
padding:2% 0;
background:none;
font-weight:600;
letter-spacing:0;
-webkit-transform: skew(170deg);
-moz-transform: skew(170deg);
}
ruby {
line-height:2.2;
}
#game1.gm03 .gm03a .dl01 {
background-color:#FFF;
padding:3% 0 5% 0;
}
#game1.gm03 .gm03a .dl01 dt {
display:inline;
background-image:url(img/game3-02.png);
background-repeat:no-repeat;
background-position:center bottom;
padding:16px 10px 16px 10px;
border-top:2px solid #d25400;
color:#d25400;
margin-bottom:3%;
}
#game1.gm03 .gm03a .dl01 dd {
font-size:22px;
font-weight:bold;
margin-top:1%;
}
#game1.gm03 .gm03a .pic {
margin:0 auto;
margin-top:-4%;
padding:0 14px 24px;
max-width:480px;
}
#game1.gm03 .gm03a .pic img {
max-width:100% !important;
height:auto !important;
box-shadow:0 8px 16px rgba(0, 0, 0, .5);
}
#game1.gm03 .gm03a .cap {
padding:10px 10px 0;
font-size:20px;
color:#FFF;
background-color:#e25c03;
margin-bottom:2%;
font-style:italic;
}
#game1.gm03 .gm03a .detail {
}
#game1.gm03 .gm03a .detail img{
}
@media (max-width:736px) {
#game1{
background-image:url(img/game1-01.png);
padding-top:5%;
background-size:170%;
}

#game1 h1 {
width:70%;
margin:0 auto 5% auto;
}
#game1 h1 img {
max-width:100% !important;
}
#game1 .underline {
width:90%;
margin:3% auto;
font-size:14px;
}
#game1 .underline p {
border-bottom:none;
line-height:1.7em;
display:inline;
padding-bottom:0;
}

#game1 p.illust {
width:95%;
margin:0 auto;
}
#game1 p.btn img {
max-width:50% !important;
}

#game1.gm02 {
background-image:url(img/game1-05.png);
padding-top:5%;
background-size:170%;
background-color:#BCDFE8;
}
#game1.gm02 dl {
width:100%;
margin:2% auto 2% auto;
}
#game1.gm02 dt {
font-size:18px;
text-align:center;
margin-bottom:4%;
}
#game1.gm02 dd ul {
width:80%;
margin:0 auto;
}
#game1.gm02 dd ul li {
display:inline-block;
font-size:16px;
line-height:20px;
margin-right:2%;
width:48%;
margin-bottom:5%;
}
#game1.gm02 p.illust {
background-image:url(img/game1-11.png);
background-repeat:repeat-x;
background-position:left bottom;
width:100%;
}
#game1.gm02 p.illust img {
max-width:95%;
}
#game1.gm03 .gm03a{
font-size:80%;
}
#game1.gm03 .gm03a h2 {
font-size:20px;
}
#game1.gm03 .gm03a .dl01 dd {
font-size:16px;
margin:3% 1%;
}
#game1.gm03 .gm03a .cap {
font-size:16px;
}
#game1.gm03 .gm03a .detail {
width:70%;
margin:0 auto;
}
#game1.gm03 .gm03a .detail img {
max-width:100% !important;
}
#game1.gm03 .sns {
text-align:center;
}
#game1.gm03 .sns li {
display:inline;
}
#game1.gm03 .sns li img {
max-width:30%;
}

#game1.gm03 .more{
margin:3% 0 5% 0;
width:70%;
margin:0 auto;
}
#game1.gm03 .more img {
max-width:100%;
margin:3% 0 5% 0;
}
#game1.gm03 p.illust{
background-size:contain;
}

}