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

#TabContentsMenu { }

#TabContentsMenu ul li {
    float: left; box-sizing: border-box;
    list-style-type: none;
	width: 32.66666666%; margin-right: 1%; margin-bottom: 5px
}

#TabContentsMenu ul li:nth-child(3n) { margin-right: 0%}


#TabContentsMenu ul li a {
	display: block;
    font-size: 1.6rem;
	letter-spacing: 0;
    font-weight: normal;
    color: #504f4b;
    text-decoration: none;
    text-align: center;
	box-sizing: border-box;
	padding: 10px 0px 10px 0px;
	background-color: #fbeab0; border-radius: 5px
}
#TabContentsMenu ul li a:hover{
    background-color: #f1cf5b;
    color: #504f4b;
}

#TabContentsMenu ul li a.current {
    background-color: #d41e18;
    color: #ffffff;
}

#TabContents{ padding-top: 20px;
    clear:both;
}

.TabSpBr {display: block}
.TabSpNo { display: none}



/* #TabContentsMenu2 */
#TabContentsMenu2 { }

#TabContentsMenu2 ul li {
    float: left; box-sizing: border-box;
    list-style-type: none;
	width: 49%; margin-right: 1%; margin-bottom: 5px
}

#TabContentsMenu2 ul li:nth-child(2n) { margin-right: 0%}


#TabContentsMenu2 ul li a {
	display: block;
    font-size: 1.6rem;
	letter-spacing: 0;
    font-weight: normal;
    color: #504f4b;
    text-decoration: none;
    text-align: center;
	box-sizing: border-box;
	padding: 10px 0px 10px 0px;
	background-color: #fbeab0; border-radius: 5px
}
#TabContentsMenu2 ul li a:hover{
    background-color: #f1cf5b;
    color: #504f4b;
}

#TabContentsMenu2 ul li a.current {
    background-color: #d41e18;
    color: #ffffff;
}

#TabContents2 { padding-top: 20px;
    clear:both;
}


/* #TabContentsMenu3 */
#TabContentsMenu3 { }

#TabContentsMenu3 ul li {
    float: left; box-sizing: border-box;
    list-style-type: none;
	width: 49%; margin-right: 1%; margin-bottom: 5px
}

#TabContentsMenu3 ul li:nth-child(2n) { margin-right: 0%}


#TabContentsMenu3 ul li a {
	display: block;
    font-size: 1.6rem;
	letter-spacing: 0;
    font-weight: normal;
    color: #504f4b;
    text-decoration: none;
    text-align: center;
	box-sizing: border-box;
	padding: 10px 0px 10px 0px;
	background-color: #fbeab0; border-radius: 5px
}
#TabContentsMenu3 ul li a:hover{
    background-color: #f1cf5b;
    color: #504f4b;
}

#TabContentsMenu3 ul li a.current {
    background-color: #d41e18;
    color: #ffffff;
}

#TabContents3 { padding-top: 20px;
    clear:both;
}







/* width 769以上 */

@media print, screen and (min-width : 769px){



#TabContentsMenu ul li { width: 15.833333%;
	margin-bottom: 8px;
}

#TabContentsMenu ul li:nth-child(3n) { margin-right: 1%}
#TabContentsMenu ul li:nth-child(6) { margin-right: 0%}

#TabContentsMenu ul li a {
	border-bottom: 0px
}
#TabContentsMenu ul li a:hover{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#TabContents{
}

.TabSpBr {display: none}
.TabSpNo { display: inline;}


/* #TabContentsMenu2 */
#TabContentsMenu2 ul { display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


#TabContentsMenu2 ul li { width: 19%;
	margin-bottom: 2px;
}

#TabContentsMenu2 ul li:nth-child(2n) { margin-right: 1%}
#TabContentsMenu2 ul li:nth-child(5) { margin-right: 0%}

#TabContentsMenu2 ul li a {
	border-bottom: 0px
}
#TabContentsMenu2 ul li a:hover{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#TabContents2 {
}


/* #TabContentsMenu3 */
#TabContentsMenu3 ul { display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


#TabContentsMenu3 ul li { width: 32%;
	margin-bottom: 5px;
}

#TabContentsMenu3 ul li:nth-child(2n) { margin-right: 1%}
#TabContentsMenu3 ul li:nth-child(3n) { margin-right: 0%}

#TabContentsMenu3 ul li a {
	border-bottom: 0px
}
#TabContentsMenu3 ul li a:hover{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#TabContents3 {
}




}