@charset "UTF-8";
/* Reset Style */
html {
  overflow-y: scroll;
}

body {
  line-height: 1;
  color: #000;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* 汎用クラス */
[class^="mark"] {
  padding-left: 15px;
  background: no-repeat left .5em;
}

.mark1 {
  background-image: url(../img/share/mark_1.gif);
}

.mark2 {
  background-image: url(../img/share/mark_2.gif);
}

.mark3 {
  background-image: url(../img/share/mark_3.gif);
}

.mark4 {
  background-image: url(../img/share/mark_4.gif);
}

.mark5 {
  background-image: url(../img/share/mark_5.gif);
}

.opacity {
  opacity: 0.55;
  -moz-opacity: 0.55;
  filter: alpha(opacity=55);
  -ms-filter: "alpha(opacity=55)";
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.fr,
.imgR {
  float: right;
  margin-left: 10px;
}

.fl,
.imgL {
  float: left;
  margin-right: 10px;
}

.imgC,
.tC,
.btn {
  text-align: center;
}

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tR,
.sign {
  text-align: right;
}

.box_size {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.ts_none {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}

.bs_none {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.cRed {
  color: #e60013 !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.fz10 {
  font-size: 1rem !important;
}

.fz12 {
  font-size: 1.2rem !important;
}

.fz14 {
  font-size: 1.4rem !important;
}

.fz16 {
  font-size: 1.6rem !important;
}

.fz18 {
  font-size: 1.8rem !important;
}

.fz20 {
  font-size: 2rem !important;
}

.fz22 {
  font-size: 2.2rem !important;
}

.fz24 {
  font-size: 2.4rem !important;
}

.fz26 {
  font-size: 2.6rem !important;
}

.fz28 {
  font-size: 2.8rem !important;
}

.fz30 {
  font-size: 3rem !important;
}

.fz32 {
  font-size: 3.2rem !important;
}

.fz34 {
  font-size: 3.4rem !important;
}

.fz36 {
  font-size: 3.6rem !important;
}

.fz38 {
  font-size: 3.8rem !important;
}

.fz40 {
  font-size: 4rem !important;
}

/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

html {
  font-size: 10px;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background-color: #f5f5f5;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  color: #333;
}

/* -----------------------------------------------
FOOTER
------------------------------------------------- */
footer {
  background-color: #888;
  padding: 1em 0;
  text-align: center;
  font-size: 1rem;
  color: #efefef;
}

/* -----------------------------------------------
HEADER
------------------------------------------------- */
/* header */
header {
  background-color: #fff;
  padding: .5em 0;
}
header .inner {
  width: 100%;
  display: table;
}
header .logo {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
header ul {
  display: table-cell;
  width: 50%;
  text-align: right;
}
header ul li {
  display: inline-block;
  list-style: none;
  vertical-align: middle;
}
header ul li a {
  display: block;
  overflow: hidden;
  width: 42px;
  height: 42px;
  background: url(../../../../img/images/special/savethelivehouse/twitter.png) no-repeat center;
  vertical-align: middle;
  font-size: 1rem;
  color: transparent;
}
header ul .sns-icon2 a {
  background: url(../../../../img/images/special/savethelivehouse/fb.png) no-repeat center;
}
header ul .sns-icon3 a {
  background: url(../../../../img/images/special/savethelivehouse/line.png) no-repeat center;
}
header ul .sns-icon4 a {
  background: url(../../../../img/images/special/savethelivehouse/hatena.png) no-repeat center;
}

/* hero */
#hero {
  width: 100%;
  background-color: #FFF;
  height: auto;
  padding: 2em 0 0 0;
  #background: url(../../../../img/images/special/savethelivehouse/topimage.jpg) no-repeat center;
  #background-size: cover;
}
#hero .inner {
  position: relative;
  height: 100%;
}
#hero h1 img {
  display: block;
  max-width: 80%;
  margin: 0 auto;
  top: 50%;
}

#searchNavi.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}

.pagetop a {
  display: block;
  padding: 8px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 24px;
  bottom: 24px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-size: 4rem;
}

/* -----------------------------------------------
MAIN
------------------------------------------------- */
/* #section01 */
#section01 {
  background-color: #fff;
  padding: 2em 0;
}
#section01 h2 {
  margin-bottom: 1em;
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
}
#section01 h2:before {
  content: "";
  background: url(../../../../img/images/special/savethelivehouse/icon-hearts.svg?update=2020041619) center no-repeat;
  background-size: contain;
  height: 32px;
  display: block;
  text-align: center;
  margin-bottom: .5em;
}
#section01 .desc {
  text-align: center;
}

#section01 .contact {
  padding: 3em 1em;
  text-align: center;
}
#section01 .contact .btn-contact {
  display: inline-block;
  #background-color: #e3372b;
  background-color: rgb(241, 144, 53);
  text-indent: -1em;
  font-weight: bold;
  color: #FFF;
  padding: 1.5em 2em 1.5em 3em;
}


/* contents */
#contents #search {
  #background-color: #f6edb4;
  background-color: rgb(246, 207, 90);
  padding: 1em 0;
}
#contents #search .inner:after {
  content: "";
  display: block;
  clear: both;
}
#contentslists #search ul.label {
  width: 70%;
  float: left;
}
#contents #search ul.label li {
  display: inline-block;
  margin-bottom: .5em;
}
#contents #search ul.label li button {
  border: none;
  padding: 0 .5em;
  font-size: 1.4rem;
  line-height: 3rem;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  color: #333;
  transition: background-color .5s;
}
#contents #search ul.label li button:hover {
  background-color: #fffea4;
  cursor: pointer;
}
#contents #search ul.label li button.active {
  background-color: #fffea4;
  color: #f18c22;
  font-weight: bold;
}
#contents #search ul.label li button.active:hover {
  cursor: default;
}
#contents #search .area {
  width: 28%;
  float: right;
  text-align: right;
}
#contents #search .area label {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px 0 0 4px;
  background-color: #efefef;
  line-height: 3rem;
  padding: 0 1em;
  margin-right: -.5em;
}
#contents #search .area select {
  background-color: #fff;
  border: none;
  border-radius: 0 4px 4px 0;
  padding: 0 1em;
  font-size: 1.4rem;
  height: 3rem;
  vertical-align: top;
}
#contents #result {
  margin: 1em auto;
  width: 100%;
}
#contents #result span {
  color: #f18c22;
  font-weight: bold;
  font-size: 1.8rem;
}
#contents #infinity {
  padding-bottom: 2em;
}
#contents #infinity .loadarea {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0;
}
#contents #infinity .loadarea:first-child {
  margin-top: 1em;
}
#contents #infinity .loadarea .box {
  position: relative;
  width: 49%;
  background-color: #fff;
  margin-right: 1em;
  margin-bottom: 2em;
}
#contents #infinity .loadarea .box:nth-child(2n) {
  margin-right: 0;
}
#contents #infinity .loadarea .box .head {
  display: table;
  width: 100%;
  box-sizing: border-box;
  #background-color: #ffe96c;
  background-color: rgb(241, 144, 53);
  padding: .5em 1em;
  min-height: 90px;
}
#contents #infinity .loadarea .box .head > div {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
#contents #infinity .loadarea .box .head .logo {
  width: 20%;
}
#contents #infinity .loadarea .box .head .name {
  width: 80%;
  padding-left: .5em;
}
#contents #infinity .loadarea .box .head .name h3 {
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
}
#contents #infinity .loadarea .box .head .name h3 a {
  color: #FFF;
}
#contents #infinity .loadarea .box .head .name .label {
  /* margin-bottom: .5em; */
}
#contents #infinity .loadarea .box .head .name .label li {
  display: inline-block;
  font-size: 1.2rem;
  background-color: #e6b335;
  line-height: 2.3rem;
  padding: 0 1em;
  color: #fff;
  margin-bottom:  .5em;
}
#contents #infinity .loadarea .box .head .name .label li.area{
  #background-color: #e3372b;
  background-color: rgb(176, 200, 86);
  color: #FFF;
  border-radius: 4px;
}
#contents #infinity .loadarea .box .head .name .label li.job{
  #background-color: #68c619;
  background-color: rgb(245, 225, 200);
  color: rgb(224, 120, 21);
  border-radius: 4px;
}
#contents #infinity .loadarea .box .body {
  padding: 1em 1em 6em;
}
#contents #infinity .loadarea .box .body:after {
  content: "";
  display: block;
  clear: both;
}
#contents #infinity .loadarea .box .body h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1em;
}
#contents #infinity .loadarea .box .body .tweetBox {
  margin-top: -10px;
  margin-bottom: 2em;
}
#contents #infinity .loadarea .box .body .thumb {
  float: left;
  width: 180px;
  margin-right: 1.5em;
  margin-bottom: .5em;
}
#contents #infinity .loadarea .box .body .thumb ul li {
  font-size: 1rem;
  color: #9f5819;
  text-align: center;
}
#contents #infinity .loadarea .box .body .thumb ul li p {
  width: 180px;
  height: 180px;
  vertical-align: middle;
  display: table-cell;
}
#contents #infinity .loadarea .box .body .thumb ul li p img {
  display: block;
  margin: 0 auto 1em;
  max-width: 100%;
  max-height: 100%;
}
#contents #infinity .loadarea .box .body .thumb ul li .desc {
  max-width: 180px;
  margin: 0 auto;
}

#contents #infinity .loadarea .box .body .lf-link {
  margin: 3rem 0;
}
#contents #infinity .loadarea .box .body .lf-link:hover {
  opacity: .6;
  transform: all .2s;
}

#contents #infinity .loadarea .box .body .info {
  overflow: hidden;
  padding-bottom: .5em;
  font-size: 1.2rem;
  word-break: break-word;
}
#contents #infinity .loadarea .box .body .info a {
  color: rgb(176, 200, 86);
}
#contents #infinity .loadarea .box .body .info .logo {
  margin-bottom: 1em;
}
#contents #infinity .loadarea .box .body .info .button {
  width: 100%;
  position: absolute;
  bottom: 1.2em;
  left: 0;
  text-align: center;
}
#contents #infinity .loadarea .box .body .info .info-update p {
  margin: 1em 0;
  color: #e3372b;
  font-size: 14px;
}
#contents #infinity .loadarea .box .body .info .info-category {
  margin-bottom: 2em;
}
#contents #infinity .loadarea .box .body .info .info-category p {
  color: #444;
}
#contents #infinity .loadarea .box .body .info .info-category h5,
#contents #infinity .loadarea .box .body .info .info-links h5 {
  font-size: 14px;
  #border-bottom: solid 3px #b12318;
  border-bottom: solid 3px rgb(246, 207, 90);
  margin-bottom: 0.5em;
  color: rgb(230, 173, 4);
}
#contents #infinity .loadarea .box .body .info .info-links {
  margin-top: 2.5em;
}
#contents #infinity .loadarea .box .body .info .info-links ul li {
  padding: .5em 0;
}

#contents #infinity .loadarea .box .body .info .button .btn-orange,
#contents #infinity .loadarea .box .body .info .button .btn-lf-venue,
#contents #infinity .loadarea .box .body .info .button .btn-red {
  display: inline-block;
  padding: 1.3em 2em;
  width: 35%;
}

#contents #infinity .loadarea .box .tw-widget {
  display: inline-block;
  width: 220px;
  margin-left: auto;
  border: solid 1px #EEE;
}


/* -----------------------------------------------
MODULE
------------------------------------------------- */
main {
  display: block;
}

.display-sp {
  display: none;
}

.display-pc {
  display: block;
}

.noscroll {
  overflow-y: hidden;
  position: fixed;
  width: 100%;
  height: 100;
}

li {
  list-style: none;
}

p {
  line-height: 1.5;
}

img {
  vertical-align: bottom;
}

a, a img {
  opacity: 1;
  transition: all .5s;
}
a:hover, a img:hover {
  opacity: .6;
  transform: all .2s;
}

.inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* modal */
.mfp-container {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

.mfp-counter,
#cboxCurrent, .slider-inline {
  display: none !important;
}

/* btn */
[class^="btn"] {
  display: block;
  margin: 0;
  padding: 1.3em 1em;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
  text-decoration: none;
  text-align: center;
}

.btn-orange {
  background: #f18c22;
  font-weight: bold;
  color: #fff;
  font-size: 13px;
  padding: .8em;
}
.btn-lf-venue {
  background: #f18c22;
  text-indent: -1em;
  font-weight: bold;
  color: #fff !important;
}
.btn-red {
  #background: #e3372b url(../../../../img/images/special/savethelivehouse/icon-arrow-rt.svg) 95% 50% no-repeat;
  background: rgb(246, 207, 90) url(../../../../img/images/special/savethelivehouse/icon-arrow-rt.svg) 95% 50% no-repeat;
  text-indent: -1em;
  font-weight: bold;
  color: #fff !important;
}


/* slider */
.loading {
  height: 100px;
  background: url(../../../../img/images/special/savethelivehouse/loader.svg) no-repeat center;
  background-size: 100px;
  margin: 1em 0;
}

.loading.slide {
  height: 327px;
  margin: 0 0 2em;
}

#infscr-loading {
  text-align: center;
  padding-top: 2em;
}

.pager {
  width: 100%;
  box-sizing: border-box;
  padding: 2em 0;
  text-align: center;
}
.pager .btn {
  display: inline-block;
  background-color: #888;
  color: #fff;
  padding: 1em 2em;
}

.slick-loading .slick-list {
  background: #fff url("../../../../img/images/special/savethelivehouse/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../../../fonts/common/special/job/slick.eot");
  src: url("../../../../fonts/common/special/job/slick.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/common/special/job/slick.woff") format("woff"), url("../../../../fonts/common/special/job/slick.ttf") format("truetype"), url("../../../../fonts/common/special/job/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 99;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 40px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.23);
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 9px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  header ul li a {
    width: 30px;
    height: 30px;
    background-size: contain !important;
  }

  header .inner {
    box-sizing: border-box;
    padding: 0 1em;
  }

  .pagetop a {
    padding: 4px;
    border-radius: 4px;
    right: 12px;
    bottom: 12px;
  }

  #hero {
    height: auto;

    #background: url(../../../../img/images/special/savethelivehouse/topimage-sp.jpg) no-repeat;
    #background-size: cover;
  }

  #hero h1 {
    #right: 1em;
    #width: 45%;
  }

  #section01 {
    padding: 2em 1em;
  }
  #section01 h2 {
    margin-bottom: .5em;
    font-size: 2.0rem;
  }

  #contents #result {
    padding: 0 1em;
  }

  #contents #infinity .loadarea:first-child,
  #contents #infinity .loadarea {
    padding-right: 1em;
    padding-left: 1em;
  }

  #contents #search {
    padding: 1em;
  }

  #contents #infinity .loadarea .box .body .thumb {
    float: none;
    width: auto;
    margin-right: 0;
  }

  .slick-slide img {
    margin: 0 auto;
  }

  .mfp-container {
    padding: 0 2em;
  }
}
@media only screen and (max-width: 480px) {
  #hero h1 {
    #margin-top: -10vh;
  }

  #section01 .desc {
    text-align: center;
    line-height: 1.6;
  }

  #contents #search .area,
  #contents #search ul.label {
    width: auto;
    float: none;
  }

  #contents #search .area {
    text-align: left;
    padding-top: .5em;
    #border-top: 1px dotted #ffc485;
  }

  #contents #search .area select {
    min-width: 70vw;
  }

  #contents #infinity .loadarea:first-child, #contents #infinity .loadarea {
    padding: 0;
    padding-right: 0;
    padding-left: 0;
  }

  #contents #infinity .loadarea .box {
    width: 100%;
    margin-right: 0;
    /* margin-bottom: 0; */
    margin-bottom: 2em;
  }

  #contents #infinity .loadarea .box .body {
    padding: 1em;
  }

  #contents #infinity .loadarea .box .body {
    font-size: 1.4rem;
  }

  #contents #infinity .loadarea .box .body .info .logo {
    text-align: center;
  }

  #contents #infinity .loadarea .box .body .info .button {
    position: static;
    margin-top: 2em;
  }

  #contents #infinity .loadarea .box .head {
    min-height:auto;
  }
}

#ajaxload {
  background: url(/img/images/special/savethelivehouse/ajax-loader.gif) 50% 20% no-repeat;
  width: 100%;
  height: 500px;
}
.accordion .more {
  color: #f18c22 ;
  #float: right;
}
#.accordion .more:after {
#  content: "";
#  display: inline-block;
#  width: 6px;
#  height: 6px;
#  border-top: 2px solid #f18c22 ;
#  border-right: 2px solid #f18c22 ;
#  -webkit-transform: rotate(135deg);
#  transform: rotate(135deg);
#  margin-left: 4px;
#  margin-bottom: 1px;
#}
#.accordion .more.open:after {
#  -webkit-transform: rotate(-45deg);
#  transform: rotate(-45deg);
#  margin-bottom: -2px;
#}
#.accordion .more:hover:after {
#  border-color: #f18c22 ;
#}