@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .menu .navi02 a::before {
    width: 100%;
}

#main .imgBoxL {
	margin-bottom: 24px;
}

#main .imgBoxL .photoBox {
	padding-top: 7px;
	float: left;
	width: 66%;
	max-width: 579px;
}

#main .imgBoxL .photoBox img {
	width: 100%;
}

#main .imgBoxL .textBox {
	float: right;
	width: 31%;
	max-width: 275px;
}
#main .imgBoxL .textSepaBox01 {
	float: left;
	width: 32%;
	margin-right: 15px;
}
#main .imgBoxL .textSepaBox02 {
	float: left;
	width: 32%;
	margin-right: 15px;
}
#main .imgBoxL .textSepaBox03 {
	float: right;
	width: 32%;
}


#main .imgBoxL .textBox p {
	margin-bottom: 18px;
	line-height: 1.6;
	letter-spacing: 1px;
}

#main .imgBoxL .textBox .link {
	margin-bottom: 0;
}

#main .imgBoxL .textBox .link a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#main .imgBoxL02 {
	margin-bottom: 24px;
}

#main .imgBoxL02 .photoBox02 {
	padding-top: 7px;
	float: left;
	width:38%;
	//width:50%;
	//max-width: 579px;
	//max-width: 400px;
}

#main .imgBoxL02 .photoBox02 img {
	//width: auto;
    width: 100%;
}

#main .imgBoxL02 .textBox02 {
	float: right;
	//width: 50%;

	width: 62%;
	//max-width: 545px;
}

#main .imgBoxL02 .textBox02 p {
	margin-bottom: 18px;
	line-height: 1.6;
	letter-spacing: 1px;
}

#main .imgBoxL02 .textBox02 .link {
	margin-bottom: 0;
}

#main .imgBoxL02 .textBox02 .link a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#main .imgBoxL03 {
	margin-bottom: 24px;
}

#main .imgBoxL03 .photoBox03 {
	padding-top: 7px;
	float: left;
	width: 35%;
	max-width: 579px;
}

#main .imgBoxL03 .photoBox03 img {
	width: 100%;;
}

#main .imgBoxL03 .textBox03 {
	/*float: right;*/
	float:left;
	width: 62%;
	max-width: 545px;
        /*add 160901*/
	margin-left: 20px;
}

#main .imgBoxL03 .textBox03 p {
	line-height: 1.6;
	letter-spacing: 1px;
}

#main .imgBoxL03 .textBox03 .link {
	margin-bottom: 0;
}

#main .imgBoxL03 .textBox03 .link a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#main .photoList {
	margin-bottom: 22px;
	padding-bottom: 8px;
	border-bottom: 1px solid #DBDBDB;
}

#main .photoList02 {
	margin-bottom: 27px;
	padding-bottom: 23px;
}
#main .photoList03 {
	margin-bottom: 22px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #DBDBDB;
}
#main .photoList04 {
	margin-top: 27px;
	padding-top: 23px;
	border-top: 1px dotted #DBDBDB;
}
#main .photoList05 {
	padding-bottom: 8px;
	border-bottom: 1px solid #DBDBDB;
}

#main .photoList li {
	float: left;
	margin: 0 4% 20px 0;
	width: 22%;
}

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

#main .photoList li .pho {
	margin-bottom: 8px;
}

#main .photoList li .pho a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

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

#main .photoList li p a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#main .photoList li .textBox {
	min-height: 53px;
}

#main .photoList li .title {
	color: #444;
	font-size: 16px;
	font-weight: bold;
}

#main .photoList li .title02 {
	font-size: 12px;
	line-height: 1.45;
}

#main .photoList li .annotation {
	color: #444;
	font-size: 9px;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

#main .borderBox {
	padding-bottom: 33px;
	border-bottom: 1px solid #DBDBDB;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	#main .imgBoxL .photoBox {
		margin-bottom: 16px;
		float: none;
		width: auto;
		max-width: inherit;
	}
	
	#main .imgBoxL .textBox {
		float: none;
		width: auto;
		max-width: inherit;
	}
	
	#main .photoList {
		padding: 0 13.8% 8px;
	}
	
	#main .photoList li {
		margin-right: 0;
		width: 46%;
	}
	
	#main .photoList li:nth-child(2n) {
		float: right;
	}

}

@media all and (min-width: 0) and (max-width: 736px)  {
	#main .imgBoxL02 .photoBox02 {
		margin-bottom: 16px;
		float: none;
		width: auto;
		max-width: inherit;
	}

	#main .imgBoxL02 .textBox02 {
		float: none;
		width: auto;
		max-width: inherit;
	}
	
	#main .photoList {
		padding: 0 13.8% 8px;
	}
	
	#main .photoList li {
		margin-right: 0;
		width: 46%;
	}
	
	#main .photoList li:nth-child(2n) {
		float: right;
	}

	#main .imgBoxL03 .textBox03 {
	
	margin-left:0px;
	}
}