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

body{
	background: #ffffff;
}
.title{
	color: #333;
	font-weight: 500;
	margin: 0 auto;
	padding: 0 12px;
	/* width: 670px; */
}

.size-table-text {
	font-size: 14px;
}

.line{
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 0 auto 6px auto;
}


.btn-box{
	margin: 0 auto;
	position: relative;
	height: 1px;
}


.close-btn{
	position: absolute;
	right: 0;
	top: -40px;
}
.close-btn img{
	width: 40px;
	transition: .2s;
}


.size-nav{
	margin: 0 auto 30px auto;
	padding: 0 12px;
	width: 100%;
	max-width: 670px;
	box-sizing: border-box;
}
.size-nav li{
	list-style: none;
	display: inline-block;
	margin: 0 20px 0 0;
}
.size-nav li a{
	color: #333;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	transition: .2s;
}
.size-nav li a::after{
	content: "";
	display: block;
	background-color: #ccc;
	height: 2px;
	margin-top: -2px;
	opacity: 0;
	transition: .2s;
	width: 100%;
}
.size-nav li a:hover{
	color: #999;
}
.size-nav li a:hover::after{
	opacity: 1;
}


.size-table{
	margin:0 auto 150px
}
.size-table td{
	padding: 0;
}
.size-table tr img{
	margin: 0 0 30px;
	width: 100%;
	max-width: 670px;
}


.close-btn:hover img{
	opacity: .5;
}

@media screen and (min-width: 641px){
/*--------*/
/*　HOVER */
/*--------*/

.size-table {
width: 670px;
margin: 0 auto;
}

.title {
    width: 670px;
}

.btn-box{
	width: 670px;
}


.line{
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 0 auto 6px auto;
	width: 670px;
}

.title{
	padding: 0;
}

.size-nav{
	padding: 0;
}

}/* end media */