@charset "utf-8";
  /* CSS Document */

  .madori {
  	text-align: center;
  }
  .p_title {
  	font-size: 120%;
  	font-weight: 900;
  	width: 6em;
  	padding-left: 10px;
  	border-bottom-width: 1px;
  	border-left-width: 3px;
  	border-bottom-style: solid;
  	border-left-style: solid;
  	border-bottom-color: #000;
  	border-left-color: #000;
  	margin-bottom: 15px;
  }
  .price_content dt {
  	text-align: center;
  	width: 7em;
  	float: left;
  	color: #FFF;
  	background-color: #000;
  	padding-top: 8px;
  	padding-bottom: 8px;
  }
  .price_content dd {
  	padding-left: 9em;
  	padding-top: 8px;
  	padding-bottom: 8px;
  	margin-bottom: 10px;
  }
  
 .detail_ttl{
	background-color: #F2F2F2;
	font-size: 130%;
	font-weight: bold;
	color: #ff9a2b;
	padding: 10px;
	margin-bottom:15px;
}
  @media screen and (min-width: 980px) {
  	.price_content {
  		width: 30%;
  		float: left
  	}
  	.madori_content {
  		width: 65%;
  		float: right
  	}
  	.caution {
  		font-size: 10px;
  	}
  	.comment {
  		font-size: 80%;
  		padding: 30px;
  		height: 100px;
  		border: 1px solid #000;
  		margin-bottom: 20px;
  	}
  	.btn_img img {
  		width: 20px;
  		vertical-align: middle;
  		margin-right: 5px;
  	}
  	.under_line {
  		background-image: url(../img/detail/line.png);
  		background-repeat: repeat-x;
  		background-position: bottom;
  		padding-bottom: 70px;
  		margin-bottom: 70px;
  	}
  	.tel_link, .mail_link {
  		text-align: center;
  		width: 225px;
  		float: right;
  		font-weight: normal;
  		margin-top: 20px;
  	}
  	.tel_link {
  		margin-left: 10px;
  	}
  	.mail_link a {
  		display: block;
  		color: #FFF;
  		background-color: #ff9c00;
  		padding-top: 45px;
  		padding-bottom: 46px;
		font-size:140%;
		font-weight:bold;
		
  	}
  	.tel_link a {
  		display: block;
  		color: #FFF;
  		background-color: #ff6600;
  		padding-top: 30px;
  		padding-bottom: 30px;
		font-size:140%;
		
  	}

	.tel_link span{ display:block; font-weight:bold; margin-bottom:10px;}
  	.tel_link a:hover, .mail_link a:hover {
  		filter: alpha(opacity=70);
  		-moz-opacity: 0.7;
  		opacity: 0.7;
  	}
  	.futura_title {
  		font-family: Futura, Trebuchet MS, Arial, sans-serif;
  		font-size: 24px;
  		font-style: normal;
  		font-variant: normal;
  		font-weight: bold;
  		line-height: 26.4px;
  		letter-spacing: 0.001em;
  		padding-left: 15px;
  		border-bottom-width: 1px;
  		border-left-width: 3px;
  		border-bottom-style: solid;
  		border-left-style: solid;
  		border-bottom-color: #000;
  		border-left-color: #000;
  	}
  	.futura_title span {
  		font-size: 65%;
  	}
  	.Content01 {
  		width: 500px;
  		float: left;
  	}
  	.Content02 {
  		width: 460px;
  		float: right;
  	}
  	.amenity {
  		margin-bottom: 50px;
  	}
  	.amenity li {
  		padding: 10px;
  		font-size: 10px;
  		text-align: center;
  		vertical-align: middle;
  		width: 20%;
  		display: inline-block;
  		margin-bottom: 10px;
  		height: 96px;
  		letter-spacing: 0.08em;
  		line-height: 1.5em;
  	}
  
  	.amenity img, .option img {
  		width: 50%;
  		margin-top: 10px;
  	}
  	.option li {
  		text-align: center;
  		vertical-align: middle;
  		margin-right: 1px;
  		display: inline-block;
  		margin-bottom: 10px;
  		letter-spacing: 0.08em;
  		width: 23%;
  		border: 2px solid #a8a8a8;
  		line-height: 1.2em;
  		font-weight: normal;
		

  		padding-bottom: 10px;
  	}
  	.option li p {
  		font-size: 260%
  	}
  	.amenity li.on {
  		background-color: #000;
  		color: #fff;
  	}
  	.amenity li.off {
  		background-color: #f0efea;
  		color: #F7F7F7;
  	}
  	.Infomation dt {
  		display: block;
  		float: left;
  		width: 68px;
  		font-size: 12px;
  		vertical-align: middle;
  	}
  	.Infomation {
  		margin-top: 20px;
  		border-bottom-width: 2px;
  		border-bottom-style: solid;
  		border-bottom-color: #212121;
  		padding-bottom: 8px;
  	}
  	.Infomation dd {
  		padding-left: 70px;
  		font-size: 12px;
  		font-weight: normal;
  	}
  	.Infomation02 dt {
  		display: block;
  		float: left;
  		width: 68px;
  		font-size: 12px;
  		vertical-align: middle;
  	}
  	.Infomation02 {
  		margin-top: 20px;
  		padding-bottom: 8px;
  	}
  	.Infomation02 dd {
  		padding-left: 70px;
  		font-size: 12px;
  		font-weight: normal;
  	}
  	.Info dt {
  		display: block;
  		float: left;
  		width: 68px;
  		font-size: 12px;
  		vertical-align: middle;
  	}
  	.ta_style {
  		border: 1px solid #000;
  		margin-bottom: 5px;
  	}
  	.ta_style th {
  		font-size: 12px;
  		font-weight: bold;
  		color: #FFF;
  		background-color: #000;
  		vertical-align: middle;
  		padding: 10px;
  		width: 25%;
  		border-top-style: none;
  		border-left-style: none;
  	}
  	.ta_style td {
  		border-top-style: none;
  		border-right-style: none;
  		border-bottom-style: none;
  		border-left-style: none;
  		font-size: 12px;
  		font-weight: normal;
  	}
  	.col3 p {
  		width: 30%;
  		display: inline-table;
  		text-align: center;
  	}
  	.line {
  		border-bottom-width: 1px;
  		border-bottom-style: solid;
  		border-bottom-color: #CCC;
  		padding-bottom: 5px;
  	}
  	.Info {
  		padding-bottom: 8px;
  	}
  	.Info dd {
  		padding-left: 70px;
  		font-size: 12px;
  		font-weight: normal;
  	}

  }
  @media print, screen and (max-width: 979px) {
  	.slider-pro {
  		margin-bottom: 50px;
  	}
  	.wrapper {
  		margin-top: 130px;
  	}
  	.Info_Content {
  		margin: 10px;
  	}
  	.comment {
  		font-size: 80%;
  		padding: 10px;
  		border: 1px solid #000;
  		margin-bottom: 20px;
  	}
  	.cost {
  		margin-top: 22.5px;
  		margin-left: 5px;
  		margin-bottom: 22.5px;
  	}
  	.cost dd {
  		padding-left: 5.5em;
  		margin-top: 8px;
  		margin-bottom: 8px;
  	}
  	.cost dt {
  		float: left;
  		width: 5em;
  	}
  	.caption {
  		font-size: 70%;
  		line-height: 1.4em;
  		font-weight: normal;
  	}
  	.btn_img img {
  		width: 18px;
  		vertical-align: middle;
  		margin-right: 5px;
  	}
  	.tel_link, .mail_link {
  		text-align: center;
  		font-weight: normal;
  		margin: 10px;
  	}
  	.mail_link a {
  		display: block;
  		color: #FFF;
  		background-color: #ff9c00;
  		padding-top: 30px;
  		padding-bottom: 30px;
  	}
  	.tel_link a {

  		display: block;
  		color: #FFF;
  		background-color: #ff6600;
  		padding-top: 30px;
  		padding-bottom: 30px;
  	}
  	.tel_link a:hover, .mail_link a:hover {
  		filter: alpha(opacity=70);
  		-moz-opacity: 0.7;
  		opacity: 0.7;
  	}
  	.futura_title {
  		font-family: Futura, Trebuchet MS, Arial, sans-serif;
  		font-size: 120%;
  		font-style: normal;
  		font-variant: normal;
  		font-weight: bold;
  		line-height: 1.5em;
  		letter-spacing: 0.001em;
  		padding-left: 15px;
  		border-bottom-width: 1px;
  		border-left-width: 3px;
  		border-bottom-style: solid;
  		border-left-style: solid;
  		border-bottom-color: #000;
  		border-left-color: #000;
  	}
  	.futura_title span {
  		font-size: 65%;
  	}
  	.content_wrapper {
  		margin: 10px;
  	}
  	.amenity li {
  		padding: 5px;
  		font-size: 70%;
  		text-align: center;
  		vertical-align: middle;
  		width: 29%;
  		display: inline-block;
  		margin-bottom: 10px;
  		letter-spacing: 0.08em;
  	}
  	.amenity img, .option img {
  		width: 50%;
  		margin-top: 10px;
  	}
  	.sp_small {
  		font-size: 60%;
  	}
  	.amenity li p {
  		font-size: 200%
  	}
  	.option li {
  		font-size: 70%;
  		text-align: center;
  		vertical-align: middle;
  		margin-right: 1px;
  		display: inline-block;
  		margin-bottom: 10px;
  		letter-spacing: 0.08em;
  		width: 22.5%;
  		border: 2px solid #CCC;
		box-sizing:border-box;
  	}
  	.option li p {
  		font-size: 260%
  	}
  	.amenity li.on {
  		background-color: #000;
  		color: #fff;
  	}
  	.amenity li.off {
  		background-color: #f0efea;
  		color: #F7F7F7;
  	}
  	.Infomation dt {
  		display: block;
  		float: left;
  		width: 68px;
  		font-size: 12px;
  		vertical-align: middle;
  	}
  	.Infomation {
  		margin-top: 20px;
  		border-bottom-width: 2px;
  		border-bottom-style: solid;
  		border-bottom-color: #212121;
  		padding-bottom: 8px;
  	}
  	.ta_style {
  		border: 1px solid #000;
  		margin-bottom: 5px;
  		width: 100%;
  	}
  	.ta_style th {
  		font-size: 12px;
  		font-weight: bold;
  		color: #FFF;
  		background-color: #000;
  		vertical-align: middle;
  		border-top-style: none;
  		border-left-style: none;
  		display: block;
  	}
  	.ta_style td {
  		border-top-style: none;
  		border-right-style: none;
  		border-bottom-style: none;
  		border-left-style: none;
  		font-size: 12px;
  		font-weight: normal;
  		display: block;
  	}
  	.Infomation dd {
  		padding-left: 70px;
  		font-size: 12px;
  		font-weight: normal;
  	}
  	.Infomation02 dt {
  		display: block;
  		float: left;
  		width: 68px;
  		font-size: 12px;
  		vertical-align: middle;
  	}
  	.Infomation02 {
  		margin-top: 20px;
  		padding-bottom: 8px;
  	}
  	.Infomation02 dd {
  		padding-left: 70px;
  		font-size: 12px;
  		font-weight: normal;
  	}
  	.Info dt {
  		display: block;
  		float: left;
  		width: 68px;
  		font-size: 12px;
  		vertical-align: middle;
  	}
  	.Info {
  		padding-bottom: 8px;
  	}
  	.Info dd {
  		padding-left: 70px;
  		font-size: 12px;
  		font-weight: normal;
  	}
  	.service dt {
  		display: block;
  		float: left;
  		width: 8em;
  		font-size: 90%;
  		vertical-align: middle;
  	}
  	.service dd {
  		padding-left: 8.5em;
  		font-size: 90%;
  		font-weight: normal;
  		margin-bottom: 10px;
  	}
  	.service {
  		margin-top: 20px;
  		border-bottom-width: 2px;
  		border-bottom-style: solid;
  		border-bottom-color: #212121;
  		padding-bottom: 8px;
  		border-top-width: 1px;
  		border-top-style: solid;
  		border-top-color: #212121;
  		padding-top: 10px;
  		margin-bottom: 30px;
  	}
  	.other_Info dt {
  		float: left;
  		width: 5em;
  		font-size: 90%;
  	}
  	.other_Info dd {
  		font-size: 90%;
  		font-weight: normal;
  		padding-left: 5.5em;
  		margin-bottom: 10px;
  	}
  	.link {
  		font-weight: bold;
  		text-decoration: underline;
  	}
  	.link_normal {
  		text-decoration: underline;
  	}
  }
  @media screen and (max-width: 350px) {
  	.amenity li {
  		width: 45%;
		  	}
  	.option li {
  		width:46%;
		
  	}