@charset "UTF-8";

/*=========================================================
リセット
=========================================================*/

html,body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object{margin: 0;padding: 0;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6 {font-style: normal;font-weight: normal;font-size: 100%;}
table{border-spacing:0;}
* html table{border-collapse:collapse;}
*:first-child+html table{border-collapse:collapse;}
caption,th{text-align:left; font-weight:normal;}
table,th,td,img {border:0;}img,input{vertical-align:top;}
q:before,q:after{content:'';}
strong,em,address{font-weight:normal;font-stretch:normal;font-style:normal;}
ul{list-style:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

/*--- clear ---*/
.clear {clear: both;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}

.fl {
	float: left;
}
.fr {
	float: right;
}

/*--- hover ---*/
.hover {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

/*=========================================================
JS
=========================================================*/

/* アコーディオン
---------------------------------------*/

.accordion .accordion_head {
	cursor: pointer;
	position: relative;
}

.accordion .accordion_head:before  {
	content: "＋";
	font-size: 20px;
	position: absolute;
	top: calc(50% - 15px);
	right: 0;
	line-height: 1;
}

.accordion .accordion_body {
	height: 0;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;	
	transition: all 0.3s;
}

.accordion.open .accordion_head:before  {
	content: "ー";
}

.accordion.open .accordion_body {
	height: auto;
	opacity: 1;
	pointer-events: inherit;
	z-index: 99;
}

@media screen and (max-width:767px) {
	
	
	.sp_accordion {
		display: block;
	}

	.sp_accordion .sp_accordion_head {
		cursor: pointer;
		position: relative;
	}

	.sp_accordion .sp_accordion_head:before {
		content: "＋";
		font-size: 20px;
		position: absolute;
		top: calc(50% - 15px);
		right: 0;
		line-height: 1;
	}

	.sp_accordion .sp_accordion_body {
		height: 0;
		overflow: hidden;
		pointer-events: none;
		opacity: 0;	
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}

	.sp_accordion.open .sp_accordion_head:before {
		content: "ー";
	}

	.sp_accordion.open .sp_accordion_body {
		height: auto;
		opacity: 1;
		pointer-events: inherit;
		z-index: 99;
		display: block;
	}	
}