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

h1 {text-align: left!important;
    font-size: 2em!important;
color: #000000!important;
margin-bottom: 0!important;}

h1:before, h1:after {

  background-color: #ffffff!important;
}

.contentsLink {display: flex;
margin-top: 15px;

}



.contentsLink div {width: 33%;
border: 1px solid #C8C3C3;
margin-right: 1%;
padding: 0;
}

.contentsLink div:last-child {margin-right: 0;
}
.contentsLink div.kara{border: none;
}


/*.contentsLink div.cookingTop{margin-right: 1%!important;
}*/

.contentsLink div dl{margin: 0;}
.contentsLink div dt {margin: 0;
}

.contentsLink div dd {
	border: none;
    padding: 10px 0 20px 0;
    width: 100%;
}

.contentsLink a{text-decoration: none;
color: #222;
}
.contentsLink div dd h2{
font-size: 1em;
font-weight: bold;
	text-align: center;
	margin-top: 0;
}
/*.contentsLink div dd.middle{
height: 22vh;
}
*/


.contentsLink div dd p{margin: 5px;}


@media screen and (max-width: 480px){
    h1 {
        margin-top: -30px!important;
    font-size: 2em!important;
}
    h2{font-size: 1.2em!important;}
    
.contentsLink {display: block;}
.contentsLink div {width: 100%;
	margin-bottom: 15px;}
	
		.contentsLink div dd h2{

	margin-top: 5px;
}
	.contentsLink div.kara{display: none;
}

}