.ly_accordion {
	border: 1px solid #ffffff;
	border-bottom: 0;
	text-align: middle;
}

.ly_accordion
.bl_inner {
	line-height: 180%;
	letter-spacing:1.8px;
	font-size: 11pt;
}


.bl_inner:first-letter {
	font-size: 3em;
	color: #FDD100;
	font-weight: bold;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

}

.ly_accordion
.el_heading {
	display: block;
	padding: .7em;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #1D2089;
	font-size: 15pt;
}

.ly_accordion
.bl_content {
	overflow: hidden;
	max-height: 0;
	transition: max-height 1.5s ease-out;
}

.ly_accordion
.el_radio {
	display: none;
}

.ly_accordion
.el_radio:checked + .bl_content {
	max-height: 9999px;
	transition: max-height 5s ease-in;
}


.btn {
   display: block;
   margin: 20px;
   width: 180px;
   height: 60px;
   font-size: 100%;
   text-align: center;
   line-height: 60px;

}
.btn:before,
.btn:after {
   display: block;
   position: absolute;
   z-index: -1;
}
.btn,
.btn:before,
.btn:after {
	box-sizing: border-box;
	transition: all 0.5s;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.btn {
   position: relative;
   perspective: 300px;
}
.btn span {
   display: block;
   position: absolute;
   width: 180px;
   height: 60px;
   border: 2px solid #1D2089;
   text-align: center;
   line-height: 60px;
   box-sizing: border-box;
   transition: all 0.5s;
   pointer-events: none;
}
.btn span:nth-child(1) {
   /* 最初に表示されてる部分のボタン */
   background-color: #fff;
   color: #1D2089;
   transform: rotateX(0deg);
   transform-origin: 50% 50% -30px;
}
.btn span:nth-child(2) {
   /* hover時に表示されるボタン */
   background-color: #1D2089;
   color: #fff;
   transform: rotateX(-90deg);
   transform-origin: 50% 50% -30px;
}
.btn:hover span:nth-child(1) {
    background-color: #1D2089;
    transform: rotateX(90deg);
}
.btn:hover span:nth-child(2) {
   transform: rotateX(0deg);
}

.btn2 {
   display: block;
   margin: 20px auto;
   width: 180px;
   height: 60px;
   font-size: 100%;
   text-align: center;
   line-height: 60px;

}
.btn2:before,
.btn2:after {
   display: block;
   position: absolute;
   z-index: -1;
}
.btn2,
.btn2:before,
.btn2:after {
	box-sizing: border-box;
	transition: all 0.5s;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.btn2 {
   position: relative;
   perspective: 300px;
}
.btn2 span {
   display: block;
   position: absolute;
   width: 180px;
   height: 60px;
   border: 2px solid #55BA04;
   text-align: center;
   line-height: 60px;
   box-sizing: border-box;
   transition: all 0.5s;
   pointer-events: none;
}
.btn2 span:nth-child(1) {
   /* 最初に表示されてる部分のボタン */
   background-color: #fff;
   color: #55BA04;
   transform: rotateX(0deg);
   transform-origin: 50% 50% -30px;
}
.btn2 span:nth-child(2) {
   /* hover時に表示されるボタン */
   background-color: #55BA04;
   color: #fff;
   transform: rotateX(-90deg);
   transform-origin: 50% 50% -30px;
}
.btn2:hover span:nth-child(1) {
    background-color: #55BA04;
    transform: rotateX(90deg);
}
.btn2:hover span:nth-child(2) {
   transform: rotateX(0deg);
}

.test_imasaka{	
	font-size:200%;
　　　　color:red;
}

.linkpoint {
	cursor: pointer;
	}