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

body {
	
}
html,body{
    height: 100%;
}

a img {
	border:none;
}


.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both; width: 0px; height: 0px;}

.mar_T30 {margin: 30px 0px 0px 0px;}
.mar_T60 {margin: 60px 0px 0px 0px;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B70 {margin: 0px 0px 70px 0px;}
.mar_B100 {margin: 0px 0px 100px 0px;}
.mar_B110 {margin: 0px 0px 110px 0px;}
.mar_B120 {margin: 0px 0px 120px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R25 {margin: 0px 25px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_R75 {margin: 0px 75px 0px 0px;}
.mar_L70 {margin: 0px 0px 0px 70px;}
.mar_L25 {margin: 0px 0px 0px 25px;}
.mar_L30 {margin: 0px 0px 0px 30px;}

.fb_box {margin: 0 10px 10px 0; float:right;}
.ft_85 { font-size:85%;}

.head_01 {
	width:980px;
	}
.head_txt01 {
	width:980px;
	text-align:center;
	font-size:130%;
	}
.ti_box01 {
	width:360px;
	margin: 120px auto 50px auto;
	}
.ti_box02 {
	width:310px;
	margin: 120px auto 50px auto;
	}
	
	
.sub_box01 {
	width:470px;
	margin: 0 40px 0 0;
	float:left;
	}
.sub_box02 {
	width:470px;
	margin: 0 0 0 0;
	float:left;
	}
		
	
.img_box01 {
	width:450px;
	float:left;
	}
.gmenu_wrap01 {
	width:100%;
	margin: 22px auto 40px auto;
	}	
.gmenu_box01 {
	width:312px;
	float:left;
	margin: 0 22px 0 0;
	}
.gmenu_box02 {
	width:312px;
	float:left;
	margin: 0 0 0 0;
	}



#size_m .bg_box_s {
	background-image: url(../img/usr/freepage/m_size_s_b.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	width: 444px;
	height: 380px;
	float: left;
}
#size_m .bg_box_c {
	background-image: url(../img/usr/freepage/m_size_c_b.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	width: 436px;
	height: 380px;
	float:left;
}


#size_m .T_center {text-align: center;}
#size_m .T_right {text-align: right;}
#size_m .float_L {float: left;}
#size_m .float_R {float: right;}
#size_m .float_C {clear: both;}

#size_m .mar_TB20 {margin: 20px 0px 20px 0px;}
#size_m .mar_B20 {margin: 0px 0px 20px 0px;}
#size_m .mar_B30 {margin: 0px 0px 30px 0px;}
#size_m .mar_B40 {margin: 0px 0px 40px 0px;}
#size_m .mar_R20 {margin: 0px 20px 0px 0px;}
#size_m .mar_T10 {margin: 10px 0px 0px 0px;}

.no_link a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}

#size_m .link_table {
	margin: 0px auto 40px auto;
	width: 460px;
}
#size_m .table_wap {
	width: 440px;
}
#size_m table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 5px;
}

#size_m table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 5px;
}


/**/
/* table */
#size_m table.size_m {
	border-collapse: collapse;
	}

#size_m table.size_m caption {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	}

#size_m table.size_m th {
	border: solid 1px #B9B9B9;
	background-color: #DCCFB7;
	padding: 2px 10px;
	font-weight: bold;
	text-align: center;
	}

#size_m table.size_m thead tr.first th {
	border-top: solid 1px #B9B9B9;
	}

#size_m table.size_m td {
	border: solid 1px #B9B9B9;
	background-color: #FFFFFF;
	padding: 2px 10px;
	text-align: center;
	}

#size_m table.size_m td.line01 {
	background-color: #F2E9D9;
	}

#size_m table.size_m td.line02 {
	background-color: #fcece5;
	}

#size_m table.size_mL td {
	text-align: left;
	}
#size_m .btn_box{
	width:440px;
	margin:20px auto 10px auto ;
	}
/* 譁�ｭ励�濶ｲ */
div.order0_.red{#cc0000;}

table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}

th, td	{
	padding: 5px 10px;
	color: #1D5C79;
}

.box th	{
	border-bottom: 2px solid #1D5C79;
}
.box td	{
	border-bottom: 1px solid #DDD;
}












 
 
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#item {
	width: 980px;
	margin: 0 auto 50px auto;
	font-size:14px;
	line-height: 2;
	background: #FFF;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}
#header {
    width: 100%;
    padding-bottom: 20px;
}
#header #header_top {
    background-color: #002a46;
}
#header_top {
    padding: 4px 0;
    margin-bottom: 10px;
    background-color: #002a46;
}
#header .header_inner_ {
    width: 980px;
    margin: 0 auto;
    padding: 8px 0 0 0;
}
#header #header_mid {
    overflow: hidden;
    padding: 4px 0 20px; 
}
div.page_top_ {
    padding: 0 20px 20px;
}
div.page_top_ a {
    display: block;
    background-image: url(../../img/usr/sb/common/pagetop.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 59px 10px;
    -webkit-background-size: 59px 10px;
    text-indent: -9999px;
}
#footer {
    padding: 0 0 0 0;
    text-align: left;
    background-color: #002a46;
    position: relative;
}
#copyright {
    padding: 15px 0 18px;
    text-align: center;
    border-top: 1px solid #315267;
}
#copyright img {
    width: 320px;
}
ul{  
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}  
li {
	list-style:none;
	}
	
	
.pc_only {
	display:block;	
}
.sp_only {
	display: none;	
}

.mtm_box01 {
	width: 500px;
	margin: 0 auto;
}




@media only screen and (max-width: 1200px) {

body {
	
}
html,body{
    height: 100%;
}

a img {
	border:none;
}


.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both; width: 0px; height: 0px;}

.mar_T30 {margin: 30px 0px 0px 0px;}
.mar_T60 {margin: 60px 0px 0px 0px;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B70 {margin: 0px 0px 70px 0px;}
.mar_B100 {margin: 0px 0px 100px 0px;}
.mar_B110 {margin: 0px 0px 110px 0px;}
.mar_B120 {margin: 0px 0px 120px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R25 {margin: 0px 25px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_R75 {margin: 0px 75px 0px 0px;}
.mar_L70 {margin: 0px 0px 0px 70px;}
.mar_L25 {margin: 0px 0px 0px 25px;}
.mar_L30 {margin: 0px 0px 0px 30px;}



 .head_01 {
	width:100%;
	margin: 0 auto;
	}
.head_txt01 {
	width:100%;
	text-align:center;
	font-size:85%;
	}


.ti_box01 {
	width:90%;
	margin: 5% 0;
	}
.ti_box02 {
	width:78.2%;
	margin: 12% 0 5% 0;
	}
	
	
.sub_box01 {
	width:100%;
	margin: 0 0 10% 0;
	float: none;
	}
.sub_box02 {
	width:100%;
	margin: 0 0 10% 0;
	float: none;
	}
		

	
.img_box01 {
	width:80%;
	margin: 0 auto 5% auto;
	float: none;
	}
.find-size-button{
	float:right;
	border: 0px solid #000;
	padding: 5px;margin: 4px 0 6px;
	background-color: #ffffff;
	}
.step-3-content-right{
	width: 100%;
	padding-left: 0;
	float:left;
	font-family: "Myriad Pro", Myriad,'Helvetica';
	height: auto;
	margin: 0 0 10% 0;
	position: relative
}
	
	
 
.link a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#item {
	width: 100%;
	margin: 0 auto 10% auto;
	color:#333333;
	font-size:16px;
	line-height: 1.8;
	background: #FFF;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}

ul{  
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}  
li {
	list-style:none;
	}
	
	



.pc_only {
	display:none;	
}
.sp_only {
	display: block;	
}


.gmenu_wrap01 {
	width:100%;
	margin: 5% auto 10% auto;
	}	
.gmenu_box01 {
	width:32%;
	float:left;
	margin: 0 2% 0 0;
	}
.gmenu_box02 {
	width:32%;
	float:left;
	margin: 0 0 0 0;
	}



#size_m .bg_box_s {
	background-image: url(../img/usr/freepage/m_size_s_b.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	width: 444px;
	height: 380px;
	float: left;
}
#size_m .bg_box_c {
	background-image: url(../img/usr/freepage/m_size_c_b.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	width: 436px;
	height: 380px;
	float:left;
}


#size_m .T_center {text-align: center;}
#size_m .T_right {text-align: right;}
#size_m .float_L {float: left;}
#size_m .float_R {float: right;}
#size_m .float_C {clear: both;}

#size_m .mar_TB20 {margin: 20px 0px 20px 0px;}
#size_m .mar_B20 {margin: 0px 0px 20px 0px;}
#size_m .mar_B30 {margin: 0px 0px 30px 0px;}
#size_m .mar_B40 {margin: 0px 0px 40px 0px;}
#size_m .mar_R20 {margin: 0px 0 0px 0px;}
#size_m .mar_T10 {margin: 10px 0px 0px 0px;}

.no_link a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}


#size_m .link_table {
	margin: 0px auto 40px auto;
	width: 460px;
}
#size_m .table_wap {
	width: 100%;
	margin: 0 auto 10% auto ;
}
#size_m table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 5px;
	border-spacing: 0;

}

	

/**/
/* table */
#size_m table.size_m {
	border-collapse: collapse;
	}

#size_m table.size_m caption {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	}

#size_m table.size_m th {
	border: solid 1px #B9B9B9;
	background-color: #DCCFB7;
	padding: 2px 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;

	}

#size_m table.size_m thead tr.first th {
	border-top: solid 1px #B9B9B9;
	vertical-align: middle;
	}

#size_m table.size_m td {
	border: solid 1px #B9B9B9;
	background-color: #FFFFFF;
	padding: 2px 10px;
	text-align: center;
	}

#size_m table.size_m td.line01 {
	background-color: #F2E9D9;
	}

#size_m table.size_m td.line02 {
	background-color: #fcece5;
	}

#size_m table.size_mL td {
	text-align: left;
	}
#size_m .btn_box{
	width:80%;
	margin:3% auto 10% auto ;

}
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #666666; }
a:active { color: #000000; }


.mtm_box01 {
	width: 90%;
	margin: 0 auto;
	
}
	
#size_m .hikaku table{
	border-collapse:separate!important;
	border-spacing: 0;
	width: 100%;

}	
.hikaku{
	white-space: nowrap;
	overflow-x: scroll;
    width: 100%;
	margin:auto auto 5px 2%;
}

#size_m .hikaku table.size_m th {

	vertical-align: middle;
	line-height: 1.5!important;
	}

	
.sticky01 {
border: solid 1px #B9B9B9;
padding: 0px;
font-weight: bold;
text-align: center;
  position: sticky;
  left: 0;



  }

	.sticky02 {
border: solid 1px #B9B9B9;
padding: -1px;
font-weight: bold;
text-align: center;
  position: sticky;
  left: 26.5%;



  }
}