@charset "utf-8";
/*-----------------------------
モバイル対応　共通
------------------------------*/

/*ヘッダー*/
#header .inner {
	width:auto;
	height:auto;
	padding:0;
}
#header .inner h1 {
	max-width: 100%;
	height: 80px;
	float:none;
	margin:0 auto;
}
#header .inner h1 a {
	max-width: 100%;
	height: 80px;
	margin: 0 auto;
	background-repeat:no-repeat;
}
#header .inner .yoyaku {
	float:none;
	margin: 15px auto 10px auto;
}
#header .inner .mail {
	clear:both;
	width:auto;
	float:none;
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
}
#header .inner .mail a {
	display:inline;
	width:auto;
	height:auto;
	text-indent: 0;
	background:none;
	color:#609604;
}
#header .inner .mail a:hover {
	background:none;
}

/*グローバルナビゲーション*/
.gnav {
	clear:both;
	background: url("../images/gnav_back.gif") ;
}
.gnav ul {
	width:auto;
	height: 90px;
	margin: 0 auto;
}
.gnav ul li {
	width: 33%;
	height: 45px;
	border-right:#fff 1px solid;
}
.gnav ul li a {
	width:auto;
	background-position:center top;
	background-size:110%;
}
.gnav ul li:nth-child(6) a {
	width:auto;
}
/*フッター*/
#footer {
	margin:-2px 0 0 0;
	padding: 20px 0 0 0;
}
#footer .inner {
	width:auto;
	padding:0 10px;
}
#footer .inner .add {
	clear:both;
	width:auto;
	float:none;
	text-align:center;
}
#footer .inner .add address span {
	display:block;
	margin:0;
}
#footer .inner .snav {
	width:auto;
	float:none;
}
#footer .inner .snav ul {
	margin: 0 0 10px 0;
	float: left;
}
#footer .inner .snav p {
	float:right;
}

/*Flash 非表示*/
#FlashID{
	display:none;
}

/*Flash 代替えイメージ*/
#fla_png {
	display:block;
}
#fla_png img {
	width:100%;
	height:auto;
}


/*-----------------------------
トップ
------------------------------*/

/*トップページ Flash*/
#top_fla {
	height:auto;
}
#top_fla .slide {
width: 320px;
height: 107px;
}

/*トップページ ペットと泊まれる宿 */
#top_pet {
	background: url("../images/n_back02.jpg") top center;
	background-size:cover;
	overflow: hidden;
	padding: 0 10px 10px 10px;
	margin:0 0 10px 0;
}
#top_pet .inner {
	width:auto;
	margin: 0 auto;
	text-align:center;
}
/*
#top_pet .inner > img {
	display:none;
}
*/
#top_pet .inner .dog {
	float:none;
}
#top_pet .inner section {
	width:auto;
	float:none;
	text-align:left;
	margin: 0 0 20px 0;
}
#top_pet .inner .top_spa {
	float:none;
}
/*トップページ コンテンツ */
#top_contents {
	width:auto;
	padding:0 10px;
	text-align:center;
}
#top_contents .blog {
	width:auto;
	float:none;
}
#top_contents .bnr {
	width:auto;
	float:none;
}
#top_contents .bnr ul li:nth-child(1) {
	float:none;
}
#top_contents .bnr ul li:nth-child(1) a {
	margin:0 auto 10px;
}
#top_contents .bnr ul li:nth-child(2), #top_contents .bnr ul li:nth-child(3) {
	float:none;
}
#top_contents .bnr ul li:nth-child(2) a, #top_contents .bnr ul li:nth-child(3) a {
	margin:0 auto 10px;
}

#top_contents .bnr aside {
	padding: 20px 0 10px 0;
	text-align:center;
}
#top_contents .bnr aside img {
	width:96%;
	height:auto;
}
/*-----------------------------
サブページ共通
------------------------------*/
#sub h1 {
	width:auto;
	height:90px;
	background-size:cover;
}
#sub_wrap {
	padding: 10px 0 0 0;
}
#sub_con {
	width:auto;
	margin: 0 auto;
	background: url("../images/sub_con_back.gif") repeat-x;
	padding: 7px 0 10px 0;
	overflow: hidden;
}
#flash_sec {
	overflow: hidden;
	margin: 0 0 10px 0;
}
#flash_sec #FlashID {
	float:none;
}
#flash_sec .fla_com {
	width: 250px;
	padding: 0 20px 0 20px;
	float:none;
	margin:0 auto;
}

/*-----------------------------
客室と館内
------------------------------*/

.facilities .shisetsu p {
	width:auto;
	margin: 10px 10px 0 10px;
	float:none;
}
.facilities .shisetsu img {
	float:none;
	margin:10px 0 5px 10px;
	width:46%;
	height:auto;
}
/*-----------------------------
名湯草津の湯
------------------------------*/

.pet_bath {
	width:auto;
	float:none;
	margin:0 0 10px 0;
}
.pet_bath h2 {
	height: 35px;
}
.pet_bath p {
	margin:0 10px;
}
.pet_bath_img img {
	width:96%;
}
.pet_bath p img {
	float: right;
	margin: 0;
}
.charter_bath {
	width:auto;
	float:none;
	margin:0 0 10px 0;
}
.charter_bath h2 {
	height: 35px;
}
.charter_bath p {
	min-height: 10px;
}
.charter_bath p img {
	float: right;
	margin-right: 10px;
}
.spa_kounou {
	background-position:right;
}

/*-----------------------------
和の味わい
------------------------------*/

.cuisine .ryori {
	margin: 0;
	text-align:center;
}
.cuisine .ryori img {
	float:none;
	margin: 0 0 10px 0;
}
.cuisine .betsu {
	text-align:center;
	padding:0 0 10px 0;
}
.cuisine .betsu div {
	margin: 10px auto 20px;
	float:none;
	height:auto;
}
.cuisine .betsu div img{
	width:96%;
	height:auto;
}

/*-----------------------------
ペットと一緒
------------------------------*/
.pet01 #flash_sec .fla_com {
	min-height:300px;
	padding: 0 20px 10px 20px;
}
.pet01 .yakusoku h2 {
	background-size:220%;
	height: 36px;
}

.pet01 .yakusoku ul {
	background:#FFDEBB;
	margin: 0;
}
.pet01 .yakusoku ul li{
	text-indent:-2.75em;
	margin:0 0 0 2.75em;
}
.pet01 .omochi p {
	padding: 58px 10px 0 15px;
}
.pet01 .goyoi p {
	padding: 45px 10px 0 15px;
}
/*-----------------------------
ペットとの道中
------------------------------*/

.pet02 h2 {
	background-size:220%;
	height: 29px;
}
.pet02 .doitsumura {
	background:url("../images/pet02/n_title02.gif") no-repeat center 10px #F2CFC9;
	min-height: 100px;
	padding: 0 10px 10px 10px;
	margin:0 0 10px 0;
}
.pet02 .doitsumura p.honmon {
	width:auto;
	padding: 140px 0 10px 0;
	float:none;
}
.pet02 .doitsumura p.honmon img {
	display: block;
	margin: 1em auto 0 auto;
	max-width: 100%;
}
.pet02 .doitsumura p.hp {
	float:none;
	margin: 0 0 10px 0;
}
.pet02 .doitsumura p.hp a {
	margin: 0 auto;
}
.pet02 .doitsumura dl dt {
	width:100%;
	min-height: 10px;
	padding: 5px 0 5px 0;
}
.pet02 .doitsumura dl dd {
	width:100%;
	min-height: 10px;
	padding: 7px 10px 10px 10px;
	box-sizing: border-box;
}
.pet02 .meiken {
	background:url("../images/pet02/n_title03.gif") no-repeat center 10px #F2CFC9;
	min-height: 100px;
	padding: 0 10px 10px 10px;
	margin: 0 0 20px 0;
}
.pet02 .meiken p.honmon {
	width:auto;
	padding: 140px 0 10px 0;
	float:none;
}
.pet02 .meiken p.honmon + p {
	padding: 0 0 10px 0;
}
.pet02 .meiken p img {
	display: block;
	margin: 1em auto 0 auto;
	max-width: 100%;
}
.pet02 .meiken p.hp {
	float:none;
	margin: 0 0 10px 0;
}
.pet02 .meiken p.hp a {
	margin: 0 auto;
}
.pet02 .meiken dl dt {
	width:100%;
	min-height: 10px;
	padding: 5px 0 5px 0;
}
.pet02 .meiken dl dd {
	width:100%;
	min-height: 10px;
	padding: 7px 10px 10px 10px;
	box-sizing: border-box;
}
.pet02 .dogrun {
	float:none;
	margin:0 auto 10px auto;
	padding:0 10px;
	width:100%;
}
.pet02 .dogrun a {
	background-size:contain;
	background-position: center;
	width:95%;
	height: 60px;
	text-indent: -9999px;
}
.pet02 .dogrun a:hover {
	background-size:contain;
	background-position: center;
}
.pet02 .bentou {
	float:none;
	margin:0 auto 10px auto;
	padding:0 10px;
	width:100%;
}
.pet02 .bentou a {
	background-size:contain;
	background-position: center;
	width:95%;
	height: 60px;
}
.pet02 .bentou a:hover {
	background-size:contain;
	background-position: center;
}

/*-----------------------------
観光と交通
------------------------------*/
.access #flash_sec .fla_com {
	min-height:300px;
	padding: 0 20px 10px 20px;
}
.access .yurai {
	margin: 0 0 10px 0;
}
.homen img {
	width:100%;
	height:auto;
}

.access .kanko {
	margin: 0;
}
.access .kanko dl {
	margin: 10px auto 0 auto;
	float:none;
}