@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .linkNavi {
	margin: 0 30px 12px;
}

#main .linkNavi li {
	margin-right: 2.5%;
	width: 23.125%;
	float: left;
}

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

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

#main .dateUl {
	margin-bottom: 30px;
}

#main .dateUl li {
	margin: 4% 4% 0 0;
	width: 48%;
	float: left;
}

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

#main .dateUl li:nth-child(2n) {
	margin-right: 0;
}

#main .dateUl li:nth-child(-n+2) {
	margin-top: 0;
}

#main .video {
	margin-bottom: 30px;
}

#main .video iframe {
	width: 100%;
	height: 192px;
}

#main .video img {
	width: 100%;
}

#main .tabPanel {
	margin-bottom: 25px;
}

#main .tabPanel .tabUl {
	margin-bottom: 15px;
}

#main .tabPanel .tabUl li {
	margin: 1.25% 1.25% 0 0;
	width: 32.5%;
	float: left;
	box-sizing: border-box;
	border: 1px solid #00B8E4;
}

#main .tabPanel .tabUl li:nth-child(3n) {
	margin-right: 0;
}

#main .tabPanel .tabUl li:nth-child(-n+3) {
	margin-top: 0;
}

#main .tabPanel .tabUl li a {
	padding: 5px 5px 4px;
	display: block;
	text-align: center;
	color: #00B8E4;
	font-size: 12px;
	font-weight: bold;
}

#main .tabPanel .tabBox .inner {
	margin: 0 auto;
	width: 70%;
	text-align: center;
}

#main .tabPanel .tabBox .inner img {
	width: 100%;
}

#main .tabPanel .tabBox .inner li {
	margin-bottom: 10px;
}

#main .tabPanel .tabBox .inner li:last-child {
	margin-bottom: 0;
}

#main .tabPanel .tabBox .inner p {
	margin-top: 10px;
	text-align: center;
}

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

#main .pTxt {
	margin-bottom: 12px;
	font-size: 11px;
	line-height: 1.5;
}

#main .imgUl {
	margin-bottom: 15px;
}

#main .imgUl li {
	margin-right: 2.5%;
	width: 18%;
	float: left;
}

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

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

#main .pho {
	margin-bottom: 30px;
}

#main .pho img {
	width: 100%;
}

#main .sampleBox {
	margin: 0 73px 2.5% 0;
}

#main .sampleBox ul {
	margin-bottom: 3%;
}

#main .sampleBox li {
	margin: 3% 1.5% 0 0;
	width: 23.875%;
	float: left;
}

#main .sampleBox li img {
	width: 100%;
	height: auto;
}

#main .sampleBox li:nth-child(4n) {
	margin-right: 0;
}

#main .sampleBox li:nth-child(-n+4) {
	margin-top: 0;
}

#main .sampleBox .sample img {
	width: 100%;
}

#main .sampleList {
	margin-bottom: 33px;	
}

#main .sampleList li {
	margin: 1.5% 1.5% 0 0;
	width: 23.875%;
	float: left;
}

#main .sampleList li:nth-child(4n) {
	margin-right: 0;
}

#main .sampleList li:nth-child(-n+4) {
	margin-top: 0;
}

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

#main .mailForm textarea {
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 10px;
	line-height: 1;
	vertical-align: top;
	border: 1px solid #C9D7E4;
	border-radius: 0;
}

#main .sampleBox li textarea {
	height: 18px;
}

#main .sampleBox .sample textarea {
	height: 12px;
}

#main .sampleList li textarea {
	height: 12px;
}

#main .desktopUl li {
	margin: 2% 6% 0 0;
	width: 47%;
	float: left;
}

#main .desktopUl li:nth-child(2n) {
	margin-right: 0;
}

#main .desktopUl li:nth-child(-n+2) {
	margin-top: 0;
}

#main .desktopUl li img {
	width: 100%;
	border: 1px solid #3E4141;
}

#main .desktopUl li span {
	text-align: center;
	display: block;
}
/*------------------------------------------------------------
	detail
------------------------------------------------------------*/
#detail #main .tabPanel .tabBox .inner {
	width: 100%;
}