@charset "UTF-8";
/* CSS Document */
#pankuzu {
margin:0 0 13px;
}
#main {
background:#FFF;
}
.box {
cursor:pointer;
}
#game2 {
/*font-size:18px;
padding-bottom:1px;
text-align:center;
padding-top:0px;
border-top:1px solid #ebebeb;*/

background-image:url(/kawasakiworld/coloring/img/coloring_pc_bg.png);
background-repeat:repeat-x;
background-position:center top;
text-align:center;
padding-top:100px;
background-color:#F9F9FA;

}

#game2 p.illust {
width:80%;
margin:0 auto 30px auto;
}

#game2 p.illust img {
max-width:100% !important;
height:auto !important;
}

.title_bar{
background-color:#236faf;
color:#FFF;
line-height:40px;
font-size:18px;
	}

#game2 .gm01 {
/*background-image:url(/kawasakiworld/coloring/img/game1-18.png);*/
padding:3% 0 3% 0;
}
#blkin {
max-width:1152px;
margin:0 auto;
padding:0 14px;
}
.rowgame {
margin:0 -10px;
font-size:0; /* ���Ҥ�϶�g���� */
}
#game2 .gm01a {
display:inline-block;
vertical-align:top;
font-size:18px;
width:33.333%;
position:relative;
min-height:1px;
padding:0 10px 16px;
}
#game2 .gm01a p.pic {
position:relative;
}
#game2 .gm01a p.pic img.pic {
width:100% !important;
height:auto !important;
}
#game2 .gm01a .yjrs {
position:absolute;
left:50%;
bottom:0px;
margin-left:-13px;
}
#game2 .gm01a dl {
font-size:15px;
color:#FFF;
border-bottom:3px solid #A5C356;
}
#game2 .gm01a dt {
line-height:30px;
background-color:#a5c356;
}
#game2 .gm01a dd {
background-color:#bcd57a;
background-image:url(/kawasakiworld/coloring/img/game1-05.png);
background-repeat:no-repeat;
background-position:right bottom;
padding:5% 0;
}
#game2 .gm01a strong {
display:block;
width:80%;
margin:auto;
border-bottom:2px solid #FFF;
font-size:24px;
margin-bottom:5px;
}
#game2 .gm01a dl.dl02 {
border-bottom:3px solid #e5a64c;
}
#game2 .gm01a dl.dl02 dt {
background-color:#e5a64c;
}
#game2 .gm01a dl.dl02 dd {
background-color:#f2b865;
}
#game2 .gm01a dl.dl03 {
border-bottom:3px solid #ee6c6c;
}
#game2 .gm01a dl.dl03 dt {
background-color:#ee6c6c;
}
#game2 .gm01a dl.dl03 dd {
background-color:#f67a7a;
}

#game2 .gm02 {
background-image:url(/kawasakiworld/coloring/img/game1-18.png);
padding:3% 0;
}
#game2 .gm02 h2 {
font-size:22px;
font-style:italic;
line-height:34px;
margin-bottom:15px;
font-weight:bold;
background:none;
width:100%;
padding:0 32px;
text-align:left;
margin:0 auto 15px auto;
-webkit-transform:skew(0deg);
-moz-transform:skew(0deg);
}
#game2 .gm02 h2 span {
color:#FFF;
background-image:url(/kawasakiworld/coloring/img/game1-16.png);
background-repeat:no-repeat;
font-style:normal;
text-align:center;
display:inline-block;
width:178px;
}
#game2 .gm02 h2 span.sp01 {
background-image:url(/kawasakiworld/coloring/img/game1-17.png);
}
#game2 .gm02 h2 span.sp02 {
background-image:url(/kawasakiworld/coloring/img/game1-15.png);
}
#game2 .gm02 ul.pic {
margin:0 auto;
width:100%;
}
#game2 .gm02 ul.pic li {
margin:0 1%;
width:48%;
display:inline-block;
}
#game2 .gm02 ul.pic li img {
max-width:100% !important;
height:auto !important;
}
#game2 .gm02 .sns {
text-align:center;
margin-top:3%;
}
#game2 .gm02 .sns li {
display:inline;
}
#game2 .gm02 .more {
margin:3% 0 5% 0;
}

#game2 .gm03 {
background-image:url(/kawasakiworld/coloring/img/game1-18.png);
padding:3% 0;
}
#game2 .gm03 .gm03a {
background:#60a1b1;
border:5px solid #FFF;
border-radius:24px;
max-width:1076px;
margin:3% auto;
padding:3% 0;
}
#game2 .gm03 .gm03a h2 {
font-size:22px;
font-style:italic;
line-height:34px;
margin-bottom:15px;
font-weight:bold;
background:none;
-webkit-transform:skew(0deg);
-moz-transform:skew(0deg);
}
#game2 .gm03 .gm03a h2 span {
color:#FFF;
background-image:url(/kawasakiworld/coloring/img/game1-16.png);
background-repeat:no-repeat;
font-style:normal;
text-align:center;
display:inline-block;
width:178px;
}
#game2 .gm03 .gm03a h2 span.sp02 {
background-image:url(/kawasakiworld/coloring/img/game1-15.png);
}
#game2 .gm03 .gm03a h2 span.sp01 {
background-image:url(/kawasakiworld/coloring/img/game1-17.png);
}
#game2 .gm03 .gm03a .ans {
background:#FFF;
margin:0 auto;
width:85%;
margin-bottom:3%;
}
#game2 .gm03 .gm03a ul.pic {
}
#game2 .gm03 .gm03a ul.pic li {
margin:0 1%;
width:49%;
display:inline-block;
}
#game2 .gm03 .gm03a ul.pic li:first-child {
margin:0 1% 0 0;
}
#game2 .gm03 .gm03a ul.pic li:last-child {
margin:0 0 0 1%;
}

#game2 .gm03 .gm03a ul.pic li img {
max-width:100% !important;
height:auto !important;
}
#game2 .gm03 .gm03a ul.txt {
padding:2% 5%;
font-size:23px;
text-align:left;
}
#game2 .gm03 .gm03a ul.txt li {
line-height:30px;
margin:2% 0;
}
#game2 .gm03 .gm03a ul.txt span {
background:#c13932;
width:30px;
height:30px;
color:#FFF;
text-align:center;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
display:inline-block;
margin-right:1%;
}

.title_m{
	margin:115px auto 130px auto;
	}


@media (max-width:914px) {
	
#game2 h1 {
width:70%;
margin:0px auto 12% auto;
}
#game2 h1 img {
max-width:100% !important;
}
	
#game2 p.illust {
font-size:14px;
}
	
#game2 .gm02 .sns li {
display:block;
}
#game2 .gm02 .sns li img {
max-width:60%;
margin-bottom:3%;
}

#game2 h1 img {
max-width:100% !important;
}

#game2 {
/*font-size:18px;
padding-bottom:1px;
text-align:center;
padding-top:0px;
border-top:1px solid #ebebeb;*/

background-image:url(/kawasakiworld/coloring/img/coloring_pad_bg.png);
background-repeat:repeat;
background-position:center top;
text-align:center;
padding-top:100px;
background-color:#F9F9FA;

background-size:100%;

}

.title_m{
	margin:115px auto 130px auto;
	}



}

@media (max-width:736px) {
	
#game2 h1 {
width:70%;
margin:0px auto 25% auto;
}
#game2 h1 img {
max-width:100% !important;
}
	
#game2 p.illust {
font-size:14px;
}

#game2 {
/*font-size:18px;
padding-bottom:1px;
text-align:center;
padding-top:0px;
border-top:1px solid #ebebeb;*/

background-image:url(/kawasakiworld/coloring/img/coloring_sp_bg.png);
background-repeat:no-repeat;
background-position:center top;
text-align:center;
padding-top:80px;
background-color:#F9F9FA;
background-size:100%;
}

#game2 .gm01a {
width:85%;
display:block;
margin:0 auto 5% auto;
background:#bcd57a;
background-image:url(/kawasakiworld/coloring/img/game1-05.png);
background-repeat:no-repeat;
background-position:right bottom;
position:relative;
}
#game2 .gm01b {
background-color:#F2B864;
}
#game2 .gm01c {
background-color:#F67A7A;
}
#game2 .gm01a p.pic {
position:relative;
float:left;
width:50%;
}
#game2 .gm01a .yjrs {
display:none;
}
#game2 .gm01a dl {
float:right;
width:50%;
border-bottom:none;
padding-top:5%;
}
#game2 .gm01a dl.dl02 {
border-bottom:none;
}
#game2 .gm01a dl.dl03 {
border-bottom:none;
}

#game2 .gm01a dt {
width:100%;
margin-left:0;
position:relative;
}
#game2 .gm01a dd {
background-color:#bcd57a;
background-image:none;
padding:10% 0 0 0;
}
#game2 .gm01a strong {
display:block;
width:80%;
margin:auto;
border-bottom:2px solid #FFF;
font-size:24px;
margin-bottom:10%;
padding-bottom:10%;
}

#game2 .gm01a dt:before {
content:" ";
position:absolute;
top:-0px;
left:-30px;
width:0;
height:0;
border-width:15px;
border-style:solid;
border-color:transparent;
border-right-color:#a5c356;
}
#game2 .gm01b dt:before {
border-right-color:#e5a64c;
}
#game2 .gm01c dt:before {
border-right-color:#ee6c6c;
}

#game2 .gm02 h2 {
font-size:16px;
width:100%;
text-align:center;
}
#game2 .gm02 h2 span {
display:block;
width:178px;
margin:0 auto;
}
#game2 .gm02 ul.pic li {
margin:0 0 5% 0;
width:100%;
display:block;
}
#game2 .gm02 .sns li {
display:block;
}
#game2 .gm02 .sns li:last-child {
display:none;
}

#game2 .gm02 .sns li img {
max-width:60%;
margin-bottom:3%;
}
#game2 .gm02 .more img {
width:60%;
}

#game2 .gm03 .gm03a {
border:none;
border-radius:0px;
width:100%;
padding:2% 0;
}
#game2 .gm03 .gm03a .ans {
width:90%;
}
#game2 .gm03 .gm03a h2 {
font-size:16px;
}
#game2 .gm03 .gm03a ul.txt {
font-size:14px;
}
#game2 .gm03 .gm03a h2 span {
display:block;
margin:0 auto;
}
#game2 .gm03 .gm03a h2 {
margin-bottom:5px;
}
#game2 .gm03 p.detail {
margin:5% 0;
}
#game2 .gm03 p.detail img {
width:70% !important;
height:auto !important;
}

.title_m{
	
	}


}


.column-layout{
	width:1000px;
	margin:0 auto;
	display: flex;
 	flex-direction: row;
	flex-wrap: wrap;
	justify-content :space-around;
}

.column-layout a{
	text-decoration: none;
}

.link-inline{

	width:460px;
	padding:20px 0 20px 0;
	height:auto;

}

.link-text-v3{
	width:460px;
	height:60px;
	display: block;
	font-size:16px;
	text-align: center;
	color:#131313;
	list-style: none;
	text-decoration: none;
}

.link-text-v3 li span{
	color:#131313;
}

.plugin-layout{
	width:460px;
	height:100px;
	margin: 0 auto;
	display: block;
	font-size:14px;
	text-align: center;
	color:#131313;
}

#game2 .gm01{
	background:#ebebeb;
	}

figure{
	 margin:20px auto 20px auto;"
	}


@media (max-width:914px) {

	
	
.column-layout{
	width:100%;
	margin:0 auto;
	display: flex;
 	flex-direction: row;
	flex-wrap: wrap;
	justify-content :space-around;
}

.column-layout a{
	text-decoration: none;
}

.link-inline{

	width:38%;
	padding:10px 0 10px 0;
	height:auto;

}

.link-text-v3{
	width:100%;
	min-height:40px;
	display: block;
	font-size:14px;
	text-align: center;
	color:#131313;
	list-style: none;
	text-decoration: none;
}

.link-text-v3 li span{
	color:#131313;
}

.plugin-layout{
	width:100%;
	min-height:120px;
	margin: 0 auto;
	display: block;
	font-size:14px;
	text-align: center;
	color:#131313;
}

#game2 .gm01{
	background:#ebebeb;
	}

figure{
	 margin:20px auto 20px auto;"
	}
	
figure img{
	max-width:100%;height:auto;
	}	

	
.content{
	padding:0 0 30px 0;
	}
	




}

	
	
@media (max-width:736px) {
	
	
	
.column-layout{
	width:100%;
	margin:0 auto;
	display: flex;
 	flex-direction: row;
	flex-wrap: wrap;
	justify-content :space-around;
}

.column-layout a{
	text-decoration: none;
}

.link-inline{

	width:40%;
	padding:10px 0 10px 0;
	height:auto;

}

.link-text-v3{
	width:100%;
	min-height:40px;
	display: block;
	font-size:14px;
	text-align: center;
	color:#131313;
	list-style: none;
	text-decoration: none;
}

.link-text-v3 li span{
	color:#131313;
}

.plugin-layout{
	width:70%;
	min-height:120px;
	margin: 0 auto;
	display: block;
	font-size:14px;
	text-align: center;
	color:#131313;
}

#game2 .gm01{
	background:#ebebeb;
	}

figure{
	 margin:20px auto 20px auto;"
	}
	
.content{
	padding:0 0 30px 0;
	}
	
	
}