@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */

@media screen and (max-width:768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.smart_off {display: none;}

/*共通項目*/

.smart_head {
	width:100%;
	
}

.smart_head img { width : auto}   /* IE8 */
.smart_head img { max-width : 100%}


body{
	background-color:#FEFBF2;
	margin: 0;
	padding: 0;
	text-align:left;
        overflow-x:hidden;
    font-family: 'Noto Sans Japanese', sans-serif!important;
}
div#container {
	background-color:#FEFBF2;
}

.wrap { overflow:hidden; width:100%;}
.position { position:relative;}
a:hover { opacity:1!important;}
/*.float_l { float:left;}
.float_r { float:right;}*/
.space { margin: 20px 0;}
.space02 { margin: 20px 0;}

/*=========================

 ペット共生ページ 

===========================*/	

.contents {
    width: 96%;
    margin: 0 auto;
	}
.mainimg {
    margin: 10px 0 0 0;
    } 
.main_txt {
	text-align:center;
	margin:20px 0 0 0 ;
	font-size:12px;
	color:#2C1D04;
	}
.mainimg_left {
	position:absolute;
	bottom:40px;
	left:0;
	width:45%;
	}
.mainimg_right {
	position:absolute;
	bottom:42px;
	right:0;
    width:45%;
	}
.scroll {
    text-align: center;
    margin: 65px 0 0 0;
    height: 55px;
    }
.scroll:hover {
	position:relative;
	top:3px;
	}
.button {
    margin: 30px 0 0 0;
    height: 640px;
	}
.button01 {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 50%;
    }
.button02 {
    position: absolute;
    top: 5px;
    width: 55%;
    right: -8px;

    }
.button03 {
    position: absolute;
    top: 215px;
    left: 0px;
    width: 43%;
    }
.button04 {
    position: absolute;
    top: 205px;
    right: -1px;
    width: 55%;
    }
.button05 {
    position: absolute;
    top: 415px;
    left: 0;
    width: 46%;
    }
.button06 {
    position: absolute;
    top: 410px;
    right: 0px;
    width: 48%;

    }
.white_box {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff;
    width: 92%;
    padding: 3%;
    margin: 0 auto;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    overflow: hidden;
    margin-top: 8%;
    }
h2 {
    float: left;
    font-size: 18px;
    line-height: 66px;
	font-weight:bold;
	color:#382C13;
    }
.title_eng {
    float: left;
    margin: 30px 0 0 20px;
    }
.title_img {
    position: absolute;
    right: -5px;
    top: -2px;
    width: 30%;
    height: auto;
    }
.title {
	background: url(/pet/img/pet_tlbg.jpg) top left repeat-x;
    width: 100%;
	height:66px;
    text-indent: 10px;
    position: relative;
    margin: 20px 0;
    }
.intxt p {
    width: 100%;
    font-size: 15px;
    color: #382C13;
    line-height: 23px;
    margin: 15px 0 0 0!important;
    font-family: 'Noto Sans Japanese', sans-serif!important;
	clear:both;
	}
h3 {
    font-size: 16px;
    color: #2C1F05;
    margin: 5px 0 0 0;
    line-height: 35px;
	}
h3 span {
	font-size:20px;
	}
.color {
	font-size:28px;
	background-color:#FFFFBF;
	}
.point_img {
    margin: 10px 0 0 0;
    text-align:center;
    }
.kome {
    font-size: 12px;
    margin: 10px 0 0 0;
    }
.life {
    padding: 30px 0 0 0;
    }
.life_logo {
    float: left;
    margin: 0 10px 0 0;
    }
.life p {
    color: #7E642C;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 0 0 5px;
	clear:both;
    font-family: 'Noto Sans Japanese', sans-serif!important;
    }
.life_cat {
    float: right;
    width: 35%;
    height: auto;
    }
.life_width {
    width: 100%;
    margin: 15px 0 10px 0;
    }
.life_width p {
    font-size: 14px;
    color: #2C1F05;
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    font-family: 'Noto Sans Japanese', sans-serif!important;
    }
.smart_right {
    text-align: center;
    }
.life_more {
    text-align: center;
    }
.life_dog {
    float: right;
    width: 30%;
    height: auto;
    margin: -20px 0 0 0;
	}
.free p {
    font-family: 'Noto Sans Japanese', sans-serif!important;
    font-size: 14px;
    color: #444444;
    }
.yellow_wrap {
    width: 94%;
    margin: 0 auto;
    padding: 2%;
    border: solid 3px #E5CC93;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 20px;
	}
.voice_waku {
    overflow: hidden;
    border-bottom: solid 2px #E5CC93;
    }
.voice_l {
    width: 30%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: middle;
    }
.voice_r {
    display: inline-block;
    vertical-align: middle;
    width: 66%;
    color: #6C3F38;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 3% 0;
    }  
.voice_r span {
    font-size: 20px;
    display: block;
    line-height: 26px;
	}  
.fukidashi {
    background: url(/pet/img/fuki_smart.jpg) top left no-repeat;
    width: 100%;
    margin: 20px 0 0 0;
    font-family: Meiryo;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    }
.fuki_in {
    position: absolute;
    top: 38px;
    left: 95px;
    line-height: 22px;
    font-size: 18px;
    }
.voice_img {
    width: 80%;
    margin: 0 auto;
    }
.fukidashi p {
    padding: 110px 0 0 0;
    font-size: 14px;
    line-height: 22px;
    font-family: Meiryo!important;
    }
.voice_more {
    float: right;
    } 
.voice_look {
    margin: 10px 0 0 0;
    width: 100%;
    } 
.voice_small {
    font-size: 13px!important;
    float: right;
    margin: -30px 0 0 0;
	}
.bukken_box {
    width: 93%;
    padding: 2%;
    border: double 4px #E1D5BD;
    background-color: #F8F5EC;
    margin-bottom: 3%;
    }	
.bukken_img {
    text-align: center;
	width:100%;
    }
.bukken_info p {
	font-family: 'Noto Sans Japanese', sans-serif!important;
    margin: 0 0 10px 0;
    font-size: 13px;
    }
.bukken_info {
    width: 100%;
    color: #2C1F05;
    }	
.bukken_name {
	font-family: 'Noto Sans Japanese', sans-serif!important;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
	clear:both;
    }
.bukken_info a {
    text-align: center;
    display: block;
    }
.smart_l {
    float: left;
    width: 45%;
    text-align: center;
    background-color: #79BA12;
    border-radius: 10px;
    padding: 2%;
    margin: 0 0 2% 0;
    }
.smart_r {
    float: right;
    width: 45%;
    text-align: center;
    background-color: #79BA12;
    border-radius: 10px;
    padding: 2%;
    margin: 0 0 2% 0;
    }
.smart_r a, .smart_l a {
	text-decoration:none;
	color:#fff;
	}
.look_smart {
    font-size: 11px;
    text-align: center;
    margin: 0 0 5%0;
    }
	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    }
#page-top:hover {
    opacity:0.8;
	}








header .button18 {
	float:right;
	height: 52px; 
	}

header .button18 p:nth-of-type(1) {
	display: table-cell;
	margin: 0;
	height: 52px;
	text-align: center;
	
	border-color: #FF9326 #FF9326 #FF9326 #FF9326;
	border-style: solid;
	border-width: 0 1px;
	}

header .button18 p:nth-of-type(2) {
	display: table-cell;
	margin: 0;
	height: 52px;
	text-align: center;
	border-color: #FF9326 #FF9326 #FF9326 #FF9326;
	border-style: solid;
	border-width: 0 1px;
	}

header .button18 p:nth-of-type(3) {
	display: table-cell;
	margin: 0;
	height: 52px;
	text-align: center;
	
	border-color: #FF9326 #FF9326 #FF9326 #FF9326;
	border-style: solid;
	border-width: 0 1px;
	}

header .button18 p:nth-of-type(4) {
	display: table-cell;
	margin: 0;
	height: 52px;
	text-align: center;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001A66), color-stop(100%,#08295A)) ; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001A66 0%,#08295A 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #001A66 0%,#08295A 100%); /* W3C */
	}

header .button18 p:nth-of-type(1) a {
	display: block; 
	padding-top: 30px;
	width: 60px;
	height: 22px;
	color: #333;
	font-size: 10rem; 

	background: url(/mobile_img/search-head1.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(1) a.out {
	background: url(/mobile_img/search-head1.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(2) a {
	display: block; 
	padding-top: 30px;
	width: 60px;
	height: 22px;
	color: #333;
	font-size: 10rem; 

	background: url(/mobile_img/search-head2.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(2) a.out {
	background: url(/mobile_img/search-head2.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(3) span {
	display: block; 
	padding-top: 30px;
	width: 60px;
	height: 22px;
	color: #fff;
	font-size: 10rem; 

	background: url(../img_cms/icon-HeadMenu.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
			background-color:#FF9326;
				}

header .button18 p:nth-of-type(3) a.out {
	background: url(../img_cms/icon-HeadMenu.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(4) span {
	display: block; 
	padding-top: 30px;
	width: 60px;
	height: 22px;
	color: #FFF;
	font-size: 10rem; 

	background: url(../img_cms/icon-HeadMenu.png) no-repeat 50% 30%;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(1) a:hover {
	background: #FFF url(../img_cms/search-head.jpg) no-repeat 50% 30%; 
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}

header .button18 p:nth-of-type(2) a:hover {
	background: #FFF url(../img_cms/search-user.jpg) no-repeat 50% 30%; 
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}
header .button18 p:nth-of-type(3) a:hover {
	background: #FFF url(../img_cms/icon-Login.png) no-repeat 50% 30%; 
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}
	
header .button18 p:nth-of-type(4) span::active {
	background: #060 url(../img_cms/icon-HeadMenu.png) no-repeat 50% 30%; 
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	        background-size: 20px 20px;
	}
	
	

/*空室情報*/

.pet_main_txt p {
    text-align: left;
    font-size: 13px;
    color: #2C1D04;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 0px 0px 1px #ffffff, 0px 0px 10px #ffffff, 0px 0px 20px #ffffff, 0px 0px 30px #ffffff, 0px 0px 40px #ffffff;
    z-index: 9999;
    top: -45px;
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.pet_main_txt {
    background: url(/pet/img/pet_sp_mainbg.png) no-repeat;
    background-size: 100%;
    height: 200px;
    margin: 16% 0 0 0;
    position: relative;
}
.pet_main_dog {display:none;}

.pet_main_info {
    width: 96%;
    height: 180px;
    padding: 2%;
    background: #fff;
    position: relative;
    border-radius: 20px;}

.pet_main_wrap {
    margin:  -7% 0 0 0 ;
}
.pet_info_tl {
    position: absolute;
    top: -15px;
    left: 32%;
    width: 30%;
}

.pet_info_iframe{
	height:175px;
    margin: 30px 0px;
    border: solid 1px;
    border-radius: 20px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	box-sizing: border-box;	}

iframe.pet_info {
    text-align: left;
    border: none;
    width: 92%;
    margin: 2% 4%;
    height: 175px;
    background: #fff;
    display: block;
}
iframe.pet_info body {
	background:#fff!important;
	padding-top:20px;
	}
.pet_info_ser a {
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #333;
    margin: 8px 0 0 0;
    text-decoration: underline!important;
}
.pet_info_ser a:before {
    content:url(/pet/img/pet_icon.jpg);
    margin: 0px 5px 0 0;
}

.mainimg_sp_left {
    width: 40%;
    position: absolute;
    bottom: 15%;
    left: 0;
	}
.mainimg_sp_right {
    width: 40%;
    position: absolute;
    bottom: 15%;
    right: 0;
	}


}