/* スマホ用のCSSはメディアクエリの外に記述する */

body {
  font-size: 14px;
}
.container {
  width: 100%;
}
h1.index_logo{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	color:#333;
	line-height:2em;
}
h1.index_logo img{
	width:98%;
	vertical-align: bottom;
	margin:1% auto;
}
h2{
	background-color:#fc327e;
	width:90%;
	font-size:3.5vw;
	color:#FFF;
	text-align:center;
	padding:1% 0;
	margin:0 auto;
}
.index_text{
	width:98%;
	height:auto;
	overflow:hidden;
	font-size:3vw;
	color:#333;
	line-height:1.8em;
	text-align:center;
	margin:1% auto;
}
.index_text span{
	font-size:3.2vw;
	font-weight: bold;
	color:#fc327e;
}
.index_text span a{
	display:inherit;
	color:#fc327e;
}
.index_text .pinkback{
	background-color:#fc84f2;
	width:90%;
	font-size:3vw;
	color:#FFF;
	font-weight: bold;
	padding:1%;
	margin:5% auto;
}
.index_text .redback{
	background-color:#fe7faa;
	width:90%;
	font-size:3vw;
	color:#FFF;
	font-weight: bold;
	padding:1%;
	margin:5% auto;
}
.rabit_img{
	background-position: center center !important;
	background-size:80% auto !important;
	background-repeat: no-repeat !important;
	margin:1% auto;
	width:180px;
	height:180px;

}
.area_title{
	background-position:left center !important;
	background-size:7% auto !important;
	background-repeat:no-repeat !important;
	background-color:#FFF;
	width:100%;
	font-size:18px;
	color:#555;
	text-align:left;
	padding:1% 0 1% 8%;
	margin:1% auto;
	box-sizing: border-box;
}
.area_title span{
	color:#ff3e7a;
}
.area_box{
	background-color:#ffddf8;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
@media screen and (max-width: 959px) {
	.tokyo_item{
		display: none;
	}
	.tokyo_s_item{
		background-color:#ff427c;
		width:100%;
		font-size:18px;
		color:#FFF;
		text-align:center;
		padding:1% 0;
		margin:0 auto;
		box-sizing: border-box;
	}
	.tokyo_s_item a{
		display: block;
		color:#FFF;
		text-decoration: none;
	}
	.area_item{
		display: none;
	}
	.area_s_item{
		background-color:#FFF;
		width:20%;
		font-size:3vw;
		color:#fc437c;
		text-align:center;
		border-radius: 15px;
		padding:1% 0;
	}
	.area_s_item a{
		display: block;
		color:#fc437c;
		text-decoration: none;
	}
	.prefectural_item{
		display:none;
	}
	.prefectural_s_item{
		background-color:#ff427c;
		width:33%;
		font-size:16px;
		color:#FFF;
		text-align:center;
		padding:1% 0;
		margin:0 1px;
		box-sizing: border-box;
	}
	.prefectural_s_item a{
		display: block;
		color:#FFF;
		text-decoration: none;
	}
}
@media screen and (min-width: 960px) {
	.tokyo_s_item{
		display: none;
	}
	.tokyo_item{
		background-color:#ff427c;
		width:950px;
		font-size:20px;
		color:#FFF;
		text-align:center;
		padding:5px 0 5px 5px;
		margin:0 auto;
	}
	.tokyo_item a{
		display: block;
		color:#FFF;
		text-decoration: underline;
	}
	.area_s_item{
		display: none;
	}
	.area_item{
		background-color:#FFF;
		width:200px;
		font-size:16px;
		color:#fc437c;
		text-align:center;
		border-radius: 20px;
		padding:5px 0;
	}
	.area_item a{
		display: block;
		color:#fc437c;
		text-decoration: underline;
	}
	.prefectural_s_item{
		display: none;
	}
	.prefectural_item{
		background-color:#ff427c;
		width:315px;
		font-size:16px;
		color:#FFF;
		text-align:center;
		padding:1% 0;
		margin:0 1px;
		box-sizing: border-box;
	}
	.prefectural_item a{
		display: block;
		color:#FFF;
		text-decoration: underline;
	}
}
.area_item_box{
	width:100%;
	height:auto;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	padding:3% 1%;
	box-sizing: border-box;
}
.prefectural_item_box{
	width:100%;
	height:auto;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	margin:1% 0;
}
.item_img{
	width:100%;
	margin:1% 0;
}
.item_img img{
	width:100%;
	vertical-align:bottom;
}
.footer_linkimg{
	width:100%;
	height:auto;
	overflow:hidden;
}
.footer_linkimg img{
	width:100%;
	vertical-align: bottom;
}

footer{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	color:#555;
	text-align:center;
	line-height:2em;
	margin:0;
}


@media screen and (min-width: 960px) {
	body {
		font-size: 16px;
	}
	.container {
		width: 960px;
		margin: 0 auto;
	}
	h1.index_logo{
		width:960px;
		height:auto;
		overflow:hidden;
		font-size:14px;
		color:#333;
		line-height:2em;
	}
	h1.index_logo img{
		width:950px;
		vertical-align: bottom;
		margin:1% auto;
	}
	h2{
		background-color:#fc327e;
		width:500px;
		font-size:16px;
		color:#FFF;
		text-align:center;
		padding:5px 0;
		margin:0 auto;
	}
	.index_text{
		width:950px;
		height:auto;
		overflow:hidden;
		font-size:16px;
		color:#333;
		line-height:1.8em;
		text-align:center;
	}
	.index_text span{
		font-size:18px;
		font-weight: bold;
		color:#fc327e;
	}
	.index_text span a{
		display: inline;
		color:#fc327e;
	}
	.index_text .pinkback{
		background-color:#fc84f2;
		width:500px;
		font-size:16px;
		color:#FFF;
		font-weight: bold;
		padding:3px;
		margin:10px auto;
	}
	.index_text .redback{
		background-color:#fe7faa;
		width:500px;
		font-size:16px;
		color:#FFF;
		font-weight: bold;
		padding:3px;
		margin:10px auto;
	}
	.rabit_img{
		background-position: top center !important;
		background-size:100% auto !important;
		background-repeat: no-repeat !important;
		margin:0 auto;
		width:200px;
	}
	.area_title{
		background-position:left top !important;
		background-size:30px auto !important;
		background-repeat:no-repeat !important;
		background-color:#FFF;
		width:950px;
		font-size:18px;
		font-weight: bold;
		color:#555;
		text-align:left;
		padding:5px 0 5px 35px;
		margin:5px auto;
		box-sizing: border-box;
	}
	.area_title span{
		color:#ff3e7a;
	}
	.area_box{
		background-color:#ffddf8;
		width:950px;
		height:auto;
		overflow:hidden;
		margin:5px auto;
	}
	.area_item_box{
		width:950px;
		height:auto;
		overflow:hidden;
		display: flex;
		justify-content: space-between;
		padding:10px 5px;
		box-sizing: border-box;
	}
	.prefectural_item_box{
		width:950px;
		height:auto;
		overflow:hidden;
		display: flex;
		justify-content: space-between;
	}
	.item_img{
		width:950px;
		margin:5px auto;
	}
	.item_img img{
		width:100%;
		vertical-align:bottom;
	}
	.footer_linkimg{
		width:950px;
		height:auto;
		overflow:hidden;
		margin:5px auto;
	}
	.footer_linkimg img{
		width:100%;
		vertical-align: bottom;
	}

	footer{
		width:960px;
		height:auto;
		overflow:hidden;
		font-size:16px;
		color:#555;
		text-align:center;
		line-height:2em;
		margin:0 auto;
	}
}