/*▼-----whole-----*/
/*.container {
	margin: 0 auto;
	width: 1000px;
	}*/
	body {
		/*	width: 1000px;*/
		margin: 0 auto;
	}
	ul{
		list-style: none;
	}
	.clear{
		clear: both;
	}
	p{
		/*	font-size: 18px;*/
		margin: 0;
	}
	/*-----whole-----▲*/


	/*▼-----.slide-----*/
	.slide {
		display: flex;
		overflow-x: scroll;
		overflow-style: move;
		width: 100%;
		margin:0 auto;
		/*-webkit-overflow-scrolling: touch;*/
	}
	.slide::-webkit-scrollbar {
		display: none;
	}
	/*-----.slide-----▲*/

	/*ここからキーワード・地域の検索分岐*/
	#location{
		position: relative;
		padding-top: 50px;
		background-image: url(./../img/cloud.jpg);
		background-repeat: repeat;
		background-size: cover;
	}
	#location {
		overflow: hidden;
		*zoom: 1;
		width: 102%;
	}
	#location > h2 {
		text-align: center;
		font-size: 50px;
		color: white;
		margin: 0 auto;
		border-bottom: solid 5px white;
		border-bottom: solid 5px white;
		width: 55%;
		margin-bottom: 50px;
		margin-left: 40px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.wrapper{
		width: 900px;
		margin: 0 auto;
	}
	.search_bunki_title{
		display: flex;
		justify-content: center;
		height: 115px;
	}
	.search_bunki_title li:nth-child(1){
		margin-right: 2%;
	}
	.search_bunki_title li{
		background-image: url(../img/li_tab.png);
		background-size: contain;
		width: 48%;
		background-repeat: no-repeat;
		color: #49bbff;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		padding-top: 38px;
		cursor: pointer;
	}
	.search_bunki_title li.select{
		background-image: url(../img/li_tab_select.png);
		color: #fff;
	}
	.location_common{
		background-color: white;
		padding: 20px;
		padding-bottom: 35px;
		position: relative;
		margin-top: 20px;
		margin-bottom: 30px;
		z-index: 2;
		display: flex;
		height: 280px;
	}
	.glass_image{
		position: absolute;
		top: 62px;
		left: -24px;
		width: 250px;
	}
	#region .glass_image{
		top: 70px;
		left: 30px;
		width: 280px;
	}
	#region li{
		display: flex;
		justify-content: center;
	}
	#region li:nth-child(2){
		margin-top: 2px;
	}
	#region li a{
		width: 120px;
		background-color: #e3f5ff;
		border: solid 3px #57ade1;
		border-radius: 10px;
		margin: 10px 8px;
		color: #40abeb;
		text-decoration:none;
		text-align: center;
		height: 90px;
		padding-top: 30px;
		font-weight: bold;
	}
	#region li a:hover{
		color: white;
		background-color: #49bbff;
	}
	.location_cnt_title h3{
		color: #49bbff;
		font-size: 30px;
		font-weight: bold;
		margin-left: 30px;
	}
	#keyword.location_cnt_title{
		width: 40%;
		margin-right: 5%;
	}
	#keyword .location_cnt{
		width: 55%;
		padding-left: 35px;
		padding-top: 53px;
	}
	#keyword .location_cnt input{
		height: 48px;
		font-size: 24px;
	}
	#region .location_cnt_title{
		width: 30%;
	}
	#region .location_cnt{
		width: 70%;
	}
	#region .location_cnt_title h3{
		margin-left: 50px;
	}
	.location_cnt >form{
		display: flex;
	}
	.location_detail{
		margin-top: 30px;
		font-size: 24px;
	}
	.location_detail span{
		margin-left: 75px;

	}
	.example{
		margin-bottom: 30px;
		margin-top: 12px;
	}

	/*キーワード検索*/
/*	input{
		padding: 13px;
		width: 306px;
	}*/

	/*十字キー*/
	.cross_cursor_content{
		cursor: pointer;
	}
	.expansion{
		display: flex;
	}
	.fixed_crosskley{
		position: absolute;
		display: block;
		z-index: 10000;
		top: 510px;
		left: 10px;
	}
	.fixed_crosskley img{
		display: block;
	}
	.right_left{
		display: flex;
	}
	.up{
		padding-left: 28px;
	}
	.down{
		padding-left: 29px;
		padding-top: -3px;
	}
	.right{
		padding-left: 29px;
	}
	.minus{
		padding-left: 8px;
		padding-right: 29px;
	}
	.expansion{
		padding-bottom: 10px;
	}
		/*ipadの拡大縮小*/
	.range{
		width:150px;
	}
	.expansion_ipad{
		position: absolute;
		display: flex;
	    padding-left: 15px;
	    z-index: 100;
        top: 700px;
        background-color: #E7FAFF;
        padding: 6px;
        padding-right: 16px;
	}
	img.cross_cursor_content{
		width: 35px;
		height: 35px;
	}
	.minus_ipad{
		padding-left: 8px;
	}


	/*ここから十字キー  START*/
	.fixed_crosskley_ipad{
		display: block;
		/*position: absolute;*/
	}
	.cross_cursor_ipad{
	position: absolute;
/*    height: 550px;*/
    width: 100%;
	}
	.cross_cursor_content_ipad{
		position: relative;
/*		height: 550px;*/
        width: 100%;
	}
	.right_left_ipad{
	/*	display: flex;
	    margin-top: 190px;*/
	}
	.right_ipad{
/*    margin-left:878px;*/
	}
	.left_ipad{
	margin-left:15px;
	}
	.up_ipad{
		margin: 0 auto;
		padding-left: 0;
		margin-top: 13px;
	}
	.down_ipad{
		margin: 0 auto;
		padding-left: 0;
	}
	.top{
		position: absolute;
		top: 0;
		left: 485px;
	}
	.bottom{
	/*	padding-top:215px;*/
	position: absolute;
	/*bottom: 0;*/
	    top: 500px;
    left: 485px;
	}
	.left_ipad_cover{
		position: absolute;
		left: 0;
		top: 250px;
	}
	.right_ipad_cover{
		position: absolute;
		right: 0;
		top: 250px;
	}
	span.cross_cursor_content{
	  display: block;
	  width: 35px;
	  height: 35px;
	  background: #fff;
	  border-radius: 5px;
	  border: 2px solid #88888888;
	  position: relative;
	}
	span.cross_cursor_content:before{
	  content: "";
	  display: block;
	  border-right: solid 12px transparent;
	  border-left: solid 12px transparent;
	  border-top: solid 18px #fb492c;
	  z-index: 1;
	  position: absolute;
	  top: 8px;
	  left: 6px;
	}

	.right{
	  margin-left: 43px;
	  padding-left: 0;
	}
	.down{
	  margin-left: 39px;
	  padding-left: 0;
	  margin-top: 4px;
	}
	.up{
	  margin-left: 39px;
	  padding-left: 0;
	  margin-bottom: 4px;
	}
	.up:before{
	  transform: rotate(180deg);
	}
	.up_ipad:before{
	  transform: rotate(180deg);
	}
	.left:before{
	  transform: rotate(90deg);
	}
	.cross_cursor .right:before{
	  transform: rotate(-90deg);
	  left: 7px;
	}
	.cross_cursor .left:before{
	  left: 5px;
	}
	.cross_cursor .top:before{
	  top: 7px;
	}
	.cross_cursor .down:before{
	  top: 9px;
	}
	/*ここから十字キー  END*/
	/*ipad*/
	.up:before{
	  transform: rotate(180deg);
	}
	.left_ipad:before{
	  transform: rotate(90deg);
	}
	.cross_cursor_ipad .right_ipad:before{
	  transform: rotate(-90deg);
	  left: 7px;
	}
	.cross_cursor_ipad .left_ipad:before{
	  left: 5px;
	}
	.cross_cursor_ipad .top:before{
	  top: 7px;
	}
	.cross_cursor_ipad .down:before{
	  top: 9px;
	}


	/*中心都市のcss  START*/
	.backplace{
		background-color:#E7FAFF;
		color: #17a6ff;
		width: 102%;
		padding: 20px 0;
		display: flex;
		justify-content: center;
	}
	/*.backplace h2,.backplace p,.backplace div{
		float: left;
	}*/
	.backplace h2{
		color: #17a6ff;
		font-weight: bold;
		background: #fff;
		border: 2px solid #17a6ff;
		text-align: center;
		padding: 0;
		padding: 10px;
		margin-right: 0px;
	}
	.backplace p{
		margin-right: 10px;
		padding-top: 14px;
		font-weight: bold;
	}
	.backplace_fst{
		padding-right: 20px;
	}
	.backplace #time_center{
		margin-left: 20px;
		display: flex;
	}
	.backplace form{
		display: flex;
		margin-left: 2px;
	}
	#time_center .backplace_time{
		margin-left: 10px;
	}
	#time_center .backplace_time p{
		cursor: pointer;
		position: relative;
	}
	#time_center .backplace_time p:nth-child(1){
		padding-top: 0px;
	}
	#time_center .backplace_time p:nth-child(2){
		margin-top: 5px;
		padding-top: 0;
	}
	#time_center .backplace_time p:before{
	content: "";
    	display: block;
    	border-right: solid 8px transparent;
    	border-left: solid 8px transparent;
    	border-bottom: solid 8px #17a6ff;
    	z-index: 1;
    	position: absolute;
    	transform: rotate(90deg);
    	top: 3px;
    	left: 110%;
	}
	.backplace .cursor{
		cursor: pointer;
	}
	#time_set_side{
		margin-left: 5px;
	}
	#time_center p{
		padding-top: 8px;
	}
	@media screen and (max-width: 1100px) {
	   .backplace p{margin-right: 3px;padding-top: 20px;}
	   .backplace h2{padding: 10px 0;width: 84px;margin-right: 3px;}
	   .backplace #time_center{margin-left: 15px;}
	   #time_center select{
	   	width: 100px;
	   	font-size: 16px;
	   }
	   #time_center .backplace_time p:nth-child(1){
	   	margin-top: 8px;
	   }
	}
	@media screen and (max-width: 800px) {
	   .backplace p{margin-right: 1px;	}
	   .backplace h2{padding: 10px 0;width: 84px;	}
	   .backplace #time_center{margin-left: 2px;}
	   #time_center select{
	   	width: 100px;
	   }
	}
/*中心都市のcss  END*/