@charset "UTF-8";

/*
	For TERMS OF USE (FreePage)
	For PRIVACY POLICY (FreePage)
	For transaction 特定商取引に関する法律に基づく表記 (FreePage)
	For QUALITY AND SERVICE (FreePage)
*/

/* ------------------------------------------------------------------------------------------------------ 
	TERMS OF USE / PRIVACY POLICY
------------------------------------------------------------------------------------------------------ */
#contentsFull #termsofuse {
	float: none;
	clear: both;
	width: 100%;
	margin: 225px auto 100px;
	padding: 0px;
	text-align: center;
	display: block;
	background: #eeefef;
}

#termsofuse h1 {
	width: auto;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	display: block;
}

#termsofuse .textArea {
	width: 980px;
	margin: 40px auto 0px;
	padding: 0px;
	text-align: center;
	display: block;
	overflow: hidden;
	background: #fff;
}

#termsofuse .textArea .inner {
	width: 788px;
	margin: 50px auto 80px;
	padding: 0px;
	text-align: left;
	display: block;
}

#termsofuse .textArea h3 {
	width: 100%;
	margin: 0px auto 5px;
	padding: 0px;
	text-align: left;
	display: block;
}

#termsofuse .textArea p {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px;
	text-align: left;
	display: block;
}

#termsofuse .contactlink {
	width: 230px;
	height: 27px;
	margin: 30px 0px 0px;
	padding: 0px;
	text-align: center;
	display: block;
}

#termsofuse .contactlink a {
	width: 230px;
	height: 27px;
	margin: 0px;
	padding: 3px 0px 0px;
	text-align: center;
	display: block;
	background: #000;
	color: #fff;
}

/* ブラウザ幅が320px以上767px以下　（タブレット／スマートフォン用） */
@media screen and (min-width: 320px) and (max-width: 767px),
 screen and (max-width: 812px) and (max-height: 414px) {
	#contentsFull #termsofuse {
		width: 100%;
		margin: 0px auto;
		padding: 40px 0px 20px;
		text-align: center;
		overflow: hidden;
		display: block;
	}
	
	#termsofuse h1 {
		width: auto;
		margin: 30px auto;
		padding: 0px;
		text-align: center;
		display: block;
		font-size: 20px;
		line-height: 26px;
	}
	
	#termsofuse .textArea {
		width: 75%;
		margin: 0px auto;
		padding: 0px 7.5%;
		text-align: center;
		display: block;
		overflow: hidden;
		background: #fff;
	}
	
	#termsofuse .textArea .inner {
		width: auto;
		margin: 30px auto;
		padding: 0px;
		text-align: left;
		display: block;
	}
	
	#termsofuse .textArea h3 {
		width: 100%;
		margin: 0px auto 5px;
		padding: 0px;
		text-align: left;
		display: block;
	}
	
	#termsofuse .textArea p {
		width: 100%;
		margin: 0px auto 20px;
		padding: 0px;
		text-align: left;
		display: block;
	}
	
	#termsofuse .requirements {
		width: 92%;
		display: block;
		padding: 2% 4%;
		margin: -10px auto 0px;
		text-align: center;
		border: 1px solid #eee;
	}
	
	#termsofuse .requirements dl {
		width: 100%;
		list-style: none;
		display: block;
		padding: 0px;
		margin: 0px auto;
		vertical-align: top;
		text-align: left;
	}
	
	#termsofuse .requirements dl dt {
		width: 100%;
		list-style: none;
		display: block;
		padding: 0px;
		margin: 0px auto;
		vertical-align: top;
		text-align: left;
	}
	
	#termsofuse .requirements dd {
		width: 100%;
		list-style: none;
		display: block;
		padding: 0px;
		margin: 0px auto;
		text-align: left;
	}
	
	#termsofuse .contactlink {
		width: 230px;
		height: 27px;
		margin: 20px auto 40px;
		padding: 0px;
		text-align: center;
		display: block;
	}
	
	#termsofuse .contactlink a {
		width: 230px;
		height: 27px;
		margin: 0px;
		padding: 3px 0px 0px;
		text-align: center;
		display: block;
		background: #000;
		color: #fff;
		text-decoration: none;
	}
}

/* ------------------------------------------------------------------------------------------------------ 
	transaction
------------------------------------------------------------------------------------------------------ */
#contentsFull #transaction {
	float: none;
	clear: both;
	width: 100%;
	margin: 225px auto 100px;
	padding: 0px;
	text-align: center;
	display: block;
	background: #eeefef;
}

#transaction h1 {
	width: auto;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	display: block;
}

#transaction .textArea {
	width: 980px;
	margin: 40px auto 0px;
	padding: 0px;
	text-align: center;
	display: block;
	overflow: hidden;
	background: #fff;
}

#transaction .textArea .inner {
	width: 788px;
	margin: 50px auto 80px;
	padding: 0px;
	text-align: left;
	display: block;
}

#transaction .textArea dl {
	width: 100%;
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	font-size: 0px;
}

#transaction .textArea dt,
#transaction .textArea dd {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

#transaction .textArea dt {
	width: 22%;
}

#transaction .textArea dd {
	width: 78%;
}

#transaction .textArea h3 {
	width: 100%;
	margin: 0px auto 5px;
	padding: 0px;
	text-align: left;
	display: block;
}

#transaction .textArea p {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px;
	text-align: left;
	display: block;
}

#transaction .textArea p .indent {
	width: auto;
	margin: 0px 0px 20px 33px;
	padding: 0px;
	text-align: left;
	display: block;
}

/* ブラウザ幅が320px以上767px以下　（タブレット／スマートフォン用） */
@media screen and (min-width: 320px) and (max-width: 767px),
 screen and (max-width: 812px) and (max-height: 414px) {
	#contentsFull #transaction {
		width: 100%;
		margin: 0px auto;
		padding: 40px 0px 20px;
		text-align: center;
		overflow: hidden;
		display: block;
	}
	
	#transaction h1 {
		width: auto;
		margin: 30px auto;
		padding: 0px;
		text-align: center;
		display: block;
		font-size: 20px;
		line-height: 26px;
	}
	
	#transaction .textArea {
		width: 75%;
		margin: 0px auto;
		padding: 0px 7.5%;
		text-align: center;
		display: block;
		overflow: hidden;
		background: #fff;
	}
	
	#transaction .textArea .inner {
		width: auto;
		margin: 30px auto;
		padding: 0px;
		text-align: left;
		display: block;
	}
	
	#transaction .textArea dl {
		width: 100%;
		display: block;
		list-style: none;
		padding: 0px;
		margin: 0px auto;
		text-align: center;
		font-size: 0px;
	}
	
	#transaction .textArea dt,
	#transaction .textArea dd {
		display: block;
		padding: 0px;
		margin: 0px;
		text-align: left;
		vertical-align: top;
	}
	
	#transaction .textArea dt {
		width: 100%;
	}
	
	#transaction .textArea dd {
		width: 100%;
	}
	
	#transaction .textArea h3 {
		width: 100%;
		margin: 0px auto 5px;
		padding: 0px;
		text-align: left;
		display: block;
	}
	
	#transaction .textArea p {
		width: 100%;
		margin: 0px auto 20px;
		padding: 0px;
		text-align: left;
		display: block;
	}
	
	#transaction .textArea p .indent {
		width: auto;
		margin: 0px 0px 20px 30px;
		padding: 0px;
		text-align: left;
		display: block;
	}
}

/* ------------------------------------------------------------------------------------------------------ 
	QUALITY AND SERVICE
------------------------------------------------------------------------------------------------------ */
#contentsFull #qualityservice {
	float: none;
	clear: both;
	width: 100%;
	margin: 225px auto 100px;
	padding: 0px;
	text-align: center;
	display: block;
	background: #eeefef;
}

#qualityservice h1 {
	width: auto;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	display: block;
}

#qualityservice .contentslink {
	width: 230px;
	height: 27px;
	margin: 30px auto 0px;
	padding: 0px;
	text-align: center;
	display: block;
}

#qualityservice .contentslink a {
	width: 230px;
	height: 27px;
	margin: 0px;
	padding: 3px 0px 0px;
	text-align: center;
	display: block;
	background: #231815;
	color: #fff;
}

#qualityservice .contentslink2 {
	width: 100%;
	height: 27px;
	margin: 30px auto 0px;
	padding: 0px;
	text-align: center;
	display: block;
}

#qualityservice .contentslink2 a {
	width: 230px;
	height: 27px;
	margin: 0px 20px 0px 0px;
	padding: 3px 0px 0px;
	text-align: center;
	display: block;
	float: left;
	background: #231815;
	color: #fff;
}

#qualityservice .contentslink2 a:last-child {
	width: 230px;
	height: 27px;
	margin: 0px;
	padding: 3px 0px 0px;
	text-align: center;
	display: block;
	float: left;
	background: #231815;
	color: #fff;
}

#qualityservice ul#accordionBox {
	width: 100%;
	margin: 40px auto 0px;
	padding: 0px;
	text-align: center;  
}

#qualityservice ul#accordionBox li{
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	background: #fff;
}

#qualityservice ul#accordionBox h3 {
	width: 100%;
	padding: 45px 0px 70px;
	display: block;
	background: #fff url(../img/icon_arrow_main.png) no-repeat;
	background-position : center bottom 35px;
	text-align: center;
}

#qualityservice ul#accordionBox .mgnT10 {
	display: block;
	margin-top: 0px;
}

#qualityservice ul#accordionBox dt.subTrigger {
	width: 730px;
	margin: 0px auto;
	padding: 30px 0px;
	display: block;
	background: #fff url(..//img/icon_open_sub.png) no-repeat;
	background-position : right 190px center;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

#qualityservice ul#accordionBox dt.last {
	border-bottom: none;
}

#qualityservice ul#accordionBox dl.subList dd{
	width: 730px;
	display: block;
	margin: 0px auto;
	padding: 30px 0px 50px;
	border-bottom: 1px solid #ccc;
}

#qualityservice ul#accordionBox dl.subList dd:last-child{
	border-bottom: none;
}

#qualityservice ul#accordionBox h5 {
	width: 228px;
	margin: 0px auto 20px;
	padding: 5px 0px;
	text-align: center;
	display: block;
	border: 1px solid #ccc;
}

#qualityservice ul#accordionBox p.subList{
	width: 730px;
	display: block;
	margin: 0px auto;
	padding: 30px 0px 30px;
}

#qualityservice ul#accordionBox dl.subList dt {
	position:relative;
}

#qualityservice ul#accordionBox h3.mainOpened {
	width: 100%;
	padding: 45px 0px 70px;
	display: block;
	background: #f7f7f7 url(../img/icon_arrow_mainCls.png) no-repeat;
	background-position : center bottom 35px;
	text-align: center;
}

#qualityservice ul#accordionBox dl.subList dt.subOpened {
	width: 730px;
	margin: 0px auto;
	padding: 30px 0px 10px;
	display: block;
	background: #fff url(../img/icon_close_sub.png) no-repeat;
	background-position : right 190px bottom 6px;
	text-align: center;
	border-bottom: none;
}

/* ブラウザ幅が320px以上767px以下　（タブレット／スマートフォン用） */
@media screen and (min-width: 320px) and (max-width: 767px),
 screen and (max-width: 812px) and (max-height: 414px) {
	#contentsFull #qualityservice {
		float: none;
		clear: both;
		width: 100%;
		margin: 0px auto;
		padding: 40px 0px 0px;
		text-align: center;
		overflow: hidden;
		display: block;
		background: #eeefef;
	}
	
	#qualityservice h1 {
		width: auto;
		margin: 30px auto;
		padding: 0px;
		text-align: center;
		display: block;
	}
	
	#qualityservice .contentslink {
		width: 230px;
		height: 27px;
		margin: 30px auto 20px;
		padding: 0px;
		text-align: center;
		display: block;
	}
	
	#qualityservice .contentslink a {
		width: 230px;
		height: 27px;
		margin: 0px;
		padding: 3px 0px 0px;
		text-align: center;
		display: block;
		background: #231815;
		color: #fff;
		text-decoration: none;
	}
	
	#qualityservice .contentslink2 {
		width: 230px;
		height: auto;
		margin: 30px auto 20px;
		padding: 0px;
		text-align: center;
		display: block;
		overflow: hidden;
	}
	
	#qualityservice .contentslink2 a {
		width: 230px;
		height: 27px;
		margin: 0px auto 20px;
		padding: 3px 0px 0px;
		text-align: center;
		display: block;
		background: #231815;
		color: #fff;
		text-decoration: none;
	}
	
	#qualityservice ul#accordionBox {
		width: 100%;
		margin: 0px auto 0px;
		padding: 0px;
		text-align: center;  
	}
	
	#qualityservice ul#accordionBox li{
		width: 100%;
		margin: 0px auto 1px;
		padding: 0px;
		text-align: center;
		list-style-type: none;
	}
	
	#qualityservice ul#accordionBox h3 {
		width: 100%;
		padding: 45px 0px 70px;
		display: block;
		background: #fff url(../sp/img/icon_arrow_main.png) no-repeat;
		background-position : center bottom 30px;
		text-align: center;
	}
	
	#qualityservice ul#accordionBox .mgnT10 {
		display: block;
		margin-top: 0px;
	}
	
	#qualityservice ul#accordionBox dt.subTrigger {
		width: 90%;
		margin: 0px auto;
		padding: 30px 0px;
		display: block;
		background: #fff url(../sp/img/icon_open_sub.png) no-repeat;
		background-position : right 20px top 25px;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	
	#qualityservice ul#accordionBox dt.last {
		border-bottom: none;
	}
	
	#qualityservice ul#accordionBox dl.subList dd{
		width: 80%;
		display: block;
		margin: 0px auto;
		padding: 5%;
		border-bottom: 1px solid #ccc;
		background: #fff;
	}
	
	#qualityservice ul#accordionBox dl.subList dd:last-child{
		border-bottom: none;
	}
	
	#qualityservice ul#accordionBox h5 {
		width: 228px;
		margin: 0px auto 20px;
		padding: 5px 0px;
		text-align: center;
		display: block;
		border: 1px solid #ccc;
	}
	
	#qualityservice ul#accordionBox p.subList{
		width: 80%;
		display: block;
		margin: 0px auto;
		padding: 5%;
		background: #fff;
	}
	
	#qualityservice ul#accordionBox dl.subList dt {
		position:relative;
	}
	
	#qualityservice ul#accordionBox h3.mainOpened {
		width: 100%;
		padding: 45px 0px 70px;
		display: block;
		background: #f7f7f7 url(../sp/img/icon_arrow_mainCls.png) no-repeat;
		background-position : center bottom 30px;
		text-align: center;
	}
	
	#qualityservice ul#accordionBox dl.subList dt.subOpened {
		width: 90%;
		margin: 0px auto;
		padding: 30px 0px 10px;
		display: block;
		background: #fff url(../sp/img/icon_close_sub.png) no-repeat;
		background-position : right 20px top 25px;
		text-align: center;
		border-bottom: none;
	}
}