@charset "UTF-8";


@media (min-width: 320px) {
/* ページタイトル */
section .titlearea {
	background: url(../pethotel/images/head_img.jpg) no-repeat center top;
	margin-top: 0px;
}

section article.hotel_intro {
	margin-top: 0px;
	background: #f1f1f1 url(../images/back_gray.gif);
	padding: 20px 0px;
}
section article.hotel_intro > div {
	background: #fff;
	padding: 10px;
}
section article.hotel_intro > div .hotel_img {
	line-height: 2;
	text-align: center;
	margin-bottom: 1em;
}
section article.hotel_intro > div .hotel_img img {
	 vertical-align: text-bottom;
	margin-right: 10px;
}
section article.hotel_intro > div div {
}
section article.hotel_intro > div div dt {
	color: #FFF;
	background: #f2a0a9;
	text-align: center;
	padding: 0.5em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	border-radius: 3em;
}
section article.hotel_intro > div div dd,
section article.hotel_intro > div div dd a {
	text-align: center;
	vertical-align: middle;
	font: 700 30px 'Lato', sans-serif;
	text-decoration: none;
}
section article.hotel_intro > div div dd img {
	vertical-align: middle;
	margin-right: 5px;
	width: 20px;
}

section article.hotel_note ul li {
	list-style: none;
	padding: 0.2em 2em 0.2em 1em;
	position: relative;
}
section article.hotel_note ul li::before {
    content: "\2022";
    color: #3d828e;
    position: absolute;
    left: 0px;
}

section article.hotel_regist h3 {
	padding: 0em;
	margin: auto auto 1.5em;
	color: #3d638e;
}
section article.hotel_regist h3:after {
	display: none;
}
section article.hotel_regist table {
	border: 1px solid #8a8a8a;
	margin: auto;
}
section article.hotel_regist table th {
	font-size: 90%;
	color: #3d638e;
	text-align: left;
	display: block;
	padding: 0.5em;
}
section article.hotel_regist table td {
	font-size: 90%;
	text-align: left;
	display: block;
	border-bottom: 1px dotted #8a8a8a;
	padding: 0em 0.5em 0.5em 1.5em;
}
section article.hotel_regist table tr:last-child td {
	border-bottom: none;
}




}

@media (min-width: 360px) {
}

@media (min-width: 400px) {
}

@media (min-width: 520px) {
}

@media (min-width: 768px) {
/* ページタイトル */
section .titlearea {
	background-position: center center;
}


section article.hotel_intro > div {
	padding: 20px;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	display: flex;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
	justify-content: space-between;
	-ms-flex-align: center; /*IE10*/
	-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-align-items: center; /* Safari6.1以降 */
	align-items: center;
}
section article.hotel_intro > div .hotel_img {
	max-width:40%;
	margin-bottom: auto;
}
section article.hotel_intro > div div {
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(100% - 400px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 400px);/*Firefox4~15対応*/
	width: calc(100% - 400px);
	min-width: 45%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	min-width: -webkit-calc(60% - 20px);/*Chrome19~25対応*/
	min-width: -moz-calc(60% - 20px);/*Firefox4~15対応*/
	min-width: calc(60% - 20px);
}
section article.hotel_intro > div div dd,
section article.hotel_intro > div div dd a {
	font-size: 40px;
}
section article.hotel_intro > div div dd img {
	width: auto;
}

section article.hotel_regist table th {
	display: table-cell;
	padding: 0.8em 1em;
	border-bottom: 1px dotted #8a8a8a;
	border-right: 1px dotted #8a8a8a;
}
section article.hotel_regist table td {
	display: table-cell;
	padding: 0.8em 1em;
}
section article.hotel_regist table tr:last-child th,
section article.hotel_regist table tr:last-child td {
	border-bottom: none;
}

}


@media (min-width: 1160px) {
section article.hotel_intro {
	padding: 50px 0px;
}
section article.hotel_intro > div {
	padding: 30px;
}
section article.hotel_intro > div .hotel_img {
	line-height: 2;
	text-align: center;
}
section article.hotel_intro > div .hotel_img img {
	 vertical-align: text-bottom;
	margin-right: 10px;
}
section article.hotel_intro > div div {
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(100% - 400px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 400px);/*Firefox4~15対応*/
	width: calc(100% - 400px);
}
section article.hotel_intro > div div dt {
}

}


@media (min-width: 1200px) {
}