@charset "utf-8";

/* -- Layout
-------------------------------------------------------------------------------- */
body > div,
body > nav,
body > section,
body > aside {
	margin-left: 0;
	margin-right: 0;
	text-align:left;
}
/* -- header
-------------------------------------------------------------------------------- */
header {
	height:auto;
	text-align:left;
	padding:4px;
}
header address{
	width:100%;
	text-align:left;
	}
header time {
	line-height: 1;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 113px;
	position: absolute;
	top: 25px;
	left: 45px;
}
h1{
	margin:0 0 0 9px;
	}
#bnr{
	margin-top:-30px;
	z-index:50;
	margin-left: 2%;
	margin-right: 2%;
	}
#bnr ul {
	display: block;
	overflow: hidden;
}
#bnr ul li {
	width: 47%;
	float:left;
	margin: 0 8px 12px 0;
	position:relative;
	z-index:50;
}
#bnr ul li:last-child{
	margin: 0 0 12px 0;
	width: 49%;
	}


header address a{
	width: 45%;
	text-align:center;
	position:absolute; top:7px; right:9px;
	color:#FFF !important;
	display:block;
	margin: 0 7px 0 0;
	background: #38B1D4;
	border:none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px 0;
}

header address a:after{
	content: "";
	background:url(/sp/common/img/layout/icon_tel.png) no-repeat 0 0;
	background-size: 21px 22px;
	width: 21px;
	height: 22px;
	margin-top: -6px;
	position: absolute;
	top: 35%;
	left: 10px;
}

/* -- slider
-------------------------------------------------------------------------------- */
#mainImages {
	margin-bottom: 10px;
}
#mainImages p {
	margin-bottom: 5px;
}
/* -- Recommended Plan
-------------------------------------------------------------------------------- */
#recommended {
	background:url(../img/common/bg_mesh.png);
	margin-bottom: 20px;
	padding:0 8px 12px 8px;
}
#recommended h2 {
	font-size: 116%;
	display: block;
	padding: 10px 0 10px 50px;
	position: relative;
	color:#1f286f;
}
#recommended h2 img {
	position: absolute;
	top: 3px;
	left: 2px;
}
.tabBody li  {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e9e9), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	border-bottom:1px solid #CCC;
	display: block;
	padding: 7px 5px;
	overflow: hidden;
}
.tabBody li figure {
	display: block;
	float: left;
	padding: 0 3% 0 0;
	width: 32%;
}

.tabBody li p {
	margin-bottom: 5px;
	padding: 3px 0;
	line-height: 1.3;
	display: block;
	overflow: hidden;
}
.tabBody li a[href*="http://"] {
	background: url(/sp/common/img/common/ico_blank.png) no-repeat right center;
	background-size: 11px 11px;
	padding-right: 18px;
}
.planBanner{
	margin:15px 0 0 0;
}
.planBanner2{
	margin:5px 0 30px 0;
}
.pickupBanner{
	margin: 15px 0;
	clear:both;
	text-align:center;
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color:#F3EDDA;
}
.pickupBanner ul {
	display: block;
	overflow: hidden;
	padding:0 0 15px 10px;
}
.pickupBanner ul li {
	width: 47%;
	float:left;
	margin: 0 8px 5px 0;
}
.pickupBanner li::last-child { margin-right:0; }
/* -- news
-------------------------------------------------------------------------------- */
#news {
	background:url(../img/common/bg_mesh.png);
	margin-bottom: 20px;
	padding:0 8px 12px 8px;
}
#news h2 {
	font-size: 116%;
	display: block;
	padding: 10px 0 10px 40px;
	position: relative;
	color:#1f286f;
}
#news h2 img {
	position: absolute;
	top: 2px;
	left: 2px;
}

#news li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e9e9), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	border-bottom:1px solid #CCC;
	display: block;
	padding: 7px 5px;
	overflow: hidden;
	position:relative;
}

#news li:after {
	content: "";
	background: url(/sp/common/img/common/ico_arrow1.png) no-repeat 0 0;
	background-size: 9px 14px;
	display: block;
	width: 9px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 12px;
}
#news li a {
	display: block;
	padding: 5px 40px 0 0;
}
#news li em {
	font-size: 84%;
	font-style: normal;
	color: #FFF;
	vertical-align: middle;
	display: inline-block;
	padding: 3px 10px;
	margin-left: 5px;
	border-radius: 3px;
}
#news li em.news { background: #E87A8C; }
#news li em.event { background: #E9C155; }
#news li em.plan { background: #A8C55C; }

/* -- event
-------------------------------------------------------------------------------- */


/* -- banner
-------------------------------------------------------------------------------- */
#bnr2{
	margin-bottom:20px;
	margin-left: 2%;
	margin-right: 2%;
	}
#bnr3{
	margin-bottom:20px;
	margin-left: 2%;
	margin-right: 2%;
	}
.sns ul{
  margin: 40px 4% 50px 5%;
  }
.sns li{width: 30%; float: left;}


/* -- footer
-------------------------------------------------------------------------------- */
#toTop {
	width:100%;
	margin:0;
	padding:0;
	margin-bottom: 12px;
	background:url(../img/layout/ft_bg2.png) repeat-x;
	background-size: auto 39px;
	overflow: hidden;
}
#toTop p {
	display: block;
	float: right;
	width: 20%;
	text-align: center;
}
#toTop p a {
	padding: 19px 0 0;
}
#toTop p a:after {
	content: "";
	background: url(/sp/common/img/common/ico_arrow3.png) no-repeat 0 0;
	background-size: 14px 9px;
	display: block;
	width: 14px;
	height: 9px;
	margin-left: -7px;
	position: absolute;
	top: 8px;
	left: 50%;
}
footer ul{
	float:right;
}
footer li{
	width:70px;
	float:left;
	margin:0 0 8px 0;
	margin-right: 8px;
}
#footerBt .myPage{
	padding-bottom:30px;
	}
#footerBt .myPage a{
	width:60%;
	color:#FFF;
	display:block;
	margin: 20px auto 0 auto;
	background: #F4C442;
	border:none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px 0;
	text-align:center;
	position:relative;
}

#footerBt .myPage a:after{
	content: "";
	background:url(/sp/common/img/common/icon_mypage.png) no-repeat 0 0;
	background-size: 28px 22px;
	width: 28px;
	height: 22px;
	margin-top: -6px;
	position: absolute;
	top: 35%;
	left: 10px;
}

/* -- info
-------------------------------------------------------------------------------- */
#information {
	background:url(../img/common/bg_mesh.png);
	margin-bottom: 20px;
	padding:0 8px 12px 8px;
}
#information h2 {
	font-size: 116%;
	display: block;
	padding: 10px 0 10px 5px;
	position: relative;
	color:#1f286f;
}
#information ul{
	margin:0 0 0 10px;
}
#information li{
	width:180px;
	margin:0 0 10px 0;
	float:left;
	font-size:100%;
}
#information li.column1{
	width:90%;
	margin:0 0 10px 0;
	float:left;
	font-size:100%;
}
#information li#add{
	background:url(../img/common/icon_add.png) no-repeat 0 0;
	padding:0 0 0 28px;
}
/* -- カルーセル　バナー
-------------------------------------------------------------------------------- */

#owl-demo .item{
	margin: 8px;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
#container{
	width: 100%;
}
/* -- tab menu
-------------------------------------------------------------------------------- */

#fragment-1{
	background: url(../img/index/bg_tab01.png) repeat-x top;
	}
#fragment-2{
	background: url(../img/index/bg_tab02.png) repeat-x top;
	}
#fragment-3{
	background: url(../img/index/bg_tab03.png) repeat-x top;
	}
#tabs li img{
	width:98px;
	height:65px;
	}
#tabs li{
	float:left;
}
#tabs li#menu01 a{
	width:98px;
	height:65px;
	background:url(../img/index/tab1_off.png) no-repeat;
	background-size: 98px 65px;
	cursor:pointer;
	margin-right:0px;
	}

#tabs li#menu01.current a{
	background:url(../img/index/tab1_on.png) no-repeat;
	background-size: 98px 65px;
	}
#tabs li#menu02 a{
	width:98px;
	height:65px;
	background:url(../img/index/tab2_off.png) no-repeat;
	background-size: 98px 65px;
	cursor:pointer;
	}
#tabs li#menu02.current a{
	background:url(../img/index/tab2_on.png) no-repeat;
	background-size: 98px 65px;
	}
#tabs li#menu03 a{
	width:98px;
	height:65px;
	background:url(../img/index/tab3_off.png) no-repeat;
	background-size: 98px 65px;
	cursor:pointer;
	}
#tabs li#menu03.current a{
	background:url(../img/index/tab3_on.png) no-repeat;
	background-size: 98px 65px;
	}
#tabs li a{
	display:block;	
	padding-bottom:0px;
	}

li#menu01 span,
li#menu02 span,
li#menu03 span{
display:none;
}

/* -- tab
-------------------------------------------------------------------------------- */
#tabwrap {
    background: #fff;
    overflow: hidden;
    width: 100%;
    min-height: 300px;
	margin-bottom:25px;

}
#tabs li { list-style: none; }
  

#tabs li:first-child a { border-left: 0; }
#tabs li:last-child a { border-right: 0; }
  

  
#content > div {
    clear: both;
    display: none;
}
  
#content .current { display: block; }
#content #home.first { display: block; }

.tabBody{
	padding-top:4px;
}

/* -- 空室検索 -- */
#dateSearch{
	box-sizing : border-box ;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0 2% 0 2%;
	overflow: hidden;
}
#dateSearch select{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border-radius:6px;
    width: 83px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-indent: 0.5em;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    background:#38B1D4 url(../img/common/arrow_white.png) no-repeat;
    background-size:13px 13px;
    background-position: 66px center;
	}
#dateSearch p.btnCondition{
	clear:both;
	}
#dateSearch .btnCondition input{
	width: 100%;
	line-height: 1.1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fefefe), color-stop(0.97, #dcdcdc), color-stop(0.00, #fefefe));
	background: -webkit-linear-gradient(top, #fefefe 0%, #dcdcdc 97%, #fefefe 100%);
	background: -moz-linear-gradient(top, #fefefe 0%, #dcdcdc 97%, #fefefe 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #dcdcdc 97%, #fefefe 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #dcdcdc 97%, #fefefe 100%);
	background: linear-gradient(top, #fefefe 0%, #dcdcdc 97%, #fefefe 100%);
	display: block;
	padding: 25px 35px 25px 35px;
	border: solid 1px #bbbbbb;
	border-radius: 7px;
	position: relative;
	box-sizing : border-box;
}
#form_search .btn{
	padding: 10px 20px 10px 40px;
	background: -moz-linear-gradient(
		top,
		#e2ded7 0%,
		#f2f0ec 75%,
		#f5f5f2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e2ded7),
		color-stop(0.75, #f2f0ec),
		to(#f5f5f2));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #f2f0ec;
	-moz-box-shadow:
		0px 1px 3px rgba(23,23,23,0.5),
		inset 0px 0px 10px rgba(242,240,236,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(23,23,23,0.5),
		inset 0px 0px 10px rgba(242,240,236,0.7);
	box-shadow:
		0px 1px 3px rgba(23,23,23,0.5),
		inset 0px 0px 10px rgba(242,240,236,0.7);
		background-color:#FFFFFF;
		margin-bottom:25px;
}

#form_search .btn {
    background:url(../img/common/icon_plus.png) 97% center no-repeat #ffffff;background-size:26px 26px;
	position: relative;
    border-bottom:1px solid #EEE; height:30px; text-indent:10px; line-height:30px; color:#333; font-weight:bold; cursor:pointer;}
#form_search .btn.active {
    background:url(../img/common/icon_minus.png) 97% center no-repeat #ffffff;background-size:26px 26px;
}
#form_search .btn:before {
    position: absolute;content: "";
    top: 34%;left: 8px;
    margin: -7px 0 0 0;
    background:url(/sp/common/img/common/icon_search.png) no-repeat;
    width: 44px;height: 30px;
    background-size: 44px 30px;
    }


#form_search .toggle_box { background:#FFF; padding:10px; line-height:1.5; display:none;
margin-top:15px;
}
#form_search .btnCondition{
	margin-bottom:20px;
	}
#dateSearch dl{
	margin-bottom: 15px;
}
#dateSearch dt{
	font-size: 18px;
}
#dateSearch dt.tit_m{
	font-size: 14px;
}
#dateSearch .memberMenu li a{
	margin: 0 0 10px 0;
	padding: 8px 0 8px 15px;
	width: 100%;
	background-color : #F1EAE0;
	border-radius: 5px;
	-webkit-border-radius : 5px;
	-moz-border-radius: 5px;
	box-sizing : border-box ;
	display: block;
}
/* event */
#event li figure {
	display: block;
	float: left;
	padding: 0 3% 0 0;
	width: 32%;
}

#event {
	background:url(../img/common/bg_mesh.png);
	margin-bottom: 20px;
	padding:0 8px 12px 8px;
}
#event h2 {
	margin-bottom: 15px;
}
#event h3 {
	margin-bottom: 8px;
}


#event li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e9e9), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	border-bottom:1px solid #CCC;
	display: block;
	padding: 7px 20px 7px 5px;
	overflow: hidden;
	position:relative;
}

#event li a:after {
	content: "";
	background: url(/sp/common/img/common/ico_arrow1.png) no-repeat 0 0;
	background-size: 9px 14px;
	display: block;
	width: 9px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 12px;
}
#event li a {
	display: block;
	padding: 0 40px 0 0;
}
#event li em {
	font-size: 84%;
	font-style: normal;
	color: #FFF;
	vertical-align: middle;
	display: inline-block;
	padding: 2px 8px;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 7px;
	border-radius: 3px;
}
#event li em.now { background: #ef851e; }
#event li em.plans { background: #3BBCD2; }

/* -- weather
-------------------------------------------------------------------------------- */
#weather{
	position:absolute; top:5px; right:8px;

	width: 60px;
	padding: 0 0;
	height:30px;
	text-align:center;
	}
#weather weatherSet{
	position:relative;
	}
#weather #weather01 .icon{
	width:26px !important;
	height:18px !important;
	position:absolute; top:0.6vh; right:75px;
	}
#weather #weather02 .icon{
	width:26px !important;
	height:18px !important;
	position:absolute; top:5.4vh; right:75px;
	}
#weather #weather01 .temp{
	width:80px;
	margin:0;
	position:absolute; bottom:0.8vh; right:0px;
	font-size:10px;
	line-height:1.1;
	}
#weather #weather02 .temp{
	width:80px;
	margin:0;
	position:absolute; bottom:-4.1vh; right:0px;
	font-size:10px;
	line-height:1.1;
	}
.landscape #weather{
	width: 220px;
	padding: 0 0;
	height:160px;
	text-align:center;
	}
.landscape #weather01 .icon{
	width:52px !important;
	height:36px !important;
	position:absolute; top:15px; left:60px;
	margin-top:10px;
	}
.landscape #weather02 .icon{
	width:52px !important;
	height:36px !important;
	position:absolute; bottom:0px; left:60px;
	margin-top:30px;
	}
.landscape #weather01 p.temp{
	width:130px;
	margin:0;
	position:absolute; top:10px; left:100px;
	font-size: 16px !important;
	line-height:1.4;
	}
.landscape #weather02 p.temp{
	width:130px;
	margin:0;
	position:absolute; top:60px; left:100px;
	font-size: 16px !important;
	line-height:1.4;
	}
#weatherSet .yohoTxt{
	display:none;
}
#weatherSet .max{
	color:#ff6600;
}
#weatherSet .mini{
	color:#3098e0;
}
@media screen and (max-width: 320px) {
	#weather weatherSet{
	position:relative;
	}
#weather #weather01 .icon{
	width:26px !important;
	height:18px !important;
	position:absolute; top:1px; right:60px;
	}
#weather #weather02 .icon{
	width:26px !important;
	height:18px !important;
	position:absolute; top:32px; right:60px;
	}
#weather #weather01 .temp{
	width:70px;
	margin:0;
	position:absolute; bottom:8px; right:0px;
	font-size:10px;
	line-height:1.1;
	}
#weather #weather02 .temp{
	width:70px;
	margin:0;
	position:absolute; bottom:-18px; right:0px;
	font-size:10px;
	line-height:1.1;
	}

}
@media screen and (max-width: 480px) {
	.landscape #weather{
	width: 220px;
	padding: 0 0;
	height:160px;
	text-align:center;
	}
.landscape #weather01 .icon{
	width:52px !important;
	height:36px !important;
	position:absolute; top:0px; left:75px;
	margin-top:7px;
	}
.landscape #weather02 .icon{
	width:52px !important;
	height:36px !important;
	position:absolute;bottom:-20px; left:75px;
	margin-top:15px;
	}
.landscape #weather01 p.temp{
	width:130px;
	margin:0;
	position:absolute; top:0px; left:120px;
	font-size: 16px !important;
	line-height:1.4;
	}
.landscape #weather02 p.temp{
	width:130px;
	margin:0;
	position:absolute; top:40px; left:120px;
	font-size: 16px !important;
	line-height:1.4;
	}
}
@media screen and (max-width:640px){
	.YoutubeWrapper{
	position: relative ;
	margin-top: 0.5em ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
	}

	.YoutubeWrapper iframe {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
	}

	}
/* media */
#media{
	margin: 0 10px 20px 10px;
}
body:not(#index) #media{
	margin: 25px 10px 20px 10px;
}
#media h3{
	width: 150px;
	margin: 0 0 12px 0;
}
#media h3 img{
	width: 100%;
	height: auto;
}
#media ul{
	margin-bottom: 30px;
}
#media li{
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #C5C5C5;
	position: relative;	
	padding-right:20px;
	list-style-type: none !important;
}
#media li p:nth-child(1){
	font-size: 12px;
	margin-bottom: 8px;
	color: #000000;
}
#media li p:nth-child(2){
	font-size: 14px;
	font-weight: bold;
	color: #4E9CBD;
}
#media li p{
	line-height: 1.7;
}
#media li a{
	text-decoration: none;
	line-height: 1.7;
	position: relative;
	display: block;
}
#media li a:hover{
	opacity: 0.8;
}
#media li a::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4E9CBD;
  border-right: solid 2px #4E9CBD;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: -15px;
  margin-top: -4px;	
}
#media .btn a{
	display:inline-block;
	text-align: center;
	padding: 8px 15px 8px 15px;
	font-size: 14px;
	color: #FFFFFF;
	background: #31a1b9;
	border-radius: 6px;
}
#media .btn a:hover{
	opacity: 0.85;
}
.mediaTime{
	text-align: left;
	margin: 10px 0 30px 10px !important;
}
/* ページナビ ==== */
.content-nav ul {
	margin: 10px 10px 30px 10px;
	padding: 45px 0 0px;
	text-align: center;
}
.content-nav ul li {
	display: inline;
	margin-right:8px;
}
.content-nav ul li .current_page {
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	padding: 5px 8px;
	background-color: #000000;
	border: 1px #000000 solid;
	color:#ffffff;
	font-weight:normal;
}
.content-nav ul li a {
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	padding: 5px 8px;
	border: 1px #acacac solid;
	list-style-type: none;
	text-decoration:none;
}

.content-nav ul li a:link,
.content-nav ul li a:visited {
	color: #373737;
}
.content-nav ul li a:hover,
.content-nav ul li a:active {
	background-color: #000000;
	color: #FFFFFF;
}
/* weather-snow */
#weather-snow{
  background: url("/image/bg_ski-resort.jpg") no-repeat right 5% bottom;
  max-width: 980px;
  margin: 20px 8px 20px 8px;
  border-radius: 8px;
}
#weather-snow .inr{  
  padding: 16px 10px 16px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#weather-snow h2{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1.1;
  font-weight: bold;
  display: block;
  padding: 3px 0px 15px 0px;
}
#weather-snow .inr > div:nth-child(1){
  width: 100%;
  text-align: left !important;
}
#weather-snow .inr > div:nth-child(2){
  width: 85%;
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 8px;
  padding:15px 10px 3px 10px;
}
#weather-snow .inr > div:nth-child(3){
  width: 85%;
  background: #FFFFFF;
  border-radius: 8px;
  margin-right: 0px;
  padding:15px 10px 3px 10px;
}
#weather-snow h3{
  color: #00aaec;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 3px 0 0;
}
#weather-snow .inr > div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
}
#weather-snow .inr > div p{
  font-size: 13px;
  color: #00aaec;
}
#weather-snow .inr > div p:nth-of-type(1){
  margin-top: -6px;
}
#weather-snow .inr > div p:nth-of-type(2){
  padding: 6px 5px 0 4px;
}
#weather-snow .inr > div p:nth-of-type(3){
  margin: -6px 0 0 0;
  line-height: 1.8;
}
#weather-snow .inr > div span{
  color: #f33389;
}
#weather-snow .now{
  font-size: 16px !important;
  font-weight: bold !important;
  color: #ff3dc1 !important;
  margin-left: 0px;
  margin-bottom: 8px;
}