/***********************/
@charset "UTF-8";
/***********************/

.btn2clm{
	margin:20px auto 30px;
}
.btn2clm ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.btn2clm ul li{
	margin:0 1%;
}
.btn2clm ul li a{
	display:inline-block;
	background:#cc0000;
	text-decoration: none;
	color:#fff;
	padding:0.8em 1.8em;
	border-radius:3px;
	transition:.3s;
	font-size:110%;
}
.btn2clm ul li a:hover{
	opacity:0.7;
}
.btn2clm ul li a:before{
	font-family: 'yubin';
	content: "\e924";
	margin-right:0.5em;
	font-size:90%;
}
.btn2clm ul li:first-child a{
	background:#ED681F;
}
.btn2clm ul li:last-child a{
	background:#2D729C;
}

@media screen and (max-width: 750px){
	.btn2clm ul{
		display:block;
	}
	.btn2clm ul li{
		margin:10px auto;
	}
	.btn2clm ul li a{
		display:block;
		text-align:center;
		padding:1em 0.8em;
	}
}/* sp */

.infoBox{
	background:#FFDDE1;
	padding:15px 20px;
	margin:20px auto;
}
.infoBox .title{
	color:#cc0000;
	font-weight:bold;
	font-size:115%;
	margin-bottom:0.4em;
}
.infoBox .link{text-align:right;}
.infoBox .link a{color:#cc0000;}
.infoBox .link:before{
	font-family: 'yubin';
	content: "\e924";
	margin-right:0.5em;
	font-size:100%;
	color:#cc0000;
}
.clearBox .img-l a{transition:.3s;}
.clearBox .img-l a:hover{opacity:0.7;}
.clearBox:after{
		 content: ".";
		 display: block;
		 visibility: hidden;
		 height: 0.1px;
		 font-size: 0.1em;
		 line-height: 0;
		 clear: both;
}
.clearBox{
	overflow:hidden;
	height: auto;
}
.clearBox .img-l, .clearBox .img-r{
	margin-bottom:10px;
}
.clearBox .img-l{
	float:left;
	margin-right:15px;
	}
.clearBox .img-r{
	float:right;
	margin-left:15px;
	}
.clearBox .hidden{
		height: auto;
	}
.clearBox .auto{
		overflow:auto;
		height: auto;
	}

@media screen and (max-width: 750px){
.clearBox .img-l,.clearBox .img-r{float:none; text-align:center; margin:0 auto; }
.clearBox .auto{font-size:90%;}
.clearBox .auto p{margin:1em 0;}
}/* sp */