@charset "shift_jis";
/*------------------------------------------------

-------------------------------------------------*/
.accordion > .accordion-btn {
	position: relative !important;
	display: inline-block;
	cursor:pointer !important;
}

.accordion > .accordion-btn:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.accordion > .accordion-btn{
	padding-top:0.8em;
	padding-bottom:0.5em;
	margin-top:20px;
	display:block;
	background: #004ea2;
	color: #fff;
	border-left: solid 80px #00006d;
}


.accordion > .accordion-btn::before {
 display: block !important;
 content: '' !important;
 position: absolute !important;
  left: -2em !important;
  top: 50%;
 width: 30px;
 height: 2px;
 background-color: #ffffff;
 transition: .2s;
 transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}


.accordion > .accordion-btn::after {
	display: block;
	content: "";
	position: absolute;
top: 50%;
 bottom: 1.1em !important;
	left: -2em !important;
	width: 0.6em;
	height: 0.6em;
	width: 30px;
	height: 2px;
	background-color: #ffffff;
	transition: .3s;
} 


.accordion > .accordion-btn:hover::before {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.accordion > .accordion-contents{
	display:none;
	margin-top:0;
}


.accordion > .accordion-open::before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.accordion-open:after{
	background-color: transparent;
}




@media screen and (max-width:767px) {
	.schedule-ttl {
 	font-size: 20px;
 	text-align:left;
	}
 	.accordion > .accordion-btn{
	padding:10px;
	margin-top:20px;
	background: #004ea2;
	color: #fff;
	border-left: solid 40px #00006d;
	line-height: 1.4;
	}
	.accordion > .accordion-btn::before,
	.accordion > .accordion-btn::after{
	width: 20px;
	margin-left: 10px;
	} 
}





/*textbookの上書き*/
.textbook .accordion,
.point-area-box .accordion{
	width: 900px;
	margin: 0 auto;
	text-align: center;

}
.textbook .accordion > .accordion-btn,
.point-area .accordion > .accordion-btn{
	font-weight:bold;
}

.textbook .accordion > .accordion-btn::before,
.point-area .accordion > .accordion-btn::before {
  left: -2em !important;
}

.textbook .accordion > .accordion-btn::after,
.point-area .accordion > .accordion-btn::after {
  left: -2em !important;
}
.textbook .accordion > .accordion-btn,
.point-area .accordion > .accordion-btn{
	border-left: solid 60px #00006d;
}

@media screen and (max-width:767px) {
 .textbook .accordion > .accordion-btn::before,
 .point-area .accordion > .accordion-btn::before {
  left: -2.8em !important;
 }

 .textbook .accordion > .accordion-btn::after,
 .point-area .accordion > .accordion-btn::after {
  left: -2.8em !important;
 }
 .textbook .accordion > .accordion-btn,
 .point-area .accordion > .accordion-btn{
	border-left: solid 40px #00006d;
 }
	 .textbook .accordion,
	 .point-area .accordion {
   width: calc(710/750 * 100vw);
   padding: calc(0/750 * 100vw) calc(40/750 * 100vw);
 }
}