/* ----------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;
}

.rightside .wrap a{
    text-decoration: underline;
    color: #0d4080;
}

.rightside .wrap .tel-link{
    display: inline-block;
    margin-left: 5px;
}

.rightside .wrap .tel-link a {
    color: #fea73f !important;
}

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

/*修正*/

/* ----------base---------- */
.sp {
    display: none !important
    }
.br-pc {
    display: none !important
    }
.accordion,
.accordion-open {
    cursor: pointer
    }
.accordion-contents {
    display: none;
    padding: 0;
    }
.sp.accordion-contents {
    display: inline !important;
    padding: 0;
    }
img{
    max-width: 100%;
    height: auto;
}

/* ----------contents---------- */
/*ベース*/
#location {
    background: #f3f1e5;
    padding: 32px 0 64px 0;
    width: 95%;
    margin: 0 auto;
    }
#location p {
    line-height: 2.0;
    font-size: 14px;
    }
#location .top-ttl01,.top-ttl02,.top-ttl03,.top-ttl04 {
    width: 100%;
    height: auto;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    }

#location .top-ttl01 img{
    display:block;
    width: 100%;
}

#location .top-ttl02 img{
    display:block;
    width: 100%;
}

#location .top-ttl03 img{
    display:block;
    width: 100%;
}

#location .top-ttl04 img{
    display:block;
    width: 100%;
}

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

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

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


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

#location .bukkentitle .rightbnr,
#location .keybnr {
    margin-top: 20px;
    position: relative;
    display: block;
    padding: 10px 15px 15px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}
  
#location .rightbnr .rightbnr-title,
#location .keybnr .keybnr-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
  
#location .rightbnr .rightbnr-title span,
#location .keybnr .keybnr-title span {
    font-size: 17px;
    color: #EA8B11;
}
  
#location .rightbnr .rightbnr-links,
#location .keybnr .keybnr-links {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
}
  
#location .rightbnr .rightbnr-links a,
#location .keybnr .keybnr-links a {
    display: inline-block;
    width: 49%;
    padding: 9px 0 4px;
    border-radius: 5px;
    text-decoration: none !important;
}
  
#location .rightbnr .rightbnr-links a.link-reserved,
#location .keybnr .keybnr-links a.link-reserved {
    margin-right: 10px;
    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,
#location .keybnr .keybnr-links a.link-reserved img {
    width: 33.8px;
    height: auto;
    vertical-align: top;
}
  
#location .rightbnr .rightbnr-links a span,
#location .keybnr .keybnr-links a span {
    position: relative;
    display: block;
    font-weight: bold;
    color: #fff;
}
  
#location .rightbnr .rightbnr-links a span::after,
#location .keybnr .keybnr-links a span::after {
    position: absolute;
    right: 5px;
    bottom: 9px;
    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,
#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 .rightbnr .rightbnr-links a.link-construction img,
#location .keybnr .keybnr-links a.link-construction img {
    width: 30.5px;
    height: auto;
    vertical-align: top;
}

/*グローバルナビ*/

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

#location .nav li {
    float: left;
    background: #fdefbd;
    box-sizing: border-box;
    }

#location .nav li.active a {
    background: #fedb5b;
    }
#location .nav_index {
    width: 100%;
}

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

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

#location .nav .nav_shooting a {
    font-size: 16px!important;
}

#location .nav .nav_reserved a {
    font-size: 16px!important;
}

#location .nav .nav_reserved_construction a {
    font-size: 16px!important;
}

#location .nav li:first-child{
    border-right: 0;
    border-bottom: 1px solid #ccc;
}

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

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

#location .nav li.nav_rooftop02{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

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

#location .useCases a {
  background-image: -webkit-linear-gradient(135deg, #f5c588 12.50%, #ea8b11 12.50%, #ea8b11 50%, #f5c588 50%, #f5c588 62.50%, #ea8b11 62.50%, #ea8b11 100%);
  background-image: -o-linear-gradient(135deg, #f5c588 12.50%, #ea8b11 12.50%, #ea8b11 50%, #f5c588 50%, #f5c588 62.50%, #ea8b11 62.50%, #ea8b11 100%);
  background-image: linear-gradient(135deg, #f5c588 12.50%, #ea8b11 12.50%, #ea8b11 50%, #f5c588 50%, #f5c588 62.50%, #ea8b11 62.50%, #ea8b11 100%);
  background-size: 5.66px 5.66px;
  display: block;
  padding: 5px;
  text-decoration: none;
}



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

#location .leftside{
    display: none;
}

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

#location .sidecontact-sponly p.side-contact{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

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

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

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

#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-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: 15px;
}

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

#location .sidecontact-sponly dl.mailwrap{
    padding: 10px;
}

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

#location .sidecontact-sponly dt{
    background: #fff;
    padding: 8px 0;
    color: #333;
}

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

#location .sidecontact-sponly dl:last-of-type {
    padding: 15px 15px 20px;
    margin: 0;
    border: none;
}

#location .sidecontact-sponly dt .mail:before{
    content: url(../images/index_ic005.png);
    margin: 0 5px;
    position: relative;
    top: 2px;
}

#location .sidecontact-sponly dt .web:before{
    content: url(../images/index_ic013.png);
    margin: 0 5px;
    position: relative;
    top: 2px;
}

#location .sidecontact-sponly dt .tel:before{
    content: url(../images/index_ic014.png);
    margin: 0 5px;
    position: relative;
    top: 2px;
}

#location .sidecontact-sponly dd{
    background: #fff;
}

#location .sidecontact-reserved dl p{
    font-weight: bold;
}

#location .sidecontact-reserved .emphasis{
    text-decoration: underline;
}

#location .sidecontact-reserved p.schedule{
    line-height: 1.2;
    font-weight: normal;
}

#location .sidecontact-construction .construction-link{
    line-height: 1.5;
}

/*サイドナビ*/
#location .sidenav{
    font-size: 16px;
}

#location .sidenav .mainCategory{
    background: #fdefbd;
    font-weight: bold;
}

#location .sidenav .mainCategory a{
    align-items: center;
    color: #333;
    display: flex;
    line-height: 1.3;
    height: 81px;
}

#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{
    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{
    text-decoration: none;
    display: block;
    padding: 30px 0 30px 20px;
}


#location .sidenav li.mainCategory a:before{
    content: url(../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: 100%;
    float: left;
}

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

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

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

#location .nav_rooftop02,.nav_underground02,.nav_outdoors02 a {
    color: #000;
    text-decoration: none;
}

/*ビフォー、アフター*/
#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つ書かないと、firefoxで崩れがおきる */
  color: #fff;
}

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

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

#location .example li img{
    width: 100%;
}

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

#location .example li.arrow{
    padding: 25px;
    content: url(../images/arrow_sp.png);
    margin: 0 auto;
}

#location .unkerLink{
    text-align: left;
}

#location .unkerLink li{
    padding: 0px;
    display: block;
    font-size: 14px;
    background: #fff;
    width: 100%;
    margin: 0 auto 10px auto;
    border-radius: 5px;
    position: relative;
    box-shadow: 1px 1px 1px 0px #ccc;
    -webkit-box-shadow: 1px 1px 1px 0px #ccc;
    -moz-box-shadow: 1px 1px 1px 0px #ccc;
}

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

#location .unkerLink li a{
    padding: 20px;
    display: block;
}

#location .unkerLink li a:hover{
    color: #333;
}

/*申し込み〜撮影までの流れ*/
#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: 10%;
}

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

#location .flow h4{
    border-left: 0;
    margin:0;
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
}

#location .flow ul.titleWrap li.cont{
    display: block;
    width: 100%;
    border-top: 1px dotted #bbb;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 0;
}

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

#location .flow li{
    display: 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 .sidecontact .mail:before{
    top: 2px;
}

/*問い合わせ*/

#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: -15px;
  content: "";
  display: block;
  height: 0px;
  left: 48%;
  top: 100%;
  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: 14px;
    line-height: 1.5;
    padding: 0 4px;
}

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

#location .contactWrap-innerTxt p span.annotation{
    font-size: 12px;
    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;
    padding-top: 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(../images/index_ic013.png);
    margin: 0 5px;
    position: relative;
    top: 2px;
  }
  .contactWrap-subtitle-mail:before {
    content: url(../images/index_ic005.png);
    margin: 0 5px;
    position: relative;
    top: 2px;
  }
  .contactWrap-subtitle-tel:before {
    content: url(../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: 17px 0 15px;
    background-color: #FEA73F;
    margin: 0 auto;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 14px;
    margin-bottom: 10px;
    }
    #location .sidecontact-button a::after {
        position: absolute;
        transform: rotate(180deg);
        bottom: 18px;
        right: 10px;
        content: "";
        background: url(/common/images/common_ic012.svg) no-repeat left;
        background-size: contain;
        width: 6px;
        height: 12px;
    }


#location .contactWrap ul.mail li{
    display: block;
}

#location .contactWrap dl{
    text-align: center;
    padding: 0px 20px;
    background: #fff;
}

#location .contactWrap dt{
    background: #FEA73F;
    padding: 4px 20px;
    color: #fff;
    display: block;
    margin-right: 0px;
    vertical-align: middle;
    margin-bottom: 15px;
    font-size: 14px;
}

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

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

#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:100%;
    font-size: 12px;
    margin-bottom: 10px;
}

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

#location .nogood li ul li img{
    width:100%;
}

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

/*見出し装飾*/
#location .headingStrip{
    padding: 18px 20px 14px;
    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: 18px 20px 14px;
    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: 18px 20px 14px;
    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 .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-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;
  padding: 17px 15px 13px;
  border-left: 10px solid #fedb5b;
  color: #fff;
}

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

#location .headingGreen{
    background-size: 15px 15px;
    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:10px 10px;
    -moz-background-size:10px 10px;
    -ms-background-size:10px 10px;
    background-size:10px 10px; /* 2つ書かないと、firefoxで崩れがおきる */
    color: #fff;
    padding: 15px;
    border-left: 10px solid #fedb5b;
    color: #fff;
  }

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

#location .headingStripLink a{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 18px 20px 14px 38px;
    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: 11px
}

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

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

#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: 10px;
    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: 10%;
    right: -10%;
}

#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 .useCases p {
    margin-bottom: 10px;
    position: relative;
}
#location .useCases 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 .useCases a {
    background-image: -webkit-linear-gradient(135deg, #f5c588 12.50%, #ea8b11 12.50%, #ea8b11 50%, #f5c588 50%, #f5c588 62.50%, #ea8b11 62.50%, #ea8b11 100%);
    background-image: -o-linear-gradient(135deg, #f5c588 12.50%, #ea8b11 12.50%, #ea8b11 50%, #f5c588 50%, #f5c588 62.50%, #ea8b11 62.50%, #ea8b11 100%);
    background-image: linear-gradient(135deg, #f5c588 12.50%, #ea8b11 12.50%, #ea8b11 50%, #f5c588 50%, #f5c588 62.50%, #ea8b11 62.50%, #ea8b11 100%);
    background-size: 5.66px 5.66px;
    display: block;
    padding: 4px;
    text-decoration: none;
}
#location .useCases span {
    align-items: center;
    background: #fff;
    color: #ea8b11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    padding: 12px 14px 8px 0;
    position: relative;
}
#location .useCases span::before {
    background: url(/info/park24service/location/images/ic_search002.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 27px;
    margin-right: 6px;
    width: 30px;
}

/*サイド よくあるご質問（FAQ）*/
#location .faq p {
    margin-bottom: 30px;
    position: relative;
}
#location .faq 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 .faq 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: 4px;
  text-decoration: none;
}
#location .faq span {
    align-items: center;
    background: #fff;
    color: #ac7b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    padding: 12px 14px 8px 0;
    position: relative;
}
#location .faq span::before {
    background: url(/info/park24service/location/images/ic_faq.svg) no-repeat;
    background-size: auto 25px;
    content: "";
    display: block;
    height: 28px;
    margin-right: 3px;
    width: 28px;
}

/*サイド 撮影貸切料金について*/
#location .fee p {
    margin-bottom: 10px;
    position: relative;
}
#location .fee 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 .fee 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: 4px;
  text-decoration: none;
}
#location .fee span {
    align-items: center;
    background: #fff;
    color: #b7616c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    padding: 12px 14px 8px 0;
    position: relative;
}
#location .fee span::before {
    background: url(/info/park24service/location/images/ic_fee.svg) no-repeat;
    background-size: auto 25px;
    content: "";
    display: block;
    height: 26px;
    margin-right: 3px;
    width: 28px;
}
@media screen and (max-width:360px) {
    #location .useCases span {font-size: 16px;}
    #location .faq span {font-size: 15px;}
    #location .fee span {font-size: 15px;}
}


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

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

#location .inner01{
    padding: 10px 15px 15px;
    background: #fff;
}

#location .inner02{
    padding: 10px 15px;
    background: #fff;
}

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

#location .inner01 .example02 img:first-child{
    margin-bottom: 10px;
}

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

#location .annotation_list{
font-size: 12px !important;
    line-height: 1.6;
    display: block;
}
#location ul .uni_disp_b{
    margin-bottom: 0;
}

#location .annotation:nth-child(n+2){
    margin-top: 0;
}

#location .attention{
    border: 1px solid #ff4c52;
    color: #ff4c52;
    text-align: center;
    margin-bottom: 10px;
    padding: 7px 10px 3px;
    line-height: 1.4;
}

.pc-only, .pc{
    display: none;
}

.sp-only{
    clear: both;
}

#location .footerwrap{
    padding: 25px 15px;
}

#location .footer-content p.ta-center {
    line-height: 1.5;
}

#location .footer-content-anchors a {
    display: block;
    margin-bottom: 10px;
    line-height: 1;
    font-size: 13px;
}

#location .footer-content-anchors a:last-child {
    margin-bottom: 15px;
}

#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 15px 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;
    line-height: 1.5;
}

#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 {
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
}

#location .footer-construction .construction-link {
    line-height: 1.5;
}

#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 .footerwrap .contactWrap dl {
    padding: 5px 0;
}

#location .footerlink{
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
}

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

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


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

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

#location .bukkentitle p.left{
    width: 100%;
}

#location .bukkentitle p.right{
    width: 37%;
}

#location .contwrap a{
    text-decoration: underline;
}

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

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

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

#location .tabnavi .active a{
    background: #fedb5b;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px;
}

#location .tabnavi li{
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 0.5%;
}

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

#location .tabheading{
    background: #fdefbe;
}

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

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

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

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

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

#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;
    line-height: 42px;
    width: 100%;
    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 .recomendtitle li.title{
    background: #f1eddb;
    width: 100%;
}

#location .recomendtitle li.title ul{
    padding: 15px 7px;
}

#location li.style{
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    width: 26%;
    vertical-align: top;
    text-align: center;
}

#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;
    width: 42%;
    text-align: center;
}

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

#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: 640px;
}

#location .normal img{

}

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

#location .r_leftcont{
    clear: both;
    margin-bottom: 10px;
}

#location .r_rightcont{
    float: right;
    width: 100%;
    margin-bottom: 10px;
}

#location .n_leftcont{
    float: left;
    width: 32%;
}

#location .n_rightcont{
    float: right;
    width: 65%;
    margin-bottom: 10px;
}

#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: 10px;
}

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

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

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

#location .normalwrap{
    height: 135px;
}

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

#location .tabcont .detail dd{
    display: inline-block;
    font-size: 12px;
    width: 83%;
    line-height: 1.6;
}

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

#location .detail dl.unit{
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}

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

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

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

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

#location .detail .price dt {
    height: 65px;
    line-height: 65px;
}

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

#location .tabcont .detail .price02 dd p{
    font-size: 12px;
    line-height: 1.7;
}

#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 .tabcont .detail .price03 dd p{
    font-size: 12px;
    line-height: 1.7;
}

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

#location .detail .price dd,#location .detail .price02 dd{
    vertical-align: middle;
}

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

#location .detail .price02 dt{
    height: 87px;
    line-height: 83px;
}

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

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

#acMenu dt{
    display:block;
    cursor:pointer;
    color: #0d4080;
    text-decoration: underline;
}

#acMenu dt:before{
    content: url(../images/roof_ic005.png);
    margin: 5px;
    position: relative;
    top: 2px;
}

#acMenu dd{
    display:none;
}

#location .trouble li:before{
    content: url(../images/reserved_ic002.png);
    margin: 5px;
    position: relative;
    top: 50%;
    float: left;
    height: 53px;
    margin-right: 12px;
}

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

#location .trouble span{
    font-weight: bold;
}

#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;
    display: block;
}

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

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

#location .cont-icon-pdf:after{
    content: url(../images/index_ic004.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 .construction-link {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 244px;
    margin-top: 8px;
    border-radius: 5px;
    padding: 11px 0 9px;
    background-color: #0698A8;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
}

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

/*貸切予約*/
#location .troublewrap{
    position: relative;
}

#location .troublewrap p{
    font-size: 16px !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: auto;
  height: 18px;
}

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

#location .troublewrap p.llsize{
    font-size: 24px !important;
    line-height: 1.4;
}

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

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

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

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

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

#location .bgBlue{
    background: #eff2f8;
}

#location .bgGreen{
    background: #E6F3F5;
}

#location .balloon{
  color: #19283C;
  position: relative;
  padding: 20px;
  text-align: center;
  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;
  padding: 15px;
  color: #fff;
  /* 幅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);
  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 .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 .annotation{
    margin: 10px auto 0 auto;
    width: 95%;
    font-size: 12px;
}

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

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

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

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

#location .resolution li{
    display: block;
    vertical-align: top;
}

#location .resolution li.img{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

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

#location .resolution dt{
    display: block;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

#location .resolution dd.place{
    width: 100%;
    float:  right;
    padding: 5px 15px;
    color:  #fff;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

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

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

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


#location .resolution dd.comment{
    clear:  both;
    line-height: 1.5;
    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: 15px;
    display: inline-block;
    width: 100%;
    margin-right: 3%;
    text-align: center;
    margin-bottom: 20px;
}

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

#location .performancewrap ul img{
    width: 100%;
    vertical-align: bottom;
}

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

#location .performancewrap .comment{
    background:#7598ef;
    padding: 11px 20px 9px;
    color: #fff;
    font-size: 14px;
}

.description-area-layout{
    width: 95%;
}

.scroll-inquiry-button{
    color: #fff;
    background-color: rgba(254, 167, 63, 0.8);
    right: 17px;
    bottom: 77px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    line-height: 1.5;
    padding: 10px 0;
    text-decoration: none;
    font-size: 12px;
}

.scroll-inquiry-button a:hover{
    color: #fff;
}

.text-black{
    color:  #333;
}

.detail_long{
    height: 50px;
}

.detail_long dt{
    height: 50px;
    vertical-align: top;
}

.detail_long dt span{
    line-height: 50px;
}

.detail_long dd{
    margin-top: 7px;
}
/*アクセス：4行まで可*/
.detail_long02{
    height: 90px;
}
.detail_long02 dt{
    height: 90px;
    vertical-align: top;
}
.detail_long02 dt span{
    line-height: 90px;
}

/*汎用*/
.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;
}

/* ----------news 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:44px;
}
#location .new:after{
  content:"NEW!";
  background:#f72626;
  color:#fff;
  padding:4px 30px;
  height:24px;
  line-height:24px;
  top:12px;
  z-index:10;
  font-size: 16px;
}

#location .new_small{
  font-weight:bold;
  position:relative;
  display:block;
}
#location .new_small:before,
#location .new_small:after{
  display:block;
  position:absolute;
  left:-6px;
}
#location .new_small:before{
  content:"";
  border:3px solid transparent;
  border-top-color:#a1364f;
  border-right-color:#a1364f;
  top:23px;
}
#location .new_small:after{
  content:"NEW!";
  font-size: 12px;
  background:#f72626;
  color:#fff;
  padding: 0 6px;
  height: 19px;
  line-height: 20px;
  top: 4px;
  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: 10px;
  background: #dee1e8;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#location .recomend .uni_movie .movie_icon {
  max-width: 40px;
  float: left;
}
#location .uni_movie .movie_text {
  display: block;
  float: left;
  margin-left: 10px;
}
#location .uni_movie p {
line-height: 1.5;
}
#location .uni_movie p:first-of-type {
  font-size: 13px;
  font-weight: bold;
}
#location .uni_movie p:nth-of-type(2) {
  font-size: 12px;
}

/* -- 2018-02-13 -- */
.location-info {
  width: 100%;
  margin-bottom: 35px;
  padding-top: 16px;
  padding-right: 20px;
  padding-bottom: 16px;
  padding-left: 20px;
  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 {
  color: #0d4080 !important;
  text-decoration: underline !important;
}


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

#location .use-cases-nav {
  margin-bottom: 15px;
}

#location .use-cases-keybnr {
  margin-bottom: 16px;
}

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

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

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

#location .use-cases-ttl-level02::before {
  background: url(/info/park24service/location/images/ic_search001.svg) no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 19px;
  left: 10px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 22px;
}

.use-cases-list {
  border-bottom: 6px solid #fedb5b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.use-cases-list-item {
  margin-right: 2%;
  text-align: center;
  width: 23.5%;
}

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

.use-cases-list-item a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e5d7a8;
  color: #90886b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: 45px;
  padding: 15px 0 10px;
}

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

#location .use-cases-lead {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 14px;
}

.use-cases-filter-wrap {
  background: #f5f4ea;
  margin-bottom: 30px;
  padding: 20px 12px 16px;
}

#location .use-cases-filter-area {
  border-bottom: 1px dotted #bfbfbe;
  margin-bottom: 15px;
  padding-bottom: 14px;
}

#location .use-cases-filter-area p {
  color: #555;
  display: table;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 auto 11px;
  padding-left: 22px;
  position: relative;
}

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

#location .use-cases-filter-area-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#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;
  font-size: 11px;
  margin: 4px;
  padding: 8px 7px 7px;
}

#location .use-cases-filter-cate p {
  color: #555;
  display: table;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 auto 8px;
  padding-left: 19px;
  position: relative;
}

#location .use-cases-filter-cate p::before {
  background: url(/info/park24service/location/images/ic_category001.svg) no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 14px;
}

#location .use-cases-filter-cate-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#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: 11px;
  margin: 4px;
  padding: 8px 7px 7px;
}

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

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

#location .use-cases-year-ttl {
  border-bottom: 2px solid #000;
  font-size: 18px;
  padding-bottom: 8px;
}

.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 {
  display: block;
  margin: 0 auto 15px;
  width: 75%;
}

.use-cases-content-box-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

#location .use-cases-content-area-label {
  background: #7598ef;
  color: #fff;
  float: left;
  font-size: 12px;
  line-height: 1.1;
  margin-right: 8px;
  padding: 4px 5px;
}

#location .use-cases-content-cate-label {
  background: #e98a18;
  color: #fff;
  float: left;
  font-size: 12px;
  line-height: 1.1;
  margin-right: 8px;
  padding: 4px 5px;
}

#location .use-cases-content-date {
  float: right;
  font-size: 12px;
  line-height: 1.1;
}

#location .use-cases-content-ttl {
  font-size: 16px;
  line-height: 1.4;
  border-left: none;
  margin: 0 0 7px 0;
  padding-left: 0;
}

#location .use-cases-content-link-wrap {
  background: #f5f4ea;
  padding: 10px;
}

#location .use-cases-content-link-wrap p {
  line-height: 1;
}

#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: 6px 10px 10px;
}

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

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

.use-cases-content-link-detail {
  margin-top: 8px;
}

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

.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) no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 9px;
}

#location .use-cases-content-link-detail-pdf {
  color: #0d4080;
  display: inline-block;
  font-size: 12px;
  padding-right: 18px;
  position: relative;
  text-decoration: underline;
}

#location .use-cases-content-link-detail-pdf::after {
  background: url(/info/park24service/location/images/index_ic004.png) no-repeat;
  background-size: contain;
  content: "";
  height: 13px;
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
}

.use-cases-content-not-listed {
  color: #0d4080;
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 6px;
  padding-left: 15px;
  position: relative;
  text-decoration: underline;
}

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

.use-cases-content-not-listed:hover {
  color: #0d4080;
}

.use-cases-content-not-listed-txt {
  display: block;
  font-size: 11px;
  line-height: 1.4;
}

#location .use-cases-content-supplement {
  font-size: 13px;
  line-height: 1.4;
}

.use-cases-content-contact {
  color: #0d4080;
  text-decoration: underline;
}

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


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


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

.spmb15 {
    margin-bottom: 15px;
}