@charset "UTF-8";

/*======*/
h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:15px;}
h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 40px 4px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#95816f;color:#ffffff;font-size:13px;}

/*======*/
.hotel_box{width:100%;height:auto;background:rgb(62,62,62,0.1);padding:15px 0px;margin-bottom:15px;}
.hotel_box_contents{width:calc(100% - 30px);background:#000000;}
.tab_content{padding-top:30px;}
	@media all and (max-width: 1024px) {
		.hotel_box{padding:8px 0px;}
		.hotel_box_contents{width:calc(100% - 16px);}
	}

/*======*/
ul.tabs{max-width:1200px;width:100%;height:auto;
	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:#95816f;}
	@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) {
		.tab_content{width:95%;}
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}
	@media all and (max-width: 320px) {
	}

/*======*/
.tab_content dl{width:calc(100% - 50px);height:auto;padding:20px 0px;}
.tab_content dl div{width:100%;height:auto;padding:10px 0px;line-height:175%;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom:1px solid #222222;
	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:18%;margin:0px 0.5%;}
.tab_content dl div dd p{color:#ffffff;}
.tab_content dl div dd.name , 
.tab_content dl div dd.tel , 
.tab_content dl div dd.ad
	{width:26%;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;}
.tab_content dl div dt h4 .love{background:#a6004e;}
.tab_content dl div dt h4 .business{background:#00c0ef;}
.tab_content dl div dt h4 .rental{background:#00a65a;}
/*======*/
.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%;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%;padding-left:26px;}
.tab_content dl div dd.comment span{display:inline-block;font-size:11px;padding-right:5px;}
/*======*/
.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%;}
	}