@import url('https://fonts.googleapis.com/css?family=Lato');

/*画面非表示*/
.not_vis  {
    display:none !important;
}

.iwamikagura
{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}


/*地域とカテゴリ　チェックボックス*/

#cat_area_list   {
    /* position:absolute; */
    border:1px solid #90c7d1;
    border-radius: 10px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding:15px 20px 15px 20px;
    background-color:#fff;
    letter-spacing: -.4em;
}

#cat_area_list hr   {
    border:none;
    border-top:1.5px dotted #90c7d1;
}

#cat_area_list .wrap_check   {
    display:inline-block;
    vertical-align: top;
}

#cat_area_list .btn_search   {
    display:block;
    margin-top:28px;
    margin-left:auto;
    margin-right:auto;
}

#cat_area_list .cat_area   {
    letter-spacing: normal;
    display:inline-block;
}

#cat_area_list .cat_area span   {
    color:#90c7d1;
    font-weight: 600;
}



#cat_area_list .cat_area ul   {
    margin:0;
    padding:0;
    margin-top:0px;
    display:inline-block;
}

#cat_area_list .cat_area li   {
    list-style: none;
    margin:0;
    padding:0;
    letter-spacing: normal;
}

#cat_area_list .cat_area .check_icn   {
    position:absolute;
    padding-bottom:30px;
    top: 4px;
    left: 6px;
    z-index:6;
}

#cat_area_list .cat_area ul li{
  color: #595757;
  display: inline-block;
  position: relative;
  padding-right:10px;
  /* width: 100%; */
    margin-top:10px;
}

#cat_area_list .cat_area ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

#cat_area_list .cat_area ul li label{
  display: inline-block;
  position: relative;
  font-weight: 300;
  font-size: 16px;
  padding: 0px 5px 5px 37px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
}

#cat_area_list .cat_area ul li:hover label{
    color: #90c7d1;
}

#cat_area_list .cat_area ul li .check{
  display: inline-block;
  position: absolute;
  border: 1px solid #595757;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  top: 2px;
  left: 5px;
    z-index: 5;
    -webkit-transition: border .1s linear;
    transition: .1s;
}

#cat_area_list .cat_area ul li:hover .check {
  border: 3px solid #90c7d1;

}

#cat_area_list .cat_area ul li .check::before {
  display: inline-block;
  position: absolute;
    content: '';
  border-radius: 0px;
  height: 18px;
  width: 18px;
  top: 0px;
  left: 0px;

  margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
}

#cat_area_list .cat_area input[type=checkbox]:checked ~ .check {
  border: 3px solid #90c7d1;
}

#cat_area_list .cat_area input[type=checkbox]:checked ~ .check::before{
  background: #90c7d1;

}

#cat_area_list .cat_area input[type=checkbox]:checked ~ label{
  color: #90c7d1;
}



/*地域を選択　チェックボックス*/

#cat_area_list .area_list   {
    letter-spacing: normal;
    display:inline-block;
	padding-top:20px;
}


#cat_area_list .area_list span   {
    color:#90c7d1;
    font-weight: 600;
    /* letter-spacing: 1em; */
}



#cat_area_list .area_list ul   {
    margin:0;
    padding:0;
    margin-top:0px;
    display:inline-block;
}

#cat_area_list .area_list li   {
    list-style: none;
    margin:0;
    padding:0;
}

#cat_area_list .area_list .check_icn   {
    position:absolute;
    padding-bottom:20px;
    top: 4px;
    left: 6px;
    z-index:6;
}

#cat_area_list .area_list ul li{
  color: #595757;
  display: inline-block;
  position: relative;
  /* width: 100%; */
    margin-top:10px;
}

#cat_area_list .area_list ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

#cat_area_list .area_list ul li label{
  display: inline-block;
  position: relative;
  font-weight: 300;
  font-size: 16px;
  padding: 0px 5px 5px 37px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
}

#cat_area_list .area_list ul li:hover label{
    color: #90c7d1;
}

#cat_area_list .area_list ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #595757;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  top: 2px;
  left: 5px;
    z-index: 5;
    -webkit-transition: border .1s linear;
    transition: .1s;
}

#cat_area_list .area_list ul li:hover .check {
  border: 3px solid #90c7d1;

}

#cat_area_list .area_list ul li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 0px;
  height: 18px;
  width: 18px;
  top: 0px;
  left: 0px;

  margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
}

#cat_area_list .area_list input[type=checkbox]:checked ~ .check {
  border: 3px solid #90c7d1;
}

#cat_area_list .area_list input[type=checkbox]:checked ~ .check::before{
  background: #90c7d1;

}

#cat_area_list .area_list input[type=checkbox]:checked ~ label{
  color: #90c7d1;
}























#pp_map_area    {
    position:relative;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

#pp_map_area .area_map    {
    display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;

}

#cat_btn    {
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
/*    position:absolute;
    left:0;
    top:0;
*/}

#area_btn    {
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:20px;
/*    position:absolute;
    left:290px;
    top:0;
*/}


#pp_map_area .select_btn {
    width:270px;
    height:60px;
    border:1px solid #90c7d1;
    cursor: pointer;
    transition: 0.3s;
}

#pp_map_area .select_btn:hover    {
    background-color:#f0f0f0;
}

#pp_map_area .select_btn:hover > .btn_icn    {
    transform: scale(1.2, 1.2);
}


#pp_map_area .btn_name    {
    position:absolute;
    left:20px;
    top:0;
    bottom:0;
    margin:auto;
    font-size:15px;
    color:#595757;
    line-height:1em;
    height:17px;
}

#pp_map_area .btn_icn    {
    position:absolute;
    right:20px;
    top:0;
    bottom:0;
    margin:auto;
    transition: 0.3s;
}



#search_btn    {
	position:relative;
    display:block;
	margin-left:auto;
	margin-right:auto;
    width:180px;
    height:60px;
    background-color:#90c7d1;
    cursor: pointer;
    transition: 0.3s;
	margin-top:20px;
}

/*石見神楽選択時search_btn移動*/
.search_btn_move    {
    /* left:290px !important; */
}

#search_btn:hover    {
    background-color:#66a6af;
}

#search_btn:hover > .btn_icn    {
    transform: scale(1.2, 1.2);
}

#search_btn .btn_icn    {
    position:absolute;
    left:20px;
    top:0;
    bottom:0;
    margin:auto 0;
    transition: 0.3s;
}


#search_btn .btn_txt    {
    position:absolute;
    left:56px;
    top:0;
    bottom:0;
    margin:auto 0;
}

/*カテゴリを選択　チェックボックス*/

#cat_list   {
	position:relative;
	height:400px;
    display:block;
	margin-left:auto;
	margin-right:auto;
    border-left:1px solid #90c7d1;
    border-right:1px solid #90c7d1;
    border-bottom:1px solid #90c7d1;
    width:270px;
    padding:10px;
    background-color:#fff;
    padding-bottom:30px;
}


#cat_list .close_btn    {
    position:absolute;
    right:20px;
    top:20px;
    cursor: pointer;
    transition: 0.3s;
}

#cat_list .close_btn:hover    {
    transform: scale(1.2, 1.2);
}

#cat_list ul   {
    list-style: none;
    margin:0;
    padding:0;
    margin-top:20px;
}

#cat_list li   {
    margin:0;
    padding:0;
}


#cat_list ul li{
  color: #595757;
  display: block;
  position: relative;
  float: left;
  width: 100%;
margin-top:20px;
}

#cat_list ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

#cat_list ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 16px;
  padding: 0px 5px 5px 60px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
}

#cat_list ul li:hover label{
    color: #90c7d1;
}

#cat_list ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #595757;
  border-radius: 100%;
  height: 22px;
  width: 22px;
  top: 2px;
  left: 20px;
    z-index: 5;
    -webkit-transition: border .1s linear;
    transition: .1s;
}

#cat_list ul li:hover .check {
  border: 3px solid #90c7d1;

}

#cat_list ul li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 2px;
  left: 2px;
  margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
}

#cat_list input[type=radio]:checked ~ .check {
  border: 3px solid #90c7d1;
}

#cat_list input[type=radio]:checked ~ .check::before{
  background: #90c7d1;
}

#cat_list input[type=radio]:checked ~ label{
  color: #90c7d1;
}

/*地域を選択　チェックボックス*/

#area_list   {
	height:300px;
    position:relative;
    display:block;
	margin-left:auto;
	margin-right:auto;
    border-left:1px solid #90c7d1;
    border-right:1px solid #90c7d1;
    border-bottom:1px solid #90c7d1;
    width:270px;
    padding:10px;
    background-color:#fff;
    padding-bottom:30px;
}



#area_list .close_btn    {
    position:absolute;
    right:20px;
    top:20px;
    cursor: pointer;
    transition: 0.3s;
}

#area_list .close_btn:hover    {
    transform: scale(1.2, 1.2);
}

#area_list ul   {
    margin:0;
    padding:0;
    margin-top:20px;
}

#area_list li   {
    list-style: none;
    margin:0;
    padding:0;
}

#area_list .check_icn   {
    position:absolute;
    padding-bottom:30px;
    top: 4px;
    left: 21px;
    z-index:6;
}

#area_list ul li{
  color: #595757;
  display: block;
  position: relative;
  float: left;
  width: 100%;
margin-top:20px;
}

#area_list ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

#area_list ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 16px;
  padding: 0px 5px 5px 60px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
}

#area_list ul li:hover label{
    color: #90c7d1;
}

#area_list ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #595757;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  top: 2px;
  left: 20px;
    z-index: 5;
    -webkit-transition: border .1s linear;
    transition: .1s;
}

#area_list ul li:hover .check {
  border: 3px solid #90c7d1;

}

#area_list ul li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 0px;
  height: 18px;
  width: 18px;
  top: 0px;
  left: 0px;

  margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
}

#area_list input[type=checkbox]:checked ~ .check {
  border: 3px solid #90c7d1;
}

#area_list input[type=checkbox]:checked ~ .check::before{
  background: #90c7d1;

}

#area_list input[type=checkbox]:checked ~ label{
  color: #90c7d1;
}

#pp_condition   {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

#pp_condition .ribbon_bar   {
    display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#pp_condition .not_vis  {
    display:none;
}

/*地域ボタン*/
#pp_list    {
    position:relative;
    width:360px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
	letter-spacing: -.4em;

}

#pp_list .area_color    {
    width:160px;
    height:40px;
    border-radius: 5px;
    cursor: pointer;
}

#pp_list .area_color1    {
    background:#c9caca;
    transition: .2s;
}

#pp_list .area_color1:hover    {
    background:#509ab3;
}

#pp_list .area_color2    {
    background:#509ab3;
}

#pp_list .check_box {
    position:absolute;
    left:10px;
    top:12px;
    z-index:1;
}

#pp_list .check {
    position:absolute;
    left:13px;
    top:16px;
    z-index:0;
}
#pp_list .check_on {
    z-index:99 !important;
}

#pp_list .area_name {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

#area_btn1  {
	position:relative;
    display:inline-block;
	letter-spacing: normal;
	margin-left:10px;
	margin-right:10px;
}

#area_btn2  {
	position:relative;
    display:inline-block;
	letter-spacing: normal;
	margin-left:10px;
	margin-right:10px;
}

#area_btn3  {
	position:relative;
    display:inline-block;
	letter-spacing: normal;
	margin-left:10px;
	margin-right:10px;
}

#area_btn4  {
	position:relative;
    display:inline-block;
	letter-spacing: normal;
	margin-left:10px;
	margin-right:10px;
}

#area_btn5  {
	position:relative;
    display:inline-block;
	letter-spacing: normal;
	margin-left:10px;
	margin-right:10px;
}




/*宿泊タイプを選択　チェックボックス*/

#type07   {
    /* height:30px; */
}

#type07 span   {
    color:#a37cb3;
    font-weight: 600;
    display:inline-block;
    vertical-align: top;
    padding-left:25px;
}



#type07 ul   {
    margin:0;
    padding:0;
    padding-left:10px;
    margin-top:10px;
    letter-spacing: -.4em;
}

#type07 .check_icn   {
    position:absolute;
    padding-bottom:30px;
    top: 6px;
    left: 23px;
    z-index:0;
}

#type07 .check_icn_on   {
    z-index:8 !important;
}

#type07 ul li{
    margin:0;
    padding:0;
    display:inline-block;
    list-style: none;
    color: #a37cb3;
    position: relative;
    /* float: left; */
    margin-top:0px;
    letter-spacing: normal;
    vertical-align: top;
    margin-right:20px;
    margin-bottom:10px;
}

#type07 ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}

#type07 ul li label{
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  padding: 0px 5px 5px 50px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
}

#type07 ul li:hover label{
    color: #a37cb3;
}

#type07 ul li .check{
  display: block;
  position: absolute;
  border: 1px solid #a37cb3;
  border-radius: 2px;
    background:#fff;
  height: 22px;
  width: 22px;
  top: 2px;
  left: 20px;
    z-index: 5;
    -webkit-transition: border .1s linear;
    transition: .1s;
}

#type07 ul li:hover .check {
  border: 3px solid #a37cb3;

}

#type07 ul li .check::before {
  display: block;
  position: absolute;
    content: '';
  border-radius: 0px;
  height: 18px;
  width: 18px;
  top: 0px;
  left: 0px;

  margin: auto;
    transition: background 0.1s linear;
    -webkit-transition: background 0.1s linear;
}

#type07 input[type=checkbox]:checked ~ .check {
/*  border: 3px solid #a37cb3;
*/}

#type07 input[type=checkbox]:checked ~ .check::before{
/*  background: #a37cb3;
*/
}

#type07 input[type=checkbox]:checked ~ label{
  color: #a37cb3;
}

#more_search    {
    cursor: pointer;
    margin-top:-3px;
}

#results_list   {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    letter-spacing: -.4em;

}

#results_list .image_box_area   {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:336px;
	margin-left: auto;
	margin-right: auto;
}

#results_list .hide_area   {
	display:none;
}

#results_list .more_btn   {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
}

#results_list .image_box   {
	width:156px;
    letter-spacing: normal;
    display:block;
    position:relative;
	padding-bottom:50px;
}

#results_list .image_box h3   {
    margin-top:5px;
    margin-bottom:5px;
    line-height:1.5em;
	font-size: 15px;
}

#results_list .image_box h3 a   {
    color:#90c7d1;
    text-decoration:none;
}

#results_list .image_box h3 a:hover   {
    text-decoration:underline;
}

#results_list .image_box .txt   {
    font-size:13px;
    margin:0;
}


/*一覧ページャー*/
#purpose_pagenation {
    text-align:center;
    margin-top:30px;
    margin-bottom:100px;
}

#purpose_pagenation ul {
    letter-spacing: -.4em;
    margin:0;
    padding:0;
}

#purpose_pagenation li {
    letter-spacing: normal;
    display:inline-block;
    height:30px;
    cursor: pointer;
    vertical-align: top;
    margin:0;
    padding:0;
}

#purpose_pagenation li.prev_fast {
    width:50px;
    margin-right:10px;
    background-image:url("../../images/ooda/purpose/prev_fast50_off.svg");
    background-repeat:no-repeat;
    background-position:0 0;
}
#purpose_pagenation li.prev_fast:hover {
    background-image:url("../../images/ooda/purpose/prev_fast50_on.svg");
}

#purpose_pagenation li.prev {
    width:50px;
    margin-right:10px;
    background-image:url("../../images/ooda/purpose/prev50_off.svg");
    background-repeat:no-repeat;
    background-position:0 0;
}
#purpose_pagenation li.prev:hover {
    background-image:url("../../images/ooda/purpose/prev50_on.svg");
}

#purpose_pagenation li.next_end {
    width:50px;
    background-image:url("../../images/ooda/purpose/next_end50_off.svg");
    background-repeat:no-repeat;
    background-position:0 0;
}
#purpose_pagenation li.next_end:hover {
    background-image:url("../../images/ooda/purpose/next_end50_on.svg");
}

#purpose_pagenation li.next {
    width:50px;
    margin-right:10px;
    background-image:url("../../images/ooda/purpose/next50_off.svg");
    background-repeat:no-repeat;
    background-position:0 0;
}
#purpose_pagenation li.next:hover {
    background-image:url("../images/ooda/purpose/next50_on.svg");
}

#purpose_pagenation li.no_btn {
    width:30px;
    border:2px solid #90c7d1;
    background:#fff;
    color:#90c7d1;
    text-align:center;
    font-weight:bold;
    margin-right:10px;
}

#purpose_pagenation li.no_btn:hover {
    background:#90c7d1 !important;
    color:#fff !important;
}

#purpose_pagenation li.active {
    width:30px;
    background:#6ab1ba !important;
    border:2px solid #6ab1ba !important;
    color:#fff !important;
    text-align:center;
    font-weight:bold;
    cursor: default !important;
    margin-right:10px;
}


/*詳細ページ*/
#main_content   {
    width:312px;
	margin-left:auto;
	margin-right:auto;
}


#main_content .cat_ribbon   {
	margin-top:15px;
}

#main_content .title_area   {
    position:relative;
    margin-top:10px;
    margin-bottom:10px;

}

#main_content .title_area h2   {
    font-size:20px !important;
    color:#231815;
    margin:0;
}

#main_content .title_area .ruby   {
    font-size:14px;
    color:#231815;
    margin:0;
}

#main_content .back_btn   {
    display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#detail_box   {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    letter-spacing: normarl;
    margin-top:80px;
}

#detail_box .sub_image   {
    letter-spacing: normal;
    display:block;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:30px;
}

#detail_box .content   {
    letter-spacing: normal;
    margin-left:20px;
    margin-right:20px;
    margin-top:0;
    margin-bottom:0;
}

#detail_box .content img   {
	width:100%;
	height:auto;
}

#detail_box .last_image   {
/*    float:left;*/
    margin-right:40px !important;
}

/*基本情報*/
#base_info  {
    margin-top:120px;
    width:312px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}

#base_info .info_title {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#base_info dl {
    border-top:2px solid #15537a;
    padding-top:50px;
    font-size:17px;
    font-weight:500;
}

#base_info dt {
    margin-left:10px;
    color:#15537a;
    line-height:1.6em;
}

#base_info dd {
    line-height:1.6em;
	margin-left:10px;
}


#base_info dd p {
    line-height:1.6em !important;
}

#base_info hr {
    margin-top:10;
    margin-bottom:15px;

}

#sns_area   {
    height:23px;
    margin-top:30px;
    text-align:center;
    letter-spacing: -.4em;
}

#sns_area .sns_img  {
    display:inline-block;
    letter-spacing: normal;
    margin-left:12px;
    margin-right:12px;
    cursor: pointer;
    transition: .3s;
}

#sns_area .sns_img:hover  {
    transform: scale(1.2, 1.2);
}

#map    {
    width:312px;
    margin-left:auto;
    margin-right:auto;
    margin-top:115px;
}


#btn_area   {
    margin-top:30px;
    margin-bottom:220px;
}

#btn_area .back_btn {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#iwamikagura    {
    letter-spacing: normal;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right: 10px;
}

#iwamikagura .main_image    {
    width:100%;
    height:auto;
}

#iwamikagura .special_site    {
    width:320px;
    height:60px;
    margin-left:auto;
    margin-right:auto;
    background:#91c8d2;
    transition: .3s;
    position:relative;
    margin-top:30px;

}

#iwamikagura .special_site .special_txt    {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}

#iwamikagura .special_site .arrow_btn    {
    position:absolute;
    left:271px;
    top:0;
    bottom:0;
    margin:auto;
    transition: .3s;
}

#iwamikagura .special_site:hover     {
    background: #5ba1aa;
}

#iwamikagura .special_site:hover > .arrow_btn   {
    transform: scale(1.2, 1.2);
}

#iwamikagura .main_text    {
    /* text-align:center; */
    line-height:2em;
    margin-top:30px;
}

#iwamikagura .kagura_calendar    {
    margin-top:30px;
    margin-bottom:200px;
}

#iwamikagura .kagura_calendar iframe    {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

#iwamikagura h3.calendar    {
    color:#91c8d2;
    font-size:22px;
    display:block;
    width:340px;
    margin-left:auto;
    margin-right:auto;
    border-bottom:1px dotted #91c8d2;
    margin-top:50px
}

/* 2023/09/26 */

#results_list .cat_banner
{
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
}

#results_list .cat_banner.only_area
{
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
}

#results_list .head_area
{
	margin-top:20px;
	width:336px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	letter-spacing: normal;
	margin-bottom:40px;
}

#results_list .head_area h4
{
	padding-left:32px;
	margin:0;
	padding-top:5px;
	font-size:18px;
}

#results_list .head_area .area_banner
{
	width:336px;
	margin-left: auto;
	margin-right: auto;
	position:absolute;

}


#pickup_model_wrap.purpose_relation
{
	background-color:white;
	margin-top:0px;
	margin-bottom:50px;
}