@charset "Shift_JIS";
/* CSS Document */
*{ margin:0; padding:0px;}
img{ border:0;}
.clear{ clear:both;}
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ min-height:0;}
* html .clearfix{ height:0; /*\*//*/ height: auto; overflow: hidden; /**/}



/*  */


.gw_2018 {
	width:780px;
	height:1107px;
	background-image:url(../image/gw_2018/gw_2018_back.jpg);
	position:relative;
}

.float {
	position:absolute;
}

.area1 {
    top: 21px;
    right: 5px;
}

.area2 {
    top: 26px;
    right: 106px;
	z-index:10;
}

.area3 {
    top: 330px;
    right: 16px;
	z-index:9;
}

.area4 {
    top: 356px;
    left: 14px;
	z-index:10;
}

.area5 {
	bottom:10px;
	left: 32px;
}

.area6 {
    bottom: 96px;
    left: 69px;
}

.area7 {
    bottom: 77px;
    right: 61px;
	z-index:15;
}




/*「タブレットじゃなくなったら」(=「スマホになったら」)*/
@media only screen and (max-width: 767px) { 

.gw_2018 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 261.25%;
	background: url('../image/gw_2018/gw_2018_spback.jpg') 0 0 no-repeat;
    background-size: contain;

}

.area1 {
    top: 1%;
    right: 1%;
	z-index:9;
}

.area2 {
    top: 1.5%;
    right: 6%;
    width: 87%;
    z-index: 10;
}

.area3 {
    width: 94%;
    top: 25.3%;
    left: 3%;
    z-index: 9;
}

.area4 {
    width: 65%;
    top: 19%;
    left: 17%;
    z-index: 11;
}

.area5 {
    width: 94%;
    bottom: 1%;
    left: 3%;
}

.area6 {
    width: 35%;
    bottom: 11.2%;
    left: 31.5%;
}

.area7 {
	width: 68%;
    bottom: 4.8%;
    right: 17%;
    z-index: 15;
}

}