@charset "UTF-8";

/* *************************************************************

*   Structure CSS
*   Since:2022-07
*   Editor:ricostyle

************************************************************* */


/* ==========================================================================
   Media Queries
   ========================================================================== */
   
   
@media print,screen and (min-width:961px) {
/* PC用のcssを記述  横幅1030px固定のデザイン */

/* 共通
---------------------------------------------------- */
#contents{position:relative;width:100%;overflow:hidden;background:＃FFF;}
.wrap01{width:1030px;margin:0 auto;position:relative;}
.wrap02{width:100%;margin:0 auto;position:relative;}


/* COMMON title */
h2{font-family: 'hannariMincho';font-size:2em;padding:2em 0 2.5em;color:#333;text-align:left;}


/* COMMON box */
ul.three{display: -webkit-flex;display: flex;flex-wrap: wrap;margin:0;padding:0;}
ul.three li{
padding:2px; box-sizing: border-box;list-style: none;width : calc(100% / 3) ; width : -webkit-calc(100% / 3) ; width : 33.33333% ; /* 未対応ブラウザ用フォールバック */}
ul.three li img{width:100%;}

ul.herf{display: -webkit-flex;display: flex;flex-wrap: wrap;}
ul.herf li{padding:15px; box-sizing: border-box;list-style: none;width : calc(100% / 2) ; width : -webkit-calc(100% / 2) ; width : 50% ; /* 未対応ブラウザ用フォールバック */}
ul.herf img{width:100%;}


/* COMMON button */
div.btn_qa{display:block;width:40%;margin:0 0 3em;text-align:center;}
div.btn_qa a{display:block;color:#FFF;background:#9B730F url(../img_cmn/icon_white.png) no-repeat 85% center;padding:25px 0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
div.btn_qa a:hover{color:#FFF;background-color:#D19D14;text-decoration:none;}

div.sns_icon{display:inline-block;}
div.sns_icon a{display:block;background:#FFF url(../img_cmn/icon_insta.png) no-repeat 30px center;background-size:13%;color:#000;font-family:'HannariMincho';font-size:0.90em;padding-left:25px;border-radius:8px;border:1px solid #999;padding:10px 40px 10px 60px;}
div.sns_icon a:hover{opacity: .7;filter:alpha(opacity=70);-moz-opacity: 0.7;}

#banner_SP{visibility: hidden;display:none;height:0;}
#banner_PC{margin:3em auto;width:100%;}
#banner_PC a{margin-bottom:1.2em;}
#banner_PC a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#banner_PC .big a{display:block;}
#banner_PC .mini{text-align:left;}
#banner_PC .mini a{display:inline-block;margin-right:10px;}


/* HEADER */
#header{width:100%;position:relative;padding-bottom:10px;background:url(../img_cmn/620line.gif) repeat-x center bottom;}
#header .wrap{width:1030px;margin:0 auto;position:relative;}
#header h1{display:inline-block;z-index:1000000;position:absolute;top:25px; left:5px;}
#header h1 img:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/* FOOTER */
#footer{background:#330101 url(../img_cmn/bg_ashiato.png) no-repeat left center;color:#FFF;}
#footer #address{padding:30px 0 25px;line-height:1.8em;font-size:0.95em;}
#footer #address span{padding-left:1.5em;}
#footer #tel{font-size:2em;padding-bottom:30px;}
#footer #tel a{color:#FFF;}
#footer ul{margin-bottom:25px;}
#footer ul li{border:1px solid #7D5E5E;display:inline-block;margin:0 10px;}
#footer ul li a{display:block;padding:7px 70px;color:#7D5E5E;}
#footer ul li a:hover{background:#7D5E5E;color:#FFF;}
#footer #copy{background:#8F6241;padding:15px 0;font-size:0.8em;}

/* PAGE UP */
#pagetop {display:inline-block;position:fixed;bottom:20px;right:20px;}
#pagetop a{display:block;width:119px;height:69px;}
#pagetop a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}




/* 0.空室状況
---------------------------------------------------- */
#Available .wrap01 p{line-height:2em;padding-bottom:2.5em;}

/*  カレンダーの指定  */
#Available .wrap01 table{display:block;padding-bottom:1em;}
#Available .wrap01 table.wrap0tbl{display:inline-block;padding:0 15px;}
#Available .wrap01 table table td{font-size: 18px;padding:5px 0 0 5px;width:50px;height:40px;border: solid 1px #8F6241;background:#FFF;}
#Available .wrap01 table table td.tt{font-size: 20px;text-align:center;vertical-align:middle;color: #FFF;background: #8F6241;border: solid 1px #8F6241;}

#Available .wrap01 td.youbi{color:#8F6241;background: #E7DDD6;}
#Available .wrap01 td.youbisat {color: #3366CC;background: #E7DDD6;}
#Available .wrap01 td.youbisun {color: #CC3300;background: #E7DDD6;}

#Available .wrap01 td.sat {color: #3366CC;}
#Available .wrap01 td.sun {color: #CC3300;}
#Available .wrap01 td.heijitsu {color: #330101;}

#Available .wrap01 td.fbg30 {color: #CC3300;}
#Available .wrap01 td.fbg20 {color: #3366CC;}
#Available .wrap01 td.fbg10 {color: #555555;}

#Available .wrap01 td.fbg31 {color: #CC3300;background: #FFA8A8;}
#Available .wrap01 td.fbg21 {color: #3366CC;background: #FFA8A8;}
#Available .wrap01 td.fbg11 {color: #555555;background: #FFA8A8;}

#Available .wrap01 td.fbg32 {color: #CC3300;background: #FFD98A;}
#Available .wrap01 td.fbg22 {color: #3366CC;background: #FFD98A;}
#Available .wrap01 td.fbg12 {color: #555555;background: #FFD98A;}

#Available .wrap01 td.fbg33 {color: #CC3300;background: #A8F4E6;}
#Available .wrap01 td.fbg23 {color: #3366CC;background: #A8F4E6;}
#Available .wrap01 td.fbg13 {color: #555555;background: #A8F4E6;}

#Available .wrap01 #bb1 {color: #FFA8A8;}
#Available .wrap01 #bb2 {color: #FFD98A;}
#Available .wrap01 #bb3 {color: #A8F4E6;}



/* 1 部屋・施設
---------------------------------------------------- */
/*  スライダーの指定  */
#Sisetu div.photo_slide{padding-bottom:5em; margin:0 auto;width:1080px;position:relative;}
#Sisetu .slider{padding-bottom:1em;}
#Sisetu .slider div{position:relative;}
#Sisetu .slider div img {width:100%;max-width:1030px;height: auto;}
#Sisetu .slick-slide{margin-right: 0px;margin-left: 0px;}
#Sisetu .slider div span{position:absolute;bottom:0;display:block;width:100%;padding:20px 0;background:#000000;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;color:#FFF;font-family: 'hannariMincho';font-size:1.2em;text-align:left;text-indent:2em;}
.slider .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(40%);-moz-filter: opacity(40%);-o-filter: opacity(40%);
  -ms-filter: opacity(40%);filter: opacity(40%);transition: 0.2s linear;
}

#Sisetu .wrap01 h3,#Sisetu .wrap02 h3{font-family: 'hannariMincho';font-size:2em;line-height:2em;padding:0 0 1em 0;}
#Sisetu .wrap02 .box1{color:#330000;padding:3em 0;margin-bottom:2em;background:#F8F5F0;}
#Sisetu .wrap02 .box1 dl{width:1030px;margin:0 auto;text-align:left;line-height:1.8em;color:#333333;}
#Sisetu .wrap02 .box1 dl dt{font-weight:bold;}
#Sisetu .wrap02 .box1 dl dd{border-bottom:1px solid #E0E0E0;padding-bottom:1em;margin-bottom:1em;}
#Sisetu .wrap01 .box2{color:#330000;font-family: 'hannariMincho';padding:2em 0 3em;background:url(../img_cmn/620line.gif) repeat-x left bottom;}
#Sisetu .wrap01 p{line-height:2em;padding-bottom:2.5em;}
#Sisetu .wrap01 .shisetumain{margin-bottom:1em;}



/* 2 お食事
---------------------------------------------------- */
#Food .wrap01{font-family: 'hannariMincho';color:#330000;}
#Food .wrap01 h2{background:url(../img_cmn/line_dog.png) repeat-x bottom left;}
#Food .wrap01 h3{font-size:2em;line-height:2em;padding:0 0 1em 0;}
#Food .wrap01 p{line-height:2em;padding-bottom:2.5em;}
#Food .wrap01 .box1{padding-top:3em;}
#Food .wrap01 .box2{padding-top:3em;margin-top:3em;background:none;background:url(../img_cmn/620line.gif) repeat-x left top;}
#Food .wrap01 .foodmain{margin-bottom:0.5em;}


/* 3.宿泊料金
---------------------------------------------------- */
#Hotel_fee .wrap01 table{background:#F8F5F0;color:#621D00;width:80%;margin:0 auto 2.5em;}
#Hotel_fee .wrap01 table td,#Hotel_fee .wrap01 table th{padding:20px;border:1px solid #977946;}
#Hotel_fee .wrap01 table th{background:#CCCC99;}
table.hotel_fee td,table.hotel_fee th{width:33.3333%;}
table.cancel td,table.cancel th{width:20%;}

#Hotel_fee .wrap01 p{line-height:2em;padding-bottom:3.5em;}
#Hotel_fee .wrap01 h3{font-size:1.2em;padding:0 0 1em 0;font-weight:bold;color:#555;}



/* 4.宿泊案内
---------------------------------------------------- */
#Annai .wrap01{text-align:left;}
#Annai .wrap01 table{background:#F8F5F0;color:#621D00;width:60%;margin:0 0 2em;}
#Annai .wrap01 table td{padding:20px;border:1px solid #977946;width:50%;}
#Annai .wrap01 p{line-height:2em;padding-bottom:3.5em;}
#Annai .wrap01 h3,#Annai .wrap01 h4{font-size:1.2em;padding:0 0 2em 0;font-weight:bold;color:#555;}
#Annai .wrap01 ul{background:url(../img_cmn/illust_hone.png) no-repeat right center;padding:0 3em 0;margin:0 auto 3.5em;}
#Annai .wrap01 ul li{padding-bottom:1.5em;line-height:1.8em;list-style-position: outside;list-style-image: url(../img_cmn/icon_disc.png);}



/* 5.アクセス
---------------------------------------------------- */
#Access .wrap01{text-align:left;}
#Access .wrap01 iframe{width:100%;height:450px;}
#Access .wrap01 h3{font-size:1.2em;font-weight:bold;color:#555;padding:1em 0;}
#Access .wrap01 p{line-height:2em;padding-bottom:3.5em;}
#Access .wrap01 .mapsubtt{display:block;border-top:1px dotted #996600;border-bottom:1px dotted #996600;color: #FF3300;font-weight: bold;margin:15px 0 7px;padding:5px 0 3px;}



/* 6.ドッグデイでの過ごし方
---------------------------------------------------- */
#Oneday #header{width:100%;position:relative;margin:0;padding:0;background:none;}
#Oneday .wrap02{background:url(../oneday/img/main.jpg) no-repeat center top;background-size:cover;}
#Oneday h2{padding:5em 0 4em;color:#FFF;text-shadow: 1px 1px 3px #000; font-size:2.2em;width:1030px;margin:0 auto;text-align:left;}
#Oneday #area_fordog{background:#F1EDED;color:#555;}
#Oneday #area_forguest{background:#F3F2EB;color:#555;border-top:1px dotted #666;}
#Oneday #area_fordog p,#Oneday #area_forguest p{line-height:2em;padding-bottom:2em;}

#Oneday #area_fordog h3{display:inline-block;background:url(../img_cmn/icon_ashi2.png) no-repeat left bottom;padding:2em 0 0 40px;margin-bottom:2em;font-family: 'hannariMincho';font-size:1.8em;}
#Oneday #area_fordog h3 span{font-family:'Allura';padding:0 0 0 1.2em;font-size:0.8em;}
#Oneday #area_fordog .box01{padding-top:2em;}
#Oneday #area_fordog .box02{padding-left:55%;margin-top:2em;text-align:left;position:relative;}
#Oneday #area_fordog .box02 img.pho1{width:53%;position:absolute;top:150px;left:0;}
#Oneday #area_fordog .box02 img.pho2{margin:0 auto;display:block;}

#Oneday #area_fordog .box03{margin-top:1em;padding-right:35%;text-align:left;position:relative;}
#Oneday #area_fordog .box03 img.pho1{position:absolute;top:50px;right:0;}
#Oneday #area_fordog .box04{text-align:left;padding-top:120px;padding-bottom:4.5em;}
#Oneday #area_fordog .box04 h4{font-weight:bold;}


#Oneday #area_forguest h3{display:inline-block;background:url(../img_cmn/icon_iine.png) no-repeat left bottom;padding:2em 0 0 50px;margin-bottom:2em;font-family: 'hannariMincho';font-size:1.8em;}
#Oneday #area_forguest h3 span{font-family:'Allura';padding:0 0 0 1.2em;font-size:0.8em;}
#Oneday #area_forguest .box05{padding:3em 0 0;}
#Oneday #area_forguest .box05 div.sns_icon{margin-bottom:2em;}
#Oneday #area_forguest .box06{padding-left:55%;margin-top:2em;text-align:left;position:relative;}
#Oneday #area_forguest .box06 img.pho1{width:53%;position:absolute;top:150px;left:0;}
#Oneday #area_forguest .box06 img.pho2{width:100%;}

#Oneday #area_forguest .box07{padding-top:1em;text-align:left;background:url(../oneday/img/bg_01.png) no-repeat right center;}
#Oneday #area_forguest .box07 img{position:absolute;top:50px;right:0;}
#Oneday #area_forguest .box07 h4{font-weight:bold;}
#Oneday #area_forguest .box08{text-align:left;padding:1em 0 4.5em;}
#Oneday #area_forguest .box08 h4{font-weight:bold;}


}



@media only screen and (min-width:520px) and (max-width:960px) {
/*タブレット用のcss*/


/* 共通
---------------------------------------------------- */
#contents{position:relative;width:100%;overflow:hidden;background:#FFF;}

/* COMMON title */
h2{font-family: 'hannariMincho';font-size:1.8em;padding:2em 0;margin:0 auto;color:#333;text-align:left;}

/* COMMON box */
ul.three{display: -webkit-flex;display: flex;flex-wrap: wrap;margin:0;padding:0;}
ul.three li{
padding:2px; box-sizing: border-box;list-style: none;width : calc(100% / 3) ; width : -webkit-calc(100% / 3) ; width : 33.33333% ; /* 未対応ブラウザ用フォールバック */}
ul.three li img{width:100%;}

ul.herf{display: -webkit-flex;display: flex;flex-wrap: wrap;}
ul.herf li{padding:5px; box-sizing: border-box;list-style: none;width : calc(100% / 2) ; width : -webkit-calc(100% / 2) ; width : 50% ; /* 未対応ブラウザ用フォールバック */}
ul.herf img{width:100%;}

/* COMMON button */
div.btn_qa{display:block;width:50%;margin:0 0 3em;text-align:center;}
div.btn_qa a{display:block;color:#FFF;background:#9B730F url(../img_cmn/icon_white.png) no-repeat 85% center;padding:25px 0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
div.btn_qa a:hover{color:#FFF;background-color:#D19D14;text-decoration:none;}

div.sns_icon{display:inline-block;padding-bottom:2em;}
div.sns_icon a{display:block;background:#FFF url(../img_cmn/icon_insta.png) no-repeat 30px center;background-size:13%;color:#000;font-family:'HannariMincho';font-size:0.90em;padding-left:25px;border-radius:8px;border:1px solid #999;padding:10px 40px 10px 60px;}
div.sns_icon a:hover{opacity: .7;filter:alpha(opacity=70);-moz-opacity: 0.7;}

#banner_PC{visibility: hidden;display:none;height:0;}
#banner_SP{background:url(../img_cmn/620line.gif) repeat-x left bottom;margin:40px 0;padding-bottom:10px;}
#banner_SP a{margin-bottom:1em;}
#banner_SP a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#banner_SP .big{text-align:center;}
#banner_SP .big a{display:block;width:98%;min-width:250px;max-width:420px;display:block;margin:0 auto 20px;}
#banner_SP .big img{width:100%;margin:0 auto;}

#banner_SP .mini{text-align:center;}
#banner_SP .mini img{width:100%;}
#banner_SP .mini a{display:inline-block;width:45%;max-width:310px;margin:0 5px 20px;}


/* HEADER */
#header{width:100%;margin:0 auto;padding:0 0 10px;position:relative;background:url(../img_cmn/620line.gif) repeat-x center bottom;}
#header .wrap{width:100%;max-width:960px;margin:0 auto;position:relative;}
#header h1{position:relative;width:13%;min-width:100px;max-width:142px;display:inline-block;z-index:1000000;margin-bottom:20px;margin-top:10px;}
#header h1 img{width:100%;}
#header h1:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/* FOOTER */
#footer{width:100%;background:#330101 url(../img_cmn/bg_ashiato.png) no-repeat left center;color:#FFF;}
#footer #address{padding:20px 0;line-height:1.5em;font-size:0.9em;}
#footer #address span{padding-left:1.5em;}
#footer #tel{font-size:1.8em;padding-bottom:20px;font-weight:bold;}
#footer #tel a{color:#FFF;}
#footer ul{margin-bottom:25px;}
#footer ul li{border:1px solid #7D5E5E;display:inline-block;margin:0 10px;}
#footer ul li a{display:block;padding:7px 70px;color:#7D5E5E;}
#footer ul li a:hover{background:#7D5E5E;color:#FFF;}
#footer #copy{background:#8F6241;padding:10px 0;font-size:0.7em;}

/* PAGE UP */
#pagetop {display:inline-block;position:fixed;bottom:5px;right:20px;}
#pagetop a{display:block;width:119px;height:69px;}
#pagetop a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}



/* 0.空室状況
---------------------------------------------------- */
#Available .wrap01{width:96%;margin:0 auto;}
#Available .wrap01 p{line-height:2em;padding-bottom:2.5em;}

/*  カレンダーの指定  */
#Available .wrap01 table{display:block;margin-bottom:1em;}
#Available .wrap01 table.wrap0tbl{display:inline-block;padding:0 15px;}
#Available .wrap01 table table td{width:50px;height:40px;font-size: 18px;padding:5px 0 0 5px;border: solid 1px #8F6241;background:#FFF;}
#Available .wrap01 table table td.tt{font-size: 20px;text-align:center;vertical-align:middle;color: #FFF;background: #8F6241;border: solid 1px #8F6241;}

#Available .wrap01 td.youbi{color:#8F6241;background: #E7DDD6;}
#Available .wrap01 td.youbisat {color: #3366CC;background: #E7DDD6;}
#Available .wrap01 td.youbisun {color: #CC3300;background: #E7DDD6;}

#Available .wrap01 td.sat {color: #3366CC;}
#Available .wrap01 td.sun {color: #CC3300;}
#Available .wrap01 td.heijitsu {color: #330101;}

#Available .wrap01 td.fbg30 {color: #CC3300;}
#Available .wrap01 td.fbg20 {color: #3366CC;}
#Available .wrap01 td.fbg10 {color: #555555;}

#Available .wrap01 td.fbg31 {color: #CC3300;background: #FFA8A8;}
#Available .wrap01 td.fbg21 {color: #3366CC;background: #FFA8A8;}
#Available .wrap01 td.fbg11 {color: #555555;background: #FFA8A8;}

#Available .wrap01 td.fbg32 {color: #CC3300;background: #FFD98A;}
#Available .wrap01 td.fbg22 {color: #3366CC;background: #FFD98A;}
#Available .wrap01 td.fbg12 {color: #555555;background: #FFD98A;}

#Available .wrap01 td.fbg33 {color: #CC3300;background: #A8F4E6;}
#Available .wrap01 td.fbg23 {color: #3366CC;background: #A8F4E6;}
#Available .wrap01 td.fbg13 {color: #555555;background: #A8F4E6;}

#Available .wrap01 #bb1 {color: #FFA8A8;}
#Available .wrap01 #bb2 {color: #FFD98A;}
#Available .wrap01 #bb3 {color: #A8F4E6;}



/* 1 部屋・施設
---------------------------------------------------- */
/*  スライダーの指定  */

#Sisetu div.photo_slide{padding-bottom:2em; margin:0 auto;width:100%;position:relative;}
#Sisetu .slider{padding-bottom:1em;}
#Sisetu .slider div{position:relative;}
#Sisetu .slider div img {width:100%;height: auto;}
#Sisetu .slick-slide{margin-right: 0px;margin-left: 0px;}
#Sisetu .slider div span{position:absolute;bottom:0;display:block;width:100%;padding:20px 0;background:#000000;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;color:#FFF;font-family: 'hannariMincho';font-size:1.2em;text-align:left;text-indent:2em;}
.slider .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(40%);-moz-filter: opacity(40%);-o-filter: opacity(40%);
  -ms-filter: opacity(40%);filter: opacity(40%);transition: 0.2s linear;
}

#Sisetu .wrap01{width:96%;margin:0 auto;}
#Sisetu .wrap01 h3,#Sisetu .wrap02 h3{font-family: 'hannariMincho';font-size:1.5em;line-height:1.5em;padding:0 0 1em 0;}
#Sisetu .wrap02 .box1{color:#330000;padding:3em 0 2em;margin-bottom:2em;background:#F8F5F0;}
#Sisetu .wrap02 .box1 dl{width:86%;margin:0 auto;text-align:left;line-height:1.8em;color:#333333;}
#Sisetu .wrap02 .box1 dl dt{font-weight:bold;}
#Sisetu .wrap02 .box1 dl dd{border-bottom:1px solid #E0E0E0;padding-bottom:1em;margin-bottom:1em;}
#Sisetu .wrap01 .box2{color:#330000;font-family: 'hannariMincho';padding:2em 0 3em;background:url(../img_cmn/620line.gif) repeat-x left bottom;}
#Sisetu .wrap01 p{line-height:1.8em;padding-bottom:2em;font-size:0.9em;}
#Sisetu .wrap01 .shisetumain{margin-bottom:1em;}
#Sisetu .wrap01 .shisetumain img{width:100%;}


/* 2 お食事
---------------------------------------------------- */
#Food .wrap01{font-family: 'hannariMincho';color:#330000;width:96%;margin:0 auto;}
#Food .wrap01 h3{font-size:1.5em;line-height:1.5em;padding:0 0 1em 0;}
#Food .wrap01 p{line-height:1.8em;padding-bottom:2em;font-size:0.9em;}
#Food .wrap01 .box1{padding-top:4em;background:url(../img_cmn/line_dog.png) repeat-x top left;}
#Food .wrap01 .box2{padding-top:2em;margin-top:2em;background:none;background:url(../img_cmn/620line.gif) repeat-x left top;}
#Food .wrap01 .foodmain{margin-bottom:0.5em;}
#Food .wrap01 .foodmain img{width:100%;}
#Food .wrap01 .foodmidium img{width:100%;}

/* 3.宿泊料金
---------------------------------------------------- */
#Hotel_fee .wrap01{width:96%;margin:0 auto;}
#Hotel_fee .wrap01 table{background:#F8F5F0;color:#621D00;width:98%;margin:0 auto 2.5em;}
#Hotel_fee .wrap01 table td,#Hotel_fee .wrap01 table th{padding:10px;border:1px solid #977946;font-size:0.9em;}
#Hotel_fee .wrap01 table th{background:#CCCC99;}
table.hotel_fee td,table.hotel_fee th{width:33.3333%;}
table.cancel td,table.cancel th{width:20%;}

#Hotel_fee .wrap01 p{line-height:2em;padding-bottom:2.5em;}
#Hotel_fee .wrap01 h3{font-size:1.2em;padding:0 0 1em 0;font-weight:bold;color:#555;}



/* 4.宿泊案内
---------------------------------------------------- */
#Annai .wrap01{text-align:left;width:96%;margin:0 auto;}
#Annai .wrap01 table{background:#F8F5F0;color:#621D00;width:94%;margin:0 auto 1.5em;}
#Annai .wrap01 table td{padding:20px;border:1px solid #977946;width:50%;}
#Annai .wrap01 p{line-height:1.5em;padding-bottom:2em;}
#Annai .wrap01 h3{margin:0 auto;font-size:1.1em;padding:0 0 2em 0;font-weight:bold;color:#555;}
#Annai .wrap01 h4{margin:0 auto;font-size:1.1em;padding:3.5em 0 2em 0;font-weight:bold;color:#555;}
#Annai .wrap01 ul{background:url(../img_cmn/illust_hone.png) no-repeat right top;background-size:25%;padding:0 2em 0;}
#Annai .wrap01 ul li{padding-bottom:1.2em;line-height:1.5em;list-style-position: outside;list-style-image: url(../img_cmn/icon_disc.png);}



/* 5.アクセス
---------------------------------------------------- */
#Access .wrap01{text-align:left;width:96%;margin:0 auto;}
#Access .wrap01 iframe{width:100%;height:420px;}
#Access .wrap01 h3{font-size:1.1em;font-weight:bold;color:#555;padding:1em 0;}
#Access .wrap01 p{line-height:1.5em;padding:0.5em 0 2em;}
#Access .wrap01 .mapsubtt{display:block;border-top:1px dotted #996600;border-bottom:1px dotted #996600;color: #FF3300;font-weight: bold;margin:15px 0 7px;padding:5px 0 3px;}



/* 6.ドッグデイでの過ごし方
---------------------------------------------------- */
#Oneday #header{padding:0;background:none;}
#Oneday .wrap02{background:url(../oneday/img/main.jpg) no-repeat center top;background-size:cover;}
#Oneday h2{padding:5em 0 4em 0.5em;color:#FFF;text-shadow: 1px 1px 3px #000; font-size:1.8em;margin:0 auto;text-align:left;}

#Oneday #area_fordog .wrap01,#Oneday #area_forguest .wrap01{width:98%;margin:0 auto;}


#Oneday #area_fordog{background:#F1EDED;color:#555;}
#Oneday #area_forguest{background:#F3F2EB;color:#555;border-top:1px dotted #666;}
#Oneday #area_fordog p,#Oneday #area_forguest p{line-height:1.8em;padding-bottom:2em;font-size:0.9em;}


#Oneday #area_fordog h3{display:inline-block;background:url(../img_cmn/icon_ashi2.png) no-repeat left top;padding:0.3em 0  2em 37px;margin-top:2em;font-family: 'hannariMincho';font-size:1.3em;}
#Oneday #area_fordog h3 span{font-family:'Allura';padding:0 0 0 1em;font-size:0.8em;}

#Oneday #area_fordog .box01{}
#Oneday #area_fordog .box01 img{width:100%;}
#Oneday #area_fordog .box02{padding-left:50%;text-align:left;position:relative;padding-bottom:2em;}
#Oneday #area_fordog .box02 img.pho1{position:absolute;top:200px;left:0;width:48%;}
#Oneday #area_fordog .box02 img.pho2{margin:0 auto;display:block;}
#Oneday #area_fordog .box03{padding-right:30%;text-align:left;position:relative;}
#Oneday #area_fordog .box03 img{position:absolute;top:50px;right:0;width:30%;}
#Oneday #area_fordog .box04{text-align:left;padding-top:50px;padding-bottom:3.5em;}
#Oneday #area_fordog .box04 h4{font-weight:bold;font-size:0.9em;line-height:1.5em;}


#Oneday #area_forguest h3{display:inline-block;background:url(../img_cmn/icon_iine.png) no-repeat left bottom;padding:2em 0  0 45px;margin-bottom:2em;font-family: 'hannariMincho';font-size:1.3em;}
#Oneday #area_forguest h3 span{font-family:'Allura';padding:0 0 0 1em;font-size:0.8em;}
#Oneday #area_forguest .box05{padding:2em 0;}
#Oneday #area_forguest .box05 img{width:100%;}
#Oneday #area_forguest .box06{text-align:left;padding-left:55%;position:relative;}
#Oneday #area_forguest .box06 img{}
#Oneday #area_forguest .box06 img.pho1{position:absolute;top:140px;left:0;width:52%;}
#Oneday #area_forguest .box06 img.pho2{width:100%;}
#Oneday #area_forguest .box07{text-align:left;background:url(../oneday/img/bg_01.png) no-repeat right center;background-size:30%;padding-top:2em;}
#Oneday #area_forguest .box07 img{position:absolute;top:50px;right:0;}
#Oneday #area_forguest .box07 h4{font-weight:bold;}
#Oneday #area_forguest .box08{text-align:left;padding:1em 0 2.5em;}
#Oneday #area_forguest .box08 h4{font-weight:bold;}
#Oneday #area_forguest .box08 a:hover{text-decoration:underline;}


}




@media screen and (max-width:519px) {
/*スマホ用のcssを記述*/


/* 共通
---------------------------------------------------- */
#contents{position:relative;width:100%;overflow:hidden;background:#FFF;}

/* COMMON title */
h2{font-family: 'hannariMincho';font-size:1.8em;padding:2em 0;margin:0 auto;color:#333;text-align:left;}

/* COMMON photo */
ul.three{width:100%;position:relative;}
ul.three li{margin-bottom:5px;}
ul.three li img{width:100%;}

ul.herf{width:100%;position:relative;}
ul.herf li{margin-bottom:5px;}
ul.herf img{width:100%;}


/* COMMON button */
div.btn_qa{display:block;width:80%;margin:0 auto 2em;text-align:center;}
div.btn_qa a{display:block;color:#FFF;background:#9B730F url(../img_cmn/icon_white.png) no-repeat 85% center;padding:20px 0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
div.btn_qa a:hover{color:#FFF;background-color:#D19D14;text-decoration:none;}

div.sns_icon{display:block;width:80%;padding-bottom:1.5em;}
div.sns_icon a{display:block;background:#FFF url(../img_cmn/icon_insta.png) no-repeat 20% center;background-size:10%;color:#000;font-family:'HannariMincho';font-size:0.90em;padding-left:25px;border-radius:8px;border:1px solid #999;padding:12px 40px;text-align:center;}
div.sns_icon a:hover{opacity: .7;filter:alpha(opacity=70);-moz-opacity: 0.7;}



#banner_PC{visibility: hidden;display:none;height:0;}
#banner_SP{background:url(../img_cmn/620line.gif) repeat-x left bottom;padding-bottom:5px;margin-bottom:20px;}
#banner_SP a{margin-bottom:1em;}
#banner_SP a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#banner_SP .big{text-align:center;}
#banner_SP .big a{display:block;width:90%;min-width:250px;max-width:420px;display:block;margin:0 auto 20px;}
#banner_SP .big img{width:100%;margin:0 auto;}

#banner_SP .mini{text-align:center;}
#banner_SP .mini img{width:100%;}
#banner_SP .mini a{display:inline-block;width:45%;max-width:310px;margin:0 2px 20px;}

/* HEADER */
#header{width:100%;margin:0 auto;padding:0;position:relative;background:url(../img_cmn/620line.gif) repeat-x center bottom;}
#header .wrap{width:100%;margin:0 auto;padding:10px 0 0 0;position:relative;}
#header h1{position:relative;width:13%;min-width:85px;max-width:142px;display:inline-block;z-index:1000000;margin-bottom:10px;}
#header h1 img{width:100%;}
#header h1:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* FOOTER */
#footer{width:100%;background:#330101 url(../img_cmn/bg_ashiato.png) no-repeat center center;color:#FFF;}
#footer #address{padding:20px 0;line-height:1.6em;font-size:0.8em;}
#footer #address span{display:block;}
#footer #tel{font-size:1.6em;padding-bottom:20px;font-weight:bold;}
#footer #tel a{color:#FFF;}
#footer ul{margin-bottom:25px;}
#footer ul li{border:1px solid #7D5E5E;display:inline-block;width:43%;margin:0 2px;}
#footer ul li a{display:block;color:#7D5E5E;text-align:center;padding:10px 0;}
#footer ul li a:hover{background:#7D5E5E;color:#FFF;}
#footer #copy{background:#8F6241;padding:10px 0 80px;font-size:0.65em;}


/* PAGE UP */
#pagetop {display:inline-block;position:fixed;bottom:5px;right:5px;}
#pagetop a{display:block;width:119px;height:69px;}
#pagetop a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}



/* 0.空室状況
---------------------------------------------------- */
#Available .wrap01{width:95%;margin:0 auto;}
#Available .wrap01 p{line-height:2em;padding-bottom:2em;text-align:left;}
#Available .wrap01 img{width:100%;}

/*  カレンダーの指定  */
#Available .wrap01 table{display:block;}
#Available .wrap01 table.wrap0tbl{display:inline-block;padding:0;margin:0 auto 1em;}
#Available .wrap01 table table td{width:30px;height:20px;font-size: 13px;padding:5px 0 0 5px;border: solid 1px #8F6241;background:#FFF;}
#Available .wrap01 table table td.tt{font-size: 15px;text-align:center;vertical-align:middle;color: #FFF;background: #8F6241;border: solid 1px #8F6241;}


#Available .wrap01 td.youbi{color:#8F6241;background: #E7DDD6;}
#Available .wrap01 td.youbisat {color: #3366CC;background: #E7DDD6;}
#Available .wrap01 td.youbisun {color: #CC3300;background: #E7DDD6;}

#Available .wrap01 td.sat {color: #3366CC;}
#Available .wrap01 td.sun {color: #CC3300;}
#Available .wrap01 td.heijitsu {color: #330101;}

#Available .wrap01 td.fbg30 {color: #CC3300;}
#Available .wrap01 td.fbg20 {color: #3366CC;}
#Available .wrap01 td.fbg10 {color: #555555;}

#Available .wrap01 td.fbg31 {color: #CC3300;background: #FFA8A8;}
#Available .wrap01 td.fbg21 {color: #3366CC;background: #FFA8A8;}
#Available .wrap01 td.fbg11 {color: #555555;background: #FFA8A8;}

#Available .wrap01 td.fbg32 {color: #CC3300;background: #FFD98A;}
#Available .wrap01 td.fbg22 {color: #3366CC;background: #FFD98A;}
#Available .wrap01 td.fbg12 {color: #555555;background: #FFD98A;}

#Available .wrap01 td.fbg33 {color: #CC3300;background: #A8F4E6;}
#Available .wrap01 td.fbg23 {color: #3366CC;background: #A8F4E6;}
#Available .wrap01 td.fbg13 {color: #555555;background: #A8F4E6;}

#Available .wrap01 #bb1 {color: #FFA8A8;}
#Available .wrap01 #bb2 {color: #FFD98A;}
#Available .wrap01 #bb3 {color: #A8F4E6;}



/* 1 部屋・施設
---------------------------------------------------- */
/*  スライダーの指定  */

#Sisetu div.photo_slide{padding-bottom:1.5em; margin:0 auto;width:100%;position:relative;}
#Sisetu .slider{}
#Sisetu .slider div{position:relative;}
#Sisetu .slider div img {width:100%;height: auto;}
#Sisetu .slick-slide{margin-right: 0;margin-left:0;}
#Sisetu .slider div span{position:absolute;bottom:0;display:block;width:100%;padding:10px 0;background:#000000;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;color:#FFF;font-family: 'hannariMincho';text-align:left;text-indent:1em;}
.slider .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(40%);-moz-filter: opacity(40%);-o-filter: opacity(40%);
  -ms-filter: opacity(40%);filter: opacity(40%);transition: 0.2s linear;
}

#Sisetu .wrap01{width:96%;margin:0 auto;}
#Sisetu .wrap01 h3,#Sisetu .wrap02 h3{font-family: 'hannariMincho';font-size:1.2em;line-height:1.5em;padding:0 0 1em 0;width:95%;margin:0 auto;}
#Sisetu .wrap02 .box1{color:#330000;padding:1em 0;margin-bottom:1em;background:#F8F5F0;}
#Sisetu .wrap02 .box1 dl{width:95%;font-size:0.9em;margin:0 auto;text-align:left;line-height:1.5em;color:#333333;}
#Sisetu .wrap02 .box1 dl dt{font-weight:bold;}
#Sisetu .wrap02 .box1 dl dd{border-bottom:1px solid #E0E0E0;padding-bottom:1em;margin-bottom:1em;}
#Sisetu .wrap01 .box2{color:#330000;font-family: 'hannariMincho';padding:1em 0;margin-bottom:2em;background:url(../img_cmn/620line.gif) repeat-x left bottom;}
#Sisetu .wrap01 p{line-height:1.8em;padding-bottom:1em;font-size:0.9em;}
#Sisetu .wrap01 .shisetumain{margin-bottom:5px;}
#Sisetu .wrap01 .shisetumain img{width:100%;}




/* 2 お食事
---------------------------------------------------- */
#Food .wrap01{font-family: 'hannariMincho';color:#330000;width:95%;margin:0 auto;}
#Food .wrap01 h3{font-size:1.3em;line-height:1.5em;padding:0 0 1em 0;}
#Food .wrap01 p{line-height:1.8em;padding-bottom:1em;font-size:0.9em;}
#Food .wrap01 .box1{padding-top:4em;background:url(../img_cmn/line_dog.png) repeat-x top left;}
#Food .wrap01 .box2{padding-top:4em;margin-top:1em;background:none;background:url(../img_cmn/620line.gif) repeat-x left top;}
#Food .wrap01 .foodmain{margin-bottom:5px;}
#Food .wrap01 .foodmain img{width:100%;}
#Food .wrap01 .foodmidium img{width:100%;}
#Food .wrap01 div.sns_icon{margin:0 auto;}


/* 3.宿泊料金
---------------------------------------------------- */
#Hotel_fee .wrap01{width:95%;margin:0 auto;}
#Hotel_fee .wrap01 table{background:#F8F5F0;color:#621D00;width:100%;margin:0 auto 2.5em;}
#Hotel_fee .wrap01 table td,#Hotel_fee .wrap01 table th{padding:10px;border:1px solid #977946;font-size:0.9em;}
#Hotel_fee .wrap01 table th{background:#CCCC99;}
table.hotel_fee td,table.hotel_fee th{width:33.3333%;}
table.cancel td,table.cancel th{width:20%;}

#Hotel_fee .wrap01 p{line-height:2em;padding-bottom:2.5em;}
#Hotel_fee .wrap01 h3{font-size:1.2em;padding:0 0 1em 0;font-weight:bold;color:#555;}



/* 4.宿泊案内
---------------------------------------------------- */
#Annai .wrap01{text-align:left;width:95%;margin:0 auto;}
#Annai .wrap01 table{background:#F8F5F0;color:#621D00;width:100%;margin:0 auto 1.5em;font-size:0.9em;}
#Annai .wrap01 table td{padding:20px 10px;border:1px solid #977946;width:50%;}
#Annai .wrap01 p{line-height:1.5em;padding-bottom:2em;}
#Annai .wrap01 h3{margin:0 auto;font-size:1em;line-height:1.5em;padding:0 0 2em 0;font-weight:bold;color:#555;}
#Annai .wrap01 h4{margin:0 auto;font-size:1em;line-height:1.5em;padding:3.5em 0 2em 0;font-weight:bold;color:#555;}
#Annai .wrap01 ul{background:url(../img_cmn/illust_hone.png) no-repeat right top;background-size:25%;padding:0 2em 0;}
#Annai .wrap01 ul li{padding-bottom:1.2em;line-height:1.5em;list-style-position: outside;list-style-image: url(../img_cmn/icon_disc.png);}
#Annai .wrap01 h3 img,#Annai .wrap01 h4 img{vertical-align:middle;}




/* 5.アクセス
---------------------------------------------------- */
#Access .wrap01{text-align:left;width:95%;margin:0 auto;}
#Access .wrap01 iframe{width:100%;height:360px;}
#Access .wrap01 h3{font-size:1.1em;font-weight:bold;color:#555;padding:1em 0;}
#Access .wrap01 p{line-height:1.5em;padding:0.5em 0 2em;}
#Access .wrap01 .mapsubtt{display:block;border-top:1px dotted #996600;border-bottom:1px dotted #996600;color: #FF3300;font-weight: bold;margin:15px 0 7px;padding:5px 0 3px;}



/* 6.ドッグデイでの過ごし方
---------------------------------------------------- */
#Oneday #header{padding:0;background:none;}
#Oneday .wrap02{background:url(../oneday/img/main.jpg) no-repeat center top;background-size: auto 100%;}
#Oneday h2{padding:80px 10px 50px;color:#FFF;text-shadow: 1px 1px 3px #000; font-size:1.5em;margin:0 auto;text-align:left;}

#Oneday #area_fordog .wrap01,#Oneday #area_forguest .wrap01{width:95%;margin:0 auto;text-align:left;}


#Oneday #area_fordog{background:#F1EDED;color:#555;}
#Oneday #area_forguest{background:#F3F2EB;color:#555;border-top:1px dotted #666;}
#Oneday #area_fordog p,#Oneday #area_forguest p{line-height:1.8em;padding-bottom:1.5em;font-size:0.9em;}


#Oneday #area_fordog h3{display:inline-block;background:url(../img_cmn/icon_ashi2.png) no-repeat left top;padding:0.3em 0  1.5em 37px;margin-top:3em;font-family: 'hannariMincho';font-size:1.3em;}
#Oneday #area_fordog h3 span{font-family:'Allura';padding:0 0 0 1em;font-size:0.8em;}

#Oneday #area_fordog .box01{}
#Oneday #area_fordog .box01 img{width:100%;}
#Oneday #area_fordog .box02{text-align:left;}
#Oneday #area_fordog .box02 img.pho1{display:block;width:80%;margin:0 auto 1em;}
#Oneday #area_fordog .box02 img.pho2{display:block;margin:0 auto;}

#Oneday #area_fordog .box03{}
#Oneday #area_fordog .box03 img{display:block;margin:0 auto 1em;width:75%;}
#Oneday #area_fordog .box04{padding-bottom:3em;}
#Oneday #area_fordog .box04 h4{font-weight:bold;font-size:0.9em;line-height:1.5em;}

#Oneday #area_fordog .box04 ul{display: -webkit-flex;display: flex;flex-wrap: wrap;}
#Oneday #area_fordog .box04 ul li{padding:0 2px; box-sizing: border-box;list-style: none;width : calc(100% / 2) ; width : -webkit-calc(100% / 2) ; width : 50% ; /* 未対応ブラウザ用フォールバック */}
#Oneday #area_fordog .box04 ul img{width:100%;}



#Oneday #area_forguest h3{display:inline-block;background:url(../img_cmn/icon_iine.png) no-repeat left bottom;padding:2em 0  0 45px;margin-bottom:2em;font-family: 'hannariMincho';font-size:1.3em;}
#Oneday #area_forguest h3 span{font-family:'Allura';padding:0 0 0 1em;font-size:0.8em;}

#Oneday #area_forguest .box05{padding-top:2em;}
#Oneday #area_forguest .box05 img{width:100%;}
#Oneday #area_forguest .box05 div.sns_icon{margin:0 auto;}
#Oneday #area_forguest .box06{padding-top:3em;}
#Oneday #area_forguest .box06 img{width:100%;margin-bottom:0.5em;}
#Oneday #area_forguest .box07{padding-top:3em;text-align:left;background:url(../oneday/img/bg_01.png) no-repeat right center;background-size:30%;}
#Oneday #area_forguest .box07 img{position:absolute;top:50px;right:0;}
#Oneday #area_forguest .box07 h4{font-weight:bold;}
#Oneday #area_forguest .box08{text-align:left;padding:3em 0;}
#Oneday #area_forguest .box08 h4{font-weight:bold;}
#Oneday #area_forguest .box08 a:hover{text-decoration:underline;}
#Oneday #area_forguest .box08 img{width:50%;}


#Oneday #area_forguest .box08 ul{display: -webkit-flex;display: flex;flex-wrap: wrap;}
#Oneday #area_forguest .box08 ul li{padding:0 2px; box-sizing: border-box;list-style: none;width : calc(100% / 2) ; width : -webkit-calc(100% / 2) ; width : 50% ; /* 未対応ブラウザ用フォールバック */}
#Oneday #area_forguest .box08 ul img{width:100%;}

}