/* ----------misc.---------- */
.clear {
    zoom: 1
    }
.clear:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    content: "";
    }
.is-hidden {
    display: none
    }

.event_list .btn span {
 display: inline-block;
 background: url("/common/images/common_ic036.svg") no-repeat 0 center;
 background-size: 22px auto;
 padding: 12px 0 12px 36px;
}

a.disable{
    pointer-events:none;
}
.m0{
  margin: 0 !important;
}

/*修正*/

/* ----------base---------- */

.sp {
    display: none !important
    }
.accordion,
.accordion-open {
    cursor: pointer
    }
.accordion-contents {
    display: none;
    padding: 0;
    }
.sp.accordion-contents {
    display: inline !important;
    padding: 0;
    }

/* ----------contents---------- */
/*ベース*/
#location {
    background: #f3f1e5;
    padding: 32px 0 0 0;
    width: 1000px;
    margin: 0 auto;
    }

#location.inner {
    width: 100%;
}

#location p {
    line-height: 1.8;
    font-size: 13px;
}

#location .top-ttl01 {
    background: url("/info/park24service/location/images/index_ti001.png") no-repeat center top;
    width: 1000px;
    height: 390px;
    text-indent: -9999px;
}

#location .top-ttl02 {
    background: url("/info/park24service/location/images/shooting_ti001.png") no-repeat center top;
    width: 1000px;
    height: 390px;
    text-indent: -9999px;
}

#location .top-ttl03 {
    background: url("/info/park24service/location/images/reserved_ti001.png") no-repeat center top;
    width: 1000px;
    height: 390px;
    text-indent: -9999px;
}

#location .top-ttl04 {
    background: url("/info/park24service/location/images/reserved_ti002.png") no-repeat center top;
    width: 1000px;
    height: 390px;
    text-indent: -9999px;
}

#location h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
}

#location h3{
    font-size: 20px;
    font-weight: bold;
}

#location h4{
    font-weight: bold;
    font-size: 14px;
}

/*キービジュアル------------*/
#location .keyvisual{
    position: relative;
}

#location .keybnr{
    position: absolute;
    right: 20px;
    top: 30px;
    padding: 10px 15px 15px;
    background: rgba(0,0,0,0.6);
    border: 2px solid #FFFFFF;
    border-radius: 5px;
}

#location .keybnr .keybnr-title {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

#location .keybnr .keybnr-title span {
    font-size: 17px;
    color: #FEDB5B;
}

#location .keybnr .keybnr-links {
    text-align: center;
}

#location .keybnr .keybnr-links a {
    display: inline-block;
    width: 129px;
    padding: 9px 0 4px;
    border-radius: 5px;
    text-decoration: none;
}

#location .keybnr .keybnr-links a.link-reserved {
    background-image: linear-gradient( -45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee );
    background-size: 10px 10px;
}

#location .keybnr .keybnr-links a.link-reserved img {
    width: 26px;
    height: auto;
    vertical-align: top;
}

#location .keybnr .keybnr-links a span {
    position: relative;
    display: block;
    font-weight: bold;
    color: #fff;
}

#location .keybnr .keybnr-links a span::after {
    position: absolute;
    right: 5px;
    bottom: 6px;
    content: "";
    width: 10px;
    height: 10px;
    background: url(/info/park24service/location/images/index_ic011.png) no-repeat left;
    background-size: 10px 10px;
}

#location .keybnr .keybnr-links a.link-construction {
    background-image: linear-gradient( -45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0 );
    background-size: 10px 10px;
}

#location .keybnr .keybnr-links a.link-construction img {
    width: 23.5px;
    height: auto;
    vertical-align: top;
}

#location .bukkentitle .rightbnr {
  position: relative;
  display: block;
  padding: 10px 15px 15px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}

#location .rightbnr .rightbnr-title {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

#location .rightbnr .rightbnr-title span {
  font-size: 17px;
  color: #EA8B11;
}

#location .rightbnr .rightbnr-links {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
}

#location .rightbnr .rightbnr-links a {
  display: inline-block;
  width: 49%;
  padding: 9px 0 4px;
  border-radius: 5px;
  text-decoration: none;
}

#location .rightbnr .rightbnr-links a.link-reserved {
  margin-right: 5px;
  background-image: linear-gradient( -45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee );
  background-size: 10px 10px;
}

#location .rightbnr .rightbnr-links a.link-reserved img {
  width: 26px;
  height: auto;
  vertical-align: top;
}

#location .rightbnr .rightbnr-links a span {
  position: relative;
  display: block;
  font-weight: bold;
  color: #fff;
}

#location .rightbnr .rightbnr-links a span::after {
  position: absolute;
  right: 5px;
  bottom: 7px;
  content: "";
  width: 10px;
  height: 10px;
  background: url(/info/park24service/location/images/index_ic011.png) no-repeat left;
  background-size: 10px 10px;
}

#location .rightbnr .rightbnr-links a.link-construction {
  background-image: linear-gradient( -45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0 );
  background-size: 10px 10px;
}

#location .rightbnr .rightbnr-links a.link-construction img {
  width: 23.5px;
  height: auto;
  vertical-align: top;
}


/*グローバルナビ*/
#location .nav{
    margin-bottom: 35px;
}

#location .nav li {
    float: left;
    background: #fdefbd;
    }

#location .nav li.active a {
    background: #fedb5b;
}

#location .nav_index {
    width: 40%;
}

#location .nav_rooftop,.nav_underground,.nav_outdoors,.nav_shooting,.nav_reserved,.nav_reserved_construction {
    width: 20%;
}

#location .nav a {
    width: 100%;
    display: flex;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    transition: background-color 1s;
    height: 84px;
    justify-content: center;
    align-items: center;
    }

#location .nav li{
    border-right: 1px solid #ffd600;
}

#location .nav li:last-child{
    border-right: 0;
}

#location .nav a:before{
    content: url(/info/park24service/location/images/index_ic001.png);
    margin-right: 10px;
    position: relative;
    top: 2px;
}

#location .nav li a:hover {
    background: #fedb5b;
    color: #333;
}


/*左コンテンツ-------------*/

#location .leftside{
    width: 30%;
    margin-right: 3%;
    float: left;
}

/*サイドご利用事例*/
#location .sideUseCases p {
    margin-bottom: 10px;
    position: relative;
}
#location .sideUseCases p::after {
    background: url(/info/park24service/location/images/index_ic002.png) no-repeat;
    bottom: 0;
    content: "";
    height: 13px;
    margin: auto;
    right: 15px;
    position: absolute;
    top: 0;
    width: 9px;
}
#location .sideUseCases a {
    background-image: -webkit-linear-gradient(135deg, #eb9930 12.50%, #ea8b11 12.50%, #ea8b11 50%, #eb9930 50%, #eb9930 62.50%, #ea8b11 62.50%, #ea8b11 100%);
    background-image: -o-linear-gradient(135deg, #eb9930 12.50%, #ea8b11 12.50%, #ea8b11 50%, #eb9930 50%, #eb9930 62.50%, #ea8b11 62.50%, #ea8b11 100%);
    background-image: linear-gradient(135deg, #eb9930 12.50%, #ea8b11 12.50%, #ea8b11 50%, #eb9930 50%, #eb9930 62.50%, #ea8b11 62.50%, #ea8b11 100%);
    background-size: 5.66px 5.66px;
    display: block;
    padding: 5px;
    text-decoration: none;
}
#location .sideUseCases span {
    align-items: center;
    background: #fff;
    color: #ea8b11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: bold;
    justify-content: left;
    padding: 16px 20px 12px;
    position: relative;
}
#location .sideUseCases span::before {
    background: url(/info/park24service/location/images/ic_search002.svg) no-repeat;
    content: "";
    display: block;
    height: 31px;
    margin-right: 13px;
    width: 34px;
}

/*サイド よくあるご質問（FAQ）*/
#location .sideFAQ p {
    margin-bottom: 30px;
    position: relative;
}
#location .sideFAQ p::after {
    background: url(/info/park24service/location/images/index_ic010.png) no-repeat;
    bottom: 0;
    content: "";
    height: 13px;
    margin: auto;
    right: 15px;
    position: absolute;
    top: 0;
    width: 9px;
}
#location .sideFAQ a {
    background-image: -webkit-linear-gradient(135deg, #CBAD85 12.50%, #AC7B3A 12.50%, #AC7B3A 50%, #CBAD85 50%, #CBAD85 62.50%, #AC7B3A 62.50%, #AC7B3A 100%);
    background-image: -o-linear-gradient(135deg, #CBAD85 12.50%, #AC7B3A 12.50%, #AC7B3A 50%, #CBAD85 50%, #CBAD85 62.50%, #AC7B3A 62.50%, #AC7B3A 100%);
    background-image: linear-gradient(135deg, #CBAD85 12.50%, #AC7B3A 12.50%, #AC7B3A 50%, #CBAD85 50%, #CBAD85 62.50%, #AC7B3A 62.50%, #AC7B3A 100%);
    background-size: 5.66px 5.66px;
    display: block;
    padding: 5px;
    text-decoration: none;
}
#location .sideFAQ span {
    align-items: center;
    background: #fff;
    color: #ac7b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: bold;
    justify-content: left;
    padding: 16px 20px 12px;
    position: relative;
}
#location .sideFAQ span::before {
    background: url(/info/park24service/location/images/ic_faq.svg) no-repeat;
    background-size: auto 32px;
    content: "";
    display: block;
    height: 36px;
    margin-right: 13px;
    width: 36px;
}

/*サイド 撮影貸切料金について*/
#location .sideExclusiveRentalFee p {
  margin-bottom: 10px;
  position: relative;
}
#location .sideExclusiveRentalFee p::after {
  background: url(/info/park24service/location/images/index_ic012.png) no-repeat;
  bottom: 0;
  content: "";
  height: 13px;
  margin: auto;
  right: 15px;
  position: absolute;
  top: 0;
  width: 9px;
}
#location .sideExclusiveRentalFee a {
  background-image: -webkit-linear-gradient(135deg, #E78D98 12.50%, #B7616C 12.50%, #B7616C 50%, #E78D98 50%, #E78D98 62.50%, #B7616C 62.50%, #B7616C 100%);
  background-image: -o-linear-gradient(135deg, #E78D98 12.50%, #B7616C 12.50%, #B7616C 50%, #E78D98 50%, #E78D98 62.50%, #B7616C 62.50%, #B7616C 100%);
  background-image: linear-gradient(135deg, #E78D98 12.50%, #B7616C 12.50%, #B7616C 50%, #E78D98 50%, #E78D98 62.50%, #B7616C 62.50%, #B7616C 100%);
  background-size: 5.66px 5.66px;
  display: block;
  padding: 5px;
  text-decoration: none;
}
#location .sideExclusiveRentalFee span {
  align-items: center;
  background: #fff;
  color: #b7616c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
  justify-content: left;
  padding: 14px 20px 13px;
  position: relative;
}
#location .sideExclusiveRentalFee span::before {
  background: url(/info/park24service/location/images/ic_fee.svg) no-repeat;
  background-size: auto 33px;
  content: "";
  display: block;
  height: 33px;
  margin-right: 13px;
  width: 33px;
}

/*サイド　問い合わせ*/
#location .sidecontact{
    text-align: center;
    background: #fff;
    margin-bottom: 35px;
}

#location .sidecontact > p {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

#location .sidecontact > p.annotation {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

#location .sidecontact-reserved {
    border: 2px solid #7598EF;
}
#location .sidecontact-reserved dl dt{
  border-top: solid 1px #D7D7D7;
  padding-top: 1em;
}
#location .sidecontact-reserved dl .sidecontact-borderreset{
  border: none;
  padding-top: 6px;
}
#location .sidecontact-construction {
    margin-top: 12px;
    border: 2px solid #0698A8;
}

#location .sidecontact-innerTxt {
    background-image: linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image: -webkit-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image: -moz-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image: -ms-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    -ms-background-size: 10px 10px;
    background-size: 10px 10px;
    color: #fff;
    position: relative;
    padding: 10px;
}

#location .sidecontact-construction .sidecontact-innerTxt {
    background-image: linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image: -webkit-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image: -moz-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image: -ms-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
}

#location .sidecontact-innerTxt p {
    line-height: 1.5;
    font-size: 13px;
}

#location .sidecontact-innerTxt p span {
    font-size: 15px;
    font-weight: bold;
}

#location .sidecontact dl{
    border: none;
    padding-top: 10px;
    margin: 0 10px;
}

#location .sidecontact dl:last-of-type {
    padding-bottom: 20px;
    border: none;
}

#location .sidecontact dl.mailwrap dd {
  font-size: 14px;
  margin-bottom: 10px;
}
#location .sidecontact dl.mailwrap dd a{
  margin-bottom: 10px;
  font-weight: bold;
}


#location .sidecontact dl.mailwrap .mail{
  margin-bottom: 10px;
  font-weight: bold;
}

#location .sidecontact dl p.schedule {
    font-size: 12px;
}

#location .sidecontact dt p{
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}
#location .sidecontact dt .mail:before{
  content: url(../images/index_ic005.png);
  margin: 0 5px;
  position: relative;
  top: 2px;
}
#location .sidecontact dt .web:before{
  content: url(../images/index_ic013.png);
  margin: 0 5px;
  position: relative;
  top: 2px;
}
#location .sidecontact dt .tel:before{
  content: url(../images/index_ic014.png);
  margin: 0 5px;
  position: relative;
  top: 2px;
}
#location .sidecontact dt p:before{
  margin-right: 10px;
}

#location .sidecontact dd{
    background: #fff;
}
#location .sidecontact .sidecontact-button{
  width: 100%;
  height: auto;
  margin:10px 0;
}
#location .sidecontact .sidecontact-button a {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 244px;
  border-radius: 5px;
  padding: 10px 0;
  background-color: #EA8B11;
  margin: 0 1px;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
  font-size: 13px;
}
#location .sidecontact .sidecontact-button a::after {
  position: absolute;
  transform: rotate(180deg);
  bottom: 11px;
  right: 10px;
  content: "";
  background: url(/common/images/common_ic012.svg) no-repeat left;
  background-size: contain;
  width: 6px;
  height: 12px;
}
#location .sidecontact .sidecontact-construction dd{
    font-size: 13px;
}

/*サイドナビ*/
#location .sidenav .mainCategory{
    font-weight: bold;
}

#location .sidenav .mainCategory a{
    color: #333;
}

#location .sidenav .mainCategory a:hover{
    background: #fdd648;
}

#location .sidenav .reserve-links li {
    border-bottom: 1px solid #f3f1e5;
}

#location .sidenav .reserve-links li:last-child {
    border-bottom: none;
}

#location .sidenav .reserve-links p {
    line-height: 1.5;
    font-size: 14px;
    font-weight: normal;
}

#location .sidenav .reserve-links p span {
  font-size: 16px;
  font-weight: bold;
}

#location .sidenav .bgyellow{
    background: #fedb5b;
}

#location .sidenav .bgstripe{
    background-size: 15px 15px;
    background: #fdefbd;
    background-image:linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image:-webkit-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image:-moz-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image:-ms-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    -ms-background-size:10px 10px;
    background-size:10px 10px; /* 2つ書かないと、firefoxで崩れがおきる */
    color: #fff;
}

#location .sidenav .bgstripe.greenBgstripe {
    background-image:linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image:-webkit-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image:-moz-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image:-ms-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);  
}

#location .sidenav .bgstripe.orangeBgstripe {
    background-image:linear-gradient(-45deg, #ea8b11 25%, #eb9930 25%, #eb9930 50%, #ea8b11 50%, #ea8b11 75%, #eb9930 75%, #eb9930);
    background-image:-webkit-linear-gradient(-45deg, #ea8b11 25%, #eb9930 25%, #eb9930 50%, #ea8b11 50%, #ea8b11 75%, #eb9930 75%, #eb9930);
    background-image:-moz-linear-gradient(-45deg, #ea8b11 25%, #eb9930 25%, #eb9930 50%, #ea8b11 50%, #ea8b11 75%, #eb9930 75%, #eb9930);
    background-image:-ms-linear-gradient(-45deg, #ea8b11 25%, #eb9930 25%, #eb9930 50%, #ea8b11 50%, #ea8b11 75%, #eb9930 75%, #eb9930);  
}

#location .sidenav .bgstripe a:hover{
  background-size: 15px 15px;
    background: #fdefbd;
    background-image:linear-gradient(-45deg, #6a93f7 25%, #6289ec 25%, #6289ec 50%, #6a93f7 50%, #6a93f7 75%, #6289ec 75%, #6289ec);
    background-image:-webkit-linear-gradient(-45deg, #6a93f7 25%, #6289ec 25%, #6289ec 50%, #6a93f7 50%, #6a93f7 75%, #6289ec 75%, #6289ec);
    background-image:-moz-linear-gradient(-45deg, #6a93f7 25%, #6289ec 25%, #6289ec 50%, #6a93f7 50%, #6a93f7 75%, #6289ec 75%, #6289ec);
    background-image:-ms-linear-gradient(-45deg, #6a93f7 25%, #6289ec 25%, #6289ec 50%, #6a93f7 50%, #6a93f7 75%, #6289ec 75%, #6289ec);
    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    -ms-background-size:10px 10px;
    background-size:10px 10px; /* 2つ書かないと、firefoxで崩れがおきる */
  color: #fff;
}

#location .sidenav .bgstripe.greenBgstripe a:hover{
  background-image:linear-gradient(-45deg, #0698A8 25%, #008C9B 25%, #008C9B 50%, #0698A8 50%, #0698A8 75%, #008C9B 75%, #008C9B);
  background-image:-webkit-linear-gradient(-45deg, #0698A8 25%, #008C9B 25%, #008C9B 50%, #0698A8 50%, #0698A8 75%, #008C9B 75%, #008C9B);
  background-image:-moz-linear-gradient(-45deg, #0698A8 25%, #008C9B 25%, #008C9B 50%, #0698A8 50%, #0698A8 75%, #008C9B 75%, #008C9B);
  background-image:-ms-linear-gradient(-45deg, #0698A8 25%, #008C9B 25%, #008C9B 50%, #0698A8 50%, #0698A8 75%, #008C9B 75%, #008C9B);  
}

#location .sidenav .bgstripe.orangeBgstripe a:hover{
  background-image:linear-gradient(-45deg, #ea8b11 25%, #f0941f 25%, #f0941f 50%, #ea8b11 50%, #ea8b11 75%, #f0941f 75%, #f0941f);
  background-image:-webkit-linear-gradient(-45deg, #ea8b11 25%, #f0941f 25%, #f0941f 50%, #ea8b11 50%, #ea8b11 75%, #f0941f 75%, #f0941f);
  background-image:-moz-linear-gradient(-45deg, #ea8b11 25%, #f0941f 25%, #f0941f 50%, #ea8b11 50%, #ea8b11 75%, #f0941f 75%, #f0941f);
  background-image:-ms-linear-gradient(-45deg, #ea8b11 25%, #f0941f 25%, #f0941f 50%, #ea8b11 50%, #ea8b11 75%, #f0941f 75%, #f0941f);  
}

#location .sidenav .bgstripe a{
  padding: 12.5px 0 12.5px 20px;;
  color: #fff;
}

#location .sidenav .active .mainCategory {
    background: #fedb5b;
}

#location .sidenav li{
    border-bottom: 1px dotted #a0a0a0;
    background: #fff;
}

#location .sidenav li a{
    align-items: center;
    text-decoration: none;
    display: flex;
    padding: 20px 0 20px 20px;
}

#location .sidenav li a:hover{
    background: #fdefbd;
}

#location .sidenav li.mainCategory a:before{
    content: url(/info/park24service/location/images/index_ic001.png);
    margin-right: 10px;
    position: relative;
    top: 2px;
}

#location .sidenav li a:before{
    content: url(../images/index_ic002.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .sidenav .reserve-links li.mainCategory a:before {
    content: url(../images/index_ic011.png);
}

/*右コンテンツ-------------*/

#location .rightside{
    width: 67%;
    float: left;
}

#location .rightside.top--right--mb{
  margin-bottom: 60px;
}

#location .rightside .wrap{
    margin-bottom: 35px;
}

/*ナビ　シチュエーション別おすすめ駐車場*/

#location .nav_rooftop02,.nav_underground02,.nav_outdoors02 {
    width: 33.333%;
    background: #fff!important;
}

/*ビフォー、アフター*/

#location .example{
  background-size: 15px 15px;
    background: #fdefbd;
    background-image:linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    background-image:-webkit-linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    background-image:-moz-linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    background-image:-ms-linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    -ms-background-size:10px 10px;
    background-size:10px 10px; /* 2縺､譖ｸ縺九↑縺�→縲’irefox縺ｧ蟠ｩ繧後′縺翫″繧� */
  color: #fff;
}

#location .example ul{
    text-align: center;
    padding: 20px 0;
}

#location .example li{
    display: inline-block;
    vertical-align: middle;
}

#location .example li img{
    width: 250px;
}

#location .example li span{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

#location .example li.arrow{
    display: inline-block;
    height: 20px;
    width: 39px;
    background-color: #434343;
    position: relative;
    margin: 0px 35px 0 15px;
    top: -18px;
}

#location .example li.arrow:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 24px solid transparent;
    border-left: 25px solid #434343;
    left: 35px;
    top: -15px;
    margin-right: 10px;
}

#location .example02 {
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
}

#location .example02 img{
  width: 280px;
  height: auto;
}

#location .unkerLink{
    text-align: center;
    border: 2px solid #fedb5b;
    border-radius: 15px;
    box-shadow: 0px 5px 0px #fedb5b;
    background: #fff;
}

#location .unkerLink li{
    padding: 20px 15px;
    display: inline-block;
    font-size: 16px;
}

#location .unkerLink li:after{
    content: url(../images/index_ic003.png);
    margin: 5px;
    position: relative;
    top: 3px;
    right: -2px;
}

/*申し込み～撮影までの流れ*/
#location .flow{
    background: #fff8de;
    padding: 15px;
    font-size: 14px;
}

#location .flow .title{
    margin-bottom: 10px;
}

#location .flow ul.titleWrap li{
    vertical-align: middle;
}

#location .flow ul.titleWrap li.icon{
    display: table-cell;
    width: 11%;
}

#location .flow ul.titleWrap li.title{
    display: table-cell;
    width: 32%;
}

#location .flow ul.titleWrap li.cont{
    display: table-cell;
    width: 45%;
}

#location .flow ul.titleWrpa li img{
    margin-right: 10px;
}

#location .flow li{
    display: inline-block;
    vertical-align: middle;
}
#location .contactWrap ul .contactWrap-pt16{
  padding-top: 16px;
  margin: 0 10px;
}

/*矢印*/
#location .allow{
    display: block;
    text-align: center;
    padding: 10px 0;
}

#location .allow:before{
    content: url(../images/index_ic008.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .annotation-bottom{
  margin-bottom: 10px;
}


/*問い合わせ*/
#location .contactWrap{
    margin-top: 10px;
    border: 1px solid #d7d7d7;
    padding-bottom: 20px;
    background: #FFF;
}

#location .contactWrap-innerTxt{
  background-color: #7598ef;
  color: #fff;
  font-weight: normal;
  padding: 10px 0;
  position: relative;
  text-align: center;
}

#location .contactWrap-innerTxt.bgstripe{
  background-image: linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
  background-image: -webkit-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
  background-image: -moz-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
  background-image: -ms-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  -ms-background-size: 10px 10px;
  background-size: 10px 10px;
}

#location .contactWrap-innerTxt::after{
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #7598ef transparent transparent transparent;
  bottom: -14px;
  content: "";
  display: block;
  height: 0px;
  left: 50%;
  margin-left: -9px;
  position: absolute;
  width: 0px;
  z-index: 0;
}

#location .contactWrap-innerTxt.bgstripe::after{
  border-color: #6f93ee transparent transparent transparent;
}

#location .contactWrap-innerTxt p{
  font-size: 16px;
  line-height: 1.5;
}

#location .contactWrap-innerTxt p span.annotation{
  font-size: 13px;
  color: #fff;
}

#location .contactWrap-innerTxt p span.annotation a{
  color: #fff;
}

#location .contactWrap li.mail p{
    display: inline-block;
    line-height: 0;
}

#location .contactWrap ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0px 10px;
  background: #fff;
  border-top: solid 1px #D7D7D7;
  margin-top: 10px;
}
#location .contactWrap .webwrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0px 10px;
  background: #fff;
  border-top: none;
  margin-top: 0px;
}
#location .contactWrap .mailwrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0px 10px;
  background: #fff;
  border-top: none;
  margin-top: 0px;
}
#inquiry .contactWrap ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0px 10px;
  background: #fff;
  border-top: solid 1px #D7D7D7;
  margin-top: 10px;
}
#inquiry .contactWrap .webwrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0px 10px;
  background: #fff;
  border-top: none;
  margin-top: 0px;
}
.contactWrap ul li p{
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.contactWrap-subtitle-web{
  margin-top: 6px;
}
.contactWrap-subtitle-web:before {
  content: url(/info/park24service/location/images/index_ic013.png);
  margin: 0 5px;
  position: relative;
  top: 2px;
}
.contactWrap-subtitle-mail:before {
  content: url(/info/park24service/location/images/index_ic005.png);
  margin: 0 5px;
  position: relative;
  top: 2px;
}
.contactWrap-subtitle-tel:before {
  content: url(/info/park24service/location/images/index_ic014.png);
  margin: 0 5px;
  position: relative;
  top: 2px;
}

#location .sidecontact-button a{
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 244px;
  border-radius: 5px;
  padding: 16px 0 13px;
  background-color: #EA8B11;
  margin: 0 auto;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
  font-size: 14px;
  margin-bottom: 10px;
  transition-property: opacity;
  transition-duration: 0.3s;
}
#location .sidecontact-button a:hover{
  opacity: 0.7;
}
#location .sidecontact-button a::after {
  position: absolute;
  transform: rotate(180deg);
  bottom: 16px;
  right: 10px;
  content: "";
  background: url(/common/images/common_ic012.svg) no-repeat left;
  background-size: contain;
  width: 6px;
  height: 12px;
}


#location .contactWrap dl{
    padding: 0px 20px;
    background: #fff;
}

#location .contactWrap dt{
    background: #FEA73F;
    padding: 4px 20px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

#location .contactWrap dd{
    display: inline-block;
    vertical-align: middle;
}

/*禁止事項*/
#location .nogood li{
    font-size: 14px;
    line-height: 1.9
}

#location .nogood li ul {
    border-top: 1px dotted #7598ef;
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
}

#location .nogood.green-border li ul {
    border-top: 1px dotted #7BC0CB;
}

#location .nogood li ul li{
    display: inline-block;
    vertical-align: middle;
}

#location .nogood li ul li.link{
    width: 51%;
    font-size: 12px;
}

#location .nogood li ul li.bnr{
    width: 48%;
}

#location .nogood li ul li img{
    width: 295px;
}

#location .nogood .annotation{
    border-top: 1px dotted #ccc;
    margin-top: 10px;
    padding-top: 5px;
}

#location .tel{
    margin-bottom: 10px;
}

#location .flow .uni_disp_b {
    display: block;
}


/*見出し装飾*/
#location .headingStrip{
    padding: 16px 20px;
    background: #fdefbd;
    background-image:linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    background-image:-webkit-linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    background-image:-moz-linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    background-image:-ms-linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    -webkit-background-size:5px 5px;
    -moz-background-size:5px 5px;
    -ms-background-size:5px 5px;
    background-size:5px 5px; /* 2つ書かないと、firefoxで崩れがおきる */
}

#location .headingStrip.blueStripe{
    padding: 16px 20px;
    color: #fff;
    background: #fdefbd;
    background-image:linear-gradient(-45deg,#7598ef 25%,#6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image:-webkit-linear-gradient(-45deg,#7598ef 25%,#6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image:-moz-linear-gradient(-45deg,#7598ef 25%,#6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image:-ms-linear-gradient(-45deg,#7598ef 25%,#6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    -webkit-background-size:5px 5px;
    -moz-background-size:5px 5px;
    -ms-background-size:5px 5px;
    background-size:5px 5px; /* 2つ書かないと、firefoxで崩れがおきる */
}

#location .headingStrip.greenStripe{
    padding: 16px 20px;
    color: #fff;
    background: #fdefbd;
    background-image:linear-gradient(-45deg,#0698A8 25%,#0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image:-webkit-linear-gradient(-45deg,#0698A8 25%,#0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image:-moz-linear-gradient(-45deg,#0698A8 25%,#0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image:-ms-linear-gradient(-45deg,#0698A8 25%,#0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    -webkit-background-size:5px 5px;
    -moz-background-size:5px 5px;
    -ms-background-size:5px 5px;
    background-size:5px 5px; /* 2つ書かないと、firefoxで崩れがおきる */
}

#location .headingStripLink{
  display: block;
  align-items: center;
}

#location .headingStripLink a{
    position: relative;
    display: inline-block;
    width: 670px;
    padding: 18px 20px 14px 48px;
    background: #fdefbd;
    background-image:linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    background-image:-webkit-linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    background-image:-moz-linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    background-image:-ms-linear-gradient(-45deg,#fdefbd 25%,#fedb5b 25%, #fedb5b 50%, #fdefbd 50%, #fdefbd 75%, #fedb5b 75%, #fedb5b);
    -webkit-background-size:5px 5px;
    -moz-background-size:5px 5px;
    -ms-background-size:5px 5px;
    background-size:5px 5px; /* 2つ書かないと、firefoxで崩れがおきる */
}

#location .headingStripLink a::before{
    content: url(/info/park24service/location/images/index_ic001.png);
    margin-right: 10px;
    position: absolute;
    top: 18px;
    left: 20px
}

#location .headingStripLink a::after{
    content: url(/common/responsive/svg/common_pdf-normal.svg);
    margin-left: 5px;
    position: absolute;
    top: 18px;
}

#location .headingStripLink a.headingStripLink--text{
  content: "";
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

#location .headingUnderline{
    border-bottom: 3px solid #fea73f;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#location .headingYellow{
    background: #fdefbd;
    background-image:linear-gradient(-45deg, #fceaaa 25%, #fdefbd 25%, #fdefbd 50%, #fceaaa 50%, #fceaaa 75%, #fdefbd 75%, #fdefbd);
    background-image:-webkit-linear-gradient(-45deg, #fceaaa 25%, #fdefbd 25%, #fdefbd 50%, #fceaaa 50%, #fceaaa 75%, #fdefbd 75%, #fdefbd);
    background-image:-moz-linear-gradient(-45deg, #fceaaa 25%, #fdefbd 25%, #fdefbd 50%, #fceaaa 50%, #fceaaa 75%, #fdefbd 75%, #fdefbd);
    background-image:-ms-linear-gradient(-45deg, #fceaaa 25%, #fdefbd 25%, #fdefbd 50%, #fceaaa 50%, #fceaaa 75%, #fdefbd 75%, #fdefbd);
    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    -ms-background-size:10px 10px;
    background-size:10px 10px; /* 2つ書かないと、firefoxで崩れがおきる */
  padding: 15px;
  border-left: 10px solid #fedb5b;
}

#location .headingBlue{
    background-image: linear-gradient(
    -45deg,
    #7598ef 25%,
    #6f93ee 25%, #6f93ee 50%,
    #7598ef 50%, #7598ef 75%,
    #6f93ee 75%, #6f93ee
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 15px 15px;
  padding: 15px;
  border-left: 10px solid #fedb5b;
  color: #fff;
}

#location .headingBlue img {
  vertical-align: bottom;
  margin-right: 10px;
  width: auto;
  height: 30px;
}

#location .headingGreen{
  background-image: linear-gradient(
  -45deg,
  #0698A8 25%,
  #0090A0 25%, #0090A0 50%,
  #0698A8 50%, #0698A8 75%,
  #0090A0 75%, #0090A0
);
/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 15px 15px;
padding: 15px;
border-left: 10px solid #fedb5b;
color: #fff;
}

#location .headingGreen img {
  vertical-align: bottom;
  margin-right: 10px;
  width: 34px;
  height: auto;
}


/*文字関係*/
#location .emphasis{
  color: #EA8B11;
  font-size: 24px;
  font-weight: bold;
}

#location .large{
    font-size: 18px;
    font-weight: bold;
}

#location .inner01{
    padding: 20px 25px 35px;
    background: #fff;
}

#location .inner02{
  padding: 20px 25px;
  background: #fff;
}

#location .inner03{
    margin-bottom: 20px;
}

#location .sub-size{
    font-size: 0.7em;
}

#location .annotation_list{
    font-size: 12px !important;
    font-weight: 400;
}

#location .attention{
    border: 1px solid #ff4c52;
    color: #ff4c52;
    text-align: center;
    margin-bottom: 10px;
}

#location .br-sp{
    display: none;
}

.sp-only{
    display: none;
}

#location .footerwrap{
    padding: 25px;
}

#location .footer-content-anchors{
    margin-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

#location .footer-content-anchors a:first-child {
    margin-right: 25px;
}

#location .footer-content-anchors a::before{
    margin-right: 5px;
    content: url(../images/index_ic003.png);
    position: relative;
    top: 3px;
    right: -2px;
}

#location .footerwrap .footer-content{
    padding: 15px 20px 20px;
}

#location .footer-reserved{
    border: 2px solid #7598EF;
}

#location .footer-reserved .footer-reserved-title {
    background-image: linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image: -webkit-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image: -moz-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    background-image: -ms-linear-gradient(-45deg, #7598ef 25%, #6f93ee 25%, #6f93ee 50%, #7598ef 50%, #7598ef 75%, #6f93ee 75%, #6f93ee);
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    -ms-background-size: 10px 10px;
    background-size: 10px 10px;
    color: #fff;
    position: relative;
    padding: 10px;
    font-size: 15px;
    text-align: center;
}

#location .footer-reserved .footer-reserved-title span,
#location .footer-construction .footer-construction-title span {
    font-size: 18px;
    font-weight: bold;
}

#location .footer-construction{
    margin-top: 21.5px;
    border: 2px solid #0698A8;
}

#location .footer-construction p {
    font-size: 14px;
    text-align: center;
}

#location .footer-construction .footer-construction-title{
    background-image: linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image: -webkit-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image: -moz-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    background-image: -ms-linear-gradient(-45deg, #0698A8 25%, #0090A0 25%, #0090A0 50%, #0698A8 50%, #0698A8 75%, #0090A0 75%, #0090A0);
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    -ms-background-size: 10px 10px;
    background-size: 10px 10px;
    color: #fff;
    position: relative;
    padding: 10px;
    font-size: 15px;
    text-align: center;
}

#location .footerlink{
    font-size: 13px;
    text-align: center;
}

#location .footerlink a{
    display: inline-block;
    margin-bottom: 10px;
}

#location .footerlink a:last-child{
    margin-bottom: 0;
}

#location .headingStrip {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#location .headingStrip .headingLink {
  font-size: 13px;
}

#location .headingStrip.blueStripe .headingLink {
  font-size: 13px;
  color: #fff;
}

#location .headingStrip.greenStripe .headingLink {
  font-size: 13px;
  color: #fff;
}

#location .headingStrip a {
  color: #000;
  font-weight: normal;
  text-decoration: none;
  margin-right: 20px;
  position: relative;
}

#location .headingStrip a::after {
  content: "";
  position: absolute;
  background: url(/common/images/common_ic002.svg) no-repeat left;
  background-size: contain;
  width: 6px;
  height: 12px;
  top: 24%;
  right: -15%;
}

#location .headingStrip.blueStripe a::after {
  transform: rotate(180deg);
  background: url(/common/images/common_ic012.svg) no-repeat left;
  background-size: contain;
}

#location .headingStrip.greenStripe a::after {
  transform: rotate(180deg);
  background: url(/common/images/common_ic012.svg) no-repeat left;
  background-size: contain;
}

/*物件*/
#location .rightside .bukkentitle{
  margin-bottom: 0;
}

#location .bukkentitle p,
#location .bukkentitle div{
    display: inline-block;
    vertical-align: top;
}

#location .bukkentitle p.right,
#location .bukkentitle div.right{
    width: 44%;
}

#location .tabnavi{
    width: 100%;
    border-bottom: 6px solid #fedb5b;
    letter-spacing: -.40em;
}

#location .tabnavi a{
    background: #e5d7a8;
    display: block;
    text-align: center;
    padding: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #90886b;
    text-decoration: none;
}

#location .tabnavi a.disable{
    background: #d9d9d9;
    color: #aeaeae;
}

#location .tabnavi a:hover{
    color: #666;
    background: #fdefbd;
}

#location .tabnavi .active a{
    background: #fedb5b;
    color: #333;
}

#location .tabnavi li{
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin-right: 5px;
    letter-spacing: normal;
}

#location .tabnavi li:nth-child(3){
    margin-right: 0;
}

#location .tabheading{
    background: #fdefbe;
}

#location .contwrap{
    background: #fff;
    padding: 20px;
}

#location .cont_none{
  text-align: center;
  padding: 125px 0;
  font-size: 14px;
  line-height: 1.8em;
}

#location .recomendtitle{
    background: #f1eddb;
    height: 42px;
    font-weight: bold;
    font-size: 16px;
}

#location .recomendtitle li{
    display: inline-block;
    vertical-align: middle;
}

#location .title h5 a::after{
    content: url(../images/index_ic004.png);
    position: relative;
    top: 3px;
    left: 5px;
}

#location .recomendtitle li.recomendmark{
    background: #813f3f !important;
    color: #fff;
    height: 42px;
    line-height: 42px;
    width: 120px;
    text-align: center;
}

#location .recomendtitle li.recomendmark:before,
#location .point dt:before{
    content: url(../images/roof_ic001.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location li.style{
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
}

#location li.gate{
    background: #1085a5;
}

#location li.rock{
    background: #0d4080;
}

#location li.no-gaterock{
    background: #6A90EF;
}

#location .recomendtitle li.style a{
    font-size: 16px;
}

#location .n_title .style{
    margin-left: 0;
    display: inline-block;
}

#location .n_title h5{
    padding: 5px 0 8px;
    font-weight: bold;
    font-size: 16px;
}

#location .n_title li{
    list-style: none;
}

#location .tabcont{
    border-left: 2px solid #f1eddb;
    border-right: 2px solid #f1eddb;
    border-bottom: 2px solid #f1eddb;
    padding: 15px;
}

#location .normal{
    border-top: 6px solid #f1eddb;
}

#location .recomend img{
    width: 248px;
}

#location .normal img{
    width: 160px;
}

#location .cont .recomend{
    margin-bottom: 15px;
    height: 185px;
}

/* ↓コンテンツが入りきらなかったためheightを上書き */
#location .cont .recomend.higher{
    height: 210px;
}

#location .r_leftcont{
    float: left;
}

#location .r_rightcont{
    float: right;
    width: 325px;
}

#location .n_leftcont{
    float: left;
}

#location .n_rightcont{
    float: right;
    width: 420px;
}

#location .r_maintitle{
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

#location .maintitle{
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    color: #333;
    margin-bottom: 3px;
}

#location .r_subtitle{
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
    color: #333;
}

#location .subtitle{
    font-size: 12px;
    line-height: 1.6;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
}

#location .tabcont .detail{
    clear: both;
    width: 100%;
}

#location .normalwrap{
    height: 135px;
}

#location .tabcont .detail dt{
    display: inline-block;
    width: 95px;
    background: #daaf00;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    color: #fff;
    margin-right: 5px;
}

#location .tabcont .detail dd{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

#location .tabcont .detail dl{
    float: left;
    background: #fdecb0;
    height: auto;
    line-height: 30px;
}

#location .tabcont .detail .price02 dt{
	height:60px;
	line-height:60px;
}

#location .tabcont .detail .price02 dd{
  padding: 6px 0;
}

#location .tabcont .detail .price03{
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

#location .tabcont .detail .price03 dt{
  display: flex;
  align-items: center;
  justify-content: center;
}

#location .tabcont .detail .price03 dd{
  padding: 5px;
}

#location .detail dl.unit{
    width: 39%;
    margin-right: 1%;
}

#location .detail .unitmark:before{
    content: url(../images/roof_ic002.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

/*アクセス：1行の時*/
#location .detail dl.access{
    width: 60%;
    margin-bottom: 5px;
}
/*アクセス：2行の時*/
#location .detail dl.access02{
    margin-bottom: 5px;
    display: flex;
}
#location .detail dl.access02 dt{
    display: flex;
    align-items: center;
    justify-content: center;
}
#location .detail dl.access02 dd{
    line-height: 1.6;
    padding: 5px;
    align-items: center;
    justify-content: center;
}

#location .detail .accessmark:before{
    content: url(../images/roof_ic003.png);
    margin: 5px;
    position: relative;
    top: 4px;
}

#location .detail dl.price,#location .detail dl.price02{
    width: 100%;
    margin-bottom: 10px;
}

#location .detail .price dd .headingmark{
    position: relative;
    margin-right: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #daaf00;
}

#location .detail .pricemark:before{
    content: url(../images/roof_ic004.png);
    margin: 5px;
    position: relative;
    top: 4px;
}

#location .point dt{
    text-align: center;
    background: #938181;
    padding: 8px 0;
    color: #fff;
}

#location .point dd{
    background: #f5f0de;
    padding: 15px 20px;
    font-size: 14px;
    color: #813f3f;
}

#acMenu dt{
    display: none;
}
#acMenu dd{
    display:block;
}

#location a.trans{
    transition: 0.6s ;
}

#location a.trans:hover{
    opacity: 0.8;
}

#location .inquiry p:before{
    content: url(../images/reserved_ic001.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .trouble li:before{
    content: url(../images/reserved_ic002.png);
    margin: 5px;
    position: relative;
    top: 7px;
}

#location .trouble.list02 li:before{
    content: url(../images/reserved_ic006.png);
}

#location .performance .title:before{
    content: url(../images/reserved_ic004.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .cont-icon-good:before{
    content: url(../images/reserved_ic003.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .cont-icon-ballon01:before{
    content: url(../images/reserved_ic001.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .cont-icon-ballon02:before{
  content: url(../images/reserved_ic005.png);
  margin: 5px;
  position: relative;
  top: 2px;
}

#location .cont-icon-pdf:after{
    content: url(../images/index_ic004.png);
    margin: 5px;
    position: relative;
    top: 2px;
}
#location .cont-icon-xlsx:after{
    content: url(../images/index_ic009.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .cont-icon-attention:before{
    content: url(../images/index_ic007.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#location .construction-link {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 244px;
    margin-top: 8px;
    border-radius: 5px;
    padding: 10px 0;
    background-color: #0698A8;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    transition-property: opacity;
    transition-duration: 0.3s;
}

#location .sidecontact-construction .construction-link{
    margin-top: 10px;
    padding: 10px 42px;
}

#location .construction-link:hover {
    opacity: 0.7;
}

#location .construction-link::after {
    position: absolute;
    transform: rotate(180deg);
    bottom: 20px;
    right: 10px;
    content: "";
    background: url(/common/images/common_ic012.svg)  no-repeat left;
    background-size: contain;
    width: 6px;
    height: 24px;
}

#location .sidecontact-construction .construction-link::after {
    bottom: 13px;
}

/*貸切予約*/
#location .trouble span{
    font-weight: bold;
}


#location .troublewrap{
    position: relative;
}

#location .troublewrap p{
    font-size: 20px !important;
    text-align: center;
}

#location p.to-reserved,
#location p.to-construction {
  margin-bottom: 15px;
  font-size: 13px !important;
  text-align: right;
}

#location .to-reserved img,
#location .to-construction img {
  margin-right: 5px;
  vertical-align: text-bottom;
  /* width: 25px; */
  height: auto;
}

#location .troublewrap .application-follow p {
    font-size: 12px !important;
    text-align: left;
}

#location .troublewrap p.llsize{
    font-size: 30px !important;
}

#location .troublewrap .resolutionwrap p.llsize {
    font-size: 26px !important;
    line-height: 34px;
}

#location .troublewrap p.title{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    border-top: 1px dotted #7598ef;
    font-weight: bold;
}

#location .troublewrap img.man{
    position: absolute;
    top: 311px;
    right: 10px;
}

#location .troublewrap img.man.more-items{
    top: 425px;
}

#location ul.trouble > li{
    box-shadow: 2px 2px 2px #d7d9df;
    padding: 25px 25px 30px 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
}

#location .bgBlue{
    background: #eff2f8;
}

#location .bgGreen{
  background: #E6F3F5;
}

#location .balloon{
    color: #19283C;
    position: relative;
    padding: 20px;
    text-align: center;
background-image: linear-gradient(
    -45deg,
    #7598ef 25%,
    #6f93ee 25%, #6f93ee 50%,
    #7598ef 50%, #7598ef 75%,
    #6f93ee 75%, #6f93ee
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 15px 15px;
    z-index: 0;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 25px;
}

#location .balloon.greenBalloon {
  background-image: linear-gradient(
    -45deg,
    #0698A8 25%,
    #0090A0 25%, #0090A0 50%,
    #0698A8 50%, #0698A8 75%,
    #0090A0 75%, #0090A0
  );
}

#location .balloon:before {
    content: "";
    position: absolute;
    top: -12px; left: 50%;
    margin-left: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #6f93ee transparent;
    z-index: 0;
}

#location .balloon.greenBalloon:before {
    border-color: transparent transparent #0090A0 transparent;
}

#location .resolutionwrap{
    background: #fff;
    margin-bottom:  30px;
}

#location .resolutionwrap.construction-resolution {
    margin-bottom: 0;
    padding-bottom: 30px;
}

#location .resolution dd{
    line-height: 1.6;
}

#location .resolutionwrap .annotation{
    margin-top: 10px;
    font-size: 16px;
}

#location .resolutionwrap .bgimg{
    margin: 0 auto;
    display: block;
}

#location .resolutionwrap h5{
    background: #7598ef;
    padding: 15px;
    color: #fff;
    text-align: center;
    font-size:  18px;
    font-weight: bold;
}

#location .resolution{
    padding: 40px;
    margin: 0 10px;
    background: #fffded;
    border-bottom: 1px dotted #c0a95a;
    display: flex;
}

#location .resolution:last-child{
    border: 0;
}

.resolution li{
    vertical-align: top;
}

#location .resolution li.img{
    width:  15%;
}

#location .resolution li.cont{
    width:  85%;
}

#location .resolution dt{
    display:    inline-block;
    font-size:  22px;
    margin-bottom:  15px;
    font-weight:    bold;
}

#location .resolution dd.place{
    float: right;
    padding: 7px 15px 3px;
    color: #fff;
    width: 115px;
    text-align: center;
    font-size: 16px;
}

#location .resolution dd.reserve{
    background: #b68199;
}

#location .resolution dd.bus{
    background: #d6b53e;
}

#location .resolution dd.equip{
    background: #8ba0b9;
}


#location .resolution dd.comment{
    clear: both;
    font-size: 16px;
}

#location ul.resolution img{
    display: inline-block;
}

#location .performancewrap{
  background-size: 15px 15px;
    background: #fdefbd;
    background-image:linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    background-image:-webkit-linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    background-image:-moz-linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    background-image:-ms-linear-gradient(-45deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa);
    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    -ms-background-size:10px 10px;
    background-size:10px 10px; /* 2つ書かないと、firefoxで崩れがおきる */
  color: #fff;
}

#location .performancewrap ul{
    padding: 20px;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-shadow: 3px 3px 0px #d0d0d0;
    padding: 20px 10px;
    display: inline-block;
    width: 48%;
    margin-right: 3%;
    text-align: center;
    margin-bottom: 20px;
}

#location .performancewrap ul:nth-child(even){
    margin-right: 0;
}

#location .performancewrap ul img{
    width: 275px;
    vertical-align: bottom;
}

#location .performancewrap .title{
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
}

#location .performancewrap .comment{
    background:#7598ef;
    padding: 10px;
    color: #fff;
    font-size: 16px;
}

/*汎用*/
#location .block{
  display: block;
}

#location .center{
  text-align: center;
}

.text-black{
  color:  #333;
}

.tel-link{
  margin-left: 5px;
  color:#EA8B11;
  pointer-events: none;
}

.detail_long{
  width: 100% !important;
  margin-bottom: 5px;
}

.detail_long02{
  width: 100% !important;
  margin-bottom: 5px;
}

.w100per{
  width: 100% !important;
}

.mb5{
  margin-bottom: 5px;
}
.mt20{
  margin-top: 20px;
}

.icon-pdf{
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
}

.icon-pdf::after{
  content: "";
  background: url(../images/index_ic004.png) no-repeat right;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
}

/* ----------new layout---------- */
#location .new{
  font-weight:bold;
  position:relative;
  display:block;
}
#location .new:before,
#location .new:after{
  display:block;
  position:absolute;
  left:-7px;
}
#location .new:before{
  content:"";
  border:4px solid transparent;
  border-top-color:#a1364f;
  border-right-color:#a1364f;
  top:32px;
}
#location .new:after{
  content:"NEW!";
  background:#f72626;
  color:#fff;
  padding:0 24px;
  height:24px;
  line-height:24px;
  top:8px;
  z-index:10;
}


#location .new_small{
  font-weight:bold;
  position:relative;
  display:block;
}
#location .new_small:before,
#location .new_small:after{
  display:block;
  position:absolute;
  left:-7px;
}
#location .new_small:before{
  content:"";
  border:4px solid transparent;
  border-top-color:#a1364f;
  border-right-color:#a1364f;
  top:32px;
}
#location .new_small:after{
  content:"NEW!";
  font-size: 14px;
  background:#f72626;
  color:#fff;
  padding:0 10px;
  height:24px;
  line-height:24px;
  top:8px;
  z-index:10;
}

/* ---------- Play button ---------- */
.play_button {
  position: relative;
}
.play_button::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-top: -27px;
  margin-left: -23px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 5px solid rgba(255,255,255,0.9);
  background: rgba(0,0,0,0.7);
}
.play_button::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -14px;
  margin-left: -3px;
  border: 15px solid transparent;
  border-left: 25px solid rgba(255,255,255,0.9);
}

/* ---------- movie text ---------- */
#location .uni_movie {
  display: block;
  padding: 6px;
  margin-top: 5px;
  background: #dee1e8;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#location .uni_movie:hover {
  color: #0d4080;
  opacity: 0.8;
}
#location .recomend .uni_movie .movie_icon {
  max-width: 45px;
  float: left;
}
#location .uni_movie .movie_text {
  display: block;
  float: left;
  margin-left: 16px;
}
#location .uni_movie p {
line-height: 1.5;
}
#location .uni_movie p:first-of-type {
  font-size: 14px;
  font-weight: bold;
}
#location .uni_movie p:nth-of-type(2) {
}

/* -- 2018-02-13 --?*/
.location-info {
  width: 100%;
  margin-bottom: 35px;
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  background-color: #fff;
}
.location-info__title {
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 3px solid #fea73f;
}
.location-info__list {
  width: 100%;
}
.location-info__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 10px;
}
.location-info__item--date {
  padding-right: 10px;
  font-size: 13px;
}
.location-info__item--text {
  font-size: 13px;
}
.location-info__link {

}


/* -- ご利用事例 --*/
.sp_only {
  display: none;
}

.use-cases-wrap {
  background: #fff;
  margin-bottom: 35px;
  padding: 46px 40px;
}

.use-cases-wrap-inner {
  padding: 30px 30px 0;
}

#location .use-cases-ttl-level02 {
  display: table;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  margin: 0 auto 42px;
  padding-left: 42px;
  position: relative;
}

#location .use-cases-ttl-level02::before {
  background: url(/info/park24service/location/images/ic_search001.svg);
  content: "";
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 35px;
}

.use-cases-list {
  border-bottom: 6px solid #fedb5b;
}

.use-cases-list-item {
  float: left;
  margin-right: 12px;
  text-align: center;
  width: 221px;
}

.use-cases-list-item:last-of-type {
  margin-right: 0;
}

.use-cases-list-item a {
  background: #e5d7a8;
  color: #90886b;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  padding: 22px 0 17px;
}

.use-cases-list-item a:not(.use-cases-list-current):hover {
  background: #fdefbd;
  color: #666;
}

.use-cases-list-item .use-cases-list-current {
  background: #fedb5b;
  color: #000;
  cursor: default;
}

#location .use-cases-lead {
  font-size: 15px;
  margin-bottom: 30px;
  padding: 0 16px;
}

.use-cases-filter-wrap {
  background: #f5f4ea;
  margin-bottom: 50px;
  padding: 25px 30px;
}

#location .use-cases-filter-area {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  margin-right: 44px;
}

#location .use-cases-filter-area p {
  color: #555;
  font-size: 15px;
  font-weight: bold;
  margin-right: 28px;
  padding-left: 28px;
  position: relative;
}

#location .use-cases-filter-area p::before {
  background: url(/info/park24service/location/images/ic_area001.svg);
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 22px;
}

#location .use-cases-filter-area-list input {
  display: none;
}

#location .use-cases-filter-area-list :checked + .use-cases-filter-area-list-item {
  background: #7598ef;
  border: 1px solid #7598ef;
  color: #fff;
  cursor: default;
}

#location .use-cases-filter-area-list-item {
  border: 1px solid #888;
  border-radius: 5px;
  color: #555;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 13px;
  margin-right: 8px;
  padding: 8px 7px 7px;
}

#location .use-cases-filter-area-list-item:hover {
  background: #9bb3ee;
  border: 1px solid #9bb3ee;
  color: #fff;
}

#location .use-cases-filter-area-list-item:last-of-type {
  margin-right: 0;
}

#location .use-cases-filter-cate {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#location .use-cases-filter-cate p {
  color: #555;
  font-size: 15px;
  font-weight: bold;
  margin-right: 14px;
  padding-left: 27px;
  position: relative;
}

#location .use-cases-filter-cate p::before {
  background: url(/info/park24service/location/images/ic_category001.svg);
  content: "";
  display: block;
  height: 21px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 21px;
}

#location .use-cases-filter-cate-list input {
  display: none;
}

#location .use-cases-filter-cate-list :checked + .use-cases-filter-cate-list-item {
  background: #e98a18;
  border: 1px solid #e98a18;
  color: #fff;
  cursor: default;
}

#location .use-cases-filter-cate-list-item {
  border: 1px solid #888;
  border-radius: 5px;
  color: #555;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 13px;
  margin-right: 8px;
  padding: 8px 7px 7px;
}

#location .use-cases-filter-cate-list-item:hover {
  background: #edaa57;
  border: 1px solid #edaa57;
  color: #fff;
}

#location .use-cases-filter-cate-list-item:last-of-type {
  margin-right: 0;
}

.use-cases-year-wrap {
  margin-bottom: 50px;
}

.use-cases-year-wrap:last-of-type {
  margin-bottom: 0;
}

#location .use-cases-year-ttl {
  border-bottom: 4px solid #000;
  font-size: 26px;
  padding-bottom: 10px;
}

.use-cases-content-box {
  border-bottom: 1px dotted #111;
  padding: 25px 10px;
}

.use-cases-content-box:last-of-type {
  border-bottom: none;
}

.use-cases-content-box img {
  width: 200px;
  margin-right: 30px;
  float: left;
}

.use-cases-content-box-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: calc(840px - 230px);
}

.use-cases-content-detail-wrap {
  margin-bottom: 13px;
}

.use-cases-content-area-label {
  background: #7598ef;
  color: #fff;
  float: left;
  font-size: 12px;
  margin-right: 8px;
  padding: 0 8px;
}

.use-cases-content-cate-label {
  background: #e98a18;
  color: #fff;
  float: left;
  font-size: 12px;
  padding: 0 8px;
}

.use-cases-content-date {
  float: right;
}

#location .use-cases-content-ttl {
  font-size: 21px;
  margin-bottom: 27px;
}

#location .use-cases-content-link-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f5f4ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 7px 11px;
}

#location .use-cases-content-link-wrap p {
  line-height: 1.1;
  margin: 4px 11px;
}

#location .use-cases-content-link-wrap-close {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d2d2d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 11px 18px;
}

#location .use-cases-content-link-wrap-supplement {
  border: 1px solid #d2d2d2;
  border-top: none;
  padding: 11px 18px;
}

#location .use-cases-content-link-close-station {
  background: #e5e5e5;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
  padding: 11px 22px;
}

.use-cases-content-link-detail {
  width: 188px;
}

#location .use-cases-content-link-station-btn {
  background: #daaf00;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  padding: 11px 22px;
}

#location .use-cases-content-link-station-btn:hover {
  opacity: 0.8;
}

.use-cases-content-link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  position: relative;
}

.use-cases-content-link-arrow::before {
  background: url(/info/park24service/location/images/ic_arrow001.svg);
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 10px;
}

#location .use-cases-content-link-detail-pdf {
  display: block;
  font-size: 14px;
  position: relative;
}

#location .use-cases-content-link-detail-pdf::after {
  content: url(/info/park24service/location/images/index_ic004.png);
  position: absolute;
  right: 0;
  top: -2px;
}

.use-cases-content-not-listed {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 4px;
  padding-left: 15px;
  position: relative;
}

.use-cases-content-not-listed::before {
  background: url(/info/park24service/location/images/ic_arrow002.svg);
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  margin: auto 0;
  top: 0;
  position: absolute;
  width: 10px;
}

.use-cases-content-not-listed-txt {
  font-size: 11px;
  margin: 0 4px;
}

#location .use-cases-content-supplement {
  font-size: 13px;
  line-height: 1.1;
  margin: 0 4px;
}

#location .use-cases-msg-box {
  border: 1px solid #aaa;
  margin-bottom: 40px;
  padding: 20px;
}


/*タイトル変更*/
#location .uni-reserved-ttl01 {
  font-size: 20px;
  font-weight: bold;
}
#location .subordinate-ttl01 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
}


/*関東・近畿以外のロケ駐車場関連*/
#location .other_area-linktxt {
  font-size: 14px;
    margin: 15px 0 10px;
    border: 1px solid #707070;
    border-radius: 5px;
    max-width: 340px;
    text-align: center;
    box-shadow: 0px 1px #979797;
}
#location .other_area-linktxt a{
  padding: 10px 0px;
  display: block;
}
#location .other_area-linktxt a:before {
  content: url(../images/index_ic002.png);
  margin: 5px;
  position: relative;
  top: 2px;
}


/*フッターナビ位置調整*/