@charset "utf-8";
/* CSS Document */

.content h1.title_summer {         
        width:100%;
	height:auto;
	margin-bottom: 0;
	padding: 0;
	background: #ffffff;
}

.content h1.title_summer img{
	text-align: center;
	width: 100%;
	display: flex;
	margin: 0 auto;
}

.content h2.summer{
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	background: #00a0e9;
	margin: 50px 0 20px 0;
}

.content h3.summer{
	border-bottom: 3px solid #00a0e9;
	font-size: 1.2em;
	color: #00a0e9;
	margin: 50px 0 20px 0;
}


div.



/* -------------------------
�@topics
--------------------------*/

.content p.summer_topics{
	padding: 0px 20px 10px 20px;
	vertical-align: middle;
	margin: 0 !important;
}

.content span.summer_date{
	padding-right: 15px;
}





/* -------------------------
�@sugoroku
--------------------------*/

div.tile_parent {
        overflow: hidden;
}

div.tile,
div.tile_none {	
	width:16%;
	padding: 0;
	display:inline-block;
    	vertical-align: top;
	font-size: 1em;
        float: left;
}

div.tile_space{	
	width:2%;
	padding: 0;
	display:inline-block;
    	vertical-align: top;
	font-size: 1em;
        float: left;
}

div.tile img,
div.tile_none img {
	width:100%;
        overflow: hidden;
        position: relative;
        cursor: pointer;
}

div.tile a {
	display:inline-block;
}

div.tile:hover {
        background-color: transparent;
}

div.tile:hover img {
         visibility: hidden;
}


/* -- mouse over --*/

div.tile02 {
        background: url(../img/tile_over_02.png) no-repeat;
        background-size: 100%;
}
div.tile03 {
        background: url(../img/tile_over_03.png) no-repeat;
        background-size: 100%;
}
div.tile04 {
        background: url(../img/tile_over_04.png) no-repeat;
        background-size: 100%;
}
div.tile05 {
        background: url(../img/tile_over_05.png) no-repeat;
        background-size: 100%;
}
div.tile06 {
        background: url(../img/tile_over_06.png) no-repeat;
        background-size: 100%;
}
div.tile07 {
        background: url(../img/tile_over_07.png) no-repeat;
        background-size: 100%;
}
div.tile08 {
        background: url(../img/tile_over_08.png) no-repeat;
        background-size: 100%;
}
div.tile09 {
        background: url(../img/tile_over_09.png) no-repeat;
        background-size: 100%;
}
div.tile10 {
        background: url(../img/tile_over_10.png) no-repeat;
        background-size: 100%;
}
div.tile11 {
        background: url(../img/tile_over_11.png) no-repeat;
        background-size: 100%;
}
div.tile12 {
        background: url(../img/tile_over_12.png) no-repeat;
        background-size: 100%;
}
div.tile13 {
        background: url(../img/tile_over_13.png) no-repeat;
        background-size: 100%;
}
div.tile14 {
        background: url(../img/tile_over_14.png) no-repeat;
        background-size: 100%;
}
div.tile15 {
        background: url(../img/tile_over_15.png) no-repeat;
        background-size: 100%;
}
div.tile16 {
        background: url(../img/tile_over_16.png) no-repeat;
        background-size: 100%;
}
div.tile17 {
        background: url(../img/tile_over_17.png) no-repeat;
        background-size: 100%;
}
div.tile18 {
        background: url(../img/tile_over_18.png) no-repeat;
        background-size: 100%;
}
div.tile19 {
        background: url(../img/tile_over_19.png) no-repeat;
        background-size: 100%;
}
div.tile20 {
        background: url(../img/tile_over_20.png) no-repeat;
        background-size: 100%;
}
div.tile21 {
        background: url(../img/tile_over_21.png) no-repeat;
        background-size: 100%;
}
div.tile22 {
        background: url(../img/tile_over_22.png) no-repeat;
        background-size: 100%;
}
div.tile23 {
        background: url(../img/tile_over_23.png) no-repeat;
        background-size: 100%;
}
div.tile24 {
        background: url(../img/tile_over_24.png) no-repeat;
        background-size: 100%;
}
div.tile25 {
        background: url(../img/tile_over_25.png) no-repeat;
        background-size: 100%;
}
div.tile26 {
        background: url(../img/tile_over_26.png) no-repeat;
        background-size: 100%;
}
div.tile27 {
        background: url(../img/tile_over_27.png) no-repeat;
        background-size: 100%;
}
div.tile28 {
        background: url(../img/tile_over_28.png) no-repeat;
        background-size: 100%;
}
div.tile29 {
        background: url(../img/tile_over_29.png) no-repeat;
        background-size: 100%;
}




/* -------------------------
�@contents guide
--------------------------*/

ol.summer_list2 {
        padding: 0;
        display: inline-block;
        vertical-align: top;
}


ol.summer_list2 li{
        font-size: 0.9em !important;
}

ol.summer_list2 li p {
        margin: 25px 0 5px 0px;
        padding: 0;
        font-size: 1.1em !important;
        font-weight: bold;
        line-height: 1.5em;
}

ol.summer_list_left {
        width: 44%;
        margin: 0 25px 0 40px;
}

ol.summer_list_right {
        width: 43%;
        margin: 0 0 0 40px;
}



@media (max-width:885px) {
ol.summer_list {
        width: auto;
}
ol.summer_list2 {
        width: auto;
}
}


/* -------------------------
�@drills
--------------------------*/

div.drills_box {
       text-align: center;
}

div.drills {
       margin: 0 10px 0px 10px;
       display: inline-block;
}