@charset "shift_jis";

@media (max-width: 639px) {

/*
/bkweb/campaign/index.html
---------------------------------------------------------*/
body.popup #corpLogo{
	width: 100%;
	height: auto;
}

#corpLogo h1{
	padding: 0 15px;
}

#corpLogo.munLogo2016 img{
	width: 100%;
	height: auto;
}

body.popup #areaHeader,
#areaWrapper,
#areaWrapper .info,
#areaWrapper .noteTop{
	width: auto;
}
#pc-cp-mainbox img{
	width: 100%;
	height: auto;
}

#pc-cp-mainbox .spicon img{
	width: auto;
}

#pc-cp-mainbox table.cp-datebox{
	width: 100%;
}

#pc-cp-mainbox .innerbox02{
	margin: 0;
}

#pc-cp-mainbox table.cp-datebox th,
#pc-cp-mainbox table.cp-datebox td{
	display: block;
	width: 100%;
	float: left;
	box-sizing: border-box;
}

#areaWrapper ul.cap{
	font-size: 116.66666%;
}

.spfSize14{
	font-size: 116.66666% !important;
}

.pcDisplay{
	display:none !important;
}

#footerWrapper{
	width: 100%;
}

p#copyright{
	width: 100%!important;
}

p#copyright img{
	width: 100%;
	height: auto;
}


#areaWrapper .borderbox02 .iconLinkTxt{
	display: inline-block;
}

#pc-cp-mainbox .borderbox02 .singlebox .title, #pc-cp-mainbox .borderbox02 .singlebox .txtbox01 .title {
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 108px;
}

#pc-cp-mainbox .borderbox02 .singlebox .pic01{
	width: 88px;
	margin: 0 auto 15px;
}

#pc-cp-mainbox .borderbox02 .singlebox .txtbox01{
	width: auto;
	float: none;
	font-size: 116.66666% !important;
}


}