@charset "UTF-8";
/* placeholder color */


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

　mame

**********************************************************************************************/
#PageID_Mame .main-img {
	background-image: url("../images/mame/main.jpg");
	background-position: center bottom;
}

#PageID_Mame .main-img .top_kv_logo {
	position: relative;
	top: 48%;
	left: 55%;
	width: 42%;
	color: white;
	filter: drop-shadow(3px 3px 5px #333);
}
@media (max-width: 750px){
	#PageID_Mame .main-img .top_kv_logo {
		position: relative;
		top: 22vh;
		width: 30%;
		color: white;
		filter: drop-shadow(3px 3px 5px #333);}}

@media (max-width: 750px) {
    #PageID_Mame .inner {
      max-width: 100vw; } }


.power1 {background-image: url("../images/common/bg_wabe-white.gif");position:relative;}
.power2 {background-image: url("../images/common/bg_wabe-purple2.gif");position:relative;}


.power1 .l,
.power1 .r,
.power2 .l,
.power2 .r{
	width: 48%;
	display: inline-block;
	min-height: 350px;
}
@media (max-width: 750px){
	.power1 .l,
	.power1 .r,
	.power2 .l,
	.power2 .r{
		width: 100%;
		display: block;
		min-height: auto;}}

.power2 .r {background-image: url("../images/common/bg_wabe-white.gif");}
.power1 .r {background-image: url("../images/common/bg_wabe-purple2.gif");}
@media (max-width: 750px){
	.power2 .r {background-image:none;}
	.power1 .r {background-image:none;}}
.power1 .l h4,
.power1 .r h4,
.power2 .l h4,
.power2 .r h4{padding: 15px;font-size: 2rem;}
.power1 .l p,
.power1 .r p,
.power2 .l p,
.power2 .r p{padding:0 25px 15px 25px;text-align:justify;}
@media (max-width: 750px){
	.power1 .l p,
	.power1 .r p,
	.power2 .l p,
	.power2 .r p{padding:0 25px 55px 25px;}}
.r-bottom{position: absolute;
  bottom: 0;right: 15px;
  margin: 0;margin-bottom: 70px;}

@media (max-width: 750px){
	.r-bottom{position: relative;text-align: right;}}


#PageID_Mame table {width: 95%; margin:0 0 70px 5%; }
#PageID_Mame table td {padding: 7px; text-align: center; vertical-align:middle; }
#PageID_Mame table td span {font-size: 1.2rem;}
#PageID_Mame table tbody td{background-color: white;}
#PageID_Mame table tbody td.l{background-color:#f2e9f2; font-weight: bolder; width: 350px; }
#PageID_Mame table thead td{background-color:#f2e9f2; font-weight: bolder; }

@media (max-width: 750px){#PageID_Mame table td {padding: 2px;font-size: 1.2rem;}}
@media (max-width: 750px){#PageID_Mame table tbody td.l{width: auto; }}
@media (max-width: 750px){#PageID_Mame table td span {font-size: 0.8rem;}}

#PageID_Mame .table-foot{text-align: right; font-size: 80%; margin-bottom: 70px;}