@charset "shift_jis";
* {
	list-style: none;
	margin: 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
img {border: none;}

/* ------------- �y�[�W�S�̂������� ----------- */
@media screen and (min-width: 600px) {
#contents {font-size: 14px;}
body {padding-top: 60px;} /* �w�b�_�[�Œ胁�j���[���Ԃ��� */
}

@media screen and (max-width: 599px) {
#contents {font-size: 12px;}
body {padding-top: 0;} /* �w�b�_�[�Œ胁�j���[���Ԃ��� */
}

@media screen and (min-width: 1000px) {
#contents {width: 700px; margin: 0 auto;} /* �w�b�_�[�Œ胁�j���[���Ԃ��� */
}
/* ------------- �y�[�W�S�̂����܂� ----------- */


/* ------------- goods_���o�� ----------- */

#contents #goods {
	background: #fff;
	text-align: center;
	width: 100%;
}
#contents #pc_left ~ #goods {
	width: 740px;
	float: right;
}
#contents h1, h1 {
	width: 100%;
	line-height: 0;
}
#contents h1 img, .ttlbnr img, h1 img, h1 .ttlbnr {
	width: 100%;
	border :none;
}
#contents h2 {
	background: #ddd;
	color: #111;
	font-size: 1.5em;
	line-height: .8em;
	margin: 3em 0 1em;
	padding: .8em 0 .6em .5em;
	text-align: left;
}

/* ------------- �K�C�h�R���e���c��������
 ----------------------------------------------------- */


#guide {
	background: #fff;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
	width: 98%;
	}
#guide ul.accordion li {
	border-bottom: 1px solid #999;
	box-sizing: border-box;
	line-height: 4;
	text-align: left;
	padding-left: .5em;
}
#guide ul.accordion ul {display: none;}
#guide ul.accordion ul.open {display: block;}
#guide ul.accordion ul:after {
	display: block;
	clear: both;
	content: "";
}
#guide ul.accordion li div {
	font-size: 1.2em;
	display: inline-block;
	width: 100%;
}
#guide ul.accordion li div {background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u20308202/pc/support/guide/img/icon_linkarrow_bottom.png) no-repeat 95% 50% #fff; background-size: 4%;}
#guide ul.accordion li div.open {background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u20308202/pc/support/guide/img/icon_linkarrow_top.png) no-repeat 95% 50% #fff; background-size: 4%; border-bottom: 1px dotted #999;}
#guide ul.accordion li .subttl {
	color: #F30;
	font-size: 1.2em;
	margin-left: 2em;
	padding: .8em 0 .6em;
}
#guide ul.accordion li .answer {
	display: inline-block;
	margin-left: 2.8em;
	padding: 0 0 .8em;
}
#guide ul.accordion ul li {
	border-bottom: 1px dotted #999;
	box-sizing: border-box;
	line-height: 2;
	float: left;
	display: block;
	padding-left: .2em;
	width: 100%;
}

#guide ul.accordion ul li a {
	color: #333;
	text-decoration:none;
}


#guide ul.accordion li ul li.pr {
	margin:5px 5%;
	padding:0;
	line-height:1;
	width:90%;
	border-bottom:none;
	background:none;
	background-color:#EEEEEE;
}
#guide ul.accordion li ul li.pr a {
	color:#333333;
}
#guide ul.accordion li ul li.pr div {
	background:none;
	}
#guide ul.accordion li ul li.pr .ttl {
	font-size:12px;
	background-color:#CCCCCC;
	padding:5px 2%;
}
#guide ul.accordion li .answerhide {display: none;}
#guide ul.accordion li .answerhide.open {display: block;}


/* ------------- �y�[�W�㕔�i�r��������
 ----------------------------------------------------- */
.topNavi {
	box-sizing: border-box;
	font-weight: bold;
	margin: 2em 5%;
	text-align: center;
	width: 90%;
}
#contents #pc_left ~ .topNavi {
	float: right;
	margin: 2em 0;
	width: 740px;
}
.topNavi .wrap-topNavi:after {
	content: " ";
	clear: both;
	display: block;
}
.topNavi .wrap-topNavi li {
	float: left;
	list-style: none;
	margin-bottom: .6em;
	display: block;
}
.topNavi .wrap-topNavi li a {
	background-color: #eee;
	border-radius: 5px;
	color: #333;
	padding: .7em 0;
	display: block;
	width: 100%;
	text-decoration: none;
}
.topNavi .wrap-topNavi li a span {
	display: block;
	height: 2.2em;
	line-height: 1.2;
}
.topNavi .wrap-topNavi li a:hover {
	background-color: #666;
	color: #fff;
}
/* ------------- �y�[�W�㕔�i�r �•ʒ��� ----------- */

.topNavi .list-1 {width: 100%;}
.topNavi .list-2 {width: 49.5%; margin-right: 1%;}
.topNavi .list-3 {width: 32.66%; margin-right: 1%;}
.topNavi .list-4 {width: 24.25%; margin-right: 1%;}

.topNavi .list-2:nth-child(2n),
.topNavi .list-3:nth-child(3n), 
.topNavi .list-4:nth-child(4n) {margin-right:0;}


/* ------------- �y�[�W�㕔�i�r �e�L�X�gver ----------- */
.topNavi .text li a {
	position: relative;
}
.topNavi .text li a:before {
	background: #02348D;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
}
.topNavi .text li a:hover:before {
	background: #A8DAFB;
}
.topNavi .text li a:after {
	border: 5px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #FFFFFF;
	margin-top: -5px;
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
}

/* ------------- �y�[�W�㕔�i�r �摜ver ----------- */
.topNavi .img li img {
	width:100%;
	margin:-10px 0 3px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* ------------- �J�e�S���������� ----------- */
.cat {
	text-align: left;
}
.cat .wrap-topNavi li {
	border-bottom: 1px dashed #fff;
	margin-bottom: 0;
}
.cat .wrap-topNavi li a {
	border-radius: 0;
	box-sizing: border-box;
	color: #333;
	height: 3.5em;
	padding: .8em 0 .8em 1.2em;
	vertical-align: bottom;
}
.cat .wrap-topNavi li a img {
	float: left;
	width: 13%;
}
.cat .wrap-topNavi li a span {
	float: left;
	padding: .5em 0 0 .5em;	
	width: 80%;
}
.cat .wrap-topNavi li a span:after {
	clear: both;
	content: "";
	display: block;
}
.cat .img li a:before {
	background: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.cat .img li a:hover:before {
	background: #f60;
}
.cat .img li a:after {
	border-left-color: #333;
}

@media screen and (max-width: 599px) {
.cat .wrap-topNavi li a {
	padding: .8em 0 0 .5em;
}
.cat .wrap-topNavi li a img {
	padding: .2em 0 0 0;	
	width: 28%;
}
.cat .wrap-topNavi li a span {
	padding: .5em 0 0 .5em;	
	width: 60%;
}
}

/* ------------- �J�e�S�������܂� ----------- */

/* ------------- �t�b�^�[�������� ----------- */
.footerstore {
	text-align: left;
}
.footerstore .wrap-topNavi li {
	border-bottom: 1px dashed #fff;
	margin-bottom: 0;
}
.footerstore .wrap-topNavi li a {
	border-radius: 0;
	box-sizing: border-box;
	color: #333;
	padding: .8em 0 .8em 1.2em;
	vertical-align: bottom;
}
.footerstore .wrap-topNavi li a i {
	color: #f60;
}
.footerstore .text li a:before {
	background: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.footerstore .text li a:hover:before {
	background: #f60;
}
.footerstore .text li a:after {
	border-left-color: #333;
}

/* ------------- �t�b�^�[�����܂� ----------- */


.pagetop a {
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	width: 100%;
	}