@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 


******************************************************************************* */



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#main h2{ margin-bottom:10px; }
#main h3{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }
#main p.leadTxt.mobile{ padding:15px 0 30px; font-weight:bold; }


#main p.hdTxt{ margin-bottom:10px; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }
}





/* ==

　01. 

=============================================================================== */
.catdogBlock{ padding-bottom:40px; zoom:1; clear:both; position:relative; }
.catdogBlock .catBlock{ width:48%; margin-right:30px; position:relative; float:left; }
.catdogBlock .dogBlock{ width:48%; position:relative; float:left; }


.catdogBlock .catBlock h3{ width:5.5%; float:left; }
.catdogBlock .dogBlock h3{ width:5.5%; float:right; }


.catdogBlock .catBlock .cat01{ width:87%; float:right; }
.catdogBlock .catBlock .cat02{ width:45%; margin:-85px 7% 0 1%; float:left; }
.catdogBlock .catBlock .cat03{ width:43%;margin-top:23px; float:left; }
.catdogBlock .catBlock .cat04{ width:39.5%; margin:50px 0 0 4%; padding-bottom:70px; float:left; clear:left; }
.catdogBlock .catBlock .cat05{ width:66%; position:absolute; right:0; bottom:0; }

.catdogBlock .dogBlock .dog01{ width:91%; margin-bottom:40px; text-align:center; }
.catdogBlock .dogBlock .dog02{ width:50%; margin:0 -10% 110px 0; float:left; }
.catdogBlock .dogBlock .dog03{ width:42%; clear:left; }
.catdogBlock .dogBlock .dog04{ width:62%; position:absolute; top:370px; right:0; }
.catdogBlock .dogBlock .dog05{ width:100%; margin-top:-60px; }








/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {
	.catdogBlock .catBlock{ width:auto; max-width:460px; margin:0 auto 20px; float:none; }
	.catdogBlock .dogBlock{ width:auto; max-width:460px; margin:0 auto; float:none; }
}
@media only screen and (max-width: 600px) {
}



/* ==

　02. 

=============================================================================== */
.ftr_hint{
	margin:0 0 50px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}

.ftr_hint h4{ font-size:127%; color:#8c794b; }
.ftr_hint .caption{ margin-top:10px; line-height:1.3; text-align:left; }

.ftr_hint .colBlock .col1,
.ftr_hint .colBlock .col2{
	width:31%;
	margin-right:3.5%;
	float:left;
}
.ftr_hint .colBlock .col3{
	width:31%;
	float:left;
}




.ftr_hint .colBlock .col1 .col1_img1{ margin-bottom:30px; text-align:center; }
.ftr_hint .colBlock .col1 .col1_img2{ margin-bottom:30px; }

.ftr_hint .colBlock .col2 .col2_img1{ margin-bottom:30px; text-align:center; }
.ftr_hint .colBlock .col2 .col2_img2{ margin-bottom:30px; text-align:center; }

.ftr_hint .colBlock .col3 .col3_img1{ margin-bottom:30px; text-align:center; }
.ftr_hint .colBlock .col3 .col3_img2{ margin-bottom:30px; text-align:center; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 860px) {

	.ftr_hint .colBlock .col1 .col1_img2,
	.ftr_hint .colBlock .col1 .col1_img3,
	.ftr_hint .colBlock .col2 .col2_img3{ text-align:center; }

	.ftr_hint .colBlock div .floatL,
	.ftr_hint .colBlock div .floatR{
		margin:0 !important;
		float:none;
	}

}
@media only screen and (max-width: 740px) {

	.ftr_hint .colBlock div.col1,
	.ftr_hint .colBlock div.col2{
		width:auto;
		margin:0 0 20px;
		padding:0 0 20px;
		border-bottom:1px dotted #ddd;
		float:none;
		clear:both;
	}
	.ftr_hint .colBlock div.col3{
		width:auto;
		margin:0 0 20px;
		float:none;
		clear:both;
	}

	.ftr_hint .colBlock .col1 .col1_img1{ width:46%; margin-right:4%; float:left; }
	.ftr_hint .colBlock .col1 .col1_img2{ width:50%; float:left; }
	.ftr_hint .colBlock .col1 .col1_img2 .floatL{ margin:0 10px 0 0 !important; float:left; }
	.ftr_hint .colBlock .col1 .col1_img3{ width:50%; float:left; }
	.ftr_hint .colBlock .col1 .col1_img3 .floatR{ margin-left:10px !important; float:right; }

	.ftr_hint .colBlock .col2 .col2_img2{ width:50%; margin-right:4%; float:left; }
	.ftr_hint .colBlock .col2 .col2_img3{ width:46%; margin-bottom:15px !important; float:left; }
	.ftr_hint .colBlock .col2 .col2_img3 .floatR{ margin:0 10px 0 0 !important; float:left; }

	.ftr_hint .colBlock .col3 .col3_img2 br{ display:none; }
	.ftr_hint .colBlock .col3 .col3_img2 img.mb20{ margin-right:10%; margin-bottom:0 !important; }

	.ftr_hint .colBlock .col1 .col1_img2 .caption,
	.ftr_hint .colBlock .col1 .col1_img3 .caption,
	.ftr_hint .colBlock .col2 .col2_img3 .caption{ margin-top:0; }


}
@media only screen and (max-width: 600px) {

	.ftr_hint .colBlock .col1 .col1_img1{ width:auto; margin-right:0; float:none; }
	.ftr_hint .colBlock .col1 .col1_img2{ width:48%; margin-right:4% !important; text-align:center; }
	.ftr_hint .colBlock .col1 .col1_img2 .floatL{ margin:0 0 10px !important; float:none; }
	.ftr_hint .colBlock .col1 .col1_img3{ width:48%; text-align:center; }
	.ftr_hint .colBlock .col1 .col1_img3 .floatR{ margin:0 0 10px !important; float:none; }

	.ftr_hint .colBlock .col2 .col2_img3{ text-align:center; }
	.ftr_hint .colBlock .col2 .col2_img3 .floatR{ margin:0 0 10px !important; float:none; }

	.ftr_hint .colBlock .col3 .col3_img2 br{ display:block; }
	.ftr_hint .colBlock .col3 .col3_img2 img.mb20{ margin-right:0; margin-bottom:10px !important; }


}