/* ----------------------------------------

コスプレ

---------------------------------------- */

.coslist li {
	width: 13.6%;
	position: relative;
	box-sizing: border-box;
	margin: 0 0.3% 10px;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	
}


.coslist .name {
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	font-weight: bold;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
	color:#f6618f;
	text-align: center;
}




@media screen and (max-width: 834px) {
	
.coslist li {
	width: 32%;
	position: relative;
	box-sizing: border-box;
	margin: 0 0.3% 5px;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 6px;
	
}


.coslist .name {
	font-size: clamp(1.2rem, 1.6vw, 1.8rem);
	font-weight: bold;
	line-height: 1.5;
	font-family: "Zen Maru Gothic", sans-serif;
	color:#f6618f;
	text-align: center;
}

}







.hotel-content table a {
	background: #56cdc0;
	width: 100%;
	padding: 5px 15px;
	font-size: clamp(1.3rem, 1.4vw, 1.6rem);
	color:#fff;
}

@media screen and (max-width: 834px) {
	


.hotel-content table a {
	width: 100%;
	padding: 5px 15px;
	font-size: 1.2rem;
	color:#fff;
}
	
}



#gotanda,
#shinagawa,
#oota,
#katsusika,
#koutou,
#edogawa,
#sumida,
#taitou,
#adachi,
#arakawa,
#chiyoda,
#cyuou,
#minato,
#bunkyo,
#shinjyuku,
#shibuya,
#toyoshima,
#kita,
#meguro,
#setagaya,
#nakano,
#itabashi,
#suginami,
#nerima {
	 display: block;
   margin-top:-180px;
   padding-top:180px;
}
@media screen and (max-width: 834px) {
#gotanda,
#shinagawa,
#oota,
#katsusika,
#koutou,
#edogawa,
#sumida,
#taitou,
#adachi,
#arakawa,
#chiyoda,
#cyuou,
#minato,
#bunkyo,
#shinjyuku,
#shibuya,
#toyoshima,
#kita,
#meguro,
#setagaya,
#nakano,
#itabashi,
#suginami,
#nerima {
	 display: block;
   margin-top:-100px;
   padding-top:100px;
}	
}