@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.05);padding:15px 0px;margin-bottom:15px;}
.hotel_box_contents{width:calc(100% - 30px);background:rgb(62,62,62,0.05);}
.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.1);}
ul.tabs li a{display:inline-block;margin:0px;padding:0px 10px;line-height:200%;color:#222222;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.tabs li.active a{background:#95816f;color:#ffffff;}
	@media all and (max-width: 1024px) {
		ul.tabs{width:95%;}
		ul.tabs li{margin:3px 6px;}
	}

/*======*/
.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 rgb(62,62,62,0.1);
	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:32.3%;margin:0px 0.5%;}
.tab_content dl div dd.name , 
.tab_content dl div dd.tel , 
.tab_content dl div dd.ad
	{width:32.3%;margin:0px 0.5%;}
.tab_content dl div dd.comment
	{width:99%;text-align:left;padding-top:6px;}
.tab_content dl div dt h4{text-align:left;}
/*======*/
.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:100%;margin:0px 1%;padding-bottom:4px;}
		.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%;}
		.tab_content dl div dd.tel{padding-bottom:4px;}
	}


