@charset "utf-8";
/* CSS Document */
.menu {
    max-width: 606px;
    margin: 0 auto;
    padding: 0;
}
.menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    line-height: 1;
}
.menu label {
    display: block;
    margin: 0 0 2px 0;
    padding : 12px;
    line-height: 1;
    color : #fff;
    background : #007bbb;
    cursor : pointer;
}
	.menu label span{
		text-align: right;
		font-size:10px;
	}
.menu input {
    display: none;
}
.menu ul {
    margin: 0;
    padding: 0;
    background : #fff;
    list-style: none;
}
.menu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
#menu_bar01:checked ~ #links01 li, #menu_bar02:checked ~ #links02 li,#menu_bar03:checked ~ #links03 li,#menu_bar04:checked ~ #links04 li,#menu_bar05:checked ~ #links05 li,#menu_bar06:checked ~ #links06 li {
    max-height: 2000px;
    opacity: 1;
}
.size_table *, .size_table *:before, .size_table *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}
.size_table {
    width: 100%;
    border-collapse: collapse;
    border-right: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
}
.size_table th {
    padding: 2px;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    background: #f0f0f0;
    vertical-align: middle;
}
.size_table tr:last-child th {
    border-bottom: 1px solid #c2c2c2;
}
.size_table td {
    padding: 2px;
    vertical-align: top;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    background: #ffffff;
}
	
	.size_table {
		margin:15px 0;
	}	
.size_table p {
    margin: 2px 0;
}
.size_table .double{
		background-color:#f3f7fa;
	}
.size_table .class_a{
		background-color:#C8DDFF;
	}
.size_table .class_y{
		background-color:#D8FFB6;
	}
.size_table .class_b{
		background-color:#FFC8C9;
	}
    .sp_size_table *, .sp_size_table *:before, .sp_size_table *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}
.sp_size_table {
    width: 100%;
    border-collapse: collapse;
    border-right: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
}
.sp_size_table th {
    padding: 2px;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    background: #f0f0f0;
    vertical-align: middle;
}
.sp_size_table tr:last-child th {
    border-bottom: 1px solid #c2c2c2;
}
.sp_size_table td {
    padding: 2px;
    vertical-align: top;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    background: #ffffff;
}
	
	.sp_size_table {
		margin:15px 0;
	}	
.sp_size_table p {
    margin: 2px 0;
}
.sp_size_table .double{
		background-color:#f3f7fa;
	}
.sp_size_table .class_a{
		background-color:#C8DDFF;
	}
.sp_size_table .class_y{
		background-color:#D8FFB6;
	}
.sp_size_table .class_b{
		background-color:#FFC8C9;
	}

@media only screen and (max-width:480px) {
.size_table {
    display: none;
}
.size_table th {
    display: block;
}
.size_table td {
    display: block;
    padding: 2px;
}
.size_table td::before {
    font-weight: bold;
    float: left;/*上のth要素が長い場合こちらを解除すると1段落下り見やすくなります*/
    padding: 2px 0;
    content: attr(label);
}
.size_table td p {
    padding: 2px 0 0 2px;
    margin: 0;
}
.sp_size_table {
    display:block;
    width:100%;
    table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}
}
	.tagname{
		display: flex;
		flex-flow: row wrap;
		width: 606px;
	}
	.tagname li{
		width:101px;
		text-align:center;
		font-size:12px;
	}
	.sisyuiro li{
		width:75.75px;
		text-align:center;
		font-size:11px;
	}
	.menu ul#links02,.menu ul#links02 ul,.menu ul#links03 ul,.menu ul#links04 ul,.menu ul#links05 ul,.menu ul#links06 ul{
		background-color: #fff;
	}