@charset "utf-8";
/* CSS Document */


#main .pageLink {
	margin: 0 auto;
	padding-left: 0;
	width: 1060px;
}

#main .pageLink li {
	padding-left: 40px;
	width: 470px;
	float: left;
}

#main .pageLink li a {
	display: block;
	text-decoration: none;
    transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border: 3px solid #FFF;
}

#main .pageLink li a:hover {
	border: 3px solid #9D9D90;
}

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

#main .pageLink li a > span {
	padding: 33px 80px 28px 33px;
	display: block;
	font-size: 12px;
	line-height: 2.0;
	background-color: #F0F0EF;
	background-image: url(../../img/icon14.png);
	background-repeat: no-repeat;
	background-position: 428px center;
}

#main .pageLink li a span span {
	margin-bottom: 15px;
	display: block;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
}


@media all and (min-width: 0) and (max-width: 769px) {
	
	#main .pageLink {
		padding: 0 20px;
		width: auto;
	}
	
	#main .pageLink li {
		margin: 0 0 35px;
        padding-left: 0;
		width: auto;
		float: none;
	}

	#main .pageLink li:last-child {
		margin-bottom: 0;
	}
	
	#main .pageLink li a > span {
		padding: 25px 40px 20px 20px;
		font-size: 12px;
		line-height: 1.9;
		background: #F0F0EF url(../../img/common/icon20.png) no-repeat 95% center;
		background-size: 14px 25px;
	}
	
	#main .pageLink li a span span {
		margin-bottom: 10px;
		font-size: 14px;
	}
		
	.comContact {
		margin-top: 0;
	}
    
    .popArea .popBox {
        margin: 0;
        width: auto;
				margin-bottom: 20px;
    }

    .popArea .popBox .imgBox {
        padding: 45px 20px 35px 20px;
        position: relative;
    }
    
    .fancybox-close {
		display: none !important;
	}
    
    .popArea .popBox .imgBox .photoBox {
        padding: 0 30px 10px;
        float: none;
    }
    
    .popArea .popBox .imgBox .photoBox img {
        width: 100%;
    }

    .popArea .popBox .imgBox .textBox {
        width: auto;
        float: none;
    }

    .popArea .popBox .imgBox .textBox .topBox {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .popArea .popBox .imgBox .textBox .topBox .pic {
        right: 0;
        top: 0;
        position: absolute;
    }

	.popArea .popBox .imgBox .textBox .topBox .pic img {
        width: 41px;
    }

    .popArea .popBox .imgBox .textBox .topBox p {
        font-size: 12px;
        line-height: 1.2;
        text-align: left;
    }
    
    .popArea .popBox .imgBox .textBox .topBox p span {
        font-size: 25px;
    }

    .popArea .popBox .imgBox .textBox .text01 {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .popArea .popBox .imgBox .textBox .text01 span {
        font-size: 18px;
				line-height: 1.5;
				padding-bottom: 7px;
    }

    .popArea .popBox .imgBox .textBox .text02 {
        margin-bottom: 30px;
        font-size: 13px;
				text-align: left;
    }
		
		.popArea .popBox .imgBox .textBox .text02 br {
			display: none;
		}

    .popArea .popBox .imgBox .textBox .txtList {
        margin-bottom: 5px;
    }

    .popArea .popBox .imgBox .textBox .txtList li {

        font-size: 12px;
    }
    
    .popArea .popBox .imgBox .textBox .txtList li span {
        display: none;
    }
    
    .popArea .popBox .imgBox .textBox .text03 {
        font-size: 9px;
    }
    
    #main .listUl li a:hover {
        opacity: 1;
    }
    
    #main .inner .textBox .btn a::after {
        display: none;
	}
    
    #main .inner .textBox .btn a:hover {
        color: #848473;
    }
    
    #main .other li .photoBox a:after {
        display: none;
    }
    
    #main .other li .photoBox a:hover {
        color: #848473;
    }
    
    #main .pageLink li a:hover {
        border: 3px solid #FFF;
    }
		
		/*- 英語版調整 start
	----------------------------*/
		
		.en .comImgBoxL .textBox .sub {
			padding: 0;
		}
		
		/*- 英語版調整 end
	----------------------------*/
	
	
	
	/*- 中国語版調整 start
	----------------------------*/
	
	.cn .comTopBox {
		margin-top: 18px;
	}
	
	/*- 中国語版調整 end
	----------------------------*/
	
	
	/*- ドイツ語版調整 start
	----------------------------*/
	
	.de .comImgBoxL .textBox {
		width: auto !important;
	}
	
	.de .comImgBoxL .photoBox {
		width: auto !important;
	}
	
	.de .comImgBoxL .textBox .sub {
		padding-right: 0 !important;
	}
	
	.de #main h2 {
		line-height: 1.5;
		margin-bottom: 20px;
	}
	
	.de #main .listUl li .ttl_box {
		line-height: 1.8;
	}
	
	.de .comTxtList li {
		letter-spacing: normal;
	}
	
	.de #main {
		margin-top: 0;
	} 
	
	/*- ドイツ語版調整 end
	----------------------------*/

}

@media all and (max-width: 1200px) {
	#main .listUl li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	#main .inner .textBox .btn a {
		-webkit-transition: none;
		transition: none;
	}
	
	#main .inner .textBox .btn a:after {
		display: none;
	}
	
	#main .inner .textBox .btn a:hover {
		color: #8c8c7e;
	}
	
	#main .other li .photoBox a {
		-webkit-transition: none;
		transition: none;
	}

	#main .other li .photoBox a:after {
		display: none;
	}

	#main .other li .photoBox a:hover {
		color: #8c8c7e;
	}
	
	#main .pageLink li a:hover {
		border: 3px solid #fff;
	}

}


@media all and (max-width: 1300px) {
	
	
	/*- ドイツ語版調整 start
	----------------------------*/

	.de .comImgBoxL .textBox .sub {
		padding-right: 90px;
	}
	
	.de .comImgBoxL .textBox .title {
		line-height: 1.6;
		font-size: 21px;
	}
	
	.de .comImgBoxL .textBox p {
		font-size: 12px;
	}
	
	.de .comImgBoxL .textBox .txt .btn a {
		padding: 8px 0 8px;
		font-size: 11px;
	}
	
	.de	.comImgBoxL .textBox .txt .btn a span {
		top: 8px;
	}
	
	.de .comImgBoxL .textBox .txt .btn {
		margin-top: 17px;
	}
	
	.de .comImgBoxL .textBox {
		width: 62%;
	}
	
	.de .comImgBoxL .photoBox {
		width: 38%;
	}
	
	/*- ドイツ語版調整 end
	----------------------------*/
	
}