/* Shared presentation rules extracted from the legacy templates. */

.tbl_prt{display:table;}
.tbl_cel{display:table-cell;}
.cel_l001{ width: 6em;}
.cel_l001 div{ line-height: 1em;}
.cel_r001{ padding:0.4em 1em 0 1em; text-align: left;}
.tophaikei001{ background-position: center; background-size: cover; position: relative;}

.fixed {position: fixed;top: 0;width: 100%;z-index: 10000;}
.widmax{
 width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);}

.chuushin001 {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; height: auto;}
.topg{ width:100%;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.p04{padding: 1px 1px;}
	.gk01 img{
filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
-moz-filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
-webkit-filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
 }

@media only screen and (max-width: 640px) {
.home .tbl_prt, .home .tbl_cel{ display: block !important;}
		.pc_dake800_i{ display: none !important;}
	}

.usu_black{background-color: rgba(0,0,0,0.60); height: 100%; position: absolute; top: 0; width: 100%; height: 100%; transition: all 500ms 0s ease;}
.usu_shiro{background-color: rgba(255,255,255,0.80); height: 100%; position: absolute; top: 0; width: 100%; height: 100%;}
.tophaikei001:hover .mjmoji001{ font-size: 36px; color: #FFFFFF;}
	.mds010203{ font-size: 24px; font-weight: bold;}
	.mittsu001{ padding: 2em 0; font-size: 18px;}
	.tx_hnti001{text-align: left; max-width: 1000px; margin: 0 auto;}

.aspectwrapper02:after{padding-top: 100%; display: block; content: "";}

.pspsdfg{white-space: nowrap;}
@media only screen and (max-width: 640px) {
	.pspsdfg{white-space: normal;}
}

.midoribt003{ background-color:#cd121b; padding:0 0.6em; color:#FFFFFF; display:inline-block;}
.midoribt003 a{ background-color:#cd121b; color:#FFFFFF;}

.side001 { width: 0; padding: 1em 0 1em 1em; display: none; }
.side002 { width: 100%; padding: 1em; }

.login_height { height: 0; }
.logged-in .login_height { height: 32px; }
.logged-in .fixed { margin-top: 32px !important; }
.logged-in #contents100 { margin-top: -32px; }

.invisible { opacity: 0; }
.visible { transition: opacity .5s ease; opacity: 1; }

.ujien-news-title { white-space: nowrap; }
@media (max-width: 640px) { body:not(.home) .ujien-news-title { white-space: normal; } }


	.btnvjh001 div{ display: inline-block; padding-left: 0.4em;}
	.dodoki a{ color: #AAAAAA;}
	@media only screen and (max-width: 640px) {
	.hdyouso001{ text-align: left !important;}
	}


		/*メインテキスト*/
		.hdtx001{ padding: 4em; max-width: 240px; height: auto; width: 30%;}
		.hdtx002{ padding: 20.4em 1em; max-width: 1000px; height: auto; width: 80%;}
		
		.mn002 img{
		filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
		-moz-filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
		-webkit-filter: drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000) drop-shadow(0 0 2px #000000);
		 }