@charset "utf-8";

/* -----------------------------
fk-td.com ikeda
2015-11-10
----------------------------- */

/* -----------------------------
pc
----------------------------- */
@media screen and (min-width:769px) {
	#wrap article h2 {
		padding-left: 10px;
		margin-bottom: 20px;
		background-image: url(../../images/common/title_bg.png);
		font-size: 180%;
		line-height: 50px;
	}

	#wrap article h2 div {
		padding-left: 35px;
		background-image: url(../../images/common/icon_home.png);
		background-position: 0px;
		background-repeat: no-repeat;
	}

	#wrap article h3 {
		padding-left: 10px;
		margin-bottom: 20px;
		background-image: url(../../images/common/title_bg.png);
		font-size: 180%;
		line-height: 50px;
	}

	#wrap article h3 div {
		padding-left: 35px;
		background-image: url(../../images/common/icon_circle.png);
		background-position: 0px;
		background-repeat: no-repeat;
	}

	#wrap article .tool {
		width: 250px;
		margin: auto;
		margin-bottom: 20px;
		overflow: hidden;
	}

	#wrap article .tool .fav {
		float: left;
		width: 114px;
		background-image: url(../../images/common/icon_favorite.png);
		background-position: 10px;
		background-repeat: no-repeat;
	}

	#wrap article .tool .print {
		float: right;
		width: 114px;
		background-image: url(../../images/common/icon_print.png);
		background-position: 30px;
		background-repeat: no-repeat;
	}

	#wrap article .tool a {
		display: block;
		padding-left: 20px;
		border: 1px solid #46B036;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
	}

	#wrap article table.data {
		width: 100%;
		margin-bottom: 20px;
		border-collapse: collapse;
		border: 1px solid #999999;
	}

	#wrap article table.data th {
		width: 120px;
		padding: 5px;
		border: 1px solid #999999;
		background-color: #EEEEEE;
		vertical-align: middle;
	}

	#wrap article table.data th.col {
		width: auto;
		text-align: center;
	}

	#wrap article table.data td {
		padding: 5px;
		border: 1px solid #999999;
		vertical-align: middle;
	}

	#wrap article table.data td ul {
	}

	#wrap article table.data td ul > li {
		margin-bottom: 5px;
	}

	#wrap article table.data td ul > li:last-child {
		margin: 0px;
	}

	#wrap article table.data td ul > li span {
		font-weight: bold;
	}

	#wrap article table.data td ul > li ul {
		margin-top: 5px;
		margin-left: 20px;
	}

	#wrap article table.data td ul > li ul li {
		display: inline-block;
	}

	#wrap article table.data td ul > li ul li:after {
		content: " /"
	}

	#wrap article table.data td ul > li ul li:last-child:after {
		content: "";
	}

	#wrap article .img {
		margin-bottom: 20px;
		overflow: hidden;
	}

	#wrap article .img div {
		width: 360px;
		margin: 0px;
		padding: 10px;
		background-color: #CCCCCC;
		text-align: center;
	}

	#wrap article .img div:last-child {
		float: right;
	}

	#wrap article .img div:first-child {
		float: left;
	}

	#wrap article .img img {
		max-width: 360px;
		height: 100%;
	}

	#wrap article .pics table {
		margin-bottom: 10px;
		border-collapse: collapse;
		border: none;
	}

	#wrap article .pics td {
		width: 69px;
		border-bottom: 10px solid #FFFFFF;
		border-left: solid 10px #FFFFFF;
		border-right: solid 10px #FFFFFF;
		text-align: center;
		vertical-align: middle;
	}

	#wrap article .pics td:last-child {
		border-left: solid 10px #FFFFFF;
		border-right: 0px;
	}

	#wrap article .pics td:first-child {
		border-left: 0px;
		border-right: solid 10px #FFFFFF;
	}

	#wrap article .pics td img {
		max-width: 69px;
		height: auto;
		vertical-align: bottom;
	}

	#wrap article table.detail {
		width: 100%;
		margin-bottom: 20px;
		border-collapse: collapse;
		border: 1px solid #999999;
	}

	#wrap article table.detail th {
		width: 120px;
		padding: 5px;
		border: 1px solid #999999;
		background-color: #EEEEEE;
		vertical-align: middle;
	}


	#wrap article table.detail th.col {
		width: auto;
		text-align: center;
	}

	#wrap article table.detail td {
		padding: 5px;
		border: 1px solid #999999;
		vertical-align: middle;
	}

	#wrap article table.detail td ul {
	}

	#wrap article table.detail td ul > li {
		margin-bottom: 5px;
	}

	#wrap article table.detail td ul > li:last-child {
		margin: 0px;
	}

	#wrap article table.detail td ul > li span {
		font-weight: bold;
	}

	#wrap article table.detail td ul > li ul {
		margin-top: 5px;
		margin-left: 20px;
	}

	#wrap article table.detail td ul > li ul li {
		display: inline-block;
	}

	#wrap article table.detail td ul > li ul li:after {
		content: " /"
	}

	#wrap article table.detail td ul > li ul li:last-child:after {
		content: "";
	}

	#wrap article .contact {
		clear: both;
		padding: 20px;
	}

	#wrap article .contact a {
		display: block;
		border: 1px solid #46B036;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		text-align: center;
		line-height: 200%;
		font-size: large;
		color: #006600;
		text-decoration: none;
	}

	#wrap article .maps {
		overflow: hidden;
		margin-bottom: 30px;
	}

	#wrap article .maps #gMap {
		float: left;
		width: 360px;
		height: 280px;
		border: 10px solid #CCCCCC;
	}

	#wrap article .maps #gSV {
		float: right;
		width: 360px;
		height: 280px;
		border: 10px solid #CCCCCC;
	}

	#wrap article table.room {
		clear: both;
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #999999;
	}

	#wrap article table.room th {
		width: 120px;
		padding: 5px;
		border: 1px solid #999999;
		background-color: #EEEEEE;
		vertical-align: middle;
		text-align: center;
	}

	#wrap article table.room td {
		padding: 5px;
		border: 1px solid #999999;
		vertical-align: middle;
		text-align: center;
	}
}

/* -----------------------------
sp / tablet
----------------------------- */
@media screen and (max-width:769px) {
	#wrap article h2 {
		padding-left: 10px;
		margin-bottom: 20px;
		background-image: url(../../images/common/title_bg.png);
		font-size: 120%;
		line-height: 50px;
	}

	#wrap article h2 div {
		padding-left: 35px;
		background-image: url(../../images/common/icon_home.png);
		background-position: 0px;
		background-repeat: no-repeat;
	}

	#wrap article h3 {
		padding-left: 10px;
		margin-bottom: 20px;
		background-image: url(../../images/common/title_bg.png);
		font-size: 180%;
		line-height: 50px;
	}

	#wrap article h3 div {
		padding-left: 35px;
		background-image: url(../../images/common/icon_circle.png);
		background-position: 0px;
		background-repeat: no-repeat;
	}

	#wrap article .tool {
		width: 250px;
		margin: auto;
		margin-bottom: 20px;
		overflow: hidden;
	}

	#wrap article .tool .fav {
		float: left;
		width: 115px;
		background-image: url(../../images/common/icon_favorite.png);
		background-position: 10px;
		background-repeat: no-repeat;
	}

	#wrap article .tool .print {
		float: right;
		width: 115px;
		background-image: url(../../images/common/icon_print.png);
		background-position: 30px;
		background-repeat: no-repeat;
	}

	#wrap article .tool a {
		display: block;
		padding-left: 20px;
		border: 1px solid #46B036;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
	}

	#wrap article .data {
		display: none;
	}

	#wrap article .img {
		margin-bottom: 20px;
	}

	#wrap article .img div {
		display: none;
		padding: 10px;
		background-color: #CCCCCC;
		text-align: center;
	}

	#wrap article .img div:first-of-type {
		display: block;
	}

	#wrap article .img img {
		max-width: 100%;
	}

	#wrap article .pics {
		display: none;
	}

	#wrap article .detail {
		width: 100%;
		margin-bottom: 20px;
		border-collapse: collapse;
		border: 1px solid #999999;
	}

	#wrap article .detail th {
		padding: 3px;
		border: 1px solid #999999;
		background-color: #EEEEEE;
	}

	#wrap article .detail td {
		padding: 3px;
		border: 1px solid #999999;
	}

	#wrap article .detail ul li {
		padding: 3px 0px;
	}

	#wrap article .detail ul li span {
		font-weight: bold;
	}

	#wrap article .detail ul ul {
		margin-left: 15px;
	}

	#wrap article .contact {
		clear: both;
		margin-bottom: 20px;
		padding: 0px 20px;
	}

	#wrap article .contact a {
		display: block;
		border: 1px solid #46B036;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		text-align: center;
		line-height: 200%;
		font-size: large;
		color: #006600;
		text-decoration: none;
	}

	#wrap article .maps {
		overflow: hidden;
		margin-bottom: 30px;
	}

	#wrap article .maps #gMap {
		height: 280px;
		border: 10px solid #CCCCCC;
	}

	#wrap article .maps #gSV {
		display: none;
	}

	#wrap article .room {
		width: 98%;
		margin: 0px auto 20px;
		border-collapse: collapse;
		border: 1px solid #999999;
	}

	#wrap article .room th {
		padding: 3px;
		border: 1px solid #999999;
		background-color: #EEEEEE;
	}

	#wrap article .room th.sp {
		display: none;
	}

	#wrap article .room td {
		padding: 3px;
		border: 1px solid #999999;
	}

	#wrap article .room td.sp {
		display: none;
	}
}