#shoene_tips {
  margin-top: 70px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips {
    margin-top: 36px;
  }
}
#shoene_tips.basepage .main_contents {
  margin-bottom: 140px;
  width: 73.634%;
}
@media only screen and (max-width: 768px) {
  #shoene_tips.basepage .main_contents {
    margin-bottom: 50px;
    width: 100%;
  }
}
#shoene_tips .link_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap {
    display: block;
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0 5%;
  }
}
#shoene_tips .link_btn_wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #00A6E9;
  border-radius: 10px;
  padding: 34px;
  width: 48.8%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  margin-bottom: 17px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 17px 50px 17px 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a .txtArea {
    text-align: left;
  }
}
#shoene_tips .link_btn_wrap a::before, #shoene_tips .link_btn_wrap a::after {
  position: absolute;
  top: 0;
  bottom: -78%;
  left: 0;
  right: -88%;
  margin: auto;
  content: "";
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a::before, #shoene_tips .link_btn_wrap a::after {
    right: -85%;
    bottom: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#shoene_tips .link_btn_wrap a::before {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #00A6E9;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a::before {
    width: 20px;
    height: 20px;
  }
}
#shoene_tips .link_btn_wrap a::after {
  left: -2px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a::after {
    width: 4px;
    height: 4px;
    left: -6px;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
            transform: rotate(45deg) translateY(-50%);
  }
}
#shoene_tips .link_btn_wrap a:hover {
  opacity: 0.6;
}
#shoene_tips .link_btn_wrap a.link_btn_block .img {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 7px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a.link_btn_block .img {
    min-height: unset;
    min-width: 60px;
    margin-right: 14px;
    margin-bottom: 0;
    text-align: left;
  }
}
#shoene_tips .link_btn_wrap a.link_btn_block .img img {
  zoom: 0.5;
  width: auto;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a.link_btn_block .img img {
    zoom: 0.35;
  }
}
#shoene_tips .link_btn_wrap a.link_btn_block .ttl {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #000;
  margin-top: 8px;
  position: relative;
  display: inline;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a.link_btn_block .ttl {
    font-size: 17px;
    text-align: left;
  }
}
#shoene_tips .link_btn_wrap a.link_btn_block .txt {
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .link_btn_wrap a.link_btn_block .txt {
    font-size: 14px;
    text-align: left;
  }
}
#shoene_tips .link_note {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}
#shoene_tips .btn a {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 10px;
  position: relative;
  -webkit-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .btn a {
    width: 100%;
    padding: 17px;
    font-size: 16px;
  }
}
#shoene_tips .btn a::before, #shoene_tips .btn a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -88%;
  margin: auto;
  content: "";
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .btn a::before, #shoene_tips .btn a::after {
    right: -86%;
  }
}
#shoene_tips .btn a::before {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #fff;
}
#shoene_tips .btn a::after {
  left: -1px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #0085B9;
  border-right: 2px solid #0085B9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#shoene_tips .loginArea {
  background: -webkit-gradient(linear, left top, right top, from(#049DDB), to(#4FCAFC));
  background: linear-gradient(left, #049DDB, #4FCAFC);
  padding: 6.2% 5.8%;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea {
    padding: 40px 5% 30px;
    margin-top: 40px;
  }
}
#shoene_tips .loginArea .ttlArea {
  color: #fff;
  text-align: center;
}
#shoene_tips .loginArea .ttlArea .ttl {
  font-size: 25px;
  font-weight: bold;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 9px 0;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .ttlArea .ttl {
    font-size: 20px;
    padding: 10px 0;
  }
}
#shoene_tips .loginArea .ttlArea .txt {
  font-size: 18px;
  margin-top: 22px;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .ttlArea .txt {
    font-size: 15px;
    margin-top: 20px;
    text-align: left;
  }
}
#shoene_tips .loginArea .ttlArea .txt a {
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  color: #fff;
}
#shoene_tips .loginArea .btnArea {
  background: #fff;
  border-radius: 10px;
  padding: 39px 8.2%;
  margin-top: 4.5%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea {
    padding: 0;
  }
}
#shoene_tips .loginArea .btnArea .img {
  width: 70%;
  margin: auto;
  margin-bottom: 26px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .img {
    width: 100%;
    padding: 0 5%;
    margin-top: 24px;
  }
}
#shoene_tips .loginArea .btnArea .img img {
  width: 100%;
}
#shoene_tips .loginArea .btnArea .circle {
  width: 140px;
  height: 140px;
  background-color: #FFE72C;
  border-radius: 50%;
  margin-right: 4%;
  position: absolute;
  top: -9%;
  left: -20px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .circle {
    width: 100%;
    border-radius: 10px 10px 0 0;
    position: inherit;
    top: unset;
    left: unset;
    height: auto;
    padding: 18px 0;
  }
}
#shoene_tips .loginArea .btnArea .circle .txt {
  color: #00A6E9;
  font-weight: bold;
  font-size: 31px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .circle .txt {
    font-size: 28px;
    position: inherit;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    left: unset;
  }
}
#shoene_tips .loginArea .btnArea .circle .txt .border {
  display: inline-block;
  font-size: 14px;
  border-top: 1px solid #00A6E9;
  border-bottom: 1px solid #00A6E9;
  padding: 2px 0;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .circle .txt .border {
    font-size: 16px;
    padding: 4px;
    width: 90%;
    border-top: 2px solid #00A6E9;
    border-bottom: 2px solid #00A6E9;
  }
}
#shoene_tips .loginArea .btnArea .circle .txt .big {
  font-size: 28px;
  vertical-align: middle;
}
#shoene_tips .loginArea .btnArea .login_wrap {
  width: 100%;
  margin: auto;
  padding-top: 37px;
  border-top: 2px solid #00A6E9;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap {
    width: 90%;
    display: block;
    padding: 24px 0;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner {
  margin-bottom: 22px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner {
    margin-bottom: 10px;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink {
  margin-right: 12px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink {
    width: 48%;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a {
  background: #EF74B1;
  color: #fff;
  padding: 22px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 4px #EBEBEB;
          box-shadow: 0px 2px 4px #EBEBEB;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 20px 22px 20px 9%;
    max-width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a:hover {
  background: #FFA5D2;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a:hover::after {
  border-top: 2px solid #FFA5D2;
  border-right: 2px solid #FFA5D2;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a::before {
  width: 26px;
  height: 26px;
  right: -77%;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a::before {
    right: -69%;
    width: 18px;
    height: 18px;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a::after {
  left: -12%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #EF74B1;
  border-right: 2px solid #EF74B1;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_pink a::after {
    left: -17%;
    width: 3px;
    height: 3px;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue {
    width: 48%;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a {
  background: #58CDF8;
  color: #fff;
  width: 100%;
  padding: 22px;
  -webkit-box-shadow: 0px 2px 4px #EBEBEB;
          box-shadow: 0px 2px 4px #EBEBEB;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a {
    width: 100%;
    font-size: 15px;
    text-align: center;
    padding: 20px 22px 20px 9%;
    max-width: unset;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a:hover {
  background: #98E3FF;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a:hover::after {
  border-top: 2px solid #98E3FF;
  border-right: 2px solid #98E3FF;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a::before {
  width: 26px;
  height: 26px;
  right: -77%;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a::before {
    right: -69%;
    width: 18px;
    height: 18px;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a::after {
  left: -12%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #58CDF8;
  border-right: 2px solid #58CDF8;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_inner .login_btn_blue a::after {
    left: -17%;
    top: 1px;
    width: 3px;
    height: 3px;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a {
  background: #FFE72C;
  color: #00A6E9;
  font-size: 16px;
  width: 100%;
  padding: 15px;
  -webkit-box-shadow: 0px 2px 4px #EBEBEB;
          box-shadow: 0px 2px 4px #EBEBEB;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1037px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a {
    font-size: 13px;
    text-align: left;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a:hover {
  background: #FFF079;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a:hover::after {
  border-top: 2px solid #FFF079;
  border-right: 2px solid #FFF079;
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a::before {
  background: #00A6E9;
  right: -88%;
  width: 22px;
  height: 22px;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a::before {
    right: -86%;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a::after {
  border-top: 2px solid #FFE72C;
  border-right: 2px solid #FFE72C;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a::after {
    left: 0;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a span {
  position: relative;
}
@media only screen and (max-width: 1037px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a span {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a span {
    display: inline-block;
    padding-left: 40px;
  }
}
#shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a span::before {
  content: "";
  background: url(../../../img_top_new/top_icon12.png) no-repeat;
  width: 44px;
  height: 37px;
  position: absolute;
  background-size: contain;
  left: -38px;
  top: -4px;
}
@media only screen and (max-width: 1037px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a span::before {
    left: -13px;
  }
}
@media only screen and (max-width: 768px) {
  #shoene_tips .loginArea .btnArea .login_wrap .login_btn_movie a span::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -2px;
    width: 60px;
    height: 42px;
  }
}
@media only screen and (max-width: 768px) {
  #shoene_tips .cambnr.mb30 {
    margin-top: 30px;
  }
  #shoene_tips .cambnr img {
    margin: 0 auto;
  }
}

#housemap {
	margin-bottom: 30px;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16 {
  stroke-linejoin: round;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-13, .cls-14, .cls-15, .cls-16 {
  stroke-linecap: round;
}
.cls-1, .cls-2, .cls-3, .cls-5, .cls-7, .cls-8, .cls-17, .cls-9, .cls-10, .cls-11, .cls-12, .cls-18, .cls-19, .cls-15, .cls-16 {
  stroke-width: 1.5px;
}
.cls-1, .cls-2, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-20, .cls-17, .cls-21, .cls-22, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-18, .cls-14, .cls-19, .cls-15, .cls-23, .cls-16 {
  stroke: #116c91;
}
.cls-1, .cls-23 {
  fill: #94d4a0;
}
.cls-2 {
  fill: #fefae5;
}
.cls-3 {
  stroke: #fff;
}
.cls-3, .cls-7, .cls-20, .cls-12, .cls-13, .cls-14, .cls-19 {
  fill: none;
}
.cls-4, .cls-21, .cls-9, .cls-10 {
  fill: #fff;
}
.cls-5, .cls-6 {
  fill: #d7d7d7;
}
.cls-8, .cls-22 {
  fill: #ee7e4e;
}
.cls-20 {
  stroke-width: 1.5px;
}
.cls-20, .cls-17, .cls-21, .cls-22, .cls-18, .cls-19, .cls-23 {
  stroke-miterlimit: 10;
}
.cls-17, .cls-15 {
  fill: #bee7fd;
}
.cls-11, .cls-18, .cls-16 {
  fill: #f0a257;
}
.cls-24 {
  fill: #116c91;
}
.cls-14 {
  stroke-width: 3px;
}
#housemap .cls-1,
#housemap .cls-2,
#housemap .cls-5,
#housemap .cls-8,
#housemap .cls-10,
#housemap .cls-11,
#housemap .cls-16 {
	transition: .3s;
}
#housemap a:hover .cls-1,
#housemap a:hover .cls-2,
#housemap a:hover .cls-5,
#housemap a:hover .cls-8,
#housemap a:hover .cls-10,
#housemap a:hover .cls-11,
#housemap a:hover .cls-16 {
	fill: #FCE57B;
}
#housemap {
	position: relative;
	padding-top: 30px;
}
#housemap .housemap_copy {
	position: absolute;
	top: 0;
	right: 0;
	width: 65%;
	max-width: 374px;
}
#housemap .housemap_copy img {
	width: 100%;
}


@media only screen and (max-width: 768px) {
  #housemap {
		margin-bottom: 20px;
		padding-top: 20px;
	}
	#housemap .housemap_copy {
		right: 3%;
	}
	
	
}

#shoene_tips .list > li {
	position: relative;
	padding-left: 1.3em;
}
#shoene_tips .list > li::before {
	position: absolute;
	top: 0;
	left: 0;
}
#shoene_tips .list > li + li {
	margin-top: .2em;
}
#shoene_tips .list.smldot > li::before {
	content: "・";
}
#shoene_tips .sc_box {
	background: #fff;
	border: 20px solid #FAE08C;
	border-radius: 10px 10px 0 0;
	padding: 30px;
	margin-top: 23px;
}
#shoene_tips .sc_titbox {
	margin-bottom: 1em;
	position: relative;
}
#shoene_tips .sc_reset {
	position: absolute;
	top: .5em;
	right: 0;
	text-align: center;
}
#shoene_tips .sc_reset .sc_reset_btn {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.3;
	background: #00A6E7;
	color: #fff;
	border-left: 3px solid rgba(255,255,255,.2);
	border-top: 3px solid rgba(255,255,255,.2);
	border-right: 3px solid rgba(0,0,0,.2);
	border-bottom: 3px solid rgba(0,0,0,.2);
	padding: 5px 10px;
	transition: .5s;
	cursor: pointer;
}
#shoene_tips .sc_reset .sc_reset_btn:hover {
	opacity: .7;
}
#shoene_tips .sc_tit {
	font-size: 30px;
	text-align: left;
	padding-right: 170px;
	color: #00A6E7;
}
#shoene_tips .sc_table {
	width: 100%;
	overflow-x: auto;
}
#shoene_tips .sc_table .fs_small {
	font-size: 80%;
}
#shoene_tips .sc_table table {
	min-width: 100%;
	width: auto;
	border: 4px solid #8ED1FB;
}
#shoene_tips .sc_table table tr > * {
	border: 2px solid #8ED1FB;
	line-height: 1.4;
	vertical-align: middle;
	text-align: center;
}
#shoene_tips .sc_table table tr.sc_hr > * {
	border-top-width: 4px;
}
#shoene_tips .sc_table table thead tr > * {
	font-size: 14px;
	line-height: 1.2;
	padding: 5px;
	background: #DEF3FE;
	white-space: nowrap;
}
#shoene_tips .sc_table table tbody tr > * {
	font-size: 16px;
	padding: 5px 10px;
}
#shoene_tips .sc_table table tbody tr > th {
	padding: 10px;
}
#shoene_tips .sc_table figure {
	width: 120px;
	padding-top: 5px;
	display: inline-block;
}
#shoene_tips .sc_table figure img {
	width: 90px;
	max-width: 100%;
}
#shoene_tips .sc_table figcaption {
	margin-top: 10px;
	font-size: 14px;
}
#shoene_tips .sc_table .sc_action {
	text-align: left;
}
#shoene_tips .sc_table .sc_num {
	color: #00A6E7;
}
#shoene_tips .sc_table .sc_num .fs_large {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: .08em;
	line-height: 1.2;
}
#shoene_tips .sc_table .sc_num .fs_small {
	font-size: 14px;
	font-weight: normal;
	color: #231815;
	letter-spacing: 0;
}
#shoene_tips .sc_table .sc_check {
	line-height: 1;
}
#shoene_tips .sc_table .sc_check input[type="checkbox"] {
	display: none;
}
#shoene_tips .sc_table .sc_check input + label {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#shoene_tips .sc_table .sc_check input + label::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 3px solid #8ED1FB;
}
#shoene_tips .sc_table .sc_check input:checked + label::before {
	background: #FFFAD5;
}
#shoene_tips .sc_table .sc_check input:checked + label::after {
	content: "";
	width: 22px;
	height: 12px;
	border-left: 4px solid #00A6E7;
	border-bottom: 4px solid #00A6E7;
	transform: rotate(-45deg);
	position: absolute;
	top: 1px;
	left: calc(50% - 8px);
}
#shoene_tips .sc_box_foot {
	background: #FAE08C;
	border-radius: 0 0 10px 10px;
	padding: 0 20px 30px;
}
#shoene_tips .sc_total {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin-bottom: 20px;
}
#shoene_tips .sc_total > div {
	background: #fff;
	border: 2px solid #8ED1FB;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}
#shoene_tips .sc_total > div:nth-child(1) {
	width: 40%;
}
#shoene_tips .sc_total > div:nth-child(2) {
	width: 30%;
	margin-left: 20px;
}
#shoene_tips .sc_total_tit {
	background: #00A6E7;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .05em;
	padding: 5px;
}
#shoene_tips .sc_total_body {
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
	color: #00A6E7;
}
#shoene_tips .sc_total_body._w {
	font-size: 16px;
}
#shoene_tips .sc_total_result,
#shoene_tips .sc_total_result_w {
	display: inline-block;
	line-height: 1;
}
#shoene_tips .sc_total_result {
	font-size: 40px;
	margin-right: .1em;
}
#shoene_tips .sc_total_result_w {
	font-size: 28px;
	margin-right: .15em;
}
#shoene_tips .sc_morelink {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
	margin: 5px auto 0;
}
#shoene_tips .sc_morelink a {
	color: #00A6E9;
	border-bottom: 1px solid #00A6E9;
}
#shoene_tips .sc_morelink a:hover {
	border-bottom: none;
}
#shoene_tips .sc_total > .print_btn {
  margin-left: 20px;
	background: transparent;
	border: none;
	align-self: center;
}
#shoene_tips .sc_total > .print_btn button {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	width: 9em;
	color: #fff;
	background: #F7931E;
	border-left: 4px solid rgba(255,255,255,.2);
	border-top: 4px solid rgba(255,255,255,.2);
	border-right: 4px solid rgba(0,0,0,.2);
	border-bottom: 4px solid rgba(0,0,0,.2);
	padding: 5px;
	transition: .5s;
	cursor: pointer;
}
#shoene_tips .sc_total > .print_btn button img {
	display: block;
	width: 40px;
	margin: 0 auto 3px;
}
#shoene_tips .sc_total > .print_btn button:hover {
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	#shoene_tips .sc_box {
		border-radius: 0;
		padding: 15px;
		margin-top: 40px;
	}
	#shoene_tips .sc_reset {
		position: static;
		margin-top: .5em;
	}
	#shoene_tips .sc_reset .sc_reset_btn {
		font-size: 13px;
		padding: 3px 10px;
	}
	#shoene_tips .sc_tit {
		font-size: 20px;
		padding-right: 0;
	}
	#shoene_tips .sc_table table {
		border-width: 3px;
	}
	#shoene_tips .sc_table table tr > * {
		border-width: 1px;
	}
	#shoene_tips .sc_table table tr.sc_hr > * {
		border-top-width: 3px;
	}
	#shoene_tips .sc_table table thead tr > * {
		font-size: 13px;
		padding: 3px;
	}
	#shoene_tips .sc_table table tbody tr > th {
		padding: 10px 5px;
	}
	#shoene_tips .sc_table table tbody tr > * {
		font-size: 14px;
		padding: 5px;
	}
	#shoene_tips .sc_table figure {
		width: 75px;
		padding-top: 0;
	}
	#shoene_tips .sc_table figure img {
		width: 55px;
	}
	#shoene_tips .sc_table figcaption {
		font-size: 13px;
	}
	#shoene_tips .sc_table .sc_num .fs_large {
		font-size: 20px;
	}
	#shoene_tips .sc_table .sc_num .fs_small {
		font-size: 13px;
	}
	#shoene_tips .sc_box_foot {
		border-radius: 0;
		flex-flow: column nowrap;
	}
	#shoene_tips .sc_total {
		order: 1;
		border-width: 1px;
		width: 100%;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	#shoene_tips .sc_total > div:nth-child(1) {
		width: 55%;
	}
	#shoene_tips .sc_total > div:nth-child(2) {
		width: 42%;
		margin-left: 3%;
	}
	#shoene_tips .sc_total_tit {
		font-size: 14px;
	}
	#shoene_tips .sc_total_body._w {
		padding-top: 20px;
	}
	#shoene_tips .sc_morelink {
		font-size: 12px;
	}
	#shoene_tips .sc_total > .print_btn {
		display: none;
	}
	
	
	
}

/* ご家庭の省エネチェックシート 印刷用 */
@media print {
	.print_off {
		display: none;
	}
	.page_break {
		page-break-before: always;
	}
	.sc_table table thead {
		display: table-header-group;
		break-inside: avoid;
	}
	.sc_table table tr {
		page-break-inside: avoid;
	}
	.sc_tit {
		font-size: 24px;
		text-align: center;
		color: #00A6E7;
		margin-bottom: .7em;
	}
	.sc_table {
		width: 100%;
	}
	.sc_table .fs_small {
		font-size: 80%;
	}
	.sc_table table {
		min-width: 100%;
		width: auto;
		border: 4px solid #8ED1FB;
	}
	.sc_table table tr > * {
		border: 2px solid #8ED1FB;
		line-height: 1.4;
		vertical-align: middle;
		text-align: center;
	}
	.sc_table table tr.sc_hr > * {
		border-top-width: 4px;
	}
	.sc_table table thead tr > * {
		font-size: 14px;
		line-height: 1.2;
		padding: 5px;
		background: #DEF3FE;
		white-space: nowrap;
	}
	.sc_table table tbody tr > * {
		font-size: 16px;
		padding: 5px 10px;
	}
	.sc_table table tbody tr > th {
		padding: 10px;
	}
	.sc_table figure {
		width: 120px;
		padding-top: 5px;
		display: inline-block;
	}
	.sc_table figure img {
		width: 90px;
		max-width: 100%;
	}
	.sc_table figcaption {
		margin-top: 10px;
		font-size: 14px;
	}
	.sc_table .sc_action {
		text-align: left;
	}
	.sc_table .sc_num {
		color: #00A6E7;
	}
	.sc_table .sc_num .fs_large {
		font-size: 22px;
		font-weight: bold;
		letter-spacing: .08em;
		line-height: 1.2;
	}
	.sc_table .sc_num .fs_small {
		font-size: 14px;
		font-weight: normal;
		color: #231815;
		letter-spacing: 0;
	}
	.sc_table .sc_check {
		line-height: 1;
	}
	.sc_table .sc_check input[type="checkbox"] {
		display: none;
	}
	.sc_table .sc_check input + label {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.sc_table .sc_check input + label::before {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		border: 3px solid #8ED1FB;
	}
	.sc_table .sc_check input:checked + label::before {
		background: #FFFAD5;
	}
	.sc_table .sc_check input:checked + label::after {
		content: "";
		width: 22px;
		height: 12px;
		border-left: 4px solid #00A6E7;
		border-bottom: 4px solid #00A6E7;
		transform: rotate(-45deg);
		position: absolute;
		top: 1px;
		left: calc(50% - 8px);
	}
	.sc_box_foot {
		background: transparent;
		padding: 30px 0 0;
	}
	.sc_total {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		margin-bottom: 20px;
	}
	.sc_total > div {
		background: #fff;
		border: 2px solid #8ED1FB;
		text-align: center;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
	}
	.sc_total > div:nth-child(1) {
		width: 40%;
	}
	.sc_total > div:nth-child(2) {
		width: 30%;
		margin-left: 20px;
	}
	.sc_total_tit {
		background: #00A6E7;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: .05em;
		padding: 5px;
	}
	.sc_total_body {
		padding: 10px 0;
		font-size: 20px;
		font-weight: bold;
		color: #00A6E7;
	}
	.sc_total_body._w {
		font-size: 16px;
	}
	.sc_total_result,
	.sc_total_result_w {
		display: inline-block;
		line-height: 1;
	}
	.sc_total_result {
		font-size: 40px;
		margin-right: .1em;
	}
	.sc_total_result_w {
		font-size: 28px;
		margin-right: .15em;
	}
	.sc_morelink,
	.sc_total > .print_btn,
	.sc_reset {
		display: none;
	}
	.print_fs_small {
		font-size: 10px;
		line-height: 1.5;
	}
	
	
}