@charset "UTF-8";

/* -------------------------------------------------- *
 * Social icons block
 * -------------------------------------------------- */

.social-links2 {
	list-style: none;
	font-size: 0;
	padding-left: 0;
}
.social-links2 {
	position: relative;
	display: inline-block;
	text-indent: 0;
}
.social-links2 span {
	display: inline-block;
}

.social-links2 span a {
	width: 28px;
	height: 28px;
	display: block;
	text-align: center;
	font-size: 15px;
	border: 1px solid #777777;
	color: #777777;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0px 5px 0 5px;
}

.social-links2 span a i {
	line-height: 28px;
}

.social-links2 span a:hover {
	background-color: transparent;
}

.social-links2.animated-effect-1 span a {
	-webkit-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
	position: relative;
	z-index: 1;
}

.social-links2.animated-effect-1 span a:hover {
	color: #ffffff !important;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

.social-links2.animated-effect-1 span a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
	transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	opacity: 0;
	filter: alpha(opacity=0);
}

.social-links2.animated-effect-1 span a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
	-moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
	transition: transform 0s, opacity 0.3s, background-color 0.3s;
}

.social-links2.animated-effect-1:not(.circle) span a:after {
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
}

.social-links2.circle span a {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.social-links2.animated-effect-1 span.twitter a:hover {
	border-color: #55acee;
}

.social-links2:not(.animated-effect-1) span.twitter a:hover,
.colored.social-links2 span.twitter a,
.social-links2.animated-effect-1 span.twitter a:after,
.btn.twitter {
	background-color: #55acee;
	border-color: #55acee;
	color: #ffffff;
}
.social-links2.animated-effect-1 span.facebook a:hover {
	border-color: #3b5998;
}

.social-links2:not(.animated-effect-1) span.facebook a:hover,
.colored.social-links2 span.facebook a,
.social-links2.animated-effect-1 span.facebook a:after,
.btn.facebook {
	background-color: #3b5998;
	border-color: #3b5998;
	color: #ffffff;
}


.content_inner {
	text-align: left;
	display: inline-block;
}


/* カラムのセンター揃え　機能拡張 */
.row-center{
	text-align: left;
	letter-spacing: -0.4em;
}


.rotate_90 {
	transform: rotate(90deg);    /* 中心を基準点に時計回りに回転する */
}

.rotate_-90 {
	transform: rotate(-90deg);    /* 中心を基準点に時計回りに回転する */
}


.box_inline.dot {
	border: dotted 1px #333;
}


/** 01. 文字のサイズ変更
**************************************************************** **/

.md {
	font-size: 200%;
}

.bg {
	font-size: 400%;
}

.sm {
	font-size: 140%;
}

.ssm {
	font-size: 120%;
}

@media all and (max-width: 515px) {


.bg {
	font-size: 5.6vw;
}

.md {
	font-size: 4.7vw;
}

.sm {
	font-size: 4.0vw;
}

.ssm {
	font-size: 3.0vw;
}

}