@charset "utf-8";
/* CSS Document */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
#tutorial * {
  margin: 0;
  padding: 0;
  line-height: 1.7;
  color: #000;
}
#tutorial {
  box-sizing: border-box;
  font-family: "Meiryo", "ヒラギノ角ゴ ProN W3", "Yu Gothic", sans-serif;
  font-size: 16px;
  width: 100%;
}
#tutorial a {
  color: #000;
  text-decoration: none;
}
#tutorial .red {
  color: #bf0000;
}
#tutorial .bold {
  font-weight: bold;
}
#tutorial h1 {
  font-size: 24px;
  font-weight: bold;
  padding: 0 2%;
}
#tutorial h2.title {
  width: 100%;
  background: #5a311b;
  color: #fff;
  line-height: 2.5;
  margin-bottom: 3%;
  text-indent: 1em;
  font-size: 20px;
  font-weight: normal;
}
#tutorial h2.title a {
  color: #fff;
}
#tutorial .section {
  margin-bottom: 6%;
  padding: 0 2%;
}
#tutorial .anchor {
  margin-top: -10%;
  padding-top: 10%;
}
#tutorial .border-b {
  border-top: 2px solid #000;
  margin-bottom: 10px;
}
#tutorial .qalist {
  list-style: outside none none;
  margin-top: 4%;
}
#tutorial .qalist li {
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #5a311b;
  margin: 1% auto;
  padding: 2%;
  text-align: center;
  width: 80%;
}
#tutorial .qalist li a {
  color: #5a311b;
  display: block;
  position: relative;
    z-index: 1;
}
#tutorial .typeList {
  text-align: center;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 4% 0 2%;
}
#tutorial .typeList td {
  border: 3px solid #000;
}
#tutorial .typeList thead td {
  line-height: 3;
}
#tutorial .typeList .bgcolor {
  background-color: #ffffcc;
}
#tutorial .typeList .fontBig {
    font-size: 500%;
    line-height: 1;
}
#tutorial .typeList .fontMiddle {
    font-size: 350%;
    line-height: 1;
}
#tutorial .text01 td {
  text-align: left;
  padding: 1%;
  vertical-align: top;
}
#tutorial .answer {
  margin-bottom: 4%;
}
#tutorial .move {
  text-align: center;
    margin: 0 auto 2%;
    display: table;
}
#tutorial .moreLink a {
  color: #5a311b;
  position: relative;
    z-index: 1;
}
#tutorial .text02 {
  color: #5a311b;
  line-height: 30px;
  vertical-align: bottom;
  font-weight: bold;
  margin-bottom: 2%
}
#tutorial .point {
  margin-right: 1%;
  color: #ffffff;
  background-color: #5a311b;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  display: block;
  float: left;
}
#tutorial .sizeMeasure {
  width: 100%;
  margin-bottom: 4%;
}
#tutorial .bsize {
  width: 100%;
  margin: 4% 0;
}
#tutorial .sizeMeasure p {
  float: right;
  width: 44%;
  margin-right: 4%;
}
#tutorial .bsize p {
  float: left;
  width: 44%;
  margin-right: 4%;
}
#tutorial .sizeMeasure img {
  float: right;
  margin: 0 12% 0 0;;
  width: 40%;
}
#tutorial .bsize img {
  float: left;
  margin: 0;
  width: 40%;
}
#tutorial .bsize .remarks {
  font-size: 14px;
}

/*EBsize search*/

  /* iOSでのデフォルトスタイルをリセット */
input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  border:1px solid rgba(153,153,153,0.9);
  background:linear-gradient(to bottom, #fff 0%,#efebe1 100%);
 
}
input[type="submit"]::-webkit-search-decoration{
  display: none;
 
}
input[type="submit"]::focus{
  outline-offset: -2px;
}
		#size_eb .pullbox {
			margin: 10px;
			padding: 10px;
			overflow: auto;
		}
		#size_eb .pullbox.mano {
			
			position:relative;
		}
		
		#size_eb select {
			font-size: 16px;
			padding:0.5%;
		}
		#size_eb .note { font-size: 0.9em; color: #555; margin: 1em 0px 0px 0px; }
		
		#size_eb .title01{
			font-size:14px;	
			margin:0 0 0 3%;
			font-weight:normal;
			color: #5a311b;
		}
		
		
		#size_eb .sizeimage01{
			width:48%;
			float:left;
			height:	10px;
			padding-bottom:22%;
		}
		#size_eb .mainselect{
			width:48%;	
			margin-bottom:5%;
			clear:both;
			float:left;
			height:33.5px;
		}
		#size_eb .sizeimage02{
			float:right;
			position:absolute;
			top:10px;
			left:52%;
			width:46.5%;
      padding-bottom: 1%;
		}
		
		#size_eb .subbox{
				width:47%;
				clear:both;	
				float:right;
				position:absolute;
			top:72%;
			left:52%;
			height:33.5px;
				
		}
		#size_eb .eb_text {
    font-size: 13px;
    display: block;
    width: 100%;
	padding:3% 0;
	color: #5a311b;

	}

#size_eb .soushin {
    width: 100%;
    text-align: center;
    margin-top: 0%;
}
#size_eb .b_notopen .kensaku_eb {
    display: block;
    opacity: 0.7;
    width: 90%;
    padding: 2% 0;
    margin: 0 auto;
    font-size: 15px;
}

div#size_eb .soushin .kensaku_eb {
    width: 90%;
    padding: 2% 0;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    display: block;
    font-size: 15px;
}

/*EBsize search*/
#tutorial .sizeSearch .text03 {
  color: #5a311b;
  vertical-align: bottom;
  font-weight: bold;
}

#tutorial .recommend li {
  box-sizing: border-box;
  float: left;
  width: 24%;
  margin: 0 1% 2% 0;
  list-style: none;
}
#tutorial .recommend li:nth-child(5) {
  width: 100%;
}

@media print, screen and (max-width:797px) {
#tutorial {
  font-size: 14px;
  width: 100%;
}
#tutorial h1 {
  font-size: 18px;
}
#tutorial h2.title {
  font-size: 14px;
  font-weight: bold;
}
#tutorial .anchor {
  margin-top: -30%;
  padding-top: 30%;
}
#tutorial .qalist li {
width: 100%;
    font-size: 12px;
}
#tutorial .typeList {
font-size: 12px;
  }
#tutorial .typeList thead td {
  line-height: 1.7;
}
#tutorial .typeList .fontBig {
  font-size: 200%;
  line-height: 1.7;
}
#tutorial .typeList .fontMiddle {
  font-size: 150%;
  line-height: 1.7;
}
#tutorial .move {
    position: relative;
    margin: 20px 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
#tutorial .move iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#tutorial .sizeMeasureWrap {
  margin-bottom: 6%;
}
#tutorial .sizeMeasure img {
  width: 80%;
  display: block;
    float: none;
    margin: 0 auto 2%;
}
#tutorial .sizeMeasure p {
  width: 100%;
  margin: 0 0 4%;
  float: none;
}
#tutorial .bsize img {
  width: 52%;
}
#tutorial .bsize .remarks ,
#tutorial .remarks {
  font-size: 12px;
}

/*EBsize search*/
#size_eb {
margin-top: 4%
}
#size_eb .sizeimage01 {
    float: left;
    height: inherit;
    padding-bottom: 1%;
	width:100%;
}
#size_eb .mainselect {
			font-size: 16px;
			padding:0.5%;
			width:100%;
			margin-bottom:14%;
		}
		#size_eb .pullbox {
			margin: 0 0 20px;
			padding: 0;
		}
	#size_eb .pullbox.mano {
			
			position:inherit;
		}
		#size_eb .sizeimage02{
			float:none;
			position:inherit;
			width:100%;
			
		}	
		#size_eb .subbox{
				width:100%;
				clear:both;	
				float:none;
				position:inherit;
				
		}
/*EBsize search*/

#tutorial .recommend li {
  width: 49%;
}



}