@charset "UTF-8";

/*共通
----------------------------------------*/
.ph_box img,
.btn_block img,
#main h2 img,
#main h3 img {
	display: block;
	margin: 0 auto;
}

.txt_en {
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 700;
}

.ph_box {
	background: rgba(214,209,200,0.8);
	padding: 10px;
	box-shadow:rgba(227, 219, 204, 0.478431) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(227, 219, 204, 0.478431) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(227, 219, 204, 0.478431) 0px 0px 6px 3px inset;
}



/*title txt
----------------------------------------*/

#main h2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 269.2%;
	line-height: 1;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 13px;
	color: #231815;
	background: url(../img/common/bg_h2_02.png);
	text-align: center;
}

#main .bg01 h2,
#main .bg03 h2 {
	background: url(../img/common/bg_h2_01.png);
}


#main h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 138.5%;
	line-height: 1;
	font-weight: bold;
	margin: 0 0 13px;
	padding: 10px 20px;
	color: #231815;
	background: #d7d2c9;
	text-align: left;
}

#main p {
	font-size: 116%;
	line-height: 2;
	text-align: center;
	margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
	#main h2 {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 116%;
		line-height: 1;
		font-weight: bold;
		margin: 0 0 10px;
		padding: 8px;
		color: #231815;
		background: url(../img/common/bg_h2_02.png);
		text-align: center;
	}
	
	#main p {
		font-size: 100%;
		line-height: 2;
		text-align: left;
		margin-bottom: 15px;
	}
	#main ul.list {
		text-align: left;
		text-indent: -13px;
		padding-left: 13px;
	}
	#main p.txt_en {
		text-align: center;
	}
	
	.ph_box {
		background: rgba(214,209,200,0.8);
		padding: 5px;
		box-shadow:rgba(227, 219, 204, 0.478431) 0px 0px 6px 3px inset;
		-webkit-box-shadow:rgba(227, 219, 204, 0.478431) 0px 0px 6px 3px inset;
		-moz-box-shadow:rgba(227, 219, 204, 0.478431) 0px 0px 6px 3px inset;
	}
}



/*box
----------------------------------------*/

/* 段落の区切り */
.txtarea {
	margin: 0 20px 80px;
}

.color_block {
	background: rgba(255,255,255,0.8);
	padding: 15px;
}


/* カラムボックス */

.col_box img {
	display: block;
}

.ph img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 5px;
	_width: 100%;
}

#main .ph p {
	font-size: 77%;
	margin-bottom: 0;
}

#main .col_box p {
	margin-bottom: 0;
}

/* 2カラム */
.col2_block {
	margin: 0 0 0 -20px;
}

.col2_block .col_box {
	float: left;
	width: 470px;
	margin: 0 0 20px 20px;
	*display: inline;
    *zoom: 1;
}

/* 3カラム */
.col3_block {
	margin: 0 0 0 -21px;
}

.col3_block .col_box {
	float: left;
	width: 306px;
	margin: 0 0 20px 21px;
	*display: inline;
    *zoom: 1;
}



/* クリア */
.container,
.col_box,
.col2_block,
.col3_block { zoom:1; }

.container:after,
.col_box:after,
.col2_block:after,
.col3_block:after {
	content: "";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0;
}

@media only screen and (max-width: 736px) {
	.txtarea {
		margin: 0 0 20px;
	}

	/* 2カラム */
	.col2_block {
		margin: 0 0 0;
	}
	
	.col2_block .col_box {
		float: none;
		width: auto;
		margin: 0 0 15px;
		*display: block;
	    *zoom: 1;
	}
	
	/* 3カラム */
	.col3_block {
		margin-left: -21px;
		margin-bottom: 40px;
	}
	
	.col3_block .col_box {
		float: none;
		width: auto;
		margin: 0 0 15px;
		*display: block;
	    *zoom: 1;
	}
}


/*btn
----------------------------------------*/

#main p.btn_more {
	margin: 30px 0 0;
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 700;
}

@media only screen and (max-width: 736px) {
	#main p.btn_more {
		margin: 20px 0 0;
		text-align: center;
	}
}