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

h2.tittle{
	font-style: italic;
	margin-bottom: 30px;
	text-align: center;
}

h3.tittle{
	font-style: italic;
	margin-bottom: 30px;
	text-align: center;
}

@media screen and (max-width: 768px){
	h2.tittle{
		font-size: 150%;
	}
	
	h3.tittle{
		font-size: 150%;
		text-align: left;
	}
}

.title-img{
	width: 100%;
	margin-top: 20px;
}

.title-img img{
	width: 100%;
}

.copyright{
	margin: 50px auto;
	text-align: center;
	clear: both;
}

.bk_gradient{
	background: -moz-linear-gradient(left,rgba(255, 0, 0, 0) 0%, rgba(52, 33, 16, 0.8) 30%, rgba(52, 33, 16, 0.8) 70%, rgba(255, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(left,rgba(255, 0, 0, 0) 0%, rgba(52, 33, 16, 0.8) 30%, rgba(52, 33, 16, 0.8) 70%, rgba(255, 0, 0, 0) 100%);
	background: linear-gradient(left,rgba(255, 0, 0, 0) 0%, rgba(52, 33, 16, 0.8) 30%, rgba(52, 33, 16, 0.8) 70%, rgba(255, 0, 0, 0) 100%);
	width: 80%;
	margin: 10px auto;
	padding: 3px 0;
}

table.revision_mokuji{
	width: 100%;
	font-family: "FOT-ニューセザンヌ ProN M";
	margin-top: 30px;
	margin-bottom: 10px;
}

table.revision_mokuji td{
	border-right: 1px #6c4343 solid;
	border-bottom: 1px #6c4343 solid;
	padding: 5px;
}

table.revision_mokuji td.td1{
	width: 10%;
	border-top: 1px #6c4343 solid;
	border-left: 1px #6c4343 solid;
	text-align: center;
	background: rgba(132,93,52,0.1);
}

table.revision_mokuji td.td2{
	width: 30%;
	border-top: 1px #6c4343 solid;
	background: rgba(255,244,92,0.2);
	text-align: center;
}

table.revision_mokuji td.td3{
	border-top: 1px #6c4343 solid;
}

table.revision_mokuji td.td4{
	border-left: 1px #6c4343 solid;
}

table.revision_mokuji td.tdleft{
	border-left: 1px #6c4343 solid;
	text-align: center;
	background: rgba(132,93,52,0.1);
}

table.revision_mokuji td.tddashued{
	border-bottom: 1px #6c4343 dashed;
}

table.revision_mokuji td.td_tit{
	border-top: 1px #6c4343 solid;
	border-left: 1px #6c4343 solid;
	text-align: center;
	background: rgba(132,93,52,0.1);
}

table.revision_mokuji td .font-left{
	text-align: left;
}

.waku1{
	border-left: 1px #6c4343 solid;
	border-top: 1px #6c4343 solid;
	border-right: 1px #6c4343 solid;
	border-bottom: 1px #6c4343 dashed;
	padding: 20px;
	width: 100%;
	background: rgba(132,93,52,0.1);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 20px;
	overflow: hidden;
}


.waku2{
	border-left: 1px #6c4343 solid;
	border-right: 1px #6c4343 solid;
	border-bottom: 1px #6c4343 dashed;
	padding: 20px;
	width: 100%;
	background: rgba(255,244,92,0.2);
	font-size: 130%;
	font-weight: bold;
	overflow: hidden;
}

.waku3{
	border-left: 1px #6c4343 solid;
	border-right: 1px #6c4343 solid;
	border-bottom: 1px #6c4343 dashed;
	padding: 20px;
	width: 100%;
	background: rgba(255,255,255,0.8);
	font-size: 110%;
	font-family: "FOT-ニューセザンヌ ProN M";
	line-height: 1.9;
	overflow: hidden;
}

.waku4{
	border-left: 1px #6c4343 solid;
	border-right: 1px #6c4343 solid;
	border-bottom: 1px #6c4343 solid;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 20px;
	width: 100%;
	background: rgba(255,255,255,0.8);
	font-size: 110%;
	font-family: "FOT-ニューセザンヌ ProN M";
	line-height: 1.9;
	overflow: hidden;
}


.waku3 .font-bold{
	font-family: "FOT-ニューセザンヌ Pro B";
}

.waku4 .font-bold{
	font-family: "FOT-ニューセザンヌ Pro B";
}

p.mokuji{
	overflow: hidden;
	margin: 0;
}

.detail{
	overflow: hidden;
}

.detail a{
	font-size: 10pt;
	font-family: "FOT-ニューセザンヌ ProN M";
	width: 150px;
	float: right;
	border: 1px #337ab7 solid;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	text-decoration: none;
	padding: 3px 0;
}

.detail a:hover{
	background: #337ab7;
	color: #fff;
}

/*
@media screen and (max-width: 768px){
	.waku1,.waku2,.waku3,.waku4{
		width: 90%;
		margin: auto;
	}
}
*/


#page_top {
    position: fixed;
    bottom: 30px;
    right: 20px;
}
#page_top a {
    background-color: #999;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 20px 20px;
}
#page_top a:hover {
    background-color: #666;
    text-decoration: none;
}



ul.ul_revision{
	margin: 10px 0;
	overflow: hidden;
}

ul.ul_revision li{
	width: auto;
	padding: 0 15px;
	margin-bottom: 10px;
	display: block;
	float: left;
	font-family: "UD Shin Go Regular";
	border-right: 1px #5796cc dashed;
}


table.table_revision{
	font-family: "UD Shin Go Regular";
	line-height: 1.9;
	background: rgba(255,255,255,0.8);
	margin-bottom: 15px;
	width: 100%;
}

table.table_revision td{
	padding: 20px;
	border-bottom: 1px #6c4343 solid;
	border-right: 1px #6c4343 solid;
}

table.table_revision td.lefttop{
	border-top: 1px #6c4343 solid;
	border-left: 1px #6c4343 solid;
}
table.table_revision td.top{
	border-top: 1px #6c4343 solid;
}
table.table_revision td.left{
	border-left: 1px #6c4343 solid;
}

table.table_revision td.bottom_dashed{
	border-bottom: 1px #6c4343 dashed;
}
table.table_revision td.yellow{
	background: rgba(255,244,92,0.3);
}

table.table_revision td.green{
	background: rgba(179,212,101,0.3);
}

table.table_revision td.orange{
	background: rgba(248,181,81,0.3);
}

table.table_revision td.gray{
	background: rgba(160,160,160,0.3);
}


table.table_revision td.paddin-5{
	padding: 5px !important;
}

.pdf{
	margin: 10px 0 0 50px;
	border: 1px #ccc solid;
	background: url("../img/pdf.png") no-repeat 3px 3px;
	padding: 6px 6px 6px 60px;
	font-size: 110%;
	font-weight: bold;
	min-height: 60px;
	line-height: 1.6;
	float: left;
}

table.table_revision td.td_width30{
	width: 30%;
}

.pdf p{
	margin: 0;
}

a:hover .pdf{
	background-color: #f8f5d1;
}

.photo_img_300{
	width: 300px;
	margin: 5px;
}

.photo_img_300 img{
	width: 100%;
}

table.table_pdf{
	width: 80%;
	margin: 10px auto;
}

table.table_pdf td{
	border-right:none;
	border-bottom: 1px #ccc dashed;
	padding: 5px;
}

img.pdf_mini{
	width: 20px;
	margin-right: 10px;
}


.revision_text{
    padding: 0.5em 1em;
    margin: 100px 0 0 50px;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
	float: left;
}
.revision_text p {
    margin: 0; 
    padding: 0;
}


.revision_text2{
	width:70%;
	text-align: center;
    padding: 0.5em 1em;
    margin: 2em auto;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}
.revision_text2 p {
    margin: 0; 
    padding: 0;
}


object.iframe_revision{
	width: 100%;
	height: 2000px;
}

@media screen and (max-width: 768px){
	object.iframe_revision{
		height: auto;
	}
}

p.topdf{
	display: none;
}

@media screen and (max-width: 768px){
	p.topdf{
		display: inherit;
		margin-top: 20px;
		text-align: center;
	}
	p.topdf a{
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		color: #ed1e24;
		font-size: 120%;
		text-align: center;
		padding: 20px 30px;
		float: none;
		text-decoration: none;
		border: 2px #ed1e24 solid;
		font-family: "FOT-ニューセザンヌ ProN M";
	}

	p.topdf a:hover{
		background: #fff799;
	}
}

/********************************
            profile
********************************/

p.p_profile{
	font-size: 150%;
	font-family: "FOT-マティス ProN DB", "MatisseProN-DB";
	font-style: italic;
}

ul.ul_profile{
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
}

.ul_profile_top{
	margin: 30px 0 0 20px;
}

.ul_profile_bottom{
	margin: 0 0 50px 20px;
}

ul.ul_profile li{
	width: 24%;
	height: 88px;
		display: block;
		background: rgba(112,112,112,0.2);
		text-align: center;
		list-style: none;
		padding: 10px 0;
		border-left: none;
		border-bottom: none;
		border-radius: 5px;
		float: left;
		margin: 0 5px 5px 0;
		font-family: "AGaramondPro-SemiboldItalic";
		font-size: 100%;
		color: #2d1d0f;
	text-decoration: none;
}



.profile_li_moji{
	font-family: "FOT-マティス Pro M", “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
	font-size: 16px;
	line-height: 2.8;
}

ul.ul_profile li.current{
	background: rgba(45,29,15,0.8);
	color: #fff;
}

dl.dl_profile{
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
}


dl.dl_profile dt{
	width: 20%;
	float: left;
	clear: left;
	color: #a59d8c;
	line-height: 1.4em;
	padding-bottom: 15px;
	padding-top: 20px;
	margin-bottom: 20px;
}

dl.dl_profile dd{
	padding-left: 20px;
	width: 80%;
	float: left;
	clear: right;
	overflow: hidden;
	border-left: 1px #707070 solid;
	padding-bottom: 20px;
	font-size: 110%;
	line-height: 1.7;
	margin-bottom: 15px;
	padding-top: 20px;
}

dl.dl_profile dd h3{
	margin: 0 0 15px 0;
}

.photo{
	float: right;
	width: 300px;
	margin: 0 0 5px 10px;
}

.photo.width500{
	width: 500px;
}

.photo.width48{
	width: 48%;
}

.photo.width25per{
	width: 23%;
}

.photo.left{
	float: left;
	margin: 15px 10px 0 0;
}

.photo img{
	width: 100%;
}

.photo p{
	font-family: "FOT-ニューセザンヌ ProN M";
	line-height: 1.2;
	font-size: 90%;
	color: #535353;
	text-align: center;
}

.photo_only{
	float: left;
	width: 32%;
	margin: 10px 0 5px 10px;
}

.photo_only img{
	width: 100%;
}

.photo_only p{
	font-family: "FOT-ニューセザンヌ ProN M";
	line-height: 1.2;
	font-size: 90%;
	color: #535353;
	text-align: left;
}

.photo_waku{
	overflow: hidden;
	border-bottom: 1px #707070 dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.photo_memo{
	width: 60%;
	margin: 50px 0 0 20px;
	float: left;
	font-family: "FOT-ニューセザンヌ ProN M";
	line-height: 1.2;
	font-size: 100%;
	color: #535353;
}

.photo_memo2{
	width: 30%;
	margin: 20px 0 0 20px;
	float: left;
	font-family: "FOT-ニューセザンヌ ProN M";
	line-height: 1.2;
	font-size: 100%;
	color: #535353;
}

p.date{
	font-size: 270%;
	line-height: 1;
	font-family: "AGaramondPro-SemiboldItalic";
}

p.age{
	font-size: 150%;
}

@media screen and (max-width: 768px){
	p.p_profile{
		font-size: 110%;
	}
	
	ul.ul_profile{
		margin-left: 0;
		padding: 0;
	}

	.ul_profile_top{
		margin: 10px 0 0 0;
	}

	.ul_profile_bottom{
		margin: 0 0 10px 0;
	}

	ul.ul_profile li{
		width: 48%;
		height: auto;
	}
	
	ul.ul_profile li.current{
		background: rgba(45,29,15,0.8);
		color: #fff;
	}


	dl.dl_profile{
		padding: 10px 0;
	}


	dl.dl_profile dt{
		width: 100%;
		float: none;
		clear: none;
		color: #a59d8c;
		line-height: 1.4em;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 0;
	}
	
	dl.dl_profile dt.ddtop{
		border-top: 1px #707070 solid;
		margin-top: 15px;
	}

	dl.dl_profile dd{
		padding-left: 0;
		width: 100%;
		float: none;
		clear: none;
		border-bottom: 1px #707070 solid;
		border-left: none;
		padding-bottom: 10px;
		font-size: 110%;
		line-height: 1.7;
		margin-bottom: 15px;
		padding-top: 0;
	}

	dl.dl_profile dd h3{
		margin: 0 0 5px 0;
	}

	dl.dl_profile dd .photo,
	dl.dl_profile dd .photo.width500,
	dl.dl_profile dd .photo.width25per,
	dl.dl_profile dd .photo.left
	{
		float: none;
		width: 80%;
		margin: 10px auto;
	}

	dl.dl_profile dd .photo img{
		width: 100%;
	}

	dl.dl_profile dd .photo p{
		font-family: "FOT-ニューセザンヌ ProN M";
		line-height: 1.2;
		font-size: 90%;
		color: #535353;
		text-align: center;
	}
	
	.photo_only{
		float: none;
		width: 80%;
		margin: 10px auto 10px;
	}

	.photo_only img{
		width: 100%;
	}

	.photo_only p{
		font-family: "FOT-ニューセザンヌ ProN M";
		line-height: 1.2;
		font-size: 90%;
		color: #535353;
		text-align: center;
	}

	.photo_memo{
		width: 80%;
		margin: 10px auto;
	}

	.photo_memo2{
		width: 80%;
		margin: 10px auto;
	}
	p.date{
		font-size: 150%;
		float: left;
		width: auto;
	}

	p.age{
		font-size: 100%;
		float: left;
		width: auto;
		margin-left: 15px;
	}
	
	.photo_waku{
	border-bottom: none;
	}

}


/********************************
            choral
********************************/



ul.ul_choral{
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
}

.ul_choral_top{
	margin: 30px 0 0 20px;
}

.ul_choral_bottom{
	margin: 0 0 50px 20px;
}

ul.ul_choral li{
	width: 24%;
	height: 50px;
		display: block;
		background: rgba(112,112,112,0.2);
		text-align: center;
		list-style: none;
		padding: 10px 0;
		border-left: none;
		border-bottom: none;
		border-radius: 5px;
		float: left;
		margin: 0 5px 5px 0;
		font-family: "AGaramondPro-SemiboldItalic";
		font-size: 17pt;
		color: #2d1d0f;
	text-decoration: none;
}

ul.ul_choral li.current{
	background: rgba(45,29,15,0.8);
	color: #fff;
}


.moushikomi{
	text-align: center;
}

.moushikomi p{
	width: 40%;
	margin: 10px auto;
}

input#submit_button{
	margin: 20px auto;
	width: 100%;
	background: #dcdcdc;
	border: 1px #434343 solid;
	color: #434343;
	display: block;
	padding: 20px 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	float: left;
	font-size: 120%;
}

@media screen and (max-width: 768px) {
	.moushikomi p{
		width: 100%;
	}
		input#submit_button{
		margin: 20px auto;
		width: 100%;
		background: #dcdcdc;
		border: 1px #434343 solid;
		color: #434343;
		display: block;
		padding: 20px 0;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		float: left;
		font-size: 120%;
	}
}
input#submit_button:hover{
	background: #c9c9c9;
}

.thanks{
	margin: 80px 0;
	text-align: center;
}


@media screen and (max-width: 768px) {
	.thanks{
		margin: 10px 0;
	}
}


/********************************
            video
********************************/

h3.h3_video{
	border-bottom: double 5px #FFC778;
	text-align: center;
	margin-top: 80px;
}


/********************************
            blog
********************************/

#blog_body{
	width: 90%;
	margin: 0px auto;
	padding-bottom: 20px;
}

h3.h3_blog{
	font-family: "FOT-マティス ProN DB";
	border-bottom: 1px #311700 dotted;
	width: 100%;
	margin-bottom: 20px;
}

.blog_to-detail{
	font-family: "FOT-マティス Pro M";
	line-height: 1.8;
	font-size: 110%;
	text-align: right;
	margin-bottom: 50px;
}

p.blog_back{
	width: 49%;
	font-size: 110%;
	font-weight: bold;
	font-family: "FOT-マティス Pro M";
	float: left;
}

p.blog_next{
	width: 49%;
	font-size: 110%;
	font-weight: bold;
	font-family: "FOT-マティス Pro M";
	float: right;
	text-align: right;
}

.blog_text{
	font-size: 110%;
}

.blog_text p,
.blog_text h1,
.blog_text h2,
.blog_text h3,
.blog_text h4,
.blog_text h5{
	line-height: 2;
}

.blog_text strong{
	font-family: "FOT-マティス ProN B";
	font-size: 110%;
}

.blog_text em{
	font-size: 110%;
}

p#blog_to_list{
	margin: 0 auto 50px;
	width: 300px;
}

p#blog_to_list a{
	background: #2d1d0f;
	border: 1px #1e1007 solid;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 12pt;
	display: block;
	padding: 20px 0;
}

p#blog_to_list a:hover{
	background: #402b18;
	text-decoration: none;
}



h3#comments{
	font-size: 14pt;
	margin-top: 80px;
	background: rgba(112,112,112,0.1);
	padding: 5px 20px;
}

.comment-body{
	margin-bottom: 50px;
}

h3#reply-title{
	font-size: 14pt;
	margin-top: 50px;
}


/* page_number
-------------- */


ul.number{
	margin: 20px auto;
	text-align: center;
	overflow: hidden;
}


ul.number li{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	float: left;
	list-style: none;
	margin-right: 10px;
	border: 1px #362e2b solid;
	color: #362e2b;
	line-height: 2;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	font-weight: bold;
}

ul.number li a{
	display: block;
	background: #655726;
	color: #ffffff;
	text-decoration: none;
}

ul.number li a:hover{
	display: block;
	background: #786523;
	color: #ffffff;
	text-decoration: none;
}

