@charset "UTF-8";
@import url("default.css") screen, print;
@import url("normalize.min.css") screen, print;
@import url("layout.css") screen, print;

/* .title_image
----------------------------------------------------------------------------*/
#titleWrap .title_image .imgWrap{
	background-image: url(../img/trainer/title_image_2303.jpg);
}
@media (min-width: 769px) {
#titleWrap .title_image .imgWrap{
	background-image: url(../img/trainer/title_image_2303_pc.jpg);
}
	}
#contentsWrap .anchorLink{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	text-align:center;
	max-width: 1024px;
	padding: 0;
	margin: 0 auto 2em;
}
#contentsWrap .anchorLink li{
	padding: 0.5em;
	width: 33.33%;
}
#contentsWrap .anchorLink li:before{
	content: '\25BC';
	margin-right: 0.5em;
	font-size: 0.8em;
}
#contentsWrap .wrap{
	border: 5px solid #333;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding: 5%;
	background-color: #FFF;
	max-width: 768px;
	box-shadow: 10px 10px rgba(255,191,0,0.6);
	margin: 0 auto 60px;
}
#contentsWrap .wrap h4{
	margin-bottom: 1em;
}
#contentsWrap .wrap h4 strong{
	font-size: 160%;
}
#contentsWrap .wrap h5{
	color:#77898C;
	border:none;
	padding: 0px 0px 1em;
	}
#trainer .titleImgL .imgWrap{
	background-image:url(../img/trainer/breakletics.jpg);
	}
#trainer .titleImgL .imgWrap h3{
	font-weight:700;
	font-size:180%;
	position:absolute;
	top:20%;
	right:0;
	left:0;
	margin:auto;
	width:15em;
	height:3em;
	max-width:100%;
	color:#FFF;
	padding: 0 2%;
}
@media (min-width: 769px) {
#trainer .titleImgL .imgWrap{
	background-position:center center;
	}
#trainer .titleImgL .imgWrap h3{
-moz-text-shadow: 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1);
-webkit-text-shadow: 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1);
-ms-text-shadow: 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1);
text-shadow: 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1), 0px 0px 13px rgba(0, 0, 0, 1);
	top:10vw;
}
	}
@media (min-width: 1023px) {
#contentsWrap .anchorLink li{
	width: auto;
}
}
.contents.entry{
	padding-top:5vw;
	}
.contents .btnInsta{
	display: block;
	margin:1em auto;
	text-align: center;
	font-size: 110%;
}
.contents .btnInsta a{
	text-decoration: none;
}

.contents .btnInsta a:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(../img/common/icon_instagram.svg) no-repeat;
	background-size:contain;
	margin-right: 0.5em;
}


.contents .btn{
	display: block;
	margin: 2em auto 4em;
	text-align: center;
}
.contents .btn a{
	background-image: url(../img/common/icon_arrow_w.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	border-radius: 100vh;
	-webkit-border-radius: 100vh;
	-moz-border-radius: 100vh;
	display: block;
	padding: 0.5em;
	display: block;
	width: 60%;
	margin:auto;
}
@media (max-width: 640px) {
.contents .btn a{
	width: 80%;
	background-size:4%;
	background-position: 97% center;
}
}
@media (max-width: 400px) {
.contents .btn a{
	width: 100%;
}
}