@charset "utf-8";

.imgZoom img {
	height:auto;
}
#headerInfo .spGmenu {
	display: none;
}
.spFavoriteTop{display: none;}


@media screen and (max-width: 1100px) {
	.headerBoxLists {
		width: auto;
	}
	.headerBoxLists > ul{
		width: auto;
	}
	#slides > div {
		background-size: 100% auto;
		background-size: cover;
	}
}

@media screen and (max-width: 980px) {
	.top #headerInfo h1 {
		width: auto;
		height:auto;
	}
	#headerInfo h1 {
		width: auto;
		height:auto;
	}

  .top #headerInfo {
	  width: auto;
	  height: 250px;
  }

}
@media screen and (max-width: 960px) {
	#slides{max-height:330px;overflow:hidden;}
	#slides > div{max-height:330px;overflow:hidden;}
	#hClock{
		display:none;
	}

	#headerInfo {padding-left: 0;position: relative;/*padding-top: 100px;*/padding-top: 60px;}
	#header.fixed #headerInfo{padding-top: 42px;}
	#header.fixed .spGmenuTop{top: -42px !important;}
	#header.fixed .spFavoriteTop{top: -42px !important;}
	#header.fixed .spFavoriteTop a em{top:0px ;}
	.top #headerInfo{padding-top: 0;}
	.top #headerInfo .headText,
	#headerInfo .headText {padding-left: 95px;background: rgba(255,255,255,0.80);position: absolute;top:0;width: calc(100% - 5px);max-height: 40px;}
	#headerInfo .headText {display: none}
	.top #headerInfo .headText {display: block}
	#headNav{border-top: 2px solid #00A26B;border-bottom: 4px solid #00A26B;}
	#header.fixed #headNav{border:unset !important;}

	#headerInfo .spGmenu {
		display: block;/*default*/

		background: url(../images/sptoggle.png) left top no-repeat;
		position: absolute;
		width: 40px;
		height: 40px;
		right: 0;
		top: 70px;
		cursor: pointer;
	}
	#navGlobal {
		padding-left: 0;
		width:100%;
	}
	#navGlobal li {
		float: none;
		width: 100%;
	}
	#navGlobal li a {
		width: auto;
		display: block;
	}
	#hlogo {min-width:90px !important;width:auto !important;max-height: 60px;height:auto;z-index: 20;	}
	#hlogo>a {padding: 5px 0 0 0;}
	#hlogo>a>img {
		width: 80px;
		height: auto;
	}
	#hlogo p a {padding: 6px 2px;font-size: 9px;line-height: 1.2;white-space:nowrap;	}
	#header.fixed {background-color: #fff;    border-bottom: 2px solid #00A26B;height: 42px;}
	#header.fixed #hlogo>a{display: block;background-image: url(/common_asp/images/header_logo_white.gif);background-repeat: no-repeat;    background-position: left 10px top 5px;background-color: #fff;height: 40px;background-size: contain;}
	#header.fixed #hlogo>a>img{display: none;}
	#header.fixed #hlogo p{display: none;}

	#wrapper {
		background: none;
	}
	.mainBtn-inner{height:50px;}
	.mainBtn-inner a{padding:7px 6px;}
	.headerBoxLists {
		margin-top:0;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.headerBoxList-item {
		font-size: 100%;
		width: auto;
		display: block;
		text-align: center;
	}
	.headerBoxList-item.btn {width: auto;    padding: 5px 8px 10px 5px;	}
	.headerBoxLists #headerSubErea{width:100% !important;margin-top:0;padding-top:5px;}
	.headerBoxLists {position: absolute;bottom:0;width:100% !important;}
	.headerBoxLists li{margin:0;padding:0;width:100% !important;}
	.headerBoxLists #btnConfirm {
			position: static;
			margin: 0px auto;
			width: 40%;
			height: 46px;
	    border-radius: 6px;
	    box-shadow: 0px 0px 0px 1px #FFF inset;
	    border: 1px solid #F73B00;
	    background: transparent linear-gradient(to bottom, #FB7B31 43%, #F73B00 59%) repeat scroll 0% 0%;
	    color: #F1F1F1;
	    text-align: center;
	}
	.headerBoxLists #btnConfirm a {
	    /*padding: 18px 6px;	    display: block;*/
			height: 46px;
	    font-size: 19px;
	    font-weight: bold;
	    color: #FFF;
	    line-height: 1;
	    text-decoration: none;
	}
	.headerBoxLists #btnConfirm a {
	    font-size: 14px;
	    font-weight: bold;
	    color: #FFF;
	    line-height: 1;
	}

  #slides {height:350px;position:absolute;width:100%;margin-top:62px;}
  #mainArea {
	  display: block;
	  width:100%;
		
  }
  #mainArea .mainblock {
	  left: 0;
	  width: 100%;
	  top:50px;
  }
  #mainArea .mainblock .mainTitle img {
	  display: none;
  }
  #mainArea .mainblock .mainTitle .mainTitle-ja {
	  width: 100%;
	  font-size: 20px;
  }
  #header {/* 960 */
	  position:fixed;width:100%;margin-bottom: 0;top:0;height:66px;background-color:#fff;z-index:999;}
  #container {padding-top:66px;  }
	body.top #header{background-color:transparent;}

  .top #header {/* 960 */
/*	  margin-bottom: 338px;/* 293+45=338 */
	height: auto !important;
  }
  ul#navGlobal {
	  height:auto;
  }
  #headerInfo h1 {width: calc( 100% - 40px );color:#666;}
  #header.fixed #headerInfo h1 {display:none;}
  #headNav {
  }
  #headNav #headNavInner {
	  width: auto;
	  padding: 0;
	  margin: 0;
	  border-width: 1px;
	  height: auto;
	  position: relative;background-color: white;z-index: 100;
  }
  #headNav #headNavInner .global_navi {
	  padding-top: 40px;
  }
  #headNav #headNavInner .global_navi ul {

	  width: 100%;
  }
  #headNav #headNavInner .global_navi li {
	  display: block;
	  float: none;
	  width: 100%;
	  text-align: left;
  }
   .spGmenuTop {
	display: block;/*default*/background: url(../images/sptoggle.png) left top no-repeat;
	position: absolute;	top:-50px;right:00px;width: 40px;height: 40px;cursor: pointer;
  }

 #header.fixed .spGmenuTop {top:-60px;right:00px; }


  #headNav #headNavInner {
	  width: auto;
	  padding: 0;
	  margin: 0;
	  border-width: 1px;
	  height: auto;
	  position: relative;
  }
  #headNav #headNavInner .global_navi {padding-top: 0px;width:100%;background-color:#fff;float:none;top:0px;}
  #headNav #headNavInner .global_navi ul {border-bottom: 2px solid #00A26B;width: 100%;background-color:#fff;}
  #headNav #headNavInner .global_navi li {
	  display: inline-block;
	  float: none;
	  width: 100%;
	  text-align: left;border-bottom:1px dotted #ddd !important;
  }
	#headNav #headNavInner.fixed{position:fixed;z-index:999;top:0;width:100%;}
	#headNav #headNavInner.fixed .global_navi{background-image:url('/common_asp/images/header_logo_white.gif');background-repeat:no-repeat;background-position: left 10px top 5px;background-size: 90px auto;background-color:#fff;border-bottom:2px solid #00A26B;height: 42px;}
	#headNav #headNavInner.fixed #topSearchBox{display:none;}

	.guide #content #content-body{padding-left:0;padding-right:0;}
	.guide #content #content-body .bodycopy img{max-width:100%;height:auto;}





  div#topicPath {
	  display: none;
  }
  #container {/* 960 */
	  width:auto;
  }
	#content {
		width:auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	  ul.navPhoto {
		  margin-right: 0;
	  }
	  #navguide {
		  width:auto;
	  }
	  #content .leadBox.recommend {
		  padding-left: 0;
		  background-image: none;
      }
	  #wrapper #container .leadBox.recommend {
		  margin-left:0;
	  }
	    #content .leadBox.recommend h3, #content .leadBox.landmark h3, #content .leadBox.short h3 {
			text-indent: 0;
			width: auto;
			color:#FF3567;
/*			font-size: 23px;*/
			height: auto;
			background-image: none;
		}
/*
	.map_image_wrap img {
		width: 100%;
		height:auto;
	}
*/
  #localShop {
	  width:auto;
  }
  #content h3,
  #localShop h3 {
	  background-image: url(../images/h3_bg_sp.png);
	  padding-left: 5px;font-size: 14px;
  }
  #localShop .div-business{width: 100%;margin: 0 auto;padding-top: 0;}
body.shop #boxInfo:first-child h3{background-image:unset;}
  .navMapDL {
	  width:auto;
  }

  #footer {}
	#navGroup {/* 898 */
		width: auto;
	}
	#navGroup dd {
		width: auto;
	}

  
	.ci-ap-section {
		width: auto;
	}


  .boxNotice {/* 842 */
	  width:auto;
  }
  .ci-ap-section {
	  padding-left: 10px;
	  padding-right: 10px;
	  }


	  .houseListInfoarea .tSearchBasic .boxCol-01 {
		  width: auto;
	  }




}
@media screen and (max-width: 920px) {
  .content900 {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
  }
  .houseInqArea table {
	  width: auto;
  }

  .houseInqArea .div-fav{top:unset;bottom: 5px;;}  
  .houseInqArea .div-fav i.fav{width: 35px;height: 35px;}
}
@media screen and (max-width: 900px) {
	.bodycopy p{margin-top: 0.5em;}
  .content880 {	  width:auto;/*	  margin-left: 10px;	  margin-right: 10px;*/  }
  #shopService {
    width: auto !important;
  }
  #shopService .layLeft, #shopService .layRight {
    width: auto !important;
  }
  #shopOutline {}
  #shopOutline .boxTable {}
  #shopOutline .boxTable table {}
  #shopOutline .boxTable table th {
    padding: 5px;
    width:auto;
    word-wrap: break-word;
  }
  #shopOutline .boxTable table td {
    padding: 5px;
    word-wrap: break-word;
  }
  
  
  
  #facilitiesList {
	  width:auto;
	  margin-left: 0;
	  margin-right: 0;
  }

  #facilitiesList .tSearchBasic ul {
	  margin-left: 0;
  }
  #facilitiesList .tSearchBasic ul {
	  margin-left: 0;
  }
  #facilitiesList .tSearchBasic ul.list-3col li{
	  width: 48% !important;
	  margin-right:  2% !important;
  }
  #facilitiesList .tSearchBasic ul.list-3col li:nth-of-type(2n){
	  margin-right:  0 !important;
  }

  .list-2col, .list-3col, .list-4col{
	  margin-right: 0;
  }
  .contactShop {
	  text-align: center;
	  padding-right: 10px;
  }
  .contactShop .contactShopTxt {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	  width: auto;
	  }
  .contactShop .contactShopTxt p {
	  padding-right: 0;
	  background-image: none;
	  margin: 0.5em 1em;
	  text-align: left;
  }
  .contactShop .contactShopTxt br {
	  display: none;
  }
  .contactShopBtn {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	}
  #pagetopContent .inquiryBox, #footer #pagetopFooter .inquiryBox {
	  float: left;
  }
  #pagetopContent .inquiryBox-inner, #footer #pagetopFooter .inquiryBox-inner {
    background: transparent linear-gradient(to bottom, #fb7b31 43%, #f73b00 59%) repeat scroll 0 0;
     height: 78px;
     margin: 0 0 0 0;
  }
	#pagetopContent .inquiryBox-inner a, #footer #pagetopFooter .inquiryBox-inner a {
    padding: 13px 0px;
}
  /*#pagetopContent .inquiryBox-inner a, #footer #pagetopFooter .inquiryBox-inner a {
	  padding: 10px 10px;
  }*/
  #pagetopContent .inquiryBox-icon, #footer #pagetopFooter .inquiryBox-icon {
	  margin-bottom: 4px;
  }
  #pagetopContent .inquiryBox-icon img, #footer #pagetopFooter .inquiryBox-icon img {
	  height: 15px;
	  width: auto;
  }
  #pagetopContent .inquiryBox-text, #footer #pagetopFooter .inquiryBox-text {
		/* width: 64px; */ width:100%;line-height: 1.2;font-size: 20px;letter-spacing: 2px;
  }
	#pagetopContent .inquiryBox-text span, #footer #pagetopFooter .inquiryBox-text span {
      display: block;
  }
	/*#pagetopContent .lineBox,#footer #pagetopFooter .lineBox{
			float: left;
			display: block;
			width: 80px;
			margin: 0 10px 0 0;
	}*/
	#pagetopContent .lineBox a, #footer #pagetopFooter .lineBox a {
			padding: 0 0;
	    display: block;
	    color: #ffffff;
	    background: transparent;
	    background-color: transparent;
	}
	/*20160401更新start*/
	#pagetopContent .inquiryBox-icon, #footer #pagetopFooter .inquiryBox-icon {
	  display: none;
  }
	#pagetopContent .inquiryBox-inner a, #footer #pagetopFooter .inquiryBox-inner a,#pagetopFooter .pagetopBox {
    font-size: 11px;padding: 9px 0;margin-bottom: 0;
	}
	/*#pagetopContent .lineBox, #footer #pagetopFooter .lineBox {
    width: 80px;
    margin: 0;
	}*/
	#pagetopContent .lineBox img, #footer #pagetopFooter .lineBox img {
    width: 70%;
		height: auto;
	}
	#pagetopContent .inquiryBox-inner, #footer #pagetopFooter .inquiryBox-inner {
    height: 45px;
	}
	#pagetopContent .pagetopBox, #footer #pagetopFooter .pagetopBox {
    width: 70px;
		display: none;
	}
	#pagetopContent a, #footer #pagetopFooter a {
    padding: 19px 0;
	}
	#pagetopContent .inquiryBox-inner, #footer #pagetopFooter .inquiryBox-inner {
    margin: 0;
    background: unset;
    background-color:#FF7D00;
    border-radius: 0;border: none;box-shadow: 0 -2px 2px #ccc;
        /* box-shadow: 0px 0px 0px 1px #FFF inset;*/
	}
	/*20160401更新end*/
	#pagetopContent .pagetopBox, #footer #pagetopFooter #favoriteBox {border-radius: 0 4px 4px 0;bottom: 50px;width: 25px;height: 80px;font-size: 10px;letter-spacing: 1px;border-left: none;display: none;}
	#pagetopContent .pagetopBox, #footer #pagetopFooter #favoriteBox a{padding: 2px 5px;}
	#pagetopContent .pagetopBox, #footer #pagetopFooter #favoriteBox a span{writing-mode: vertical-rl;}
	#pagetopContent .pagetopBox, #footer #pagetopFooter #favoriteBox em{left:0;right:0;margin: auto;bottom: 3px;;}


	.spFavoriteTop {position: absolute;display: block;top:-50px;right:60px;width: 55px;height: 40px;cursor: pointer; border: 1px solid #d98517; border-radius: 2px; margin: 0;text-align: center;font-size: 20px;}
	.spFavoriteTop a{color:#d98517;line-height: 0;}
	.spFavoriteTop a span{font-size: 9px;list-style: none;letter-spacing: -1px;display: block;}
	.spFavoriteTop a em {
	  position: absolute;
	  display: block;
	  background-color: #d98517;
	  color: #fff;
	  width: 2em;
	  width: 1.7em;
	  border-radius: 50%;
	  right: -4px; top: -4px;
	  font-size: 10px;
	  line-height: 1.7em;
	  font-style: normal;
  }
  

  #footer {padding-top: 50px;padding-bottom: 50px;z-index: 30;}
  #pagetopFooter {
	  top:0;
    display: flex !important;
  }
  #pagetopFooter > * {
    margin-left: 5px;
  }
  #footer_LINE_link figure {
    position: relative;
    display: block;
    text-align: center;
    margin: auto;
  }
  #footer_LINE_link p {
    padding-left: 10px;
    padding-right: 10px;
  }
  #pagetopFooter.fixed {position:fixed;bottom:50%;/*width:66px;bottom:10px;*/width:100%;top:auto;right: 0px;bottom:0;/*height: 55px*/;display:block !important;z-index: 201;}
  #pagetopFooter.fixed>div{display:block;margin-left:0}
  #pagetopFooter.fixed>div>ul{display:inline-block}
  #pagetopFooter.withSearch{} /* フッタに検索ボタンを設置する場合 */
  #pagetopFooter.withSearch .inquiryBox{width: 50%;right: 0;margin-left:50%;font-size: 18px;} 
  #pagetopFooter.withSearch .inquiryBox .inquiryBox-text{font-size: 18px !important;padding: 3px 0 !important;} 
	#pagetopContent .inquiryBox-text, #footer #pagetopFooter .inquiryBox-text.small{margin-top: -6px;font-weight: bold;}
	#pagetopContent .inquiryBox-text, #footer #pagetopFooter .inquiryBox-text.small span{font-size: 12px;}
  #section-search .doSearch.foot{display: none !important;color: #fff;}
  #section-search .doSearch.foot.fixed{position: fixed;display: block !important;bottom: 0 !important;width:50%;margin: 0;z-index: 202;min-width: unset;left: 0;border-radius: 0;padding: 7px 0 5px 0;background-color: #00A26B;box-shadow: 0 -2px 2px #ccc;font-size: 20px;font-weight: bold;height: 45px;}
  #section-condition .doSearch.foot{display: none !important;}
  #section-condition .doSearch.foot.fixed{position: fixed;display: block !important;bottom: 0 !important;width:50%;margin: 0;z-index: 202;min-width: unset;left: 0;border-radius: 0;padding: 3px 0 4px 0;background-color: #00A26B;box-shadow: 0 -2px 2px #ccc;font-size: 20px;font-weight: bold;}
	.contactShop  form#contactForm .doContact.foot{display: none !important;}
	.contactShop  form#contactForm .doContact.foot.fixed{position: fixed;display: block !important;bottom: 0 !important;width:50%;margin: 0;z-index: 202;min-width: unset;left: 0;border-radius: 0;padding: 6px 0 5px 0;background-color: #00A26B;box-shadow: 0 -2px 2px #ccc;font-size: 18px;font-weight: bold;letter-spacing: 1px;}
  #houseList #doContactFoot.foot{display: none !important;}
  #houseList #doContactFoot.foot.fixed{position: fixed;display: block !important;bottom: 0 !important;width:50%;margin: 0;z-index: 202;min-width: unset;left: 0;border-radius: 0;padding: 5px 0 5px 0;background-color: #00A26B;box-shadow: 0 -2px 2px #ccc;font-size: 20px;font-weight: bold;}
  #houseList #doContactFoot.foot span{display:block;color: #fff;font-size: 16px;line-height: 1.2em}
  #houseList #doContactFoot.foot span.text-small{font-size: 12px;}
  #section-favorite #doContactFoot.foot.fixed{width: 100%;right:0;}

  #siteInfo {
	  height: auto;
  }
  #siteInfo p.copyright {
	  padding-top: 10px;
	  line-height: 1.2;
	  clear: both;
	  text-align: left;
  }
}
@media screen and (max-width: 880px) {
  .tSearchLine,
  .content860 {width: auto;}
	#topguide {
		width: auto;
	}
	#content #navguide {
		width: auto;
	}
	p.guide-linktitle {
		width: auto;
	}
	.mainBtn-text{font-size: 16px;}
	#wrapper #container .pr10 {
		padding-right: 0;
	}
	.map_image_wrap img {
		width:100%;
	}
	.tSearchLine,
	.tSearchArea {
		display: block;
	}
	.tSearchLine tbody,
	.tSearchArea tbody {
		display: block;
	}
	.tSearchLine tr {display: block;clear:both;}
	.tSearchLine tr.l-route{display: flex;flex-wrap: wrap;}
	.tSearchArea tr {display: block;clear:both;}
	.tSearchArea tr.regionTR{padding-bottom: 5px;}
	.tSearchArea tr.regionTR th{display: flex;font-size: 14px;}
	.tSearchArea tr.areaTR{padding-left: 20px;}
	.tSearchArea tr.areaTR input{margin-right: 10px}

	.tSearchLine td{display: flex;padding: 5px 0;flex-basis: 50%;}
	.tSearchArea td{display: flex;padding: 5px 0;width: 100%;}
	.tSearchLine td span.dataNone{display: flex;padding: 5px 0;width: 100%;}
	.tSearchArea td span.dataNone{display: flex;padding: 5px 0;width: 100%;}

	.tSearchArea td:nth-child(2n+1){clear:both;}
	.tSearchArea td:empty{display:none !important;}
	.tSearchLine td a,
	.tSearchArea td a{padding-right:3px;display:block}
	.tSearchLine label{width: 100%;}
	.tSearchLine input, .tSearchBasic input, .tSearchFacility input{margin-right: 10px;float: none;}
	.l-region {
		padding-bottom: 20px;
	}
	#wrapper #container .boxFree .pl20 {
		padding-left: 0;
	}
	#wrapper #container .boxFree .pr20{
		padding-right: 0;
	}
	.boxFree img {
		width: 100%;
		height: auto;
	}

	#houseList,
	.houseTable {width: 100%;}
	.houseName br{display: none;}
	#boxCountry {
		width: auto;
/*		margin-left: 10px;		margin-right: 10px;*/
	}
	i.fav:after{/*font-size: 35px;*/}
	i.fav.added:after{/*font-size: 35px;*/}
	.houseTable td i.fav{/*top: 50px;width: 35px;height: 35px;*/}


}
@media screen and (max-width: 860px) {
  .content860 {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
  }
}
@media screen and (max-width: 840px) {
  .content840 {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
  }
  p.guide-ttl {
	  width:auto;
  }
}

@media screen and (max-width: 820px) {
  .txtRecommend {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
	  padding-top: 50px;
	  padding-left: 0;
  }
  .tabRelatedLink {
	  width:calc( 100% - 20px );
	  margin-left: auto;
	  margin-right: auto;
  }
  #content ul.navAnchor {
	  width: auto;
  }
  .boxNotes .boxNotesInner{padding: 3px 10px}
  .boxNotes .boxNotesInner p.notesTxt{padding-left: 1.8em !important;line-height:1.4;font-size: 12px}
  .boxNotes .boxNotesInner p.notesTxt br{display: none;}
}
@media screen and (max-width: 800px) {
  .content770,
  .content800 {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
  }
  .boxNotes {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
  }
}
@media screen and (max-width: 850px) {
  #localShop  > div {
	  text-align: center;
  }
  .layLeft { /* 425 */
    clear: both;
	float:none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
  }
  .layRight { /* 425 */
    clear: both;
	float:none;
	margin-left: auto;
	margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
body.top .spGmenuTop{    position: absolute;top: 0;right: 0px;float:right;}
body.top #headNav #headNavInner .global_navi{padding-top:40px;}
.w900{width:100%;}
.pc{display:none;}
#contentBanner ul.horizontal{justify-content:center;}
	.headerBoxLists #headerSubErea {
    position: static;
    margin-top: 10px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
	}
	.headerBoxLists #btnConfirm {
    width: 90%;
	}
	.headerBoxLists > ul {
    overflow: hidden;
	}
	.headerBoxList-item {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	.headerBoxList-item:nth-child(2n) {
		margin-bottom: 0;
		width: 90%;
		float: none;
		background-color:#FFF;
	}
	.headerBoxList-item:nth-child(3n) {
		background-color:#FFF;
		width: 90%;
		float: none;
	}
	.headerBoxList-item:nth-child(3n)  > img {
		float: left;
		margin-top: 15px;
		width: 10%;
		max-width: 37px;
		height: auto;
	}
  #header .headerBoxList-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tele-block {
		margin-top: 8px;
		float: right;
		width: 90%;
		padding-left:0;
	}
	.mainBtn-icon {
		width: 15%
	}
	.mainBtn-text {
		width: 85%
	}
	.tele-ja {
		line-height: 1.3;
	}

	form{display:block;max-width:100%;}
	form table{max-width:100%;}
	form table>*{max-width:100%;width:100%;}
	form table tr{max-width:100%;width:100%;}
	form table:not(.houseTable) tr td{max-width:100%;width:100%;}
	form table tr th{max-width:100%;width:100%;}
	form table select#regionSelect{max-width:100%;width:90%;height: 2.2em}
	form table select#areaSelect{max-width:100%;width:90%;height: 2.2em}
	form table select#form_rent_max{max-width:100%;width:42%;height: 2.2em}
	form table select#form_rent_min{max-width:100%;width:42%;height: 2.2em}
	.houseTableCore th .houseTableTit {}
	.houseTableCore th .houseTableTit .houseName {
		display: block;
		margin-left:0;
	}
	.tSearchBasic {
		text-align:left;
	}
    .tSearchBasic .fst td {
      padding-bottom: 2px;
    }
    .tSearchBasic .fst select {height: 30px; margin-bottom: 8px;width: 43%;}

	#content .houseListInfoarea {padding-right: 0;}
	#content .houseListInfoarea table.tSearchBasic{display: block;clear: both;}
	#content .houseListInfoarea table.tSearchBasic tbody{display: block;}
	#content .houseListInfoarea table.tSearchBasic tbody tr{display: block;width: auto}
	#content .houseListInfoarea table.tSearchBasic tbody tr th {display: block;width: auto;padding: 2px 0}
	#content .houseListInfoarea table.tSearchBasic tbody tr td {display: block;width: auto;padding: 3px 8px !important}
	#content .houseListInfoarea table.tSearchBasic tbody tr td .boxAreaname{float: none}
	#content .houseListInfoarea table.tSearchBasic tbody tr td .boxAreaname br{display: none}

	#content .houseListInfoarea table.tSearchBasic tbody tr td .wMinute{min-width: 50px;margin-left: 5px}


	#content #navguide li {
		width: 50%;
	}
	#content table li,
	#content table dl,
	#content table p,
	#content table div,
	#content li table,
	#content dd table,
	.housePrice span,
	#content .houseRoom {
		margin-top: 0;
		margin-bottom: 0;
	}
  #content .list-4col li {
    width: 50%;
  }
  #content .list-4col label {display: flex;    line-height: 2.4em;}
  .housePrice {margin-left: 10px;padding: 0;float: left;width:auto;}
	.housePrice span,
	#content .houseRoom {display: inline-block;padding: 0 10px 0 0;margin: 0;font-size: 16px;float: none;width:auto;}
	#content .houseRoom {
		margin-left: 10px;
		margin-right: 0;
	}
.houseListInfoarea .houseIDhouseList{clear:both;width:100%;}
.houseListInfoarea .houseIDhouseList table th{width:7.0em;}
	.houseTableCore td {
		display: block;
	}
	#content .houseListImgarea {
		width: auto;
		text-align: center;
	}
	.houseListImg {
		float: none;
	}
	#content table div .houseListInfoarea .houseIDhouseList {
		margin-top: 10px;
	}

	#contactInner{background-image:none !important;}
	#contactForm {clear: both;padding: 10px 0;text-align: center;display: block;background-image:none !important;	}
  	#contactForm h3 {
      background-image: none !important;
      height: auto !important;
      font-size: 20px;
      padding-top: 10px !important;
    }
	.houseInqArea {
		padding: 10px 15px;
		margin-bottom: 15px;
	}
  #step {
    height: auto !important;
    margin-bottom: 10px;
  }
  #step ul {
    height: auto !important;
  }
  #step ul li {
    height: auto !important;
  }

	#infoList, #areaList,
  #roomList,.roomListModule {
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	p.guide-ttl {
		width:auto;
	}
	.guide-subttl {
		width:auto;
	}
	.guide-subtext {
		width:auto;
	}
	#topguide div.text {
		width:auto;
	}
	.guide-photo {
		display:none;
	}
	.guide-box.content770 {
		width:auto;
		margin-left: 0;
		margin-right: 0;
	}
	.guide-box.guide-box-inner{
		text-align: center;
	}
	.guide-box-list.left,
	.guide-box-list.right {
		float:none;
		text-align: center;
		margin-bottom: 10px;
	}
	.sec.sec-profile div img{
		width: 100%;
		height: auto;
	}
	.sec.sec-profile p {
    width: auto;
}

	.content600 {
		width:auto;
	}
	.sec-pattern div:first-child img {
		width:100%;
		height:auto;
	}

	.sec-default .float-left,
	.sec-default .float-right {
		float: none;
		text-align:center;
	}
	.sec-default .float-left.float-object,
	.sec-default .float-right.float-object {
		margin-left:auto;
		margin-right:auto;
	}

/* theta
=========================================================*/
	#content #theta h3 {
		padding-left: 10px;
	}
	#theta h3 .theta360 {
		position: relative;
		bottom: 0;
		right: auto;
		display: block;
		float: left;
		margin-right: 10px;
	}
	#theta h3 .theta360 img {
		width: 120px;
		height: auto;
	}


}
@media screen and (max-width: 767px) {
#navGroup #footerMap{display:block;}
#navGroup #footerMap>img{height:auto;}
  #tabLanking {
    display: block;
    width: auto;
  }
  #tabLanking > tbody {
    display: block;
  }
  #tabLanking > tbody > tr,
  #tabLanking > tr {
    display: block;
    position: relative;
  }
  #tabLanking > tr > td {
    display: block;
    width: auto;
  }
  .tabLankMap div {
    text-align: center;
  }
  .tabLankMap div img {
    position: relative;
    max-width: auto;
    max-height: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .roomListModule,
	#roomList {width:calc( 100% + 20px );padding-left: 0;margin-left: -10px;margin-right: -10px;text-align: center;border-radius: unset;}
	.roomListInner {
		width: 420px;
		margin-left: auto;
		margin-right: auto;
	}
	.roomBox:nth-child(2n) {
		margin-right: 0;
	}
	
body.blog #content>.row{margin:0 auto;}
body.blog #content>.row>.col-md-8{padding:0 5px;}
body.blog #content>.row>.col-md-4{padding:0 5px;}
body.blog #content .blogImg{padding:20px 0;}
body.blog .article-body{}
body.blog .article-body img{display:block;margin:5px auto;max-width:100%;}
	
}

@media screen and (max-width: 599px) {

	#slides > div {
		/*margin-top:20px;*/
	}
  .top #headerInfo {
	  height: 200px;
  }

	.tele-ja small {
		display: block;
	}
	.tele-other {
		font-size: 16px;
	}

  .leadBox {
    text-align: center;
  }
  .leadBox p {
    text-align: left;
  }
  .leadBox.recommend {
		text-align: center;
	}
  .leadBox .btn.fright,
	#wrapper #container .btn_recommend.fright.mr5 {
		float:none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.leadBox.recommend p {
		text-align: left;
	}
	.top .freeModule  a.btnE{padding: 0 10px;}
	.headerBoxLists {position:relative;bottom:auto;}
	#hClock #clock span#clctt {
		font-size: 9px;
	}

	.navInquiry {
		width: auto;
	}
	.tSearchBasic th {
		/*
		display: none;
		*/
	}
	.tSearchBasic td {
		border-left: none;
		padding: 5px  10px !important;
	}
	.boxAreaname {
		width: auto;
		padding-bottom: 5px;
	}

	#boxInfo h3 {
		padding: 15px 5px 10px 35px;
	}
	#boxInfo p {
		margin: 0;
		padding: 10px;
	}

	#navGroup dd ul {
		padding-left: 0;
		padding-right: 0;
	}
	#navGroup #navGroupAble dd {
		padding:30px 10px 2px 10px;
	}
	#navGroup dt {
		width: 50px;
	}
	#navGroup #navGroupList dd {
		padding-left: 60px;
		padding-right: 10px;
	}
	#navGroup p.note {
		text-align: left;
	}
	#navGroup #navGroupChintai dt {
		width: 129px;
	}
	#navGroup #navGroupChintai dd {
		padding:30px 10px 2px 10px;
	}
	#navGroup #navGroupHudousan dt {
		width: 129px;
	}
	#navGroup #navGroupHudousan dd {
		padding:30px 10px 2px 10px;
	}

	#siteInfo #flogo {
		float: none;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.section {
		padding: 10px;
	}

	#content #navguide li {
		padding-left: 0;
		width: 50%;
	}

	.boxNotice dt {
		width: 90px;
	}
	.boxNotice dd {
		padding-left: 100px;
		padding-right: 10px;
		margin-bottom: 0;
	}
	.boxNotice dd a {
		position: relative;
		display: inline-block;
		bottom: 0;
		right:0;
	}
	.tabRelatedLink th {
		width:2em;
	}
	.tabRaletedLinkTit {
		display: none;
	}

	#houseImgArea .imgZoom img {
		max-height:220px;
		width: auto;
	}

    .recommend {}
    #content .leadBox.recommend h3 {
		text-align: left;
	}
	.btn_recommend {
		margin-top: 5px;
	}
	.roomBox {
		width: 48%;
		margin-right: 4%;
		text-align: center;
		display: table;
		padding-top: 5px;
	}
	.roomBox .houseListImg {
		width: 96%;
		padding-left: auto;
		padding-right: auto;
		text-align: center;
		display: table-row;
		box-shadow: none;
	}
	.roomBox .houseListImg span {
		width: 100%;
		border: none;
		box-shadow: none;
	}
	.roomBox .houseListImg span a {
    display: block;
	}
	.roomBox .houseListImg span img {
    width:auto;
    max-height: 161px;
	}
    .roomBox p.roomTxt{
	    font-size: 10px;
	    padding:0 8px;
    }
}

@media screen and (max-width: 560px) {
	.mainBtn-inner a {
		font-size: 14px;
	}
	.mainBtn-text span {
		display: inline-block;
	}
	.tele-ja {
		font-size: 18px;
	}
	.tele-other {
		font-size: 16px;
	}
	.headerBoxList-item:nth-child(2n) {
		margin-bottom: 10px;
	}
	.headerBoxList-item:nth-child(3n) {
		padding-left:0;
		padding-right: 0;
		margin-bottom: 10px;
	}
  
  a.sctble_display,
  #contact input[type=text] {
    display: block;
    float: none;
  }

}
.sp-text { display:none; }
@media screen and (max-width: 460px) {
	.tele-other {
		font-size: 12px;
	}
  .roomListInner {
	  width: auto;
	  padding: 2%;
  }
  .roomBox {
	  margin-top: 0;
	  margin-bottom: 8px;
	  width: 49%;
	  margin-right: 1.5%;
  }
  .boxPhoto img {
	  width: 100%;
	  height: auto;
  }
  #houseImgArea #navMoreImg {
	  display: none;
  }
  #houseImgArea .navPhoto {
    width: 100%;
  }
  #houseImgArea .navPhoto li {
    width: 32%;
    margin-right: 2%;
  }
  #houseImgArea .navPhoto li:nth-child(3n) {
    margin-right: 0;
  }
  #houseImgArea .navPhoto li a {
    width: 100%;
  }
  .sp-text { display:block; }
  
  a.btnE.doSearch {
    min-width: 100%;
  }
}
@media screen and (max-width: 445px) {
	.mainBtn-icon {
    width: 0;
  }
	.headerBoxList-item img {
		display: none;
	}
	.mainBtn-inner a {
      padding: 18px 6px;
	}
	.mainBtn-text {
		width: 100%;
	}


  .top #headerInfo {
	  height: 200px;
  }
  #localShop  > div {
	  width:auto;
	  margin-left: 10px;
	  margin-right: 10px;
  }

  #localShop  > div ul.horizontal a img{
	  width:100%;
  }

	#contentBanner ul.horizontal a img{width:100%;}
	section.searchLinkModule #searchBtn .alCent{text-align:center;}
	body.top section.searchLinkModule .inner .clr{display:block;}
	body.top section.searchLinkModule .inner .clr div{display:block;}
	body.top section.searchLinkModule .map_image_wrap{margin-top:20px !important;}
  .layLeft { /* 425 */
    width: auto;
  }
  .layRight { /* 425 */
    width: auto;
  }
  #boxShop table th {
	  padding-left: 10px;
  }
  #boxShop img {
	  width: 100%;
	  height:auto;
  }
  #boxShop dd {
	  font-size: 16px;
	  padding-left: 0;
  }
  #boxMap img {
	  width: 100%;
	  height:auto;
  }
  #boxMap dl {
	  padding-left: 0;
	  margin-left: 0;
	  margin-right: 0;
  }
  #shopOutline img {
	  width: 100%;
	  height: auto;
	  margin-bottom: 10px;
  }
  #localShop .layRight img {
	  width: 100%;
	  height:auto;
  }
  .boxTable table th {
	  width: 40px;
  }

  #houseImgArea {
	  width: auto;
  }
  .imgZoom a {
	  display: inline-block;
	  width:100%;
	  }
  .imgZoom a img {
	  width:100%;
	  height: auto;
	  }
  ul.navPhoto {
	  width: auto;
  }
	p.guide-linktitle {
		font-size: 16px;
	}


  #navGroup li {
	  display: block;
	  float: none;
	  width: auto;
  }

  .contactShopBtn {
	  width: auto;
	  text-align: center;
	  margin-top:5px;
	  margin-bottom: 5px;
  }
  
  a.btn {
    display: block;
    min-width: auto;
  }
	.roomBox .houseListImg span img {
		width: 100%;
		max-width: 160px;
	}

}

@media screen and (max-width: 385px) {
	.tele-ja {
		font-size: 14px;
	}
	.roomBox {
		padding-top: 0;
	}
	.roomBox .houseListImg {
	}
	.roomBox .houseListImg span {
		background-color: #EDEDED;
        border-radius: 3px 3px 0 0;/* CSS3草案 */
        -webkit-border-radius: 3px 3px 0 0;/* Safari,Google Chrome用 */
        -moz-border-radius: 3px 3px 0 0;/* Firefox用 */
		padding: 0;
	}
}

#spnav {
	display: none;
}
@media screen and (max-width: 599px) {

  #spnav {
    background-color: #217E1B;
	color: #FFF;
	display: table;
	width: 100%;
  }
  #spnav ul {
	padding: 0;
	display: table-row;
  }
  #spnav ul li {
	float: left;
	width: 25%;
	text-align: center;
	list-style: none;
	display: table-cell;
  }
  #spnav ul li a {
	display: block;
	line-height: 1.4;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
  }
  
  .houseContractPeriod {
    display: block;
    float: none;
  }

}











@media print {

  body.property {}
  body.property #wrapper {
    background-image: none;
  }
  body.property #header {
    display:none;
  }
  body.property #topicPath {
    display:none;
  }
  
  body.property #content {
    
  }
  body.property #content .contactShop {
    display:none;
  }

  
  body.property #pagetopContent {
    display:none;
    visibility: hidden;
  }
  
  body.property .houseInqArea {
    display: none;
  }
  
  body.property #houseImgArea {}
    body.property #houseImgArea .imgZoom {}
    body.property #houseImgArea .imgZoom img {
      max-height: 200px;
    }
  body.property #footer {
    display: none;
  }
  
  body.property h2 {
    
  }
  body.property h2 span {
    
  }

}


@media screen and (max-width: 767px) {
  #ereaSelectBox {}
  #ereaSelectBox .acontent > table {
    display: block;
  }
  #ereaSelectBox .acontent > table > tbody {
    display: block;
  }
  #ereaSelectBox .acontent > table > tr,
  #ereaSelectBox .acontent > table > tbody >tr {
    display: block;
  }
  #ereaSelectBox .acontent > table > tr > th,
  #ereaSelectBox .acontent > table > tr > td,
  #ereaSelectBox .acontent > table > tbody > tr > th,
  #ereaSelectBox .acontent > table > tbody > tr > td {
    display: block;
    width:auto !important;
  }
  #ereaSelectBox .acontent > table > tbody > tr > th {}
  #ereaSelectBox .acontent > table > tbody > tr > td {
    margin-top: 20px;
  }
  #ereaSelectBox .acontent > table > tr > th img,
  #ereaSelectBox .acontent > table > tr > td img,
  #ereaSelectBox .acontent > table > tbody > tr > th img,
  #ereaSelectBox .acontent > table > tbody > tr > td img {
    max-width: 250px;
    margin: auto;
    max-height: 350px;
    width: auto;
    height: auto;
  }
  #ereaSelectBox .acontent > table > tr > th,
  #ereaSelectBox .acontent > table > tbody > tr > th {
    text-align: center;
  }
  
  #atab {}
  #atab p {
    display: none;
  }
  #atab #atab1,
  #atab #atab2,
  #atab li {
    width: 49%;
    margin: 0 !important;
  }
  #atab #atab2,
  #atab li:last-child {
    margin-left: 2%;
  }
  #atab #atab1 a, #atab #atab2 a,
  #atab li a {
    width:auto;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .area table.layout0 {
    display: block;
  }
  .area table.layout1 {}
    .area table.layout0 > tbody,
    .area table.layout0 > tbody > tr,
    .area table.layout0 > tr {
      display: block;
    }
    .area table.layout1 > tr {}
    .area table.layout0 > tbody > tr > th,
    .area table.layout0 > tbody > tr > td,
    .area table.layout0 > tr > th,
    .area table.layout0 > tr > td {
      display: block;
      width :auto;
    }
    .area table.layout0 > tbody > tr > th,
    .area table.layout0 > tr > th {
      text-align: center;
    }
    .area table.layout0 > tbody > tr > th img,
    .area table.layout0 > tr > th img {
      width: 100%;
    }
}

@media screen and (max-width: 420px) {
  #shopOutline .boxTable table th {
   word-break: break-all;
  }
  #shopOutline .boxTable table td {
    word-break: break-all;
  }
  
  #content .list-4col li {
    float: none;
    width: auto;
  }
}


@media screen and (max-width: 767px) {
  #boxPopular .content880 {
    margin-left: auto;
    margin-right: auto;
  }
  #boxPopular .tabLank-1, #boxPopular .tabLank-2, #boxPopular .tabLank-3, #boxPopular .tabLank-4, #boxPopular .tabLank-5, #boxPopular .tabLank-6, #boxPopular .tabLank-7, #boxPopular .tabLank-8 {
    height:auto;
    width: auto;
  }
  #boxPopular .content880 h3 {
    margin-left: 0;
    margin-right: 0;
  }
  #boxPopular h4 {
    width: auto;
    padding-left: 0;
  }
  #boxPopular h4 img {
  }
  
  .tabLankDetail {
    width: auto;
  }
  .tabLankDetail > tbody,
  .tabLankDetail > tbody > tr,
  .tabLankDetail > tr {
    display: block;
  }
  .tabLankDetail .areaPhoto,
  .tabLankDetail .areaInfo {
    display: block;
    width: auto;
    padding-left: 0;
  }
    .tabLankDetail .areaInfo {
      margin-top: 10px;
    }
    #content .tabLankDetail .areaInfo p {
      margin-top: 10px;
    }

  .tabLankDetail .areaInfoico {}
  .tabLankDetail .areaInfoico img {
    width: 100%;
    height: auto;
  }
  
  .boxAreaSearch {
    width: auto;
  }
  .boxAreaSearch p {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    padding-bottom: 60px;
  }
  .boxAreaSearch a {
    float: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
  }

}


@media screen and (max-width: 600px) {
  .boxBlog .blogEntries {
    -webkit-justify-content: space-between;
    justify-content:         space-between;
    background-position: center 15px;
  }
  #content .boxBlog .blogEntries {
    padding-top: 150px;
  }
  .blogEntries li {
    width: 48%;
  }
  #content .blogEntries li {
    margin-left: 0;
  }
  .blogEntries li figure {
/*    height:120px;*/
  }
  
	#content .boxNotice p  {padding:10px 0;}
	#content .boxNotice p img{width:100% !important;height:auto !important;}
}
@media screen and (max-width: 400px) {
  .blogEntries li {
    width: 98%;
  }
  .blogEntries li figure {
    height:140px;
  }
}

@media screen and (max-width: 767px) {
  #boxPopular {
    width: auto;
  }
  #titPopular {}
  #titPopular h2 {}
  #titPopular .leadPop {
    background: url(/common_asp/popular/images/tit_able_sp.png) center top no-repeat;
    padding: 110px 10px 10px;
  }
  
  .mapimg {}
  .mapimg img {
    width: 100%;
    height: auto;
  }
  #tabLanking {
    display: block;
    width: auto;
  }
  #tabLanking tbody,
  #tabLanking tr,
  #tabLanking td {
    display: block;
  }
  #boxPopular .tabLank-4,
  #boxPopular .tabLank-8{    border-left: none;}
  
  #boxPopular .tabLank-1,
  #boxPopular .tabLank-3,
  #boxPopular .tabLank-5,
  #boxPopular .tabLank-7 {
    padding: 10px 10px 10px 60px;
    background-color: #FFF;
  }
  #boxPopular .tabLank-2,
  #boxPopular .tabLank-4,
  #boxPopular .tabLank-6,
  #boxPopular .tabLank-8{
    padding: 10px 10px 10px 60px;
    background-color: #EBEBEB;
  }
}
@media screen and (max-width: 420px) {
  #titPopular .leadPop {
    background-size: auto 60px;
    padding-top: 70px;
  }
  
	body.top #roomList .roomListInner{  overflow-y: hidden;overflow-x: scroll; display: flex;  -webkit-overflow-scrolling: touch;overflow-scrolling: touch;flex-wrap: nowrap;}
	body.top #roomList .roomListInner div.roomBox {flex: 0 0 120px;padding: 0 2px ;}
	body.top #mainArea .mainblock{top:88px;}
	body.top  #headerInfo {height: 135px;}
	body.top .mainBtn-inner{height: 45px;}
	body.top .mainBtn-inner a{padding:6px 6px;}
	body.top #header .headerBoxList-item p.headerBoxList-item-text{font-size: 11px;}
	body.top .headerBoxList-item img{display: none;}
	body.top .headerBoxList-item:nth-child(2n){margin-bottom: 0;}
	body.top .headerBoxList-item.btn{padding: 5px 8px 5px 5px;}
	body.top .headerBoxList-item	.tele-block{margin-top: 0;}
	body.top  #header {min-height: 300px;}
	body.top  #content .leadBox p{margin-left: 0;margin-right: 0;}
	body.top  .snsBox{display: none;}
	body.top  #container{z-index: 30;position: relative;}
	body.top  .roomBox{display: block;position: relative;width:120px;padding-bottom: 10px;}
	body.top  .roomBox .roomID{font-size: 10px;position: absolute;bottom:0;padding: 0;width: 98%;margin-left: -2px;padding: 0 1%;}
	body.top  .roomBox:nth-child(2n){margin-right: 1.5%;}
	body.top  .houseListImg span{padding:4px 0;}
	body.top  .roomBox .roomTxt{height:auto !important;margin-top:3px;}
	body.top  .roomBox .roomID{height:auto !important;display:none;}
	body.top  .roomBox .houseListImg{display: block;margin: 0 auto;text-align: center;height:auto !important;}
	body.top  .roomBox .houseListImg span {display:flex;overflow: hidden;text-align:center;background-color: #eee;justify-content: center;align-items: center;/*height:auto !important;*/}
	body.top  .roomBox .houseListImg span a{display:block;object-fit: cover;width:100%;overflow: hidden;}
	body.top  .roomBox .houseListImg span a img{width: auto;}
	body.top .roomListModule .theta360, #roomList .theta360{width: 100%;left: 0;background-size: contain;}
	body.top a.roomBox{display:block;color:#000;min-width:100px;padding-bottom:8px;}
	body.top a.roomBox .houseListImg span{max-height: 100px;}
	body.top a.roomBox p.flex{display:block;margin: 0 10px;}
	body.top a.roomBox p.flex span{display:block;font-size:10px;text-align:left;}
	body.top a.roomBox p.flex span:nth-of-type(2){text-align:right;}
	
	#content ul li.bannerItem{width:50%;}

	.boxDatanoneInner div.flex{display: block;}
	.boxDatanoneInner div .btnE.a-contact{width: 100%;}

	#locShopName a span {white-space: normal;}

}



@media screen and (max-width: 980px) {
  .snsBox .inner {
    width: auto;
  }
  .sns_btn + .title {
    display: inline-block;
  }
  .snsBox .sns-btns a {
    display: flex;
  }
  .sns-btns a .sns-btn,
  .sns-btns a .title {
    display: inline-block;
  }
}
@media screen and (min-width: 981px) {
  .snsBox .inner {
    padding-top: 0;
  }
  .snsBox .sns-btns {
    position: absolute;
    top: -45px;
    right: 0;
    z-index: 100;
  }
}

@media screen and (max-width: 900px) {
  #pagetopFooter .sns-btns ul {
    display: flex;
  }
  #pagetopFooter .sns-btns ul li {
    margin-left: 5px;
  }
}