@charset "UTF-8";

/*======*/
.tab_content h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:15px;}
.tab_content h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:5px 40px 6px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#ff518f;color:#ffffff;font-size:12px;line-height:1;}

/*======*/
.hotel_box{width:100%;height:auto;padding:5px 0px;margin-bottom:15px;border:1px solid #c8c8c8;}
.hotel_box_contents{width:calc(100% - 10px);background:#f3f3f3;}
.tab_content{padding-top:10px;}

/*======*/
ul.tabs{max-width:1200px;width:100%;height:auto;padding-top:15px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
ul.tabs li{width:auto;height:auto;margin:0px 6px;display:inline-block;cursor:pointer;background:rgb(62,62,62,0.4);}
ul.tabs li a{display:inline-block;margin:0px;padding:0px 10px;line-height:200%;color:#ffffff;}
ul.tabs li.active a{background:#ff84b0;}
ul.tabs li:hover a{background:#ff84b0;}
	@media all and (max-width: 1024px) {
		ul.tabs{width:95%;}
	}

/*======*/
.tab_content{max-width:1200px;width:100%;height:auto;}
	@media all and (min-width: 1025px) {
	}
	@media all and (max-width: 1024px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}

/*======*/
.tab_content dl{width:calc(100% - 20px);height:auto;padding:10px 0px;}
.tab_content dl div{width:100%;height:auto;padding:10px 0px;line-height:1;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom:1px solid #c8c8c8;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.tab_content dl div:first-child{padding:0px 0px 8px 0px;}
.tab_content dl div dt , 
.tab_content dl div dd
	{text-align:left;margin:0px;}
.tab_content dl div dt{width:15%;margin:0px 0.5%;}
.tab_content dl div dd.name{width:26%;margin:0px 0.5%;}
.tab_content dl div dd.ad{width:36%;margin:0px 0.5%;}
.tab_content dl div dd.tel{width:18%;margin:0px 0.5%;}
.tab_content dl div dd.comment
	{width:99%;text-align:left;padding-top:6px;}
.tab_content dl div dt h4 span{display:block;margin:0px;padding:0px;color:#ffffff;text-align:center;line-height: 170%;}
.tab_content dl div dt h4 .love{background:#f49d9e;}
.tab_content dl div dt h4 .business{background:#00c0ef;}
.tab_content dl div dt h4 .rental{background:#00a65a;}
	@media all and (min-width: 1025px) {
		.tab_content dl div dt h4 span{padding-top:1px;}
	}

/*======*/
.tab_content dl div dd.name p{line-height: 170%;}
.tab_content dl div dd.tel p{width:auto;height:auto;background:url(../img/common/tel.png) no-repeat;background-size:21px 16px;background-position:0% 50%;line-height: 170%;padding-left:26px;}
.tab_content dl div dd.ad p{width:auto;height:auto;background:url(../img/common/map.png) no-repeat;background-size:21px 16px;background-position:0% 50%;line-height: 170%;padding-left:26px;}
.tab_content dl div dd.comment span{display:inline-block;font-size:11px;padding-right:5px;}
	@media all and (min-width: 1025px) {
		.tab_content dl div dd.name p , 
		.tab_content dl div dd.tel p , 
		.tab_content dl div dd.ad p
			{padding-top:1px;}
	}

/*======*/
.tab_content dl a:link{color:#29b7d3;text-decoration:underline;}
.tab_content dl a:visited{color:#29b7d3;text-decoration:none;}
.tab_content dl a:hover{color:#29b7d3;text-decoration:none;}
.tab_content dl a:active{color:#29b7d3;text-decoration:none;}
	@media all and (max-width: 1024px) {
		.tab_content dl{width:calc(100% - 30px);padding:15px 0px;}
		.tab_content dl div dt{width:38%;margin:0px 1%;padding-bottom:8px;}
		.tab_content dl div dd.name{width:58%;margin:0px 1%;}
		.tab_content dl div dd.tel , 
		.tab_content dl div dd.ad
			{width:98%;margin:0px 1%;}
	}