@charset "UTF-8";
/*
*******************************************************************************************************
# FAQ CSS
*******************************************************************************************************
*/
/* ------------------------------------
	* レイアウト
* ------------------------------------ */
#stage .wrp-title {
	position: relative;
	padding: 31px 0 18px;
	border-bottom: solid 2px #c9c9c9;
}

#stage .wrp-title .ttl-page {
	width: 210px;	height: 40px;

	margin-bottom: 10px;
	background: url(/customer/top/img/sttl_faq_pc.png) no-repeat left center;
	text-indent: -9999px;
}

#stage .wrp-title .sttl-category {
	font-size: 20px;
}

#stage .wrp-title .img-category {
	position: absolute;
	right: 0;
	bottom: 0;
}

#stage .wrp-title .img-category img {
	width: 102px;
	height: 102px;
}

#stage .wrp-qalink {
	margin-bottom: 20px;
}

#stage .wrp-qalink ul {
	padding-top: 10px;
}

#stage .wrp-qalink li {
	padding: 0 0 0 15px;
}

#stage .wrp-qalink li a {
	position: relative;
	display: block;
	padding: 7px 54px 7px 48px;
	color: #434343;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

#stage .wrp-qalink li a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

#stage .wrp-qalink li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background: url(/customer/faq/img/icn_q.png) no-repeat left center;
	background-size: 26px 26px;
}

#stage .wrp-qalink li a:after {
	content: "";
	position: absolute;
	right: 21px;
	top: 50%;
	display: block;
	width: 13px;
	height: 8px;
	margin-top: -4px;
	background: url(/customer/common/img/icn_arrow02.png) no-repeat right center;
	background-size: 13px 8px;
}

#stage .wrp-qa {
	margin-bottom: 20px;
}

#stage .wrp-qa .box-qa {
	margin-bottom: 40px;
}

#stage .wrp-qa .box-qa.active .sttl-q {
	border-color: #61a7da;
	background-color: #ffffff;
}

#stage .wrp-qa .box-qa.active .sttl-q .inner:before {
	border-color: #ffffff transparent transparent transparent;
}

#stage .wrp-qa .box-qa.active .sttl-q .inner:after {
	border-color: #61a7da transparent transparent transparent;
}

#stage .wrp-qa .box-qa .sttl-q {
	position: relative;
	margin-bottom: 21px;
	padding: 9px 14px 9px 60px;
	border: solid 2px #c9c9c9;
	background-color: #f6f2e7;
	border-radius: 16px;
	font-weight: bold;
}

#stage .wrp-qa .box-qa .sttl-q:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	display: block;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background: url(/customer/faq/img/icn_q.png) no-repeat left center;
	background-size: 26px 26px;
}

#stage .wrp-qa .box-qa .sttl-q .inner {
	display: block;
}

#stage .wrp-qa .box-qa .sttl-q .inner:before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 68px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 8px;
	border-color: #f6f2e7 transparent transparent transparent;
	z-index: 2;
}

#stage .wrp-qa .box-qa .sttl-q .inner:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 68px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 9px;
	border-color: #c9c9c9 transparent transparent transparent;
	z-index: 1;
}

#stage .wrp-qa .box-qa .text-a {
	position: relative;
	padding: 4px 35px 0 60px;
}

#stage .wrp-qa .box-qa .text-a:before {
	content: "";
	position: absolute;
	left: 14px;
	top: 0;
	display: block;
	width: 26px;
	height: 26px;
	background: url(/customer/faq/img/icn_a.png) no-repeat left center;
	background-size: 26px 26px;
}

#stage .wrp-qa .box-qa .text-a .link-self {
	display: block;
	margin-top: 10px;
}

#stage .wrp-qa .box-qa .text-a .link-self a {
	display: inline-block;
	padding-left: 25px;
	background: url(/customer/common/img/icn_arrow01.png) no-repeat left 2px;
	background-size: 16px 16px;
	color: #434343;
}

#stage .wrp-qa .box-qa .text-a .link-self a:hover {
	opacity: 0.7;
}

#stage .wrp-qa .box-qa .text-a .mb10 {
	margin-bottom: 10px;
}

#stage .wrp-qa .box-qa .text-a .mt10 {
	margin-top: 10px;
}

#stage .wrp-qa .box-qa .text-a .mt20 {
	margin-top: 20px;
}


#stage .wrp-qa .box-qa .text-a .img {
	margin-top: 40px;
	text-align: center;
}

/* qa-06008 */
#stage .wrp-qa #qa-06008.box-qa .text-a .img {
	margin: 15px 0 30px;
}

/* qa-15003 */
#stage .wrp-qa #qa-15003.box-qa .text-a .img {
	margin: 15px 0 30px;
}

#stage .wrp-qa .box-qa .text-a .img img {
	border: solid 1px #e8e8e8;
}

#stage .wrp-qa .box-qa .text-a .img-bdr-none img {
	border: none;
}

/* blank */
#stage .wrp-qa .box-qa .text-a .link-blank {
	display: block;
	margin-top: 10px;
}
#stage .wrp-qa .box-qa .text-a .link-blank a {
	display: inline-block;
	padding-right: 25px;
	background: url(/customer/common/img/icn_blank.png) no-repeat right 3px;
	background-size: 14px 14px;
	color: #434343;
}
#stage .wrp-qa .box-qa .text-a .link-blank a:hover {
	opacity: 0.7;
}

/* pdf */
#stage .wrp-qa .box-qa .text-a .link-pdf {
	display: block;
	margin-top: 10px;
}
#stage .wrp-qa .box-qa .text-a .link-pdf a {
	display: inline-block;
	padding-left: 21px;
	background: url(/customer/common/img/icn_pdf.png) no-repeat left 3px;
	background-size: 13px 14px;
	color: #434343;
}
#stage .wrp-qa .box-qa .text-a .link-pdf a:hover {
	opacity: 0.7;
}

#stage .wrp-qa .box-qa .text-a [class^="link-"] + [class^="link-"] {
	margin-top: 0;
}


#stage .wrp-qa .box-qa .text-a .list:first-child > li:first-child {
	margin-top: 0;
}

#stage .wrp-qa .box-qa .text-a .list {
	margin-bottom: 10px;
}

#stage .wrp-qa .box-qa .text-a .list > li {
	position: relative;
	margin-top: 10px;
	padding-left: 20px;
}

#stage .wrp-qa .box-qa .text-a .list > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background-color: #61a7da;
}

#stage .wrp-qa .box-qa .text-a .list-child {
	margin-bottom: 10px;
}

#stage .wrp-qa .box-qa .text-a .list-child > li {
	position: relative;
	padding-left: 10px;
}

#stage .wrp-qa .box-qa .text-a .list-child > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 10px;
	background-color: #7d7d7d;
}

#stage .wrp-qa .box-qa .text-a .note {
	margin-bottom: 10px;
	color: #7d7d7d;
	font-size: 12px;
}

#stage .wrp-qa .box-qa .text-a .list-note {
	margin-bottom: 10px;
}

#stage .wrp-qa .box-qa .text-a .list-note > li {
	padding-left: 1em;
	color: #7d7d7d;
	font-size: 12px;
	text-indent: -1em;
}

#stage .wrp-qa .box-qa .text-a .list-note-num > li {
	padding-left: 2.5em;
	text-indent: -2.5em;
}


#stage .wrp-qa .box-qa .text-a .list-note > .txt-red {
	color: #de2222;
}

#stage .wrp-qa .box-qa .text-a .list-catalog {
	width: 580px;
	margin: 40px auto 0;
}
#stage .wrp-qa .box-qa .text-a .list-catalog > li {
	width: 25%;
	float: left;
	margin-bottom: 20px;
}
#stage .wrp-qa .box-qa .text-a .list-catalog > li a {
	display: block;
	margin: 0 10px;
}
#stage .wrp-qa .box-qa .text-a .list-catalog > li a img {
	width: 125px;
	border: solid 1px #c9c9c9;
}

#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li {
	width: 50%;
	margin-bottom: 40px;
}
#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li:nth-of-type(odd) {
	clear: both;
}

#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li a img,
#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li a p.caps {
	display: block;
	width: 240px;
	margin: 0 auto;
}
#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li a p.caps {
	font-weight: bold;
	color: #449bd9;
	margin-top: 20px;
}

#stage .wrp-qa .box-qa .text-a .box-btn-right {
	position: relative;
}

#stage .wrp-qa .box-qa .text-a .box-btn-right .text-btn-left {
	margin-right: 310px;
}

#stage .wrp-qa .box-qa .text-a .box-btn-right .btn-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 290px;
}

#stage .wrp-qa .box-qa .text-a .table {
	width: 100%;
	margin-top: 20px;
}

#stage .wrp-qa .box-qa .text-a .table td, #stage .wrp-qa .box-qa .text-a .table th {
	padding: 8px 30px;
	border: solid 1px #dcdcdc;
	vertical-align: middle;
	text-align: left;
}

#stage .wrp-qa .box-qa .text-a .table tbody th {
	font-weight: normal;
}

#stage .wrp-qa .box-qa .text-a .table th {
	background-color: #eeeeee;
}

#stage .wrp-qa .box-qa .text-a .table td .text-note {
	margin-left: 1em;
	text-indent: -1em;
	color: #7d7d7d;
	font-size: 12px;
}

#stage .wrp-qa .box-qa .text-a .table.table1 th {
	width: 25%;
}

#stage .wrp-qa .box-qa .text-a .table.table2 th {
	width: 50%;
	text-align: center;
}

#stage .wrp-qa .box-qa .text-a .table.table3 thead th {
	text-align: center;
}

#stage .wrp-qa .box-qa .text-a .table.table3 thead th:first-child {
	width: 272px;
}

#stage .wrp-qa .box-qa .text-a .table.table3 tbody th {
	background-color: #ffffff;
}

#stage .wrp-qa .box-qa .text-a .table.table4 th {
	width: 545px;
}

#stage .wrp-qa .box-qa .text-a .table4 + .table4 {
	margin-top: 45px;
}

#stage .wrp-qa .box-qa .text-a .table.table5 th {
	width: 170px;
}

#stage .wrp-qa .box-qa .col-right {
	float: right;
	width: 50%;
}

#stage .wrp-qa .box-qa .col-left {
	float: left;
	width: 50%;
}


/* 宅配 */
#stage .wrp-takuhai {
	margin-bottom: 40px;
}
#stage .wrp-takuhai a {
	display: block;
	padding: 9px 29px 8px;
	border: solid 1px #c9c9c9;
	border-radius: 16px;
}
#stage .wrp-takuhai > a:hover {
	padding: 8px 28px 7px;
	border: solid 2px #449bd9;
}

#stage .wrp-takuhai .sttl {
	float: left;
	width: 470px;
}
#stage .wrp-takuhai .text {
	float: right;
	width: 470px;
}
#stage .wrp-takuhai img {
	width: 100%;
}

#stage .wrp-qa .box-qa .text-a .btn-close {
	display: none;
}

/*サムネイル設置*/
#stage .wrp-qa .img_graphthumb{
	display: flex;
	border: solid 1px #e8e8e8;
	padding: 5%;
	width: 70%;
	margin: 40px auto 0;
}
#stage .wrp-qa .img_graphthumb .p_graph{
	width: 65%;
}
#stage .wrp-qa .img_graphthumb .p_graph img{
	width: 100%;
}
#stage .wrp-qa .img_graphthumb .p_thumb{
	width: 35%;
}
#stage .wrp-qa .img_graphthumb .p_thumb img{
	width: 94%;
}

#stage .wrp-qa .img_thumb_4item{
	display: flex;
	width: 60%;
	margin: 40px auto 0;
}
#stage .wrp-qa .img_thumb_4item img{
	width: 25%;
}

/* SP
* ------------------------------------ */
@media only screen and (max-width: 736px) {
	#stage .wrp-title {
		padding: 16px 85px 5px 15px;
	}

	#stage .wrp-title .ttl-page {
		width: 190px;
		height: 36px;
		margin-bottom: 6px;
		background: url(/customer/top/img/sttl_faq_sp.png) no-repeat left center;
		background-size: 190px 36px;
	}

	#stage .wrp-title .sttl-category {
		display: table-cell;
		height: 45px;
		font-size: 16px;
		line-height: 1.5;
		vertical-align: middle;
	}

	#stage .wrp-title .img-category img {
		width: 80px;
		height: 80px;
	}

	#stage .wrp-qalink {
		display: none;
	}

	#stage .wrp-qa {
		margin-bottom: 12px;
		background-color: #f6f2e7;
	}

	#stage .wrp-qa .box-qa {
		margin-bottom: 0;
	}

	#stage .wrp-qa .box-qa.active .sttl-q {
		background-color: #61a7da;
	}

	#stage .wrp-qa .box-qa.active .sttl-q .inner {
		background-color: #ffffff;
	}

	#stage .wrp-qa .box-qa.active .text-a {
		margin-top: 15px;
	}

	#stage .wrp-qa .box-qa dl {
		border-bottom: dotted 1px #ada9a1;
	}

	#stage .wrp-qa .box-qa .sttl-q {
		margin-bottom: 0;
		padding: 5px;
		border: none;
		border-radius: 0px;
	}

	#stage .wrp-qa .box-qa .sttl-q:before {
		left: 15px;
		top: 11px;
		width: 21px;
		height: 21px;
		margin-top: 0;
		background: url(/customer/faq/img/icn_q.png) no-repeat left center;
		background-size: 21px 21px;
	}

	#stage .wrp-qa .box-qa .sttl-q:after {
		content: "";
		position: absolute;
		right: 15px;
		top: 50%;
		display: block;
		width: 15px;
		height: 9px;
		margin-top: -5px;
		background: url(/customer/common/img/icn_arrow02.png) no-repeat right center;
		background-size: 15px 9px;
	}

	#stage .wrp-qa .box-qa .sttl-q.open:after {
		background: url(/customer/common/img/icn_arrow03.png) no-repeat right center;
		background-size: 15px 9px;
	}

	#stage .wrp-qa .box-qa .sttl-q .inner {
		display: block;
		padding: 6px 38px;
		border-radius: 16px;
	}

	#stage .wrp-qa .box-qa .sttl-q .inner:before, #stage .wrp-qa .box-qa .sttl-q .inner:after {
		display: none;
	}

	#stage .wrp-qa .box-qa .text-a {
		margin: 0 15px;
		padding: 0;
	}

	#stage .wrp-qa .box-qa .text-a:before {
		display: none;
	}

	#stage .wrp-qa .box-qa .text-a .box-content {
		padding: 13px 15px;
		background-color: #ffffff;
		border-radius: 16px;
	}

	#stage .wrp-qa .box-qa .text-a .box-content * {
		line-height: 1.6;
	}

	#stage .wrp-qa .box-qa .text-a .btn-close {
		display: block;
		text-align: center;
	}

	#stage .wrp-qa .box-qa .text-a .btn-close a {
		position: relative;
		display: inline-block;
		height: 42px;
		padding: 0 42px 0 22px;
		font-weight: bold;
		text-decoration: none;
		line-height: 42px;
	}

	#stage .wrp-qa .box-qa .text-a .btn-close a:before {
		content: "";
		position: absolute;
		right: 22px;
		top: 50%;
		display: block;
		width: 15px;
		height: 9px;
		margin-top: -5px;
		background: url(/customer/common/img/icn_arrow03.png) no-repeat right center;
		background-size: 15px 9px;
	}

	#stage .wrp-qa .box-qa .text-a .mb10 {
		margin-bottom: 10px !important;
	}

	#stage .wrp-qa .box-qa .text-a .mt10 {
		margin-top: 10px !important;
	}

	#stage .wrp-qa .box-qa .text-a .img {
		margin-top: 10px;
	}

	#stage .wrp-qa .box-qa .text-a .img img {
		width: 100%;
		border: none;
	}

	#stage .wrp-qa .box-qa .text-a .link-self {
		margin-top: 10px;
	}

	#stage .wrp-qa .box-qa .text-a .link-self a {
		padding-left: 20px;
		background: url(/customer/common/img/icn_arrow01.png) no-repeat left 2px;
		background-size: 15px 15px;
		font-weight: bold;
	}

	#stage .wrp-qa .box-qa .text-a .link-blank {
		margin-top: 10px;
	}
	#stage .wrp-qa .box-qa .text-a .link-blank a {
		padding-right: 20px;
		background: url(/customer/common/img/icn_blank.png) no-repeat right center;
		background-size: 13px 14px;
		font-weight: bold;
	}

	#stage .wrp-qa .box-qa .text-a .link-pdf {
		margin-top: 10px;
	}
	#stage .wrp-qa .box-qa .text-a .link-pdf a {
		padding-left: 20px;
		background: url(/customer/common/img/icn_pdf.png) no-repeat left center;
		background-size: 14px 14px;
		font-weight: bold;
	}

	#stage .wrp-qa .box-qa .text-a .list-catalog {
		width: 100%;
		margin: 20px auto 0;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog > li {
		width: 33%;
		float: left;
		margin-bottom: 10px;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog > li a {
		display: block;
		margin: 0 5px;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog > li a img {
		width: 100%;
	}
	
	#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li {
		margin-bottom: 40px;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li a {
		margin: 0 10px 0 0;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li:nth-child(even) a {
		margin: 0 0 0 10px;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li a img {
		width: 100%;
	}
	#stage .wrp-qa .box-qa .text-a .list-catalog.column-2 > li a p.caps {
		width: 100%;
	}


	#stage .wrp-qa .box-qa .text-a .box-btn-right {
		position: relative;
	}

	#stage .wrp-qa .box-qa .text-a .box-btn-right .text-btn-left {
		margin-right: 0;
	}

	#stage .wrp-qa .box-qa .text-a .box-btn-right .btn-right {
		position: static;
		right: 0;
		top: 0;
		width: 100%;
		margin-top: 10px;
	}

	#stage .wrp-qa .box-qa .text-a .box-btn-right .btn-right a {
		padding: 8px 0;
		font-size: 16px;
		line-height: 1.2;
	}

	#stage .wrp-qa .box-qa .text-a .table {
		width: 100%;
		margin: 15px 0 10px;
	}

	#stage .wrp-qa .box-qa .text-a .table td, #stage .wrp-qa .box-qa .text-a .table th {
		padding: 8px 8px;
		border: solid 1px #dcdcdc;
		vertical-align: middle;
	}

	#stage .wrp-qa .box-qa .text-a .table tbody th {
		font-weight: normal;
	}

	#stage .wrp-qa .box-qa .text-a .table th {
		background-color: #eeeeee;
	}

	#stage .wrp-qa .box-qa .text-a .table td .text-note {
		margin-left: 1em;
		text-indent: -1em;
		color: #7d7d7d;
		font-size: 12px;
	}

	#stage .wrp-qa .box-qa .text-a .table .sp-hide {
		display: none;
	}

	#stage .wrp-qa .box-qa .text-a .table.table1 th {
		width: auto;
	}

	#stage .wrp-qa .box-qa .text-a .table.table1 th:first-child {
		width: 78px;
	}

	#stage .wrp-qa .box-qa .text-a .table.table2 th {
		width: auto;
	}

	#stage .wrp-qa .box-qa .text-a .table.table2 th:nth-child(2) {
		width: 103px;
	}

	#stage .wrp-qa .box-qa .text-a .table.table2 td:nth-child(2) {
		text-align: center;
	}

	#stage .wrp-qa .box-qa .text-a .table.table2 .unit {
		display: block;
		font-size: 12px;
	}

	#stage .wrp-qa .box-qa .text-a .table.table3 {
		display: block;
	}

	#stage .wrp-qa .box-qa .text-a .table.table3 thead, #stage .wrp-qa .box-qa .text-a .table.table3 tbody, #stage .wrp-qa .box-qa .text-a .table.table3 tr, #stage .wrp-qa .box-qa .text-a .table.table3 th, #stage .wrp-qa .box-qa .text-a .table.table3 td {
		display: block;
	}

	#stage .wrp-qa .box-qa .text-a .table.table3 thead {
		display: none;
	}

	#stage .wrp-qa .box-qa .text-a .table.table3 tbody th {
		background-color: #eeeeee;
		border-top: none;
	}

	#stage .wrp-qa .box-qa .text-a .table.table3 tbody tr:first-child th {
		border-top: solid 1px #dcdcdc;
	}

	#stage .wrp-qa .box-qa .text-a .table.table3 tbody td {
		border-top: none;
	}

	#stage .wrp-qa .box-qa .text-a .table.table4 {
		display: block;
	}

	#stage .wrp-qa .box-qa .text-a .table.table4 th {
		width: auto;
	}

	#stage .wrp-qa .box-qa .text-a .table.table4 thead, #stage .wrp-qa .box-qa .text-a .table.table4 tbody, #stage .wrp-qa .box-qa .text-a .table.table4 tr, #stage .wrp-qa .box-qa .text-a .table.table4 th, #stage .wrp-qa .box-qa .text-a .table.table4 td {
		display: block;
	}

	#stage .wrp-qa .box-qa .text-a .table.table4 tbody th {
		border-top: none;
	}

	#stage .wrp-qa .box-qa .text-a .table.table4 tbody tr:first-child th {
		border-top: solid 1px #dcdcdc;
	}

	#stage .wrp-qa .box-qa .text-a .table.table4 tbody td {
		border-top: none;
	}

	#stage .wrp-qa .box-qa .text-a .table4 + .table4 {
		margin-top: 20px;
	}

	#stage .wrp-qa .box-qa .col-right {
		float: none;
		width: auto;
	}

	#stage .wrp-qa .box-qa .col-left {
		float: none;
		width: auto;
	}


	/* 宅配 */
	#stage .wrp-takuhai {
		margin: 0 15px 20px;
	}
	#stage .wrp-takuhai a {
		padding: 5px 14px;
		border-radius: 14px;
	}
	#stage .wrp-takuhai > a:hover {
		padding: 4px 13px;
	}

	#stage .wrp-takuhai .sttl {
		float: none;
		width: 100%;
		border-bottom: dotted 1px #b3b2b2;
	}
	#stage .wrp-takuhai .text {
		float: none;
		width: 100%;
	}
	#stage .wrp-takuhai img {
		width: 100%;
	}
	/*サムネイル設置*/
	#stage .wrp-qa .img_graphthumb{
		width: 100%;
	}
	#stage .wrp-qa .img_graphthumb .p_graph{
	width: 70%;
	}
	#stage .wrp-qa .img_graphthumb .p_thumb{
		width: 30%;
	}
	#stage .wrp-qa .img_thumb_4item{
	width: 100%;
	}
}