@charset "utf-8";
.size_top_h3_cen{
	font-size: 158%;
	margin:30px 0 20px 0;
	text-align:center;
	line-height:160%;
}
.size_top{
	line-height:160%;
}

.size_top_h3{
	font-size: 138%;
	margin:30px 0 20px 0;
}

.size_top_p{
	text-align:left;
	line-height:160%;
	margin:0 50px;
}

.size_title_h2{
	margin: 40px 0;
	padding: 0 0 5px 0;
	font-size: 138%;
	font-weight: bold;
	border-bottom: solid 3px #263e71;
	color: #263e71;
	line-height:50px;
}
.size_title_h2 img{
	width:50px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
}
.size_top_detail{
	float:left;
}
.size_top_detail h2{
	font-size: 138%;
	font-weight: bold;
	color: #263e71;
	margin:20px 0 10px 0;
}
.size_top_detail p{
	line-height:160%;
}

.size_box:before,
.size_box:after {
	content: " ";
	display: table;
}

.size_box:after {
	clear: both;
}

.size_box{
	*zoom: 1;
	padding:30px 0;
	border-bottom:1px dotted #CCCCCC;
}

.size_detail{
	width:65%;
	float:right;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding:0 40px;
}
.size_detail h4{
	font-size:126%;
	margin:10px 0;
}
.size_detail p{
	line-height:150%;
}
.size_detail .youtube_btn{
	text-align:center;
	margin:20px 0 20px auto;
	display:block;
	width:150px;
}
.size_detail .youtube_btn a{
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	background:#000;
	color:#FFF;
	border:2px solid #000;
	font-weight:bold;
	transition:1.0s;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
}
.size_detail .youtube_btn a:hover{
	background:rgba(231,74,70,0.7);
}
.size_detail .href_size{
	margin:20px 0 0 0;
	width:550px;
}
.size_detail .href_size img{
	width:100%;
	height:auto;
	margin:10px auto auto auto;
}
.size_img{
	width:35%;
	float:left;
}

.size_img img{
	width:100%;
	height:auto;
}

.size_more_title{
	margin:50px 0 0 0;
	color:#263e71;
	text-align:center;
	font-size:136%;
}
.size_more_box{
	text-align:center;
	width:200px;
	margin:30px 0 0 0;
}
.size_more_list {
	position: relative;
	overflow: hidden;
}

.size_more_list ul {
	position: relative;
	left: 50%;
	float: left;
}

.size_more_list ul li {
	position: relative;
	left: -50%;
	float: left;
}
.size_more_list ul li a{
	color:#464646;
}

.size_more_btn{
	margin:40px 0 0 0;
	width:240px;
	position: relative;
}
.size_more_btn a{
	background:#FFF;
	color:#000;
	font-weight:bold;
	border:2px solid #000;
	text-align:center;
	display:block;
	padding:10px 0 10px 15px;
	transition:1.0s;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
}
.size_more_btn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
	transition:0.7s;
}
.size_more_btn a:hover{
	background:rgba(144,144,144,0.8);
}
.size_more_btn a:hover::before{
	left: 10px;
}

.size_listbox{
	background:#f2f2f2;
	padding:20px;
	margin:30px 0;
}
.size_listbox ol,
.size_listbox ul{
	padding:10px 20px 0 20px;
}
.size_listbox li{
	line-height:160%;
}
.size_souryo{
	font-size:92%;
	line-height:150%;
	margin:0 5px;
}

.tab_list{
	margin:50px 0 0 0;
	width:100%;
	border-bottom:3px solid #263e71;
}
.tab_list2{
	margin:50px 0 0 0;
	width:100%;
	border-top:3px solid #263e71;
}
.tab_list li,
.tab_list2 li{
	width:25%;
	float:left;
	text-align:center;
	background:#959595;
	color:#FFF;
	height:50px;
	line-height:50px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	font-size:116%;
	letter-spacing:5px;
	cursor: pointer;
	transition:1.0s;
}

.tab_list li{
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top:2px solid #FFF;
}
.tab_list2 li{
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom:2px solid #FFF;
}

.tab_list li:hover,
.tab_list2 li:hover{
	background:rgba(144,144,144,0.6);
}
.tab_list li.active,
.tab_list2 li.active{
	background:#263e71;
	color:#FFF;
}
.tab_detail{
	margin:30px 0 0 0;
}
.tab_detail li{
	display:none;
	transition:1.0s;
}
.tab_detail li.active{
	display:block;
	transition:1.0s;
}

.btn_list{
	margin:50px 0 0 0;
	width:100%;
}
.btn_list li{
	float:left;
	width:48%;
	margin:0 1%;
	border:2px solid #263e71;
	height:50px;
	line-height:50px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	text-align:center;
	font-size:128%;
	font-weight:bold;
}
.btn_list li.active{
	background:#263e71;
	color:#FFF;
}
.btn_list li a{
	display:block;
	width:100%;
	height:50px;
	color:#263e71;
	transition:1.0s;
}
.btn_list li a:hover{
	background:#263e71;
	color:#FFF;
}
.size_p{
	line-height:150%;
}


@media(max-width: 768px) {
	.size_top,
	.size_top_p{
		margin:0 5%;
	}
	.size_p{
		padding:0 3%;
		line-height:150%;
	}
	.size_box{
		padding:10px 0;
	}
	.size_listbox{
		padding:20px;
		margin:20px 0;
	}
	.size_listbox ol,
	.size_listbox ul{
		padding:5px 10px 0 10px;
	}
	.size_listbox ul li{
		margin:0 0 10px 0;
	}

	.size_detail{
		width:100%;
		float:none;
		padding:0 3%;
	}
	.size_detail h4{
		font-size:126%;
		margin:10px 0;
	}
	.size_detail p{
		line-height:150%;
	}
	.size_detail .youtube_btn{
		text-align:center;
		margin:10px auto;
		display:block;
		width:80%;
	}
	.size_detail .youtube_btn a{
		height:35px;
		line-height:35px;
	}
	.size_detail .href_size{
		margin:10px 0 0 0;
		width:100%;
	}
	.img,
	.size_img{
		width:94%;
		padding:0 3%;
		float:none;
	}
	.img img,
	.size_img img{
		width:100%;
		height:auto;
	}
	.size_more_list ul{
		width:100%;
	}

	.size_more_box{
		width:100%;
		margin:0;
	}
	.size_more_list ul{
		margin:20px 0 0 0;
	}
	.size_more_list ul li {
		float:none;
		padding:5px 0;
		height:40px;
		line-height:40px;
		border-bottom:1px dotted #CCCCCC;
		text-align:left;
		position:relative;
	}
	.size_more_list ul li p{
		position:absolute;
		left:3%;
		width:40px;
		height:40px;
	}
	.size_more_list ul li p img{
		height:40px;
		width:auto;
	}
	.size_more_list ul li h4{
		text-align:left;
		padding:0 0 0 60px;
	}
	.size_more_list ul li:after {
		content: '';
		width: 8px;
		height: 8px;
		border: 0px;
		border-top: solid 3px #c1c1c1;
		border-right: solid 3px #c1c1c1;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -6px;
		transition:0.7s;
	}
	.size_more_btn{
		margin:20px 0 40px 3%;
		width:55%;
	}
	.size_more_btn a{
		padding:5px 0px 5px 10px;
	}
	.size_more_btn a::before{
		left: 15px;
	}
	.tab_list{
		margin:30px 0 0 0;
	}
	.tab_list2{
		margin:0 0 30px 0;
	}
	.tab_list li,
	.tab_list2 li{
		height:50px;
		line-height:50px;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		font-size:88%;
		letter-spacing:0px;
	}

	.tab_list li{
		border-top:1px solid #FFF;
	}
	.tab_list2 li{
		border-bottom:1px solid #FFF;
	}
}

.red{
	color:#e74a46;
}


a .size_bunner{
	width:90%;
	margin:50px auto;
	border:2px solid #263e71;
	background:#263e71;
	color:#FFF;
	text-align:center;
	font-size:150%;
	padding:20px 0 0 0;
	font-weight:bold;
	line-height:150%;
	letter-spacing:5px;
	position:relative;
}
a:hover .size_bunner{
	background-color:rgba(38,62,113,0.8);
}
a .size_bunner span{
	color:#FFF000;
	font-size:180%;
	line-height:180%;
	letter-spacing:10px;
}
a .size_bunner:after{
	content: '';
	width: 30px;
	height: 30px;
	border: 0px;
	border-top: solid 5px #FFf;
	border-right: solid 5px #FFf;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -15px;
	transition:0.7s;
}
a:hover .size_bunner:after{
		right: 15px;
}
@media(max-width: 768px) {
	a .size_bunner{
		font-size:140%;
		letter-spacing:0px;
		padding:15px 0;
	}
	a .size_bunner span{
		font-size:160%;
		line-height:120%;
		letter-spacing:0;
	}
	a .size_bunner:after{
		width: 10px;
		height: 10px;
		border-top: solid 3px #FFf;
		border-right: solid 3px #FFf;
		right: 10px;
	}
	a:hover .size_bunner:after{
			right: 10px;
	}
}

.size_tbl{
	margin:10px 0 30px 0;
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.size_tbl th{
	padding:5px;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	background:#EEEEEE;
}
.size_tbl td{
	padding:5px;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	text-align:center;
    vertical-align:middle;
	width:100px;
}

.shirt_size_th{
	width:150px;
}
.suit_size_th{
	width:150px;
}


@media(max-width: 768px) {
	.size_tblbox{
		width:94%;
		margin:0px auto;
		overflow:scroll;
	}
	.size_tbl{
		width:200%;
		font-size:92%;
	}
	.size_tblbox_best .size_tbl{
		width:100%;
	}
	.size_tbl th,
	.size_tbl td
		width:80px;
		padding:5px 2px;
	}
	.shirt_size_th{
		width:100px;
	}
	.suit_size_th{
		width:80px;
	}
}