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

.clrFix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clrFix {
    display: block;
}

img{
	vertical-align:bottom;
}

ul{
	list-style-type:none;
}

.p100{
	width:100%;
}
.main_bg{
    background: #FFF;
}
#kodomo{
    margin: 0 auto;
    background: #fee245;
    padding-bottom: 10%;
}
#kodomo .sewrap{
	background-image: url("../images/main_sp.png?210402");
	width: 100%;
	height: 100%;
	padding-top: 300%;
	margin: 0 auto;
	position:relative;
	background-size: cover;
}
#kodomo .sub_wrap{
    width: 95%;
    margin: 0 auto;
}
#kodomo .sub_ch{
	background: url("../images/sub_ch_sp.jpg?200424") no-repeat top center;
	width: 100%;
	height: 100%;
	padding-top: 207.1875%;
	margin: 0 auto;
	position:relative;
	background-size: cover;
}
#kodomo .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
	position:absolute;
	top: 0;
}
#kodomo p{
    color: #603814;
    font-size: 3vw;
    font-weight: bold;
    margin-top: 1%;
    width: 95%;
    margin: 1% auto;
}
/*tametable*/
#kodomo .flex{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#kodomo .flex_tc{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
#kodomo .flex_tc div{
    width: 50%;
    margin-top: 2%;
}
#kodomo table{
    width: 90%;
    margin: 0 auto;
}
#kodomo thead{
    display: none;
}
#kodomo tr{
    border: 4px solid #8c6239;
    margin-bottom: 3%;
    display: block;
    padding: 3%;
    border-radius: 15px;
}
#kodomo tr:nth-child(n+1){
    background: #d1e4ef;
}
#kodomo tr:nth-child(2n){
    background: #e2ecf2;
}
#kodomo td{
    display: block;
    /* border: 2px solid #8c6239; */
    padding: 1%;
    font-size: 4vw;
    font-weight: bold;
    color: #6c3b0b;
}
#kodomo td::before{
    content: attr(aria-label);
    /* float: left; */
    font-weight: bold;
    display: block;
    text-align: center;
    background: #3fa9f5;
    margin: 2% 0;
    padding: 2%;
    color: #fff;
    font-size: 4.3vw;
}
#kodomo td.flex_tc::before{
    display: none;
}
#kodomo .center{
    text-align: center
}
.btn{
    width: 90%;
    display: block;
    margin: 4% auto 7%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 4px 4px #333;
    border: 6px solid #c69c6d;
}
.btn img{
    width: 100%;
    /* box-shadow: 4px 4px #333; */
}
.btn:hover{
    box-shadow:none;
    transform: translate(4px,4px);
    transition-duration :0.2s;
    opacity: 1.0;
    text-decoration: none;
}