@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
/* ---------------------------------------------
	ボックス タブ
--------------------------------------------- */
body{font-family: 'Kosugi Maru', sans-serif !important;}

.tab_box {
	display: block;
	margin: 0px auto;
	padding: 0;
	line-height: 140%;
	overflow: hidden;
}

.tab_box ul {
	margin: 0px auto;
	letter-spacing: -.40em;
}
.tab_box ul li {
	display: inline-block;
	letter-spacing: normal;
	line-height: normal;
}

/*-- box2 ---*/
.box2 li { width: 50%; }
/*-- box3 ---*/
.box3 li { width: 32.8%; }
/*-- box4 ---*/
.box4 li { width: 25%; }
/*-- box5 ---*/
.box5 li { width: 20%; }
/*-- box6 ---*/
.box6 li { width: 16.6%; }

/*-- box shadow ---*/
.b_shadow ul li {
	-webkit-box-shadow:		2px 2px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow:		2px 2px 2px rgba(0, 0, 0, .3);
	box-shadow:				2px 2px 2px rgba(0, 0, 0, .3);
}
/*-- border radius ---*/
.b_radius ul li {
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
}
/*-- outline ---*/
.out_line ul li {
	outline	:				1px solid #ffffff;
	outline-offset:			-2px;
}

/*----- bottom ------------------------------------*/
div.btm_nav { background: #ffffff; text-align: center; margin: 20px 0px 20px 0px; }

p.to_top { background: #ff9d3c; text-align: right; margin: 10px 0px; }
p.to_top a { display: block; padding: 5px 20px 5px 0px; color:#300; }

#article .tab_box ul {
	position:relative;
	width:100%;
	margin:0px auto;
	list-style-type:none;
	min-height:1px;
}
#article .tab_box ul li {
	float:left;
	margin:0px;
}
/*----- jQuary ------------------------------------*/
#jp_header {width:730px;height:128px;margin: 0px auto;}
#jp_btmNav { width:730px; height:100px; }

/*----- box common ------------------------------------*/
.block710 { width:710px; margin: 0px auto; }
.block700 { width:700px; margin: 0px auto; }
.block650 { width:650px; margin: 0px auto; }
.blockOrange { width:708px; margin: 0px auto; border: 1px solid #ff9d3c; border-top: none; padding-top: 10px; }
.section {/* height: 802px; */}	

/*----- menu/sub_menu ------------------------------------*/
.read { margin: 20px auto; }

.block710.tab_box ul,.block710.tab_box p,.block700 p { line-height: 0;}
.block710 .box6 li { text-align: center; height: 50px; }
.block710 .box6 li span { display: none;
}
	.nav {
	background: #ff9f9f url(/page/guide/help_qa/images/bg_straip.gif) repeat top left; 
	text-align: center; border: 1px solid #ff9f9f; font-size: 12px;
	padding: 8px 0px; margin: 0px auto 30px auto;
}
.nav a { color: #000000; }

	
	/*----- text ------------------------------------*/
.text_box { margin: 15px auto 0px auto; }
.text_box span { color:#ff0000; }
.text_box dt { font-size: 15px; font-weight: bold; border-bottom: 1px dashed #10a1d7; color: #10a1d7; }
.text_box dd { margin: 0px 0px 15px 15px; padding: 5px 0px 2px;line-height: 1.5em;}

/*----- area_soryo ------------------------------------*/
.area_soryo { border: 1px solid #666666; border-collapse: collapse; text-align: center; width: 650px; margin-bottom: 15px; font-size: 12px; }
.area_soryo td { border: 1px solid #666666; border-collapse: collapse; padding: 5px; }
.area_soryo tr.t01 { background: #ffce9f; }
.area_soryo tr.t02 { background: #fff4c3; }
.area_soryo tr.t03 { background: #ffffff; }
.area_soryo td.t01 { width: 40px; }
.area_soryo td.t02 { width: 550px; }
.area_soryo td.t03 { width: 60px; }
.area_soryo tr.t01 td.t02,.area_soryo tr.t01 td.t03,.area_soryo tr.t02 td.t01,.area_soryo tr.t03 td.t01 { font-weight: bold; }
.area_soryo tr.t02 td.t02 { text-align:left; }

/*----- qa_box ------------------------------------*/
.qa_box { width:648px; margin: 0px auto 20px auto; border: 1px solid #bdbdbd; }
.qa_box img { float: left; }

div.question { background: url(/page/guide/help_qa/images/bg.gif) repeat-x top left; height: 45px; }
div.question p { display: block; height: 45px; background: url(/page/guide/help_qa/images/q.gif) no-repeat  left; }
div.question p span { display: table-cell; vertical-align: middle; height: 45px; width: 565px; padding: 0px 30px 0px 55px; font-weight: bold; color:#333333; }

div.question { border-top: 1px dashed #acacac; display:block; }
div.qa_open div:first-of-type { border: none; }

div.qa_open div span { background: url(/page/guide/help_qa/images/open.gif) no-repeat 630px; }
div.qa_open div.action span { background: url(/page/guide/help_qa/images/close.gif) no-repeat 630px; }
div.qa_close div span { background: url(/page/guide/help_qa/images/close.gif) no-repeat 630px; }
div.qa_close div.action span { background: url(/page/guide/help_qa/images/open.gif) no-repeat 630px; }

div.answer { background: #ffdfdf url(/page/guide/help_qa/images/a.gif) no-repeat left; border-top: 1px solid #ee9e9e; padding: 15px 20px 15px 80px; display: block; }
div.qa_open div.answer span { display:block; font-weight: bold; background-image: none !important; }	

/*ul.test li:first-child { border-bottom: 1px solid #ff0000; }
ul.test li:nth-child(3) { border-bottom: 1px solid #dddddd; }
ul.test li:nth-child(2n) { border-bottom: 1px solid #000000; }
*/

/*----- postage ------------------------------------*/
#post_att {
	text-align: center;
	background: #ffedef;
	width: 90%;
	margin: 10px auto;
	border: 1px solid #f00;
}
#post_att a { display: block; color: #f00; padding: 5px 0px; font-size: 18px; font-weight: bold; text-decoration: none; }
#post_att a:hover { text-decoration: underline; }

/*----- area_pay ------------------------------------*/
.area_pay li { margin-bottom: 10px; border-left: 10px solid #95d4e5; border-bottom: 1px dashed #95d4e5; padding-bottom: 5px; }
.area_pay li b { display: block; padding-left: 10px; font-size: 15px; padding-bottom: 5px; }
.area_pay li p.l_img { display: inline-block; *display:inline; *zoom:1; width: 100px; vertical-align: top; margin-left: 10px; }
.area_pay li p.l_img img { width: 100%; }
.area_pay li div.r_txt { display: inline-block; *display:inline; *zoom:1; width: 505px; }
.area_pay li div.r_txt p span { color:#ff3f3f; display: block; font-size: 10px; }

/*----- area_change ------------------------------------*/
#change_conditions { border: 1px solid rgb(255, 235, 5); padding: 10px; text-align: center; }
#change_conditions ul { text-align: left; }
.cc_ttl { font-size: 15px; font-weight: bold; padding: 5px 0px; background: #ffeb05; margin-bottom: 10px; color: #56350d; }
.check-list { font-weight: bold;margin-bottom: 5px;border-bottom: 1px #999 dashed;padding: 3px 0px; }

#spnDrawer {display:none;}

/*----- mail-att ------------------------------------*/
#mail-att { margin-bottom:20px; position:relative;width: 700px;height: 1690px;overflow: hidden;margin: 0px auto; }
#mail-att p { position: absolute; z-index: 999; top: 0px; }

#mail-att a { position: absolute; z-index: 999; top: 157px; right: 14px; display: block; width: 320px; height: 66px; text-decoration:none;}
#mail-att a:hover {
	background: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
	filter: alpha(opacity=40); /* IE */
	-moz-opacity:0.4; /* Firefox(old) */
	-khtml-opacity: 0.4; /* Safari(old) */
	opacity: 0.4;
}
#mail-att iframe { margin: 0px auto 0px -8px; }
#mail-att div { position: absolute; z-index: 999; top: 935px; left: 2px; width: 100%; }
/*#mail-att iframe { width: 1032px; height: 2200px;border: none;margin: -440px 0px 0px -335px; }
*/

/*----- Bill ------------------------------------*/
#billSet { border: 1px solid #95d4e5; padding: 8px; margin-bottom: 15px; }
#billSet dt { /*border-bottom: 1px dashed #95d4e5;*/ background: #95d4e5; padding: 2px 5px; margin-bottom: 5px; font-weight: bold; letter-spacing: 0.3em; }
#billSet dd { padding: 0px 2px; }

/*----- IE10ハック ------------------------------------*/
.ie10 #mail-att p { top: 0px; }
.ie10 #mail-att iframe { margin-top: -470px; height:2230px; }
.ie10 #mail-att a { top: 153px; }

/*スマホ用-----------------------------------------------------------------------*/
@media screen and (max-width: 640px){

/*common --------------------*/
	.area_soryo{
		width: 100%;
	}
	body .spnDrawer {
		height: auto;
	}
	body .spnDrawer button[type="button"] {
		display:none;
	}
	div.section {
		height: 100%;
		width: 100%;
		background: #fff;
	}
	#jp_header {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#jp_btmNav {
		width: 100%;
	}
	div.btm_nav {
		width: 90%;
		margin: 0px auto;
	}
	.block710 {
		width: 100%;
	}
	.section h2 img {
		width: 150%;
	}
/*メニュー --------------------*/
	.block710 .box6 {
		margin-bottom: 10px;
	}
	#article .tab_box ul li {
		width: 48%;
		height: initial;
		position: relative;
		border-left: 4px solid #ddd;
		margin-bottom: 3px;
	}
	.block710 .box6 li img {
		display: none;
	}
	.block710 .box6 li span {
		display: block;
		font-size: 12px;
	}
	.block710 .box6 li a {
		display: block;
		width: 100%;
		padding: 10px 0px 10px 7px;
		text-align: left;
	}
	.block710 .box6 li a:after {
		content: "";
		border: 5px solid transparent;
		border-left: 7px solid #ff6b6b;
		width: 0;
		height: 0;
		display: inline-block;
		position: absolute;
		right: 4px;
		top: 35%;
	}
	#article .tab_box ul li.on {
		background: #ff6b6b;
		border-left: none;
		border-right: 4px solid #fff;
	}
	.block710 .box6 li.on a {
		font-weight: bold;
		color: #fff;
		padding-left: 12px;
	}
	.block710 .box6 li.on > * {
		box-sizing: border-box;
	}
	.block710 .box6 li.on a:after {
		border-left: 5px solid transparent;
		border-top: 7px solid #ffffff;
	}
	.block710 p {
		display: none;
	}

/*Q&A --------------------*/
	.blockOrange {
		width: 100%;
		overflow: hidden;
		border: none;
	}
	/*テキスト*/
	.text_box.block650 {
		width: 98%;
	}
	.text_box dd {
		line-height: 1.5em;
		font-size: 12px;
	}

	/*Qブロック*/
	.block700 {
		width: 98%;
		overflow: hidden;
		position: relative;
		font-size: 12px;
		margin: 10px auto;
	}
	.qa_box {
		width: 100%;
		box-sizing: border-box;
		margin-top: 54px;
	}
	.block700 > p {
		position: absolute;
		left: -17px;
	}
	div.question p {
		line-height: 1.5em;
	}
	div.question, div.question p, div.question p span {
		height: 57px;
	}
	div.question {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(237,237,237,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(237,237,237,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(237,237,237,1) 100%);
	}
	div.qa_close div span,div.qa_close div.action span {
		background-position: 98% 0%;
	}

	/*送料・注文・発送*/
	.block650 {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 15px;
	}
	#post_att a {
		font-size: 12px;
	}
	div#sub02 dl + img {
		display: none;
	}
	
	/*お支払いについて*/
	.area_pay li {
		box-sizing: border-box;
		border-left-width: 5px;
	}
	.area_pay li div.r_txt {
		width: 97%;
		box-sizing: border-box;
		margin: 10px 0px 0px 10px;
		display: block;
	}
	.area_pay li div.r_txt img{
		max-width: 100%;
	}

	/*返品交換*/
	.check-list img {
		width: 145px;
		margin-bottom: 5px;
	}

/*TOPリンク --------------------*/
	p.to_top a {
		color: #fff;
		padding: 10px;
	}
}