@charset "UTF-8";
/* ******************************************************************
 *	File name		: view.css
 *	Summary			: page layout
 * ******************************************************************
 */

/*
blue  #57AAE0 rgba(87,170,224,1.0);
濃青　#336D93 rgba(51,109,147,1.0);

aobaku         #55A9FD  rgba(85,169,253,1.0);　 濃→#336598　rgba(51,101,152,1.0);
miyaginoku     #3ED1B9  rgba(62,209,185,1.0);　 濃→#257D6F　rgba(37,125,111,1.0);
wakabayasiku   #FFB44E  rgba(255,180,78,1.0);　 濃→#996C2F　rgba(153,108,47,1.0);
taihakuku      #917BFF  rgba(145,123,255,1.0);　濃→#574A99　rgba(87,74,153,1.0);
izumiku        #FE86C2  rgba(254,134,194,1.0);　濃→#985074　rgba(152,80,116,1.0);

*/

/* -----------------------------------------------------------------
   親調整
----------------------------------------------------------------- */

/* --- responsive --- */
@media(max-width:767px){
	h1{
		height:65px;
	}
	h1 img{
		height:50px;
		width:auto;
	}
	h1:after{
		display:none;
	}
}
@media(max-width:767px){
	header{
		display:none;
	}
}
@media(max-width:880px){
	#container{
		padding-bottom:200px;
	}
}
@media(max-width:767px){
	#container{
		width:100%;
	}
}
@media(max-width:400px){
	#container{
		padding-bottom:0px;
	}
}
@media(max-width:980px){
footer{
	padding:10px 280px 10px 30px;
	}
	footer:after{
		width:250px;
		height:100px;
	}
}
@media(max-width:930px){
footer{
	padding:10px 230px 10px 30px;
	}
	footer:after{
		width:200px;
		height:80px;
	}
}
@media(max-width:880px){
footer{
	height:200px;
	margin-top:-200px;
	padding:110px 20px 10px 20px;
	}
	footer:after{
		width:300px;
		height:120px;
	}
}
@media(max-width:767px){
	footer{
		width:100%;
		margin-left:0px;
		text-align:center;
	}
	footer:after{
		right:50%;
		margin-right:-150px;
	}
	footer #copyright{
		text-align:center;
	}
}
@media(max-width:400px){
	footer{
		height:auto;
		margin-top:0px;
		padding:10px 10px 20px 10px;
	}
	footer:after{
		display:none;
	}
	footer address br{
		display:block;
	}
}

/* -----------------------------------------------------------------
   view
----------------------------------------------------------------- */
#bdid_view{
	display:block !important;
	width:100%;
	margin:0 auto;
}
.file_c_color,
.file_n_color,
.file_g_color{
	display:block !important;
	width:100%;
}
#view_title{
	display:none;
	position:relative;
	width:100%;
	padding:10px 20px;
	background:rgba(236,204,116,0.5);
}
#view_title a{
	display:block;
	width:382px;
	max-width:100%;
	}
	#view_title img{
		width:100%;
		max-width:100%;
		height:auto;
}
/* --- responsive --- */
@media(max-width:625px){
}


/* main */
#view_main{
	padding:20px 20px;
	background:rgba(51,101,152,0.1);
	}
	.aobaku_color #view_main{background:rgba(51,101,152,0.1);}
	.miyaginoku_color #view_main{background:rgba(37,125,111,0.1) ;}
	.wakabayasiku_color #view_main{background:rgba(153,108,47,0.1);}
	.taihakuku_color #view_main{background:rgba(87,74,153,0.1);}
	.izumiku_color #view_main{background:rgba(152,80,116,0.1);}
	
#view_main #view_main_h1{
	position:relative;
	margin-bottom:15px;
	padding:10px 10px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:1.3rem;
	font-weight:bold;
	text-align:center;
	background:#57AAE0;
	border-bottom:3px solid #326E92;
	color:#FFF;
}
.aobaku_color #view_main #view_main_h1{background:#57AAE0;border-bottom:3px solid #326E92;}
.miyaginoku_color #view_main #view_main_h1{background:#3ED1B9;border-bottom:3px solid #257D6F;}
.wakabayasiku_color #view_main #view_main_h1{background:#E5A246;border-bottom:3px solid #996C2F;}
.taihakuku_color #view_main #view_main_h1{background:#917BFF;border-bottom:3px solid #574A99;}
.izumiku_color #view_main #view_main_h1{background:#FE86C2;border-bottom:3px solid #985074;}
	
#view_main #view_main_h2{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	min-height:20px;
	margin:0 0 7px 0;
	padding:0px 0 10px 30px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight:normal;
	font-size:1.1rem;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:none;
	background:url(../../image/base/arrow_border.png) repeat-x 0 bottom;
	color:#000;
	}
	#view_main #view_main_h2:before{
		content:" ";
		display:block;
		position:absolute;
		top:2px;
		left:0px;
		width:20px;
		height:20px;
		margin-left:0;
		background:url(../../image/shisetsu/base/arrow_cc.png) no-repeat 0 0;
	}
	.file_c_color #view_main #view_main_h2:before{background:url(../../image/shisetsu/base/arrow_cc.png) no-repeat 0 0 !important;}
	.file_n_color #view_main #view_main_h2:before{background:url(../../image/shisetsu/base/arrow_cn.png) no-repeat 0 0 !important;}
	.file_g_color #view_main #view_main_h2:before{background:url(../../image/shisetsu/base/arrow_cg.png) no-repeat 0 0 !important;}
#view_main #view_main_h3{
	position:relative;
	margin-bottom:5px;
	padding:2px 10px;
	font-weight:bold;
	font-size:0.9rem;
	background:rgba(0,0,0,0.2);
	}
	/*
	.aobaku_color #view_main #view_main_h3{background:rgba(85,169,253,0.5);}
	.miyaginoku_color #view_main #view_main_h3{background:rgba(62,209,185,0.5) ;}
	.wakabayasiku_color #view_main #view_main_h3{background:rgba(255,180,78,0.5);}
	.taihakuku_color #view_main #view_main_h3{background:rgba(145,123,255,0.5);}
	.izumiku_color #view_main #view_main_h3{background:rgba(254,134,194,0.5);}
	*/
	.file_c_color #view_main #view_main_h3{background:rgba(108,190,152,0.5) !important;}
	.file_n_color #view_main #view_main_h3{background:rgba(242,135,5,0.5) !important;}
	.file_g_color #view_main #view_main_h3{background:rgba(2,152,222,0.5) !important;}

#view_main dl{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	font-size:0.9rem;
	margin-bottom:15px;
	}
	#view_main dt{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		width:140px;
		margin-bottom:5px;
		font-weight:bold;
		text-align:center;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		color:#FFF;
	}
	.file_c_color #view_main dt{background:rgba(108,190,152,1) !important;}
	.file_n_color #view_main dt{background:rgba(242,135,5,1) !important;}
	.file_g_color #view_main dt{background:rgba(2,152,222,1) !important;}
	#view_main dd{
		display:inline-block;
		margin-bottom:5px;
		width: calc(100% - 160px);
}

#view_main p{
	font-size:0.9rem;
}




.set_view #view_title{
	padding:10px 10px !important;
}
.set_view #view_main{
	padding:20px 10px !important;
	}
.set_view #view_main_h2{
	font-size:0.9rem !important;
}
.set_view #view_main_h3{
	font-size:0.8rem !important;
	}
.set_view dl{
	font-size:0.8rem !important;
}
.set_view dt,
.set_view dd{
	width:100% !important;
}
.set_view dt{
	margin-bottom:2px;
}
.set_view p{
	font-size:0.9rem !important;
}

/* --- responsive --- */
@media(max-width:767px){
	#view_main dt{
		width:110px;
	}
	#view_main dd{
		width: calc(100% - 120px);
	}
}