@charset "utf-8";

#size_guide .anchorWrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -1%;
	padding: 0;
	border: 0;
	outline: 0;
	}
	#size_guide .anchorWrap li {
	margin: 0 1% 8px;
	list-style: none;
	}
	#size_guide .anchorWrap li a {
	color: #000;
	font-weight: bold;
	}
	#size_guide .contentBox {
	margin-top: 64px;
	}
	#size_guide .questionBox {
	margin: 0;
	}
	#size_guide .questionBox dt {
	position: relative;
	padding: 32px 2%;
	color: #000;
	margin: 0;
	line-height: 2;
	padding-top: 14px;
	padding-bottom: 24px;
	font-size: 1.8rem;
	border-bottom: 1px solid #717576;
	}
	#size_guide .questionBox dd {
	margin: 0;
	line-height: 2;
	padding: 24px 2% 32px;
	color: #000;
	}
	#size_guide .questionBox dd.is-open {display: block; }
   #size_guide .contentBox table { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;
	text-align: center;border-collapse: collapse;  }
   #size_guide .contentBox table tr th {background-color: #F5F5F5; width: 60px; border-bottom: 1px solid
	#cccccc; border-right: 1px solid #cccccc; padding: 6px 0; font-weight: normal;}
   #size_guide .contentBox table tr td {width: 60px; border-bottom: 1px solid #cccccc; border-right: 1px
	solid #cccccc; padding: 6px 0;}
   #size_guide .contentBox table tr .w156 {width:156px;}
   #size_guide .contentBox .red{    color: #dd0000; font-weight: bold;}
	@media (max-width: 767px) {
		#size_guide .contentBox {
		margin-top: 32px;
		}
		#size_guide .anchorWrap{
		   display: none;
		}
		#size_guide .questionBox dt {
		cursor: pointer;
		padding: 16px 12% 16px 2%;
		font-size: 1.2rem;
		}
		#size_guide .questionBox dt:hover {
		transition: all 0.3s;
		background: #F6F7F7;
		}

		#size_guide .questionBox dt:after {
		position: absolute;
		display: inline-block;
		content: "";
		width: 10px;
		height: 9px;
		background: url(https://garni1997.itembox.design/item/img/common/icon_angle.svg)no-repeat center
		center/contain;
		top: 0;
		bottom: 0;
		right: calc((15 / 341 * 100%) + 5px);
		;
		margin: auto;
		transition: 0.2s;
		}

		#size_guide .questionBox.is-active dt {
		background: #F6F7F7;
		}

		#size_guide .questionBox.is-active dt:after {
		transform: rotate(180deg);
		}
		#size_guide .questionBox dd{
		display: none;
		}
		#size_guide .scroll_table {
		overflow: auto;
		white-space: nowrap;
		}
		#size_guide .scroll_table table{
			width: 816px !important;
		}
		#size_guide .contentBox{
		margin-top: 0;
		}
	}