@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .linkUl {
	margin-bottom: 37px;
}

#main .linkUl li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	border: 1px solid #343737;
}

#main .linkUl li:first-child {
	border-right: none;
}

#main .linkUl li a {
	padding: 10px 10px 9px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../img/common/icon02.png) no-repeat 1px 1px;
	background-size: 7px 7px;
}

#main .linkUl li.on a {
	color: #00B8E4;
	background-color: #F0EFEF;
}

#main p {
	margin-bottom: 25px;
	font-size: 12px;
	line-height: 2.21;
	text-align: center;
	letter-spacing: -0.5px;
}

#main p:last-child {
	margin-bottom: 0;
}

#main p span {
	font-weight: bold;
}

#main p a {
	font-size: 17px;
	line-height: 1;
	color: #00B8E4;
	font-weight: bold;
}
/*------------------------------------------------------------
	detail
------------------------------------------------------------*/
#detail .linkUl {
	margin-bottom: 20px;
}

#main .linkList {
	margin-bottom: 27px;
}

#main .linkList li {
	margin-right: 3.2%;
	width: 14%;
	float: left;
}

#main .linkList li:last-child {
	margin-right: 0;
}

#main .linkList li img {
	width: 100%;
}

#main .subLinkList {
	margin-top: 1em;
	text-align: center;
}

#main .subLinkList li {
	margin: 0 2%;
	width: 17%;
	display: inline-block;
}

#main .subLinkList li img {
	width: 100%;
}

#main .fooBox {
	margin-bottom: 10px;
	position: relative;
}

#main .fooBox .arrow li {
	margin-top: -19px;
	position: absolute;
	top: 48%;
}

#main .fooBox .arrow li.prev {
	left: -3px;
}

#main .fooBox .arrow li.next {
	right: -3px;
}

#main .fooBox .foo {
	margin: 0 auto;
	width: 82%;
	position: relative;
}

#main .animate .foo {
	opacity: 1;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}

#main .fooBox .foo img {
	width: 100%;
}

#main .fooBox .positionImg {
	width: 85.3%;
	height: auto;
	display: block;
	position: absolute;
	top: 4.5%;
	right: 3.26%;
}

#main .fooBox .person {
	width: 85.3%;
	position: absolute;
	top: 4.5%;
	right: 3.26%;
	opacity: 0;
	background-color: #000;
}

#main .animate .person {
	opacity: 1;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
}

#main .txtInner {
	opacity: 0;
}

#main .animate .txtInner {
	opacity: 1;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
}

#main .txtInner p {
	margin: 0;
	font-size: 12px;
	line-height: 1.67;
	text-align: left;
}

#main .txtInner .pTtl {
	color: #00B8E4;
	font-size: 18px;
	font-weight: bold;
}

#main .jsBox .subLinkList .on {
	display: none;
}