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

/*--------------------------------*/
/* manga mankei*/
/*--------------------------------*/
#maincontents {
	width: 100%;
}

#mankei {
	width: 100%;
	height: 600px;
	border: 1px solid #ccc;
	box-sizing:border-box;
	margin:auto;
	position:relative;
}

#wrapper .fb_iframe_widget_fluid {
	display:inline-block;
}

@media (max-width: 767px) {
	#mankei {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: none;
		border-right: none;
		height: 80vh;
		width: 100vw;
	}
	.leaflet-container .leaflet-control-zoom {
		border:none;
		margin-left: 4px;
		margin-top: 4px;
		padding: 2px;
	}
	.leaflet-bar-part {
		border-bottom:none;
	}

}
/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
	#mankei {
		width:100%;
		height: 820px; /*1024x80%*/
	}
}

/** 
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
	#mankei {
		width:100%;
		height: 614px; /*768x80%*/
	}
}

/**
 * iPhone 5
 * You can also target devices with aspect ratio.
 */
@media screen and (device-aspect-ratio: 40/71) {
	#mankei {
		width:100%;
		height: 400px; /*500x80%*/
	}
}

/*for link of character kensaku*/
.mypopup .leaflet-popup-content-wrapper {
	width:32px;
	height:22px;
	background:url(images/chara/mypopup.png) 0 0 no-repeat;
	box-shadow: none;
	padding: 0;
	-webkit-border-radius:0;
	border-radius:0;
	text-indent:-9999px;
}
.mypopup-r .leaflet-popup-content-wrapper {
	width:32px;
	height:22px;
	background:url(images/chara/mypopup-r.png) 0 0 no-repeat;
	box-shadow: none;
	padding: 0;
	-webkit-border-radius:0;
	border-radius:0;
	text-indent:-9999px;
}
.mypopup-t .leaflet-popup-content-wrapper {
	width:22px;
	height:32px;
	background:url(images/chara/mypopup-t.png) 0 0 no-repeat;
	box-shadow: none;
	padding: 0;
	-webkit-border-radius:0;
	border-radius:0;
	text-indent:-9999px;
}
.mypopup .leaflet-popup-tip-container,
.mypopup-r .leaflet-popup-tip-container,
.mypopup-t .leaflet-popup-tip-container {
	display:none;
}

/*for sheee contest winner*/
.sheee .leaflet-popup-content-wrapper {
	width:160px;
	height:45px;
}
.sh1 .leaflet-popup-content-wrapper { background-image: url(images/sheeepopup_yurip.png); }
.sh2 .leaflet-popup-content-wrapper { background-image: url(images/sheeepopup_mgmg.png); }
.sh3 .leaflet-popup-content-wrapper { background-image: url(images/sheeepopup_dora.png); }