@charset "utf-8";
@media screen and (min-width: 768px) {
    .media-pc {
        display: block;
    }
    .media-pc-inline {
        display: inline;
    }
    .media-sp {
        display: none;
    }
    .media-sp-inline {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .media-pc {
        display: none;
    }
    .media-pc-inline {
        display: none;
    }
    .media-sp {
        display: block;
    }
    .media-sp-inline {
        display: inline;
    }
}
@media screen and (min-width: 1200px) {
    .media-pc-1200 {
        display: block;
    }
    .media-sp-1200 {
        display: none;
    }
}
@media screen and (max-width: 1200px) {
    .media-pc-1200 {
        display: none;
    }
    .media-sp-1200 {
        display: block;
    }
}
li  {
    list-style-type: none;
}
ul {
    margin: 0;
    padding-inline-start: 0px;
}
input[type="submit"], input[type="button"], input[type="text"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-condition-list-body{
    position: relative;
}
.search-condition-list-body:before{
    content: "▼";
    position: absolute;
    top: 18px;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 12px;
    line-height: 20px;
}

/*--*/
body {
    background: #ffffff;
    font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
}
a {
    text-decoration: underline;
}
#app {
    background-image: url("/img/parts/bg_cloud_body.png");
}
.mt20{
    margin-top: 20px;
}
.mt-4{
    margin-top: 40px;
}
.mt-8{
    margin-top: 80px;
}
.mt-16{
    margin-top: 160px;
}
.mb-8{
    margin-bottom: 80px;
}
.pt-0{
    padding-top: 0px;
}
.pt-8{
    padding-top: 80px;
}
.hidden{
    display: none;
}

.ac{
    color: #EC6617 !important;
}
.active-link{
    color: #EC6617 !important;
    background: #FFF5ED !important;
    border-bottom: 2px solid #EC6617 !important;
}
.is-closed a{
    color: #c9c9c9!important;
    border-color: #c9c9c9!important;
}
a.is-closed{
    color: #c9c9c9!important;
}
div.is-closed{
    color: #c9c9c9!important;
}
span.is-closed{
    background: rgb(185, 185, 185);
}
span.is-closed:hover{
    background: rgb(185, 185, 185);
}

.btn-req{
    /*font-size: 12px;*/
    padding: 3px 6px;
    background: #ff5153;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.more-article-link{
    margin: 100px 0 150px 0;
    text-align: center;
}

/* ===== pagetop ===== */
@media screen and (min-width: 768px) {
    .pagetop{
        position: fixed;
        display: none;
        right: 30px;
        bottom: 30px;
        text-align: center;

    }
    .pagetop a{
        display: block;
        /*color: #434343;*/
        font-size: 11px;
        /*background-color: #ccc;*/
        height: 100px;
        width: 100px;
        line-height: 16px;
        padding: 8px;
        text-emphasis:none;
        cursor: pointer;
        /*border-radius: 26px;*/
        /*-webkit-border-radius: 26px;*/
        /*-moz-border-radius: 26px;*/
        /*filter:alpha(opacity=80);*/
        /*-moz-opacity: 0.8;*/
        /*opacity: 0.8;*/
    }
}
@media screen and (max-width: 768px){
    .pagetop{
        position: fixed;
        display: none;
        right: 10px;
        bottom: 50px;
        text-align: center;

    }
    .pagetop a{
        display: block;
        /*color: #434343;*/
        font-size: 11px;
        /*background-color: #ccc;*/
        height: 80px;
        width: 80px;
        line-height: 16px;
        padding: 8px;
        text-emphasis:none;
        cursor: pointer;
        /*border-radius: 26px;*/
        /*-webkit-border-radius: 26px;*/
        /*-moz-border-radius: 26px;*/
        /*filter:alpha(opacity=80);*/
        /*-moz-opacity: 0.8;*/
        /*opacity: 0.8;*/
    }
}
.pagetop a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.pagetop a img{
    width: 100%;
}

@media screen and (min-width: 768px) {
    .more-article-link a{
        padding: 15px 150px;
        color: #fff !important;
        font-size: 14px;
        background: #2385C8;
        text-align: center;
    }
}
@media screen and (max-width: 768px){
    .more-article-link a{
        display: block;
        margin: 0 20px;
        padding: 18px 60px;
        color: #fff !important;
        font-size: 15px;
        background: #2385C8;
        text-align: center;
    }
}
.more-article-link a:hover{
    cursor: pointer;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.fixed2 {
    position: fixed;
    top: 0;
    right: 15px;
    z-index: 1000;
}


@media screen and (min-width: 768px) {
    .yunavi-no-info{
        width: 70%;
        margin: 0 auto;
    }
    .yunavi-no-info-left{
        position: relative;
        display: inline-block;
        width: 69%;
        margin: 0 0 0 10%;
    }
    .yunavi-no-info-left:before{
        content: "";
        position: absolute;
        top: 45%;
        left: 96%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-left: 15px solid #FFF5ED;
    }
    .yunavi-no-info-left p{
        margin: 20px 7% 0 0px;
        padding: 25px;
        font-size: 13px;
        letter-spacing: 1px;
        background: #FFF5ED;
        text-align: center;
        color: #666;
        border-radius: 14px;
    }
    .yunavi-no-info-right{
        display: inline-block;
        width: 20%;
        text-align: center;
    }
    .yunavi-no-info-right img{
        width: 120px;
        margin: -23px 0 0 0;
    }
}
@media screen and (max-width: 768px){
    .yunavi-no-info{
        width: 90%;
        margin: 0 auto;
    }
    .yunavi-no-info-left{
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 0 35px 0;
    }
    .yunavi-no-info-left:before{
        content: "";
        position: absolute;
        top: 99%;
        left: 46%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #ffe7d4;
    }
    .yunavi-no-info-left p{
        margin: 20px 0 0 0px;
        padding: 25px;
        font-size: 14px;
        letter-spacing: 1px;
        background: #ffe7d4;
        text-align: center;
        color: #666;
        border-radius: 14px;
    }
    .yunavi-no-info-right{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .yunavi-no-info-right img{
        width: 120px;
        margin: -23px 0 0 0;
    }
}


/*-- ヘッダー --*/
.nav-top{
    background: #fff;
}
.header-left{
    float: left;
    padding: 10px 0;
}
.remodal .header-left{
    float: none;
    padding: 0;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .nav-top .container{
        overflow: auto;
    }
    .header-left a{
        display: inline-block;
    }
    .header-logo{
        position: relative;
    }
    .header-logo h1{
        position: absolute;
        top: 0px;
        left: 70px;
        font-size: 8px;
    }
    .header-logo span{
        position: absolute;
        top: 0px;
        left: 70px;
        font-size: 8px;
    }
    .header-logo img{
        width: 280px;
    }
}
@media screen and (max-width: 768px){
    .nav-top .container{
        overflow: auto;
        padding-right: 5px;
        padding-left: 10px;
    }
    .header-left a{
        display: inline-block;
        width: 250px;
    }
    .header-logo{
        position: relative;
    }
    .header-logo h1{
        position: absolute;
        top: 0px;
        font-size: 10px;
    }
    .header-logo span{
        position: absolute;
        top: 0px;
        font-size: 8px;
    }
    .header-logo img{
        width: 150px;
        margin: 14px 0 0 0;
    }
}

@media screen and (min-width: 992px) {
    .header-tanoshimikata {
        padding: 0 0 0 30px;
    }
}
@media screen and (max-width: 992px){
    .header-tanoshimikata {
        display: none!important;
        padding: 0 0 0 30px;
    }
}
.header-tanoshimikata img {
    width: 130px;
}
.header-right{
    float: right;
    padding: 5px 0;
}

.nav-links{

}
@media screen and (min-width: 768px) {
    .nav-links-out{
        text-align: right;
        border-bottom: 1px solid #ddd;
    }
    .nav-links-member{
        text-align: right;
        margin: 45px 0 0 0;
    }
    .nav-links-sp{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .nav-links-out{
        display: none;
    }
    .nav-links-member{
        display: none;
    }
    .nav-links-sp{
        margin: 10px 5px 0 0;
    }
    .menu-btn img{
        width: 46px;
    }
}
.nav-links-out span{
    font-size: 11px;
    padding: 0 0 5px 20px;
    color: #555;
}
.nav-links-out a{
    font-size: 11px;
    padding: 0 0 5px 20px;
    color: #555;
}
.nav-links-member a{
    margin: 0 3px;
    padding: 5px 15px;
    font-size: 12px;
    background: rgba(151, 120, 102, 0.3);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    color: #555;
    text-decoration: none;
}
.nav-links-member a:first-child{
    /*background: rgb(255, 152, 39);*/
    /*color: #fff;*/
    background: rgba(151, 120, 102, 0.3);
    color: #555;
}
.nav-links-member a img{
    width: 17px;
    padding: 0 5px 0 0;
    margin: -1px 0 0 0;
}

.menu-next-div{
    overflow: auto;
    margin: 0 0 10px 0;
}
.menu-next{
    display: block;
    float: left;
    margin: 5%;
    width: 40%;
    text-align: center;
    text-decoration: none;
    color: #333;
    /*background: #ffeccf;*/
    padding: 10px 0;
    border: 1px solid #EC6617;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.menu-next span{
    color: #EC6617;
}
.menu-back{
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    text-align: left;
    background: #FFF5ED;
}
.menu-ul1{
    text-align: left;
    margin: 0 0 20px 0;
    border-top: 1px solid #ccc;
}
.menu-ul1 li{
    position: relative;
}
.menu-ul1 li span:before{
    content: "+";
    position: absolute;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 20px;
    line-height: 20px;
    color: #EC6617;
}
.menu-ul1 li.is-closed span:before{
    content: "+";
    position: absolute;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 20px;
    line-height: 20px;
    color: #CCC;
}
.menu-ul1 li span.close-btn:before{
    content: "-";
    position: absolute;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 20px;
    line-height: 20px;
    color: #EC6617;
}
.menu-ul1 li a, .menu-ul1 li span{
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color: #333;
}
.menu-ul2{

}
.menu-ul2 li{
    position: relative;
}
.menu-ul2 li a{
    padding: 15px 20px;
}

.menu-ul1 li a:before{
    content: "";
    position: absolute;
    top: 21px;
    right: 2px;
    width: 20px;
    height: 10px;
    background: url(/img/parts/angle_right.png) no-repeat;
    background-size: contain;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.menu-joken{
    margin: 20px 0;
}
.menu-joken a{
    display: block;
    padding: 10px 20px;
    border: solid 1px #2385C8;
    color: #2385C8;
}

@media screen and (min-width: 1200px) {
    .nav-area{
        background: #FFF5ED;
    }
    .nav-area ul{
        overflow: auto;
        padding: 5px 50px;
    }
    .nav-area ul li{
        float: left;
    }
    .nav-area ul li a{
        padding: 0 20px 0 20px;
        color: #EC6617;
        text-decoration: none;
    }
    .nav-menu{
        padding: 5px 0;
        background: #fff;
        border-bottom: 1px solid #eee;
        z-index: 99999;
    }
    #mainNav{
        overflow: hidden;
    }
    .nav-menu ul{
        padding: 0px 50px;
        margin: 0 auto;
        width: 1000px;
    }
    .nav-menu ul li{
        float: left;
        padding: 5px 60px 5px 0;
    }
    .nav-menu ul li a{
        padding: 9px 0;
        color: #474747;
        text-decoration: none;
    }
    .nav-menu ul li span{
        color: #ffbc21;
    }
}
@media screen and (min-width:992px) and (max-width:1200px) {
    .nav-area{
        background: #FFF5ED;
    }
    .nav-area ul{
        overflow: auto;
        padding: 5px 50px;
    }
    .nav-area ul li{
        float: left;
    }
    .nav-area ul li a{
        padding: 0 28px 0 0;
        color: #EC6617;
        text-decoration: none;
    }
    .nav-menu{
        padding: 5px 0;
        background: #fff;
        border-bottom: 1px solid #eee;
        z-index: 99999;
    }
    #mainNav{
        overflow: hidden;
    }
    .nav-menu ul{
        padding: 0px 40px;
        margin: 0 auto;
        width: 900px;
    }
    .nav-menu ul li{
        float: left;
        padding: 5px 30px 5px 0;
    }
    .nav-menu ul li a{
        padding: 9px 0;
        color: #474747;
        text-decoration: none;
    }
    .nav-menu ul li span{
        color: #ffbc21;
    }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
    .nav-area{
        background: #FFF5ED;
    }
    .nav-area ul{
        overflow: auto;
        padding: 5px 0px;
    }
    .nav-area ul li{
        float: left;
    }
    .nav-area ul li a{
        padding: 0 16px 0 0;
        color: #EC6617;
        text-decoration: none;
    }
    .nav-menu{
        padding: 5px 0;
        background: #fff;
        border-bottom: 1px solid #eee;
        z-index: 99999;
    }
    #mainNav{
        overflow: hidden;
    }
    .nav-menu ul{
        margin: 0 auto;
        padding: 5px 0px;
        /*width: 1000px;*/
    }
    .nav-menu ul li{
        float: left;
        padding: 5px 10px 5px 0;
    }
    .nav-menu ul li a{
        padding: 9px 0;
        color: #474747;
        text-decoration: none;
    }
    .nav-menu ul li span{
        color: #ffbc21;
    }
}
@media screen and (max-width: 768px){
    .nav-area{
        display: none;
    }
    .nav-area ul{
        overflow: auto;
        padding: 5px 0px;
    }
    .nav-area ul li{
        float: left;
    }
    .nav-area ul li a{
        padding: 0 16px 0 0;
        color: #EC6617;
        text-decoration: none;
    }
    .nav-menu{
        background: #FFF5ED;
        border-bottom: 1px solid #eee;
        z-index: 99999;
    }
    .nav-menu .container{
        overflow: auto;
    }
    .nav-menu-inner{
        float: left;
        width: 95%;
        padding: 5px 0;
        overflow: scroll;
    }
    .nav-menu-inner2{
        float: right;
        width: 5%;
        padding: 8px 5px 7px 6px;
        color: #EC6617;
        background: #ffe4ce;
    }
    #mainNav{
        overflow: hidden;
    }
    .nav-menu ul{
        margin: 0 auto;
        padding: 0 0px;
        width: 480px;
    }
    .nav-menu ul li{
        float: left;
        padding: 5px 10px 5px 0;
        font-size: 11px;
    }
    .nav-menu ul li a{
        padding: 9px 0;
        color: #474747;
        text-decoration: none;
    }
    .nav-menu ul li span{
        display: none;
    }
}

@media screen and (min-width: 768px){
    ul.subNav{
        display: none;
        position: absolute;
        padding: 10px 0 0 0;
        width: 190px;
        /*height: 500px;*/
        z-index: 999999;
        /*border: 1px solid #ddd;*/
        border-top: none;
    }
}
@media screen and (max-width: 768px){
    ul.subNav{
        display: none;
        position: absolute;
        padding: 10px 0 0 0;
        width: 130px;
        /*height: 500px;*/
        z-index: 999999;
        /*border: 1px solid #ddd;*/
        border-top: none;
    }
}

ul.subNav li {
    width: 100%;
    padding: 0px;
    border-top : 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #FFF;
}
ul.subNav li:last-child {
    border-bottom: 1px solid #ddd;
}
ul.subNav li a, ul.subNav li span{
    display: block;
    padding: 10px;
}
ul.subNav li a:hover, ul.subNav li span:hover{
    background-color: #FFF5ED;
}

@media screen and (min-width: 768px){
    ul.subNav2{
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        padding: 10px 0 0 0;
        width: 190px;
        /*height: 500px;*/
        z-index: 999999;
        /*border: 1px solid #ddd;*/
        border-top: none;
    }
}
@media screen and (max-width: 768px){
    ul.subNav2{
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        padding: 10px 0 0 0;
        width: 130px;
        /*height: 500px;*/
        z-index: 999999;
        /*border: 1px solid #ddd;*/
        border-top: none;
    }
}


ul.subNav2 li {
    width: 100%;
    padding: 0px;
    border-top : 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #FFF;
}
ul.subNav2 li:last-child {
    border-bottom: 1px solid #ddd;
}
ul.subNav2 li a{
    display: block;
    padding: 10px;
}
ul.subNav2 li a:hover{
    background-color: #FFF5ED;
}

/*-- メイン --*/
.main-body{

}

/*-- フッター --*/
@media screen and (min-width: 992px) {
    .footer-map{
        position: relative;
    }
    .footer-map-clouds{
        position: relative;
        height: 850px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .footer-map{
        position: relative;
    }
    .footer-map-clouds{
        position: relative;
        height: 1100px;
    }
}
@media screen and (max-width: 768px){
    .footer-map{
        position: relative;
        margin: 50px 0 0 0;
    }
    .footer-map-clouds{
        position: relative;
        height: 500px;
    }
}
@media screen and (min-width: 1200px) {
    .footer-cloud-big{
        position: absolute;
        left: 100px;
    }
    .footer-cloud-big .footer-cloud{
        position: absolute;
        width: 1000px;
        left: -100px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px){
    .footer-cloud-big{
        position: absolute;
        left: -100px;
    }
    .footer-cloud-big .footer-cloud{
        position: absolute;
        width: 900px;
        left: -100px;
    }
}
@media screen and (max-width: 768px){
    .footer-cloud-big{
        position: absolute;
        left: 0px;
        display: none;
    }
    .footer-cloud-big .footer-cloud{
        position: absolute;
        width: 300px;
        left: 0px;
    }
}

@media screen and (min-width: 768px){
    .footer-map-title{
        position: absolute;
        top: 200px;
        left: 150px;
        width: 400px;
    }
    .footer-map-logo{
        position: absolute;
        top: 230px;
        left: 150px;
        width: 200px;
    }
    .footer-map-img{
        position: absolute;
        width: 400px;
        top: 280px;
        left: 240px;
    }
    .footer-map-coming{
        position: absolute;
        top: 320px;
        left: 150px;
        width: 400px;
        font-size: 12px;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 768px){
    .footer-map-title{
        position: absolute;
        width: 200px;
        left: 10px;
        font-size: 8px;
    }
    .footer-map-logo{
        position: absolute;
        width: 150px;
        top: 15px;
        left: 10px;
    }
    .footer-map-img{
        position: absolute;
        width: 300px;
    }
    .footer-map-coming{
        position: absolute;
        left: 150px;
        width: 400px;
    }
}

.footer-map-links{
    position: absolute;
    top: 30px;
    z-index: 100;
}

@media screen and (min-width: 768px){
    .footer-map-link{
        display: inline-block;
        padding: 2px 0px;
        width: 70px;
        font-size: 11px;
        text-align: center;
        background: #2385C8;
        color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        text-decoration: none;
    }
    .footer-map-link:hover{
        color: #fff;
        text-decoration: none;
    }
    .footer-map-hokkaido{
        position: absolute;
        top: 290px;
        left: 440px;
    }
    .footer-map-tohoku{
        position: absolute;
        top: 390px;
        left: 510px;
    }
    .footer-map-hokuriku{
        position: absolute;
        top: 410px;
        left: 430px;
    }
    .footer-map-koushinetsu{
        position: absolute;
        top: 460px;
        left: 390px;
    }
    .footer-map-kanto{
        position: absolute;
        top: 480px;
        left: 510px;
    }
    .footer-map-tokai{
        position: absolute;
        top: 530px;
        left: 440px;
    }
    .footer-map-kansai{
        position: absolute;
        top: 510px;
        left: 360px;
    }
    .footer-map-chugoku{
        position: absolute;
        top: 490px;
        left: 280px;
    }
    .footer-map-shikoku{
        position: absolute;
        top: 560px;
        left: 340px;
    }
    .footer-map-kyushu{
        position: absolute;
        top: 570px;
        left: 200px;
    }
    .footer-map-okinawa{
        position: absolute;
        top: 360px;
        left: 240px;
    }
}
@media screen and (max-width: 768px){
    .footer-map-link{
        display: inline-block;
        padding: 2px 0px;
        width: 50px;
        font-size: 8px;
        text-align: center;
        background: #2385C8;
        color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        text-decoration: none;
    }
    .footer-map-link:hover{
        color: #fff;
        text-decoration: none;
    }
    .footer-map-hokkaido{
        position: absolute;
        top: 10px;
        left: 180px;
    }
    .footer-map-tohoku{
        position: absolute;
        top: 80px;
        left: 210px;
    }
    .footer-map-hokuriku{
        position: absolute;
        top: 90px;
        left: 140px;
    }
    .footer-map-koushinetsu{
        position: absolute;
        top: 130px;
        left: 100px;
    }
    .footer-map-kanto{
        position: absolute;
        top: 150px;
        left: 190px;
    }
    .footer-map-tokai{
        position: absolute;
        top: 170px;
        left: 140px;
    }
    .footer-map-kansai{
        position: absolute;
        top: 160px;
        left: 80px;
    }
    .footer-map-chugoku{
        position: absolute;
        top: 150px;
        left: 20px;
    }
    .footer-map-shikoku{
        position: absolute;
        top: 200px;
        left: 70px;
    }
    .footer-map-kyushu{
        position: absolute;
        top: 220px;
        left: 10px;
    }
    .footer-map-okinawa{
        position: absolute;
        top: 70px;
        left: 40px;
    }
}

@media screen and (min-width: 992px) {
    .footer-cloud-small{
        position: absolute;
        right: 80px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .footer-cloud-small{
        position: absolute;
        right: 0px;
        top: 600px;
    }
}
@media screen and (max-width: 768px){
    .footer-cloud-small{
        position: absolute;
        right: 0px;
        top: 0px;
        /*top: 250px;*/
    }
}

@media screen and (min-width: 768px){
    .footer-cloud-small .footer-cloud{
        position: absolute;
        width: 450px;
        right: 50px
    }
    .footer-map-desc-title{
        position: absolute;
        top: 110px;
        right: 40px;
        width: 300px;
        font-size: 28px;
        color: #707070;
    }
    .footer-map-desc-text{
        position: absolute;
        width: 300px;
        top: 170px;
        right: 120px;
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        color: #707070;
    }
}
@media screen and (max-width: 768px){
    .footer-cloud-small .footer-cloud{
        position: absolute;
        width: 450px;
        right: 0px
    }
    .footer-map-desc-title{
        position: absolute;
        top: 110px;
        right: 0px;
        width: 300px;
        font-size: 28px;
        color: #707070;
    }
    .footer-map-desc-text{
        position: absolute;
        width: 300px;
        top: 170px;
        right: 80px;
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        color: #707070;
    }
}



.footer-map-yy{
    position: relative;
    /*padding: 800px 0 0 0;*/
}
.footer-yama{
    width: 100%;
    position: absolute;
    bottom: 0;
}
@media screen and (min-width: 992px) {
    .footer-yumon{
        position: absolute;
        top: -30px;
        width: 60%;
        margin: 0 50px;
    }
    .footer-04{
        padding: 100px 0 60px 0;
        background: #A2C759;
    }
    .footer-04-title{
        margin: 0 40px;
        padding: 20px 0;
        font-size: 26px;
        font-weight: bold;
        line-height: 38px;
        text-align: center;
        letter-spacing: 1px;
        color: #707070;
        border-bottom: 1px solid #707070;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .footer-yumon{
        position: absolute;
        top: -30px;
        width: 60%;
        margin: 0 50px;
    }
    .footer-04{
        padding: 100px 0 60px 0;
        background: #A2C759;
    }
    .footer-04-title{
        margin: 0 40px;
        padding: 20px 0;
        font-size: 26px;
        font-weight: bold;
        line-height: 38px;
        text-align: center;
        letter-spacing: 1px;
        color: #707070;
        border-bottom: 1px solid #707070;
    }
}
@media screen and (max-width: 768px){
    .footer-yumon{
        position: absolute;
        top: -30px;
        width: 80%;
        margin: 0 0 0 50px;
    }
    .footer-04{
        padding: 40px 10px 60px 10px;
        background: #A2C759;
    }
    .footer-04-title{
        margin: 0 20px;
        padding: 20px 0;
        font-size: 20px;
        font-weight: bold;
        line-height: 38px;
        text-align: center;
        letter-spacing: 1px;
        color: #707070;
        border-bottom: 1px solid #707070;
    }
}

.footer-04 .container{
    padding-top: 80px;
    background: #fff;
}

@media screen and (min-width: 768px) {
    .footer-04-area-links{
        margin: 20px 40px 80px 40px;
        overflow: auto;
    }
    .footer-area{
        float: left;
        width: 33%;
        padding: 20px 20px 0 20px;
    }
    .footer-area-title{
        font-size: 18px;
        font-weight: bold;
        color: #707070;
    }
    .footer-area-links{
        min-height: 50px;
    }
    .footer-area-links a{
        display: inline-block;
        padding: 2px 5px 2px 0;
    }
}
@media screen and (max-width: 768px){
    .footer-04-area-links{
        margin: 30px 10px;
    }
    .footer-area{
        border-bottom: dashed 1px #ccc;
    }
    .footer-area-title{
        position: relative;
        cursor: pointer;
        padding: 10px;
    }
    .footer-area-title:before{
        content: "+";
        position: absolute;
        right: 5px;
        width: 20px;
        /*height: 14px;*/
        font-size: 22px;
        line-height: 22px;
        color: #EC6617;
    }
    .footer-area-title.close-btn:before{
        content: "-";
        position: absolute;
        right: 5px;
        width: 18px;
        /*height: 14px;*/
        font-size: 25px;
        line-height: 25px;
        color: #EC6617;
    }
    .footer-area-links{
        display: none;
    }
    .footer-area-links a{
        display: block;
        padding: 5px 20px;
    }
}

@media screen and (min-width: 768px) {
    .footer-04-cat-links{
        margin: 20px 120px 80px 120px;
        overflow: auto;
    }
}
@media screen and (max-width: 768px){
    .footer-04-cat-links{
        margin: 20px 0 40px 0;
        overflow: auto;
    }
}

@media screen and (min-width: 1200px) {
    .footer-04-cat-links a{
        display: inline-block;
        width: 33%;
        padding: 15px 25px;
        font-size: 18px;
        font-weight: bold;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px){
    .footer-04-cat-links a{
        display: inline-block;
        width: 49%;
        padding: 15px 25px;
        font-size: 18px;
        font-weight: bold;
    }
}
@media screen and (max-width: 768px){
    .footer-04-cat-links a{
        float: left;
        width: 46%;
        margin: 8px 2%;
        padding: 10px 15px;
        font-size: 13px;
        border: 1px solid #666;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        color: #666;
        text-decoration: none;
    }
}
.footer-04-sns-links{
    margin: 20px auto 80px auto;
}
.footer-04-sns-desc{
    padding: 20px 0 40px 0;
    text-align: center;
    letter-spacing: 1px;
    color: #707070;
}
.footer-04-sns-btns{
    text-align: center;
}
@media screen and (min-width: 768px){
    .footer-04-sns-btn{
        display: inline-block;
        margin: 20px 5px;
        padding: 10px 0px;
    }
    .footer-04-kanren-box{
        display: inline-block;
        width: 360px;
        padding: 20px;
    }
}
@media screen and (max-width: 768px){
    .footer-04-sns-btn{
        display: inline-block;
        padding: 10px 0px;
    }
    .footer-04-kanren-box{
        display: inline-block;
        width: 300px;
        padding: 20px;
    }
}
.footer-04-sns-btn a{
    display: block;
}
.footer-04-sns-btn img{

}
.footer-04-kanren-links{
    text-align: center;
    margin: 20px auto 80px auto;
    padding: 0 0 120px 0;
}

.footer-04-kanren-box img{
    width: 100%;
}
.footer-04-kanren-title{
    padding: 24px 5px 10px 5px;
}
.footer-04-kanren-title a{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
.footer-04-kanren-text{
    text-align: left;
    padding: 10px 0;
    letter-spacing: 1px;
    line-height: 26px;
    color: #707070;
}

.footer-03{
    background: #E3E6DC;
}
.footer-03 .container{
    overflow: auto;
    padding: 50px 40px;
}
@media screen and (min-width: 768px) {
    .footer-03-box{
        width: 47%;
        padding: 0px 40px;
    }
    .footer-03-box-title{
        background: #fff;
        padding: 15px 25px;
        font-size: 20px;
        font-weight: bold;
        color: #707070;
    }
    .footer-03-box-desc a{
        padding: 10px 30px 0px 30px;
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #aaa;
    }
    .footer-03-box-desc span{
        padding: 10px 30px;
        display: block;
        color: #707070;
    }
}
@media screen and (max-width: 768px){
    .footer-03-box{
        padding: 20px 0px;
    }
    .footer-03-box-title{
        background: #fff;
        padding: 15px 25px;
        font-size: 16px;
        font-weight: bold;
        color: #707070;
    }
    .footer-03-box-desc a{
        padding: 10px 30px 0px 30px;
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #aaa;
    }
    .footer-03-box-desc span{
        padding: 10px 30px;
        display: block;
        color: #707070;
        font-size: 12px;
    }
}


.footer-03-box-desc{
    min-height: 230px;
    padding: 20px 0;
    background: rgb(241, 244, 233);
}



.footer-02{
    background: #fff;
}
.footer-02 .container{
    overflow: auto;
    padding: 50px 40px;
}

@media screen and (min-width: 768px) {
    .footer-logo{
        float: left;
    }
    .footer-logo img{
        width: 300px;
    }
    .footer-logo .footer-logo-text {
        font-size: 14px;
        text-align: center;
        color: #2385C8;
        padding: 10px 0;
    }
    .footer-desc{
        float: right;
    }
    .footer-desc-title{
        width: 610px;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #EC6617;
    }
    .footer-desc-text{
        width: 596px;
        font-size: 12px;
        color: #707070;
        padding: 10px 0 10px 8px;
        line-height: 22px;
    }
}
@media screen and (max-width: 768px){
    .footer-logo{
        margin: 0 0 30px 0;
    }
    .footer-logo div{
        text-align: center;
    }
    .footer-logo img{
        width: 300px;
    }
    .footer-logo .footer-logo-text {
        font-size: 14px;
        text-align: center;
        color: #2385C8;
        padding: 10px 0;
    }
    .footer-desc{
    }
    .footer-desc-title{
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #EC6617;
        text-align: center;
    }
    .footer-desc-text{
        font-size: 12px;
        color: #707070;
        padding: 10px 0 10px 8px;
        line-height: 22px;
    }
}


.footer-01{
    background: #363636;
    text-align: center;
}
.footer-01 .container{
    padding: 50px 0;
}
@media screen and (min-width: 768px) {
    .footer-01-long{
        display: inline-block;
        width: 440px;
        text-align: center;
        background: #505050;
        color: #fff;
        margin: 10px 10px;
        line-height: 40px;
        font-size: 11px;
        color: #aaa;
    }
    .footer-01-short{
        display: inline-block;
        width: 208px;
        text-align: center;
        background: #505050;
        color: #fff;
        margin: 10px 10px;
        line-height: 40px;
        font-size: 11px;
    }
}
@media screen and (max-width: 768px){
    .footer-01-long{
        display: inline-block;
        width: 90%;
        text-align: center;
        background: #505050;
        color: #fff;
        margin: 10px auto;
        line-height: 40px;
        font-size: 11px;
        color: #aaa;
    }
    .footer-01-short{
        display: inline-block;
        width: 42%;
        text-align: center;
        background: #505050;
        color: #fff;
        margin: 10px 10px;
        line-height: 40px;
        font-size: 11px;
    }
}

.menu-footer-01{
    margin: 0 0 20px 0;
}
.menu-footer-01-long{
    display: inline-block;
    width: 90%;
    text-align: center;
    background: #505050;
    color: #fff;
    margin-top: 10px;
    line-height: 40px;
    font-size: 11px;
    color: #aaa;
}
.menu-footer-01-short{
    display: inline-block;
    width: 42%;
    text-align: center;
    background: #505050;
    color: #fff;
    margin: 10px 10px 0px 10px;
    line-height: 40px;
    font-size: 11px;
}

.footer-01-credit{
    padding: 20px 0;
    color: #fff;
    display: inline-block;
}

.footer-fixed{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #EC6617;
    z-index: 99;
}
.footer-fixed div{
    float: left;
    width: 25%;
    border-right: 1px solid #ccc;
}
.footer-fixed div:last-child{
    border: none;
}
.footer-fixed div a{
    display: block;
    text-align: center;
    padding: 14px 0px;
    font-size: 12px;
    text-decoration: none;
    color: #666;
}
.footer-fixed div a img{
    width: 15px;
    margin: -2px 8px 0 0;
}

.footer-fixed-popup{
    display: none;
    position: fixed;
    bottom: 48px;
    width: 100%;
    background: rgba(88, 88, 88, 0.5);
    z-index: 99;
}
.footer-fixed-popup-title{
    text-align: center;
    font-size: 11px;
    color: #fff;
    padding: 5px 0 0 0;
}
.footer-fixed-popup-btns div{
    float: left;
    padding: 5px 0 10px 0;
    width: 20%;
    text-align: center;
}
.footer-fixed-popup-btns div a img{
    width: 80%;
}

/*-- 広告 --*/
.ads-bottom{
    text-align: center;
}
@media screen and (min-width: 768px) {
    .ad-bottom-336{
        display: inline-block;
        margin: 140px 20px;
        width: 336px;
        height: 280px;
        /*background: #555;*/
    }
    .ad-bottom-300{
        display: inline-block;
        margin: 70px 20px 140px 20px;
        width: 300px;
        height: 250px;
        /*background: #555;*/
    }
}
@media screen and (max-width: 768px){
    .ad-bottom-336{
        display: inline-block;
        margin: 80px auto;
        width: 336px;
        height: 280px;
        /*background: #555;*/
    }
    .ad-bottom-300{
        display: inline-block;
        margin: 40px 20px;
        width: 300px;
        height: 250px;
        /*background: #555;*/
    }
}
.ad-right{
    margin: 80px auto;
    width: 300px;
    height: 250px;
    /*background: #555;*/
}
.ad-pr{
    text-align: center;
}

/*--共通パーツ--*/
.paging-head{
    margin: 10px 10px;
    overflow: auto;
    font-size: 15px;
}
.paging-current{
    float: left;
    color: #666;
    font-size: 15px;
}
@media screen and (min-width: 768px) {
    .paging-sort{
        float: right;
        color: #666;
        font-size: 15px;
    }
    .paging-sort2{
        float: right;
        color: #666;
        font-size: 15px;
    }
}
@media screen and (max-width: 768px){
    .paging-sort{
        margin: 0px 10px 50px 0;
        padding: 12px 10px;
        color: #666;
        font-size: 15px;
    }
    .paging-sort2{
        margin: 0px 0px 50px 0;
        text-align: right;
        color: #666;
        font-size: 15px;
    }
}
.paging-links .pagination{
    justify-content: center;
}

/*-- トップページ --*/
@media screen and (min-width: 768px) {
    .top-search{
        position: relative;
        max-height: 400px;
        overflow: hidden;
        background: #666;
    }
    .top-search-2{
        position: relative;
        height: 100px;
        overflow: hidden;
        /*background: #666;*/
        background: url("/img/parts/pickup_back.jpg") no-repeat;
        background-size: cover;
    }
    .top-search img{
        width: 100%;
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        object-fit: cover;
        height: 400px;
    }
    .top-search-title{
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        margin: auto;
        /*width: 50%;*/
        height: 300px;
        font-size: 36px;
        letter-spacing: 3px;
        text-align: center;
        color: #fff;
    }
    .top-search-text{
        position: absolute;
        top: 160px;
        left: 0;
        right: 0;
        margin: auto;
        /*width: 60%;*/
        height: 300px;
        font-size: 16px;
        letter-spacing: 2px;
        text-align: center;
        color: #fff;
    }
    .top-search-box{
        position: absolute;
        bottom: 0;
        height: 100px;
        width: 100%;
        /*background: #000;*/
        background: rgba(45,45,45, 0.5);
    }
}
@media screen and (max-width: 768px){
    .top-search{
        position: relative;
        height: 390px;
        overflow: hidden;
        background: #666;
    }
    .top-search-2{
        display: none;
    }
    .top-search img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .top-search-title{
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
        /*width: 50%;*/
        height: 300px;
        font-size: 22px;
        letter-spacing: 3px;
        text-align: center;
        color: #fff;
    }
    .top-search-text{
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        margin: auto;
        width: 80%;
        height: 300px;
        font-size: 12px;
        letter-spacing: 2px;
        text-align: left;
        color: #fff;
    }
    .top-search-box{
        position: absolute;
        bottom: 0;
        /*height: 100px;*/
        width: 100%;
        /*background: #000;*/
        background: rgba(45,45,45, 0.5);
    }
    .remodal .top-search-box{
        position: relative;
        padding: 10px 0 0 0;
        bottom: 0;
        /*height: 100px;*/
        width: 100%;
        /*background: #000;*/
        background: #fff;
    }
}

.top-search-box input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
.top-search-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
.top-search-box button,
.top-search-box input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}
@media screen and (min-width: 768px) {
    .searchbox-area-container{
        width: 80%;
        max-width: 1000px;
        margin: 28px auto;
    }
    .search-input-keywords{
        float: left;
        width: 44%;
    }
    .search-input-area{
        float: left;
        width: 23%;
    }
    .search-input-category{
        float: left;
        width: 23%;
    }
    .search-input-submit{
        float: left;
        width: 10%;
    }
}
@media screen and (max-width: 768px){
    .searchbox-area-container{
        width: 90%;
        max-width: 1000px;
        margin: 15px auto;
    }
    .remodal .searchbox-area-container{
        width: 100%;
    }
    .search-input-keywords{
        float: left;
        width: 100%;
    }
    .search-input-area{
        float: left;
        width: 50%;
    }
    .search-input-category{
        float: left;
        width: 50%;
    }
    .search-input-submit{
        /*float: left;*/
        clear: both;
        width: 100%;
        padding: 15px 15px 0 15px;
    }
    .remodal .search-input-submit{
        /*float: left;*/
        clear: both;
        width: 100%;
        padding: 0px;
    }
}


@media screen and (min-width: 992px) {
    .search-input-keywords input[type="text"]{
        padding: 12px 30px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        border-right: 1px solid #aaa;
    }
    .search-input-area select, .search-input-category select{
        padding: 12px 30px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        border-right: 1px solid #aaa;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .search-input-keywords input[type="text"]{
        padding: 12px 20px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        border-right: 1px solid #aaa;
    }
    .search-input-area select, .search-input-category select{
        padding: 12px 10px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        border-right: 1px solid #aaa;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
}
@media screen and (max-width: 768px){
    .search-input-keywords input[type="text"]{
        padding: 12px 20px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        /*font-size: 100%;*/
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
    }
    .search-input-area select, .search-input-category select{
        padding: 12px 10px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        /*font-size: 100%;*/
        border-right: 1px solid #aaa;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .remodal .search-input-keywords input[type="text"]{
        padding: 12px 20px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        /*font-size: 100%;*/
        border: 1px solid #aaa;
    }
    .remodal .search-input-area select, .search-input-category select{
        padding: 12px 10px;
        background: #fff;
        width: 100%;
        font-size: 13px;
        /*font-size: 100%;*/
        border-right: 1px solid #aaa;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    .remodal .search-input-area select{
        border-left: 1px solid #aaa;
    }
}

.search-input-submit button{
    padding: 12px;
    width: 100%;
    background: #2385C8;
    font-size: 13px;
    color: #fff;
}
.remodal .search-input-submit button{
    background: #EC6617;
}
.custom-selectbox{
    position: relative;
    display: inline-block;
}
.custom-selectbox:after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-bottom: solid 2px #b4b3b3;
    border-right: solid 2px #b4b3b3;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 20px;
    margin-top: -4px;
}








/*-- トップ共通 --*/
.top-contents-01 .h2-title, .top-contents-02 .h2-title, .top-main-content .h2-title, .sento-contents .h2-title, .sento-coupon .h2-title, .sento-2-columns .h2-title, .search-2-columns .h2-title{
    text-align: center;
}
@media screen and (min-width: 768px){
    .top-contents-01 .h2-title h2, .top-contents-02 .h2-title h2, .top-main-content .h2-title h2, .sento-contents .h2-title h2, .sento-coupon .h2-title h2, .sento-2-columns .h2-title h2, .search-2-columns .h2-title h2{
        line-height: 40px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #EC6617;
    }
    .top-contents-01 .h2-title .h2-desc, .top-contents-02 .h2-title .h2-desc, .top-main-content .h2-title .h2-desc, .search-2-columns .h2-title .h2-desc, .container .h2-title .h2-desc{
        margin: 0 auto;
        width: 85%;
        line-height: 26px;
        color: #5F5650;
        text-align: left;
    }
    .sento-2-columns .h2-title h2 span, .search-2-columns .h2-title h2 span{
        font-size: 22px;
    }
    .h3-title h3{
        margin: 0;
    }
    .h4-title{
        padding: 5px 10px;
        margin: 80px auto 40px auto;
        color: #666;
        border-left: 4px solid #666;
    }
    .h4-title h4{
        margin: 0;
    }
}
@media screen and (max-width: 768px){
    .top-contents-01 .h2-title h2, .top-contents-02 .h2-title h2, .top-main-content .h2-title h2, .sento-contents .h2-title h2, .sento-coupon .h2-title h2, .sento-2-columns .h2-title h2, .search-2-columns .h2-title h2{
        line-height: 30px;
        font-weight: bold;
        /*letter-spacing: 1px;*/
        color: #EC6617;
        font-size: 20px;
        padding: 0 20px;
    }
    .top-contents-01 .h2-title .h2-desc, .top-contents-02 .h2-title .h2-desc, .top-main-content .h2-title .h2-desc, .search-2-columns .h2-title .h2-desc{
        margin: 0 auto;
        padding: 0 20px;
        line-height: 26px;
        color: #5F5650;
    }
    .h2-title .h2-desc{
        text-align: left;
        padding: 0 10px;
        font-size: 15px;
    }
    .sento-2-columns .h2-title h2 span, .search-2-columns .h2-title h2 span{
        font-size: 20px;
    }
    .h3-title h3{
        margin: 0;
        font-size: 20px;
    }
    .h4-title{
        padding: 5px 10px;
        margin: 40px auto 40px auto;
        color: #666;
        border-left: 4px solid #666;
    }
    .h4-title h4{
        margin: 0;
        font-size: 18px;
    }
}

.top-contents-01 .h2-title .h2-img, .top-contents-02 .h2-title .h2-img, .top-main-content .h2-title .h2-img, .sento-contents .h2-title .h2-img, .sento-coupon .h2-title .h2-img, .sento-2-columns .h2-title .h2-img, .search-2-columns .h2-title .h2-img{
    padding: 14px 0 20px 0;
}

.h3-title{
    padding: 10px;
    margin: 40px auto;
    color: #EC6617;
    border-top: 4px solid #EC6617;
    border-bottom: 4px solid #EC6617;
}

.top-other-content .h2-title{
    text-align: center;
}

.top-other-content .h2-title .h2-desc{
    margin: 0 auto;
    line-height: 26px;
    color: #5F5650;
}
.main-button{
    text-align: center;
    padding: 20px 0;
}
.totalcount-desc{
    padding: 30px 0 0 0;
    color: #5F5650;
    width: 225px;
    margin: 0 auto;
    line-height: 30px;
    border-bottom: 1px solid;
    letter-spacing: 1px;
}
.totalcount-desc span{
    color: #EC6617;
}
.totalcount-desc-2{
    padding: 30px 0 0 0;
    color: #5F5650;
    width: 225px;
    margin: 0 auto -30px auto;
    line-height: 30px;
    border-bottom: 1px solid;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
}
.totalcount-desc-2 span{
    color: #EC6617;
}
.paging-current span{
    color: #EC6617;
}

@media screen and (min-width: 768px){
    .osusume-tag{
        display: inline-block;
        vertical-align: middle;
        /*margin: -10px 0 0px 20px;*/
        margin: -30px 0 0px 0px;
        padding: 3px 15px;
        font-size: 11px;
        color: #fff;
        /*background: #EC6617;*/
        /*border: 1px solid #EC6617;*/
        text-decoration: none;
    }
}
@media screen and (max-width: 768px){
    .osusume-tag{
        display: inline;
        vertical-align: middle;
        margin: 0px 0 0px 0px;
        /*padding: 3px 15px;*/
        font-size: 12px;
        color: #fff;
        /*background: #EC6617;*/
        /*border: 1px solid #EC6617;*/
        text-decoration: none;
    }
}

@media screen and (min-width: 768px){
    .top-other-content{
        margin: 80px 0 0 0;
        padding: 60px 0;
        background: #fff;
        border-bottom: dashed 3px #FFF5ED;
        border: solid 3px #6AB2E3;
    }
    .top-other-content .h2-title h2{
        font-size: 26px;
        line-height: 40px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #2385C8;
    }
    .main-button a{
        display: inline-block;
        position: relative;
        padding: 10px 80px;
        border: solid 1px #2385C8;
        color: #2385C8;
        background: #fff;
        text-align: center;
    }
    .main-button2 a{
        display: inline-block;
        padding: 7px 120px;
        border: solid 1px #EC6617;
        color: #EC6617;
        background: #fff;
    }
    .main-button a:before{
        content: "";
        position: absolute;
        top: 15px;
        right: 0px;
        width: 20px;
        height: 12px;
        background: url(/img/parts/angle_right_blue.png) no-repeat;
        background-size: contain;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }
}
@media screen and (max-width: 768px){
    .top-other-content{
        margin: 80px 5px 0 5px;
        padding: 60px 0;
        background: #fff;
        border-bottom: dashed 3px #FFF5ED;
        border: solid 3px #6AB2E3;
    }
    .top-other-content .h2-title h2{
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #2385C8;
    }
    .main-button a{
        display: block;
        position: relative;
        padding: 10px 30px;
        margin: 20px;
        border: solid 1px #2385C8;
        color: #2385C8;
        background: #fff;
        font-size: 15px;
        text-align: center;
    }
    .main-button2 a{
        display: inline-block;
        padding: 7px 100px;
        width: 90%;
        border: solid 1px #EC6617;
        color: #EC6617;
        background: #fff;
    }
}

.main-button2{
    text-align: center;
    padding: 20px 0;
}


.top-main-content{
    padding: 80px 0;
    background: #fff;
    border-bottom: dashed 3px #FFF5ED;
}


.top-contents-01{
    padding: 80px 0;
    background: #FFF5ED;
}

.top-contents-01-title{
    width: 100%;
    margin: 50px 0 0 0;
    overflow: auto;
}
.top-contents-01-title-map, .top-contents-01-title-onsen{
    width: 50%;
    height: 48px;
    line-height: 48px;
    margin: 0;
    float: left;
    font-size: 14px;
    text-align: center;
    background: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
/*.top-contents-01-title-onsen{*/
    /*width: 50%;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*margin: 0;*/
    /*float: left;*/
    /*font-size: 13px;*/
    /*text-align: center;*/
    /*border-radius: 5px 5px 0 0;*/
    /*-webkit-border-radius: 5px 5px 0 0;*/
    /*-moz-border-radius: 5px 5px 0 0;*/
/*}*/

@media screen and (min-width: 768px){
    .top-contents-01-body{
        width: 100%;
        margin: 70px auto 0 auto;
        overflow: auto;
        text-align: center;
    }
    .top-contents-01-body h3{
        position: relative;
        z-index: 10;
        width: 350px;
        margin: 0 auto;
        border: solid 3px #707070;
        background: #fff;
        line-height: 38px;
    }
    .top-contents-01-map{
        display: inline-block;
        width: 500px;
        text-align: center;
        padding: 10px;
    }
    .top-map{
        position: absolute;
        left: 20px;
    }
    .top-map-img{
        position: absolute;
        width: 450px;
        top: 20px;
        left: 0px;
    }
    .top-contents-01-map-back{
        height: 450px;
        background: #C8E0EF;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        position: relative;
        margin: -22px 0 0 0;
    }
}
@media screen and (max-width: 768px){
    .top-contents-01-body{
        width: 100%;
        margin: 0px auto 0 auto;
        padding: 50px 0;
        overflow: auto;
        text-align: center;
        background: #fff;
    }
    .top-contents-01-body h3{
        position: relative;
        z-index: 10;
        width: 200px;
        margin: 0 auto;
        border: solid 3px #707070;
        background: #fff;
        font-size: 18px;
        line-height: 38px;
    }
    .top-contents-01-map{
        display: inline-block;
        width: 320px;
        text-align: center;
        /*padding: 10px;*/
    }
    .top-map{
        position: absolute;
        left: 0px;
    }
    .top-map-img{
        position: absolute;
        width: 320px;
        top: 20px;
        left: 0px;
    }
    .top-contents-01-map-back{
        height: 320px;
        background: #C8E0EF;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        position: relative;
        margin: -22px 0 0 0;
    }
}

@media screen and (min-width: 768px){
    .top-map-links{
        position: absolute;
    }
    .top-map-link{
        display: inline-block;
        padding: 5px 0px;
        width: 70px;
        font-size: 11px;
        text-align: center;
        background: #96D51B;
        border: 1px solid #fff;
        color: #fff;
    }
    .top-map-hokkaido{
        position: absolute;
        top: 70px;
        left: 240px;
    }
    .top-map-tohoku{
        position: absolute;
        top: 170px;
        left: 310px;
    }
    .top-map-hokuriku{
        position: absolute;
        top: 190px;
        left: 230px;
    }
    .top-map-koushinetsu{
        position: absolute;
        top: 240px;
        left: 180px;
    }
    .top-map-kanto{
        position: absolute;
        top: 260px;
        left: 310px;
    }
    .top-map-tokai{
        position: absolute;
        top: 310px;
        left: 240px;
    }
    .top-map-kansai{
        position: absolute;
        top: 290px;
        left: 160px;
    }
    .top-map-chugoku{
        position: absolute;
        top: 270px;
        left: 80px;
    }
    .top-map-shikoku{
        position: absolute;
        top: 340px;
        left: 140px;
    }
    .top-map-kyushu{
        position: absolute;
        top: 350px;
        left: 20px;
    }
    .top-map-okinawa{
        position: absolute;
        top: 140px;
        left: 40px;
    }
}
@media screen and (max-width: 768px){
    .top-map-links{
        position: absolute;
    }
    .top-map-link{
        display: inline-block;
        padding: 4px 0px;
        width: 52px;
        font-size: 12px;
        text-align: center;
        background: #96D51B;
        border: 1px solid #fff;
        color: #fff;
    }
    .top-map-hokkaido{
        position: absolute;
        top: 50px;
        left: 190px;
    }
    .top-map-tohoku{
        position: absolute;
        top: 110px;
        left: 230px;
    }
    .top-map-hokuriku{
        position: absolute;
        top: 130px;
        left: 165px;
    }
    .top-map-koushinetsu{
        position: absolute;
        top: 170px;
        left: 120px;
    }
    .top-map-kanto{
        position: absolute;
        top: 190px;
        left: 210px;
    }
    .top-map-tokai{
        position: absolute;
        top: 220px;
        left: 150px;
    }
    .top-map-kansai{
        position: absolute;
        top: 210px;
        left: 90px;
    }
    .top-map-chugoku{
        position: absolute;
        top: 190px;
        left: 30px;
    }
    .top-map-shikoku{
        position: absolute;
        top: 250px;
        left: 90px;
    }
    .top-map-kyushu{
        position: absolute;
        top: 250px;
        left: 10px;
    }
    .top-map-okinawa{
        position: absolute;
        top: 100px;
        left: 40px;
    }
}
@media screen and (min-width: 768px){
    .top-map-hokkaido-cat{
        position: absolute;
        top: 90px;
        left: 390px;
    }
    .top-map-tohoku-cat{
        position: absolute;
        top: 200px;
        left: 370px;
    }
    .top-map-hokuriku-cat{
        position: absolute;
        top: 250px;
        left: 300px;
    }
    .top-map-koushinetsu-cat{
        position: absolute;
        top: 300px;
        left: 220px;
    }
    .top-map-kanto-cat{
        position: absolute;
        top: 320px;
        left: 350px;
    }
    .top-map-tokai-cat{
        position: absolute;
        top: 370px;
        left: 280px;
    }
    .top-map-kansai-cat{
        position: absolute;
        top: 350px;
        left: 200px;
    }
    .top-map-chugoku-cat{
        position: absolute;
        top: 330px;
        left: 100px;
    }
    .top-map-shikoku-cat{
        position: absolute;
        top: 400px;
        left: 180px;
    }
    .top-map-kyushu-cat{
        position: absolute;
        top: 410px;
        left: 60px;
    }
    .top-map-okinawa-cat{
        position: absolute;
        top: 170px;
        left: 80px;
    }
}
@media screen and (max-width: 768px){
    .top-map-hokkaido-cat{
        position: absolute;
        top: 12%;
        left: 70%;
    }
    .top-map-tohoku-cat{
        position: absolute;
        top: 33%;
        left: 73%;
    }
    .top-map-hokuriku-cat{
        position: absolute;
        top: 35%;
        left: 53%;
    }
    .top-map-koushinetsu-cat{
        position: absolute;
        top: 45%;
        left: 45%;
    }
    .top-map-kanto-cat{
        position: absolute;
        top: 50%;
        left: 65%;
    }
    .top-map-tokai-cat{
        position: absolute;
        top: 62%;
        left: 55%;
    }
    .top-map-kansai-cat{
        position: absolute;
        top: 58%;
        left: 38%;
    }
    .top-map-chugoku-cat{
        position: absolute;
        top: 55%;
        left: 17%;
    }
    .top-map-shikoku-cat{
        position: absolute;
        top: 70%;
        left: 27%;
    }
    .top-map-kyushu-cat{
        position: absolute;
        top: 67%;
        left: 8%;
    }
    .top-map-okinawa-cat{
        position: absolute;
        top: 27%;
        left: 13%;
    }
}


.top-map-ken-links{
    position: absolute;
    display: none;
    text-align: left;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.top-map-ken-links a{
    display: inline-block;
    padding: 2px 6px;
    width: 50%;
    font-size: 13px;
    text-decoration: none;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    background: #fff;
    color: #707070;
}
.top-map-ken-links a:hover{
    background: #FFF5ED;
}
.top-map-ken-links span{
    position: absolute;
    top: -6px;
    right: -10px;
    background: #fff;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 18px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: 1px solid #aaa;
    cursor: pointer;
}
.top-map-link-area{
    width: 100% !important;
    background: #707070 !important;
    color: #fff !important;
}
.top-map-link-area:hover{
    background: #828282 !important;
    color: #fff !important;
}
.top-map-ken-nolink{
    background: #707070!important;
    pointer-events: none!important;
}

@media screen and (min-width: 768px) {
    .top-map-kansai-links{
        top: 320px;
        left: 115px;
        width: 160px;
    }
    .top-map-kyushu-links{
        top: 220px;
        left: -25px;
        width: 160px;
    }
}
@media screen and (max-width: 768px){
    .top-map-kansai-links{
        top: 240px;
        left: 90px;
        width: 160px;
    }
    .top-map-kyushu-links{
        top: 121px;
        left: 10px;
        width: 160px;
    }
}
@media screen and (min-width: 768px) {
    .top-map-kansai-cat-links{
        top: 380px;
        left: 155px;
        width: 160px;
    }
    .top-map-kyushu-cat-links{
        top: 307px;
        left: 15px;
        width: 160px;
    }
}
@media screen and (max-width: 768px){
    .top-map-kansai-cat-links{
        top: 66%;
        left: 38%;
        width: 160px;
    }
    .top-map-kyushu-cat-links{
        top: 39%;
        left: 8%;
        width: 160px;
    }
}
.top-map-hokkaido-links{
    top: 95px;
    left: 195px;
    width: 160px;
}
.top-map-tohoku-links{
    top: 195px;
    left: 265px;
    width: 160px;
}
.top-map-hokuriku-links{
    top: 215px;
    left: 185px;
    width: 160px;
}
.top-map-koushinetsu-links{
    top: 265px;
    left: 135px;
    width: 160px;
}
.top-map-kanto-links{
    top: 285px;
    left: 265px;
    width: 160px;
}
.top-map-tokai-links{
    top: 230px;
    left: 195px;
    width: 160px;
}
.top-map-chugoku-links{
    top: 295px;
    left: 35px;
    width: 160px;
}
.top-map-shikoku-links{
    top: 260px;
    left: 95px;
    width: 160px;
}

.top-map-okinawa-links{
    top: 165px;
    left: -5px;
    width: 160px;
}

@media screen and (min-width: 768px){
    .top-contents-01-onsen{
        display: inline-block;
        width: 500px;
        text-align: center;
        padding: 30px 0px;
    }
    .top-contents-01-onsen-back{
        position: relative;
        margin: -22px 0 0 0;
        height: 450px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background: url(/img/parts/search_right.png) no-repeat;
        background-size: contain;
    }
    .top-contents-01-onsen-body{
        position: absolute;
        top: 55px;
        left: 25px;
        width: 430px;
        padding: 10px 0;
        /*background: rgba(255, 255, 255, 0.8);*/
        text-align: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .top-contents-01-onsen-body div{
        /* display: flex; */
        margin: 2px 30px;
        padding: 15px 0 0px 0;
        /* border-bottom: dashed 1px #dedede; */
    }
    .top-contents-01-onsen-body div.is-closed span a{
        color: #c9c9c9;
    }
    .top-contents-01-onsen-body div span{
        /* width: 75px; */
        /* display: inline-block; */
        display: block;
        /* padding: 0 20px 0 0; */
        /* font-weight: bold; */
        color: #707070;
        font-size: 18px;
    }
    .top-contents-01-onsen-body div span:nth-child(1){
        font-size: 20px;
        font-weight: bold;
        padding: 10px 0 5px 0;
        border-bottom: dashed 1px #dedede;
    }
    .top-contents-01-onsen-body div span:nth-child(2){
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0 0 0;
    }
    .top-contents-01-onsen-body div span a{
        display: inline-block;
        padding: 0px 20px 16px 0px;
        color: #707070;
        font-size: 14px;
    }
}
@media screen and (max-width: 768px){
    .top-contents-01-onsen{
        display: inline-block;
        width: 310px;
        text-align: center;
        padding: 0px 0px;
    }
    .top-contents-01-onsen-back{
        position: relative;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        /*background: url(/img/parts/search_right.png) no-repeat;*/
        background-size: contain;
    }
    .top-contents-01-onsen-body{
        /* margin: 20px 0 0 0; */
        text-align: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .top-contents-01-onsen-body div{
        /* display: flex; */
        padding: 5px 0;
    }
    .top-contents-01-onsen-body div.is-closed a{
        color: #c9c9c9;
    }
    .top-contents-01-onsen-body div span{
        display: block;
        color: #707070;
        font-size: 12px;
    }
    .top-contents-01-onsen-body div span:nth-child(1){
        font-size: 22px;
        font-weight: bold;
        padding: 10px 0 5px 0;
        border-bottom: dashed 1px #dedede;
    }
    .top-contents-01-onsen-body div span:nth-child(2){
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .top-contents-01-onsen-body div a{
        display: inline-block;
        flex-basis: 50%;
        padding: 0px 15px 16px 0px;
        color: #707070;
        font-size: 15px;
    }
}



.top-contents-02{
    padding: 80px 0;
    background: #fff;
    /*display: none;*/
}
.top-contents-02-body {
    margin: 80px 0 0 0;
    height: 300px;
    background: url("/img/parts/pickup_back.jpg") no-repeat;
    background-size: cover;
}
.top-contents-02-container{
    width: 90%;
    margin: 0px auto;
    padding: 40px 0;
}
.slick-box1 div img{
    width: 340px;
    height: 200px;
    padding: 5px 20px;
    object-fit: cover;
}
@media screen and (min-width: 992px) {
    .slick-box1 .slick-prev {
        left: -40px;
    }
    .slick-box1 .slick-next {
        right: -30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .slick-box1 .slick-prev {
        left: -30px;
    }
    .slick-box1 .slick-next {
        right: -20px;
    }
}
@media screen and (max-width: 768px){
    .slick-box1 .slick-prev {
        left: -15px;
    }
    .slick-box1 .slick-next {
        right: -5px;
    }
}
.slick-box1 .slick-prev, .slick-next{
    top: 48%;
}
.slick-box1 .slick-prev:before, .slick-box1 .slick-next:before{
    font-size: 30px;
    color: black;
}
@media screen and (min-width: 768px){
    .top-contents-main .container{
        overflow: auto;
        padding-top: 60px;
    }
}
@media screen and (max-width: 768px){
    .top-contents-main .container{
        overflow: auto;
        padding-top: 60px;
        padding: 0;
        max-width: 100%;
    }
}
.top-contents-one{
}
@media screen and (min-width: 1200px) {
    .top-contents-left{
        float: left;
        width: 790px;
    }
    .top-contents-right{
        float: right;
        width: 300px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .top-contents-left{
        float: left;
        width: 790px;
    }
    .top-contents-right{
        float: right;
        width: 100%;
        margin: 50px 0 0 0;
    }
}
@media screen and (max-width: 992px){
    .top-contents-left{
        float: left;
        width: 100%;
        overflow: hidden;
    }
    .top-contents-right{
        float: right;
        width: 100%;
        margin: 50px 0 0 0;
    }
}
.ad-right:nth-of-type(2){
    display: none;
}

/*クーポン*/
@media screen and (min-width: 992px) {
    .top-coupons{
        overflow: auto;
        margin: 60px auto;
        width: 720px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .top-coupons{
        overflow: auto;
        margin: 60px auto;
        width: 95%;
    }
}
@media screen and (max-width: 768px){
    .top-coupons{
        overflow: auto;
        margin: 60px auto;
        background: #FFF5ED;
    }
}

@media screen and (min-width: 768px) {
    .top-coupon{
        text-align: center;
        width: 550px;
        margin: 50px auto;
        border: 2px solid #EC6617;
    }
    .top-coupon-header{
        display: flex;
        justify-content: space-between;
        overflow: auto;
        padding: 6px 0;
        background: #EC6617;
    }
    .top-coupon-name{
        /* float: left; */
        padding: 0 10px;
        text-align: left;
    }
    .top-coupon-name a{
        color: #fff;
        font-size: 16px;
        /*text-decoration: none;*/
        letter-spacing: 2px;
    }
    .top-coupon-name a:hover{
        text-decoration: underline;
    }
    .top-coupon-area{
        /* float: right; */
        flex-basis: 80px;
        padding: 0 10px;
    }
    .top-coupon-area span{
        font-size: 11px;
        text-decoration: none;
        color: #fff;
    }
    .top-coupon-body{
        display: flex;
        overflow: auto;
        height: 170px;
        background: #FFF5ED;
    }
    .top-coupon-img{
        float: left;
        width: 200px;
        height: 170px;
        margin: 0 auto;
    }
    .top-coupon-img span{
        width: 200px;
        height: 170px;
        display: block;
        background-size: cover;
        background-position: center;
    }
    .top-coupon-content{
        float: left;
        width: 340px;
    }
    .top-coupon-icon{
        margin: 0 auto;
        padding: 10px;
        width: 90%;
        border-bottom: 1px solid #EC6617;
    }
    .top-coupon-title{
        margin: 0 auto;
        padding: 10px 5px;
        width: 90%;
        text-align: left;
    }
    .top-coupon-title a{
        color: #ff0000;
        font-weight: bold;
        font-size: 18px;
        text-decoration: underline;
    }
    .top-coupon-link{
        padding: 3px 0 0 0;
        display: none;
    }
    .top-coupon-link a{
        border: 1px solid #EC6617;
        padding: 5px 40px;
        color: #EC6617;
        font-size: 12px;
        text-decoration: none;
    }
    .top-coupon-link a:hover{
        background: #ffede5;
    }
}
@media screen and (max-width: 768px){
    .top-coupon{
        text-align: center;
        width: 100%;
        margin: 50px auto;
    }
    .top-coupon-header{
        margin: 60px 20px;
        padding: 20px 0;
        background: rgba(45,45,45, 0.7);
    }
    .top-coupon-name{
        display: block;
        padding: 0 10px;
    }
    .top-coupon-name a{
        color: #fff;
        font-size: 16px;
        /*text-decoration: none;*/
        letter-spacing: 2px;
    }
    .top-coupon-name a:hover{
        text-decoration: underline;
    }
    .top-coupon-area{
        display: block;
        padding: 0 10px;
        color: #fff;
    }
    .top-coupon-area span{
        font-size: 11px;
        text-decoration: none;
        color: #fff;
    }
    .top-coupon-body{
        /*background: #FFF5ED;*/
    }
    .top-coupon-img{
        width: 90%;
        height: 220px;
        margin: 0 auto;
    }
    .top-coupon-img-a{
        width: 100%;
        height: 220px;
        display: block;
        background-size: cover;
        padding: 1px;
    }
    .top-coupon-content{
        width: 90%;
        margin: 20px auto;
    }
    .top-coupon-title{
        padding: 10px 20px;
        background: #fff;
        border-bottom: dashed 1px #EC6617;
        border-left: dashed 1px #EC6617;
        border-right: dashed 1px #EC6617;
        text-align: left;
    }
    .top-coupon-title a{
        color: #ff0000;
        font-weight: bold;
        font-size: 16px;
        text-decoration: underline;
        /*width: 90%;*/
        display: inline-block;
    }
    .top-coupon-link{
        padding: 3px 0 0 0;
    }
    .top-coupon-link span{
        background: #EC6617;
        padding: 5px 40px;
        display: block;
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }
}



/*-おすすめ-*/
@media screen and (min-width: 992px) {
    .sentos-osusume{
        overflow: auto;
        margin: 60px auto;
        width: 720px;
    }
    .sento-osusume{
        float: left;
        text-align: center;
        width: 300px;
        height: 400px;
        margin: 30px;
    }
}
@media screen and (max-width: 992px){
    .sentos-osusume{
        overflow: auto;
        margin: 60px auto;
        width: 100%;
    }
    .sento-osusume{
        text-align: center;
        width: 90%;
        height: 400px;
        margin: 30px auto;
    }
}
.sento-osusume-img{
    width: 100%;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}
.sento-osusume-img img{
    width: 100%;
}
.sento-osusume-review{
    position: relative;
}
@media screen and (min-width: 992px) {
    .sento-osusume-score{
        position: absolute;
        top: -30px;
        left: 17%;
        width: 90px;
        height: 55px;
        background: #FF513B;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
}
@media screen and (max-width: 992px){
    .sento-osusume-score{
        position: absolute;
        top: -30px;
        left: 20%;
        width: 90px;
        height: 55px;
        background: #FF513B;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
}


.star-rating2 {
    position: relative;
    width: 5em;
    height: 1em;
    font-size: 15px;
    margin: -4px 0 0 8px;
}
.star-rating-front2 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
}
.star-rating-back2 {
    color: #ccc;
}
@media screen and (min-width: 992px) {
    .sento-osusume-count{
        position: absolute;
        top: -30px;
        right: 17%;
        width: 90px;
        height: 55px;
        background: #2385C8;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
}
@media screen and (max-width: 992px){
    .sento-osusume-count{
        position: absolute;
        top: -30px;
        right: 20%;
        width: 90px;
        height: 55px;
        background: #2385C8;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
}



@media screen and (min-width: 768px) {
    .sento-osusume-num{
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        margin: 5px 0 0 0;
    }
    .sento-osusume-kuchikomi{
        display: inline-block;
        font-size: 11px;
        padding: 7px 0 0 0;
        color: #fff;
    }
    .sento-osusume-kuchikomi img{
        margin: -2px 4px 0 2px;
        width: 12px;
    }
    .sento-osusume-ken{
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }
    .sento-osusume-ken a{
        color: #fff;
    }
    .sento-osusume-name{
        padding: 12px 0 0px 0;
        margin: 25px 0 0 0;
    }
    .sento-osusume-name a{
        color: #EC6617;
        font-size: 17px;
        text-decoration: none;
        font-weight: bold;
        text-decoration: underline;
    }
    .sento-osusume-name a:hover{
        /*text-decoration: underline;*/
    }
    .sento-osusume-area{

    }
    .sento-osusume-area img{
        width: 11px;
        margin: 5px;
    }
    .sento-osusume-area a{
        font-size: 11px;
        text-decoration: none;
        color: #707070;
    }
    .sento-osusume-area span{
        font-size: 11px;
        text-decoration: none;
        color: #707070;
    }
    .sento-osusume-desc{
        margin: 10px 0;
        text-align: left;
        font-size: 13px;
        line-height: 23px;
        color: #707070;
    }
}
@media screen and (max-width: 768px){
    .sento-osusume-num{
        font-size: 17px;
        font-weight: bold;
        color: #fff;
        margin: 5px 0 0 0;
    }
    .sento-osusume-kuchikomi{
        display: inline-block;
        font-size: 11px;
        padding: 7px 0 0 0;
        color: #fff;
    }
    .sento-osusume-kuchikomi img{
        margin: -2px 4px 0 2px;
        width: 12px;
    }
    .sento-osusume-ken{
        color: #fff;
        font-size: 17px;
        font-weight: bold;
    }
    .sento-osusume-ken a{
        color: #fff;
    }
    .sento-osusume-name{
        padding: 12px 0 5px 0;
        margin: 25px 0 0 0;
    }
    .sento-osusume-name a{
        color: #EC6617;
        font-size: 19px;
        text-decoration: none;
        font-weight: bold;
        text-decoration: underline;
    }
    .sento-osusume-name a:hover{
        /*text-decoration: underline;*/
    }
    .sento-osusume-area{

    }
    .sento-osusume-area img{
        width: 11px;
        margin: 5px;
    }
    .sento-osusume-area a{
        font-size: 12px;
        text-decoration: none;
        color: #707070;
    }
    .sento-osusume-area span{
        font-size: 12px;
        text-decoration: none;
        color: #707070;
    }
    .sento-osusume-desc{
        margin: 10px 0;
        text-align: left;
        font-size: 14px;
        line-height: 23px;
        color: #707070;
    }
}


/*-トップページのランキング-*/
@media screen and (min-width: 992px) {
    .sentos-ranking{
        margin: 60px auto 10px auto;
        padding: 50px 0 0 0;
        width: 720px;
        overflow: auto;
    }
    .sento-ranking{
        position: relative;
        float: left;
        width: 300px;
        height: 220px;
        margin: 60px 30px;
        background: #FFF9EA;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sentos-ranking{
        margin: 60px auto;
        padding: 50px 0 0 0;
        width: 100%;
        overflow: auto;
    }
    .sento-ranking{
        position: relative;
        width: 300px;
        height: 220px;
        margin: 60px auto;
        background: #FFF9EA;
    }
}
@media screen and (max-width: 768px){
    .sentos-ranking{
        margin: 0px auto;
        padding: 50px 0 0 0;
        width: 100%;
        overflow: auto;
    }
    .sento-ranking{
        position: relative;
        width: 95%;
        height: 380px;
        margin: 60px auto;
        background: #FFF9EA;
    }
}

.sento-ranking-name{
    padding: 32px 0 10px 0;
    text-align: center;
}
.sento-ranking-name a{
    color: #EC6617;
    font-size: 17px;
    /*text-decoration: none;*/
    font-weight: bold;
}
.sento-ranking-name a:hover{
    text-decoration: underline;
}
.sento-ranking-middle{
    overflow: auto;
}
.sento-ranking-img{
    float: left;
    margin: 0 0 0 8px;
    width: 150px;
    height: 130px;
    overflow: hidden;
}
.sento-ranking-img img{
    width: 150px;
}
.sento-ranking-review{
    float: left;
    margin: 0 0px 0 5px;
}
.sento-ranking-score{
    width: 130px;
    height: 25px;
    background: #FF513B;
}
.sento-ranking-num{
    display: inline-block;
    float: left;
    margin: 1px 0 0 13px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.star-rating4 {
    display: inline-block;
    float: right;
    position: relative;
    width: 5em;
    height: 1em;
    font-size: 15px;
    margin: 1px 10px 0 0;
}
.star-rating-front4 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
}
.star-rating-back4 {
    color: #ccc;
}
.sento-ranking-count{
    margin: 10px 0 10px 0;
    width: 130px;
    height: 25px;
    background: #2385C8;
}
.sento-ranking-kuchikomi{
    font-size: 11px;
    padding: 5px 0 0 0;
    color: #fff;
    text-align: center;
}
.sento-ranking-kuchikomi img{
    margin: -2px 4px 0 2px;
    width: 12px;
}
.sento-ranking-kuchikomi a{
    color: #fff;
}
.sento-ranking-area{
    float: left;
}
.sento-ranking-area img{
    width: 11px;
    margin: 5px;
}
.sento-ranking-area a{
    font-size: 11px;
    text-decoration: none;
    color: #707070;
}
.sento-ranking-area span{
    font-size: 11px;
    text-decoration: none;
    color: #707070;
}
.sento-ranking-desc{
    margin: 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 23px;
    color: #707070;
}

@media screen and (min-width: 768px) {
    .sento-ranking-top{
        position: relative;
        margin: 0 auto;
        width: 660px;
        /*height: 290px;*/
        background: #FFF9EA;
        border: 2px solid #e6c035;
    }
    .sento-ranking-search{
        position: relative;
        margin: 0px auto 100px auto;
        width: 660px;
        /*height: 290px;*/
        background: #FFF9EA;
        border: 2px solid #e6c035;
    }
    .sento-ranking-top-img{
        float: left;
        margin: 0 0 0 20px;
        width: 300px;
        height: 210px;
        overflow: hidden;
    }
    .sento-ranking-top-body{
        float: left;
        width: 330px;
    }
    .sento-ranking-top-review{
        margin: 10px auto 0 auto;
        height: 30px;
        width: 260px;
    }
}
@media screen and (max-width: 768px){
    .sento-ranking-top{
        position: relative;
        margin: 0 auto;
        width: 95%;
        /*height: 290px;*/
        background: #FFF9EA;
        border: 2px solid #e6c035;
    }
    .sento-ranking-search{
        position: relative;
        margin: 0px auto 100px auto;
        width: 100%;
        /*height: 290px;*/
        background: #FFF9EA;
        border: 2px solid #e6c035;
    }
    .sento-ranking-top-img{
        margin: 0 auto;
        width: 90%;
        height: 210px;
        overflow: hidden;
    }
    .sento-ranking-top-body{
        width: 320px;
        margin: 0 auto;
    }
    .sento-ranking-top-review{
        margin: 10px auto 0 auto;
        height: 30px;
        width: 280px;
    }
}

.sento-ranking-top-middle{
    overflow: auto;
    padding: 40px 0 40px 0;
}

.sento-ranking-top-img img{
    width: 100%;
}

@media screen and (min-width: 768px) {
    .sento-ranking-top-name{
        padding: 5px 0 5px 0;
        text-align: center;
    }
    .sento-ranking-top-name a{
        color: #EC6617;
        font-size: 20px;
        /*text-decoration: none;*/
        font-weight: bold;
    }
}
@media screen and (max-width: 768px){
    .sento-ranking-top-name{
        padding: 15px 0 5px 0;
        text-align: center;
    }
    .sento-ranking-top-name a{
        color: #EC6617;
        font-size: 22px;
        /*text-decoration: none;*/
        font-weight: bold;
    }
}

.sento-ranking-top-name a:hover{
    text-decoration: underline;
}


@media screen and (min-width: 768px) {
    .sento-ranking-top-score{
        float: left;
        height: 25px;
        background: #FF513B;
        width: 130px;
    }
    .sento-ranking-top-num{
        display: inline-block;
        float: left;
        margin: 1px 5px 0 13px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }
    .star-rating4 {
        display: inline-block;
        float: right;
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 15px;
        margin: 1px 10px 0 0;
    }
    .star-rating-front4 {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        color: #fff;
    }
    .star-rating-back4 {
        color: #ccc;
    }
    .sento-ranking-top-count{
        float: left;
        width: 130px;
        height: 25px;
        background: #2385C8;
    }
    .sento-ranking-top-kuchikomi{
        font-size: 12px;
        padding: 4px 0 0 0;
        color: #fff;
        text-align: center;
    }
    .sento-ranking-top-kuchikomi img{
        margin: -2px 4px 0 2px;
        width: 12px;
    }
    .sento-ranking-top-kuchikomi a{
        color: #fff;
    }
}
@media screen and (max-width: 768px){
    .sento-ranking-top-score{
        float: left;
        height: 30px;
        background: #FF513B;
        width: 140px;
    }
    .sento-ranking-top-num{
        display: inline-block;
        float: left;
        margin: 2px 5px 0 13px;
        font-size: 17px;
        font-weight: bold;
        color: #fff;
    }
    .star-rating4 {
        display: inline-block;
        float: right;
        position: relative;
        width: 5em;
        height: 1em;
        font-size: 17px;
        margin: 1px 10px 0 0;
    }
    .star-rating-front4 {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        color: #fff;
    }
    .star-rating-back4 {
        color: #ccc;
    }
    .sento-ranking-top-count{
        float: left;
        width: 140px;
        height: 30px;
        background: #2385C8;
    }
    .sento-ranking-top-kuchikomi{
        font-size: 14px;
        padding: 4px 0 0 0;
        color: #fff;
        text-align: center;
    }
    .sento-ranking-top-kuchikomi img{
        margin: -2px 4px 0 2px;
        width: 12px;
    }
    .sento-ranking-top-kuchikomi a{
        color: #fff;
    }
}

@media screen and (min-width: 768px) {
    .sento-ranking-top-area{
        width: 260px;
        margin: 0 auto;
    }
    .sento-ranking-top-area img{
        width: 11px;
        margin: 5px;
    }
    .sento-ranking-top-area a{
        font-size: 11px;
        text-decoration: none;
        color: #707070;
    }
    .sento-ranking-top-area span{
        font-size: 11px;
        text-decoration: none;
        color: #707070;
    }
    .sento-ranking-top-desc{
        margin: 10px auto;
        width: 252px;
        text-align: left;
        font-size: 13px;
        line-height: 23px;
        color: #707070;
    }
}
@media screen and (max-width: 768px){
    .sento-ranking-top-area{
        margin: 10px auto 0 auto;
        width: 280px;
        text-align: center;
    }
    .sento-ranking-top-area img{
        width: 11px;
        margin: 5px;
    }
    .sento-ranking-top-area a{
        font-size: 13px;
        text-decoration: none;
        color: #707070;
    }
    .sento-ranking-top-area span{
        font-size: 13px;
        text-decoration: none;
        color: #707070;
    }
    .sento-ranking-top-desc{
        margin: 20px auto 10px auto;
        width: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 23px;
        color: #707070;
    }
}


/*-トップページの新着-*/
@media screen and (min-width: 992px) {
    .sentos-latest{
        overflow: auto;
        margin: 60px auto;
        width: 720px;
    }
    .sento-latest{
        float: left;
        text-align: center;
        width: 300px;
        height: 350px;
        margin: 30px;
    }
    .sento-latest-img{
        width: 300px;
        height: 200px;
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid #aaa;
    }
    .sento-latest-img img{
        width: 300px;
    }
}
@media screen and (max-width: 992px){
    .sentos-latest{
        overflow: auto;
        margin: 60px auto;
        width: 100%;
    }
    .sento-latest{
        text-align: center;
        width: 90%;
        height: 350px;
        margin: 30px auto;
    }
    .sento-latest-img{
        width: 100%;
        height: 200px;
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid #aaa;
    }
    .sento-latest-img img{
        width: 100%;
    }
}

.sento-latest-body{
    padding: 10px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: left;
}
.sento-latest-date{
    overflow: auto;
    padding: 0px 10px;
}
.sento-latest-date-left{
    float: left;
}
.sento-latest-date-right{
    float: right;
    border: 1px solid #EC6617;
    color: #EC6617;
    padding: 1px 16px;
    font-size: 12px;
    background: #FFF5ED;
}
.sento-latest-name{
    padding: 5px 10px;
}
.sento-latest-name a{
    color: #2385C8;
    font-size: 17px;
    font-weight: bold;
}
.sento-latest-name a:hover{
    text-decoration: underline;
}
.sento-latest-area{

}
.sento-latest-area img{
    width: 11px;
    margin: 5px;
}
.sento-latest-area a{
    font-size: 11px;
    text-decoration: none;
    color: #707070;
}
.sento-latest-area span{
    font-size: 11px;
    text-decoration: none;
    color: #707070;
}
.sento-latest-desc{
    margin: 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 23px;
    color: #707070;
}

/*-トップページの口コミ新着順３件-*/
.sento-reviews{
}
.sento-review{
    position: relative;
    margin: 130px 0 0 0;
}
.sento-review-comment{
    position: absolute;
    top: -80px;
    z-index: 100;
}
@media screen and (min-width: 992px) {
    .sento-reviews-top{
        padding: 60px 50px;
    }
    .sento-review-comment div{
        position: relative;
        display: inline-block;
        margin: 1.5em 0 1.5em 40px;
        padding: 15px 20px;
        width: 560px;
        min-width: 120px;
        max-width: 100%;
        color: #555;
        font-size: 16px;
        /*background: #FFF5ED;*/
        background-color: rgba(255,245,237,0.8);
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-reviews-top{
        padding: 50px 50px;
    }
    .sento-review-comment div{
        position: relative;
        display: inline-block;
        padding: 15px 20px;
        width: 560px;
        min-width: 120px;
        max-width: 100%;
        color: #555;
        font-size: 16px;
        /*background: #FFF5ED;*/
        background-color: rgba(255,245,237,0.8);
    }
}
@media screen and (max-width: 768px){
    .sento-reviews-top{
        padding: 50px 0;
    }
    .sento-review-comment div{
        position: relative;
        /*display: inline-block;*/
        margin: 0 auto;
        padding: 15px 20px;
        width: 90%;
        min-width: 120px;
        max-width: 100%;
        color: #555;
        font-size: 16px;
        /*background: #FFF5ED;*/
        background-color: rgba(255,245,237,0.8);
    }
}

.sento-review-comment div:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 15%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid rgba(255,245,237,0.8);
    /*background-color: rgba(255,245,237,0.8);*/
}
.sento-review-comment div p{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #EC6617;
    font-weight: bold;
    text-decoration: underline;
}

.sento-review-right{
    overflow: auto;
    /*padding: 0 60px;*/
    margin: 100px 0 0 0;
}
@media screen and (min-width: 992px) {
    .sento-review-user{
        float: left;
        margin: 30px 0 0 0;
        padding: 20px;
    }
    .sento-review-icon{
        text-align: center;
    }
    .sento-review-icon img{
        width: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review-nickname{
        text-align: center;
        padding: 10px 0;
        width: 130px;
        font-size: 12px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-review-user{
        float: left;
        margin: 30px 0 0 0;
        padding: 15px 25px;
        position: absolute;
    }
    .sento-review-icon{
        text-align: center;
    }
    .sento-review-icon img{
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review-nickname{
        padding: 3px 10px;
        font-size: 12px;
        background: #fff;
    }
}
@media screen and (max-width: 768px){
    .sento-review-user{
        float: left;
        margin: 70px 0 0 0;
        padding: 15px 25px;
        position: absolute;
    }
    .sento-review-icon{
        text-align: center;
    }
    .sento-review-icon img{
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review-nickname{
        padding: 10px 20px;
        font-size: 12px;
    }
}


@media screen and (min-width: 768px) {
    .sento-review-link{
        float: left;
        padding: 0 10px;
    }
    .sento-review-img{
        position: relative;
        width: 500px;
        height: 180px;
        overflow: hidden;
    }
    .sento-review-img img{
        width: 500px;
        position: absolute;
        /*top: 50%;*/
        margin-top: -50px;
        /*z-index: 0;*/
    }
    .sento-review-info{
        position: absolute;
        overflow: auto;
        top: 140px;
        width: 500px;
        height: 40px;
        color: #fff;
        background: linear-gradient(transparent,#333333);
        z-index: 100;
    }
    .sento-review-name{
        float: left;
        padding: 0 10px;
    }
    .sento-review-name a{
        font-size: 18px;
        line-height: 40px;
        color: #fff;
    }
    .sento-review-area{
        float: right;
        /*padding: 10px 10px 0 10px;*/
    }
    .sento-review-area img{
        width: 11px;
        margin: 5px;
    }
    .sento-review-area a{
        font-size: 11px;
        text-decoration: none;
        /*color: #fff;*/
        color: #707070;
    }
    .sento-review-area span{
        font-size: 11px;
        text-decoration: none;
        /*color: #fff;*/
        color: #707070;
    }
    .sento-review-under{
        float: left;
        padding: 0 10px;
    }
    .sento-review-all{
        float: left;
        padding: 13px 5px;
        font-size: 12px;
        width: 230px;
        text-align: right;
    }
}
@media screen and (max-width: 768px){
    .sento-review-link{
        float: left;
        width: 100%;
    }
    .sento-review-img{
        /*width: 500px;*/
        height: 180px;
        overflow: hidden;
    }
    .sento-review-img img{
        width: 100%;
    }
    .sento-review-info{
        position: absolute;
        overflow: auto;
        top: 140px;
        width: 100%;
        height: 40px;
        color: #fff;
        background: linear-gradient(transparent,#333333);
    }
    .sento-review-name{
        padding: 0 10px;
        font-size: 18px;
        line-height: 40px;
        text-align: center;
    }
    .sento-review-area{
        padding: 10px 10px 0 10px;
        text-align: center;
    }
    .sento-review-area img{
        width: 12px;
        margin: 5px;
    }
    .sento-review-area a{
        font-size: 13px;
        text-decoration: none;
        color: #707070;
    }
    .sento-review-area span{
        font-size: 13px;
        text-decoration: none;
        color: #707070;
    }
    .sento-review-under{
        float: left;
        padding: 0 10px;
        width: 100%;
        background: #FFF5ED;
    }
    .sento-review-all{
        padding: 13px 5px;
        font-size: 12px;
        text-align: center;
    }
}




/*--秘湯サイトから--*/
@media screen and (min-width: 992px) {
    .hitou-posts{
        overflow: auto;
        margin: 60px auto;
        width: 720px;
    }
    .hitou-post{
        float: left;
        width: 220px;
        height: 200px;
        margin: 30px 10px;
    }
    .hitou-img{
        width: 220px;
        height: 160px;
        margin: 0 auto;
        overflow: hidden;
    }
    .hitou-img img{
        width: 220px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .hitou-posts{
        overflow: auto;
        margin: 60px auto;
        width: 480px;
    }
    .hitou-post{
        float: left;
        width: 220px;
        height: 200px;
        margin: 30px 10px;
    }
    .hitou-img{
        width: 220px;
        height: 160px;
        margin: 0 auto;
        overflow: hidden;
    }
    .hitou-img img{
        width: 220px;
    }
}
@media screen and (max-width: 768px){
    .hitou-posts{
        /*overflow: auto;*/
        margin: 60px auto;
        /*width: 480px;*/
    }
    .hitou-post{
        width: 300px;
        /*height: 200px;*/
        margin: 10px 10px;
    }
    .hitou-img{
        width: 300px;
        height: 210px;
        margin: 0 auto;
        overflow: hidden;
    }
    .hitou-img img{
        width: 300px;
    }
}

.hitou-body{

}
.hitou-title{

}

/*--ゆ～ナビニュースサイトから--*/
@media screen and (min-width: 992px) {
    .ynews-posts{
        overflow: auto;
        margin: 60px auto;
        width: 720px;
    }
    .ynews-post{
        float: left;
        width: 220px;
        height: 240px;
        margin: 30px 10px;
    }
    .ynews-img{
        width: 220px;
        height: 155px;
        margin: 0 auto;
        overflow: hidden;
    }
    .ynews-img img{
        width: 220px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .ynews-posts{
        overflow: auto;
        margin: 60px auto;
        width: 480px;
    }
    .ynews-post{
        float: left;
        width: 220px;
        height: 240px;
        margin: 30px 10px;
    }
    .ynews-img{
        width: 220px;
        height: 155px;
        margin: 0 auto;
        overflow: hidden;
    }
    .ynews-img img{
        width: 220px;
    }
}
@media screen and (max-width: 768px){
    .ynews-posts{
        /*overflow: auto;*/
        margin: 60px auto;
        /*width: 480px;*/
    }
    .ynews-post{
        margin: 10px 10px;
    }
    .ynews-img{
        width: 300px;
        height: 210px;
        margin: 0 auto;
        overflow: hidden;
    }
    .ynews-img img{
        width: 300px;
    }
    .ynews-body{
        width: 300px;
        margin: 0 auto;
    }
}


.ynews-tag{
    padding: 0 0 8px 0;
}
.ynews-tag span{
    margin: 3px;
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #72C5D5;
}
.ynews-title{
}

/*--お知らせ（トップ画面）--*/
@media screen and (min-width: 768px) {
    .notices-top{
        overflow: auto;
        margin: 30px auto;
        width: 600px;
    }
}
@media screen and (max-width: 768px){
    .notices-top{
        overflow: auto;
        margin: 30px 20px;
        /*width: 600px;*/
    }
}

.notice-top{
    padding: 20px;
    border-bottom: 1px dashed #5F5650;
}


/*--こだわりから選ぶ--*/
@media screen and (min-width: 768px) {
    .kodawari-links{
        margin: 80px 0;
        text-align: center;
    }
    .kodawari-links div{
        display: inline-block;
        margin: 5px;
        width: 200px;
        vertical-align: top;
    }
    .kodawari-links div a{
        display: block;
        position: relative;
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        letter-spacing: 1px;
    }
    .kodawari-links div span{
        margin: 3px 0 22px 0;
        font-size: 12px;
        letter-spacing: 1px;
        text-align: left;
        display: block;
        color: #5F5650;
    }
    .kodawari-links div a{
        background-size: contain;
    }
    .kodawari-links div a:before{
        content: "▶";
        position: absolute;
        right: 8px;
        font-size: 12px;
    }
}
@media screen and (max-width: 768px){
    .kodawari-links{
        margin: 80px 0;
        text-align: center;
    }
    .kodawari-links div{
        display: inline-block;
        margin: 5px;
        max-width: 200px;
        width: 45%;
        vertical-align: top;
    }
    .kodawari-links div a{
        display: block;
        position: relative;
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 1px;
    }
    .kodawari-links div span{
        margin: 6px 0 22px 0;
        font-size: 11px;
        letter-spacing: 1px;
        text-align: left;
        display: block;
        color: #5F5650;
    }
    .kodawari-links div a{
        background-size: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
}

.kodawari-back-btn{
    text-align: center;
    margin: 100px 0 0 0;
}
.kodawari-back-btn a{
    padding: 10px 50px;
}

.kodawari-1 a{
    background: url(/img/parts/kodawari/kodawari1_gensen.png) no-repeat;
}
.kodawari-2 a{
    background: url(/img/parts/kodawari/kodawari10_ganban.png) no-repeat;
}
.kodawari-3 a{
    background: url(/img/parts/kodawari/kodawari2_roten.png) no-repeat;
}
.kodawari-4 a{
    background: url(/img/parts/kodawari/kodawari3_hitou.png) no-repeat;
}
.kodawari-5 a{
    background: url(/img/parts/kodawari/kodawari4_zekkei.png) no-repeat;
}
.kodawari-6 a{
    background: url(/img/parts/kodawari/kodawari5_konyoku.png) no-repeat;
}
.kodawari-7 a{
    background: url(/img/parts/kodawari/kodawari6_bizin.png) no-repeat;
}
.kodawari-8 a{
    background: url(/img/parts/kodawari/kodawari7_hotel.png) no-repeat;
}
.kodawari-9 a{
    background: url(/img/parts/kodawari/kodawari8_supersento.png) no-repeat;
}
.kodawari-10 a{
    background: url(/img/parts/kodawari/kodawari9_kyodo.png) no-repeat;
}
.kodawari-11 a{
    background: url(/img/parts/kodawari/kodawari10_ganban.png) no-repeat;
}
.kodawari-12 a{
    background: url(/img/parts/kodawari/kodawari11_sauna.png) no-repeat;
}
.kodawari-13 a{
    background: url(/img/parts/kodawari/kodawari12_kazoku.png) no-repeat;
}
.kodawari-14 a{
    background: url(/img/parts/kodawari/kodawari13_24.png) no-repeat;
}
.kodawari-15 a{
    background: url(/img/parts/kodawari/kodawari14_asa.png) no-repeat;
}
.kodawari-16 a{
    background: url(/img/parts/kodawari/kodawari15_yoru.png) no-repeat;
}

/*--ゆ～ナビの楽しみ方--*/
.fun-title{
    position: relative;
    padding: 100px 0 60px 0;
}


.fun-balloon{
    text-align: center;
}
.fun-balloon img{
    width: 80%;
}
.fun-content-01, .fun-content-02, .fun-content-03{
    position: relative;
    padding: 0 0 50px 0;
}

@media screen and (min-width: 768px) {
    .fun-content-01{
        height: 500px;
        border-bottom: dashed 3px #ffe5cd;
    }
    .fun-content-02{
        border-bottom: dashed 3px #ffe5cd;
    }
    .fun-title-text{
        padding: 20px 0;
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        color: #2385C8;
        letter-spacing: 3px;
    }
    .fun-title-pop{
        position: absolute;
        top: 90px;
        color: #EC6617;
        left: 140px;
        font-size: 24px;
        letter-spacing: 6px;
        -moz-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
    }
    .fun-yumon-01{
        position: absolute;
        right: 0px;
        top: 50px;
    }
    .fun-yumon-02{
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .fun-yumon-03{
        position: absolute;
        right: 0px;
        top: 0px;
    }
}
@media screen and (max-width: 768px){
    .fun-content-01{
        height: 450px;
        width: 370px;
        margin: 0 auto;
        border-bottom: dashed 3px #ffe5cd;
    }
    .fun-content-02{
        border-bottom: dashed 3px #ffe5cd;
    }
    .fun-title-text{
        padding: 20px 0;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        color: #2385C8;
        letter-spacing: 3px;
    }
    .fun-title-pop{
        text-align: center;
        color: #EC6617;
        left: 140px;
        font-size: 24px;
        letter-spacing: 6px;
    }
    .fun-yumon-01{
        display: none;
    }
    .fun-yumon-02{
        display: none;
    }
    .fun-yumon-03{
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .hex{
        width: 170px;
        height: 170px;
        text-align: center;
        background: url(/img/parts/hexagon.png) no-repeat;
        background-size: contain;
    }
    .hex span{
        padding: 55px 0 0 0;
        display: block;
        font-size: 14px;
        color: #707070;
        font-weight: bold;
    }
    .hex span b{
        font-size: 17px;
        color: #EC6617;
    }
    .fun-hex-01{
        margin: 0px 0px 0 100px;
    }
    .fun-hex-02{
        margin: -80px 0px 0 250px;
    }
    .fun-hex-03{
        margin: -260px 0px 0 400px;
    }
    .fun-hex-04{
        margin: 5px 0px 0 100px;
    }
    .fun-hex-05{
        margin: -80px 0px 0 250px;
    }
    .fun-hex-06{
        margin: -260px 0px 0 400px;
    }
    .rect{
        margin: 20px 80px;
        background: #FFF5ED;
        width: 450px;
        text-align: center;
        padding: 15px;
    }
}
@media screen and (max-width: 768px) {
    .hex{
        width: 130px;
        height: 170px;
        text-align: center;
        background: url(/img/parts/hexagon.png) no-repeat;
        background-size: contain;
    }
    .hex span{
        padding: 38px 0 0 0;
        display: block;
        font-size: 14px;
        color: #707070;
        font-weight: bold;
    }
    .hex span b{
        font-size: 16px;
        color: #EC6617;
    }
    .fun-hex-01{
        margin: 0px 0px 0 10px;
    }
    .fun-hex-02{
        margin: -100px 0px 0 120px;
    }
    .fun-hex-03{
        margin: -240px 0px 0 230px;
    }
    .fun-hex-04{
        margin: -30px 0px 0 10px;
    }
    .fun-hex-05{
        margin: -100px 0px 0 120px;
    }
    .fun-hex-06{
        margin: -240px 0px 0 230px;
    }
    .rect{
        margin: 20px 20px;
        background: #FFF5ED;
        text-align: center;
        padding: 15px;
    }
}


.rect span{
    display: block;
    font-size: 16px;
    color: #707070;
    font-weight: bold;
}
.rect span b{
    font-size: 19px;
    color: #EC6617;
}


/*--ページごとのSNSボタン--*/
.sns-btns{
    margin: 150px 0 0 0;
    text-align: center;
}
.sns-btns-title{
    display: inline-block;
    margin: 0 0 30px 0;
    width: 80%;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #707070;
}

@media screen and (min-width: 768px) {
    .sns-btns-sm-title{
        display: inline-block;
        margin: 0 0 30px 0;
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #707070;
    }
    .sns-btns-sm{
        margin: 0px 0 100px 0;
        text-align: center;
    }
    .sns-btn-sm-div a img{
        width: 200px;
    }
}
@media screen and (max-width: 768px) {
    .sns-btns-sm-title{
        display: inline-block;
        margin: 0 0 30px 0;
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #707070;
    }
    .sns-btns-sm{
        margin: 100px 0 100px 0;
        text-align: center;
    }
    .sns-btn-sm-div{
        overflow: auto;
    }
    .sns-btn-sm-div a{
        display: block;
        float: left;
        width: 50%;
    }
    .sns-btn-sm-div a img{
        width: 100%;
    }
}


/*--右カラム--*/
.right-members{
    display: none;
}
.right-members img{
    width: 300px;
}
.right-members-register{
    background: #fff;
    padding: 40px 20px;
}
.right-members-register-btn{
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    width: 200px;
    text-align: center;
    background: #EC6617;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.right-members-register-btn:hover{
    color: #ffffff;
    background: #ff6f18;
}
.right-members-link{
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 5px;
    width: 100%;
    text-align: center;
}
.right-members-login-title{
    text-align: center;
    line-height: 50px;
    background: #2385C8;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
.right-members-login{
    background: #fff;
    padding: 40px 20px;
}
.right-members-login label{
    color: #707070;
    font-size: 14px;
}
.auto-login-check{
    margin: 10px 0 20px 0;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
}
.login-btn button{
    display: block;
    margin: 0 auto;
    padding: 5px 20px;
    width: 200px;
    text-align: center;
    background: #96D51B;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: none;
    cursor: pointer;
}
.login-btn button:hover{
    color: #ffffff;
    background: #9fe21d;
    text-decoration: underline;
}
.login-btn a{
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 5px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.right-title{
    padding: 20px;
    text-align: center;
    background: #2385C8;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}

.right-rankings{

}
.right-ranking{
    position: relative;
    margin: 50px 0 0 0;
    background: #FFF9EA;
}
.right-ranking:last-child{
    margin-bottom: 80px;
}
.right-ranking-bg{
    width: 252px;
    margin: 20px auto 5px auto;
}
.right-ranking-bg img{
    margin: 20px 0px 5px 0px;
    width: 252px;
}
.right-ranking-review{
    margin: 5px 0;
    text-align: center;
}
.right-ranking-point{
    display: inline-block;
    width: 120px;
    background: #FF513B;
    color: #fff;
}
.right-ranking-comment{
    display: inline-block;
    width: 120px;
    background: #2385C8;
    color: #fff;
}
.right-ranking-comment img{
    margin: -2px 4px 0 4px;
    width: 13px;
}
.right-ranking-name{
    padding: 5px 0;
    text-align: center;
}
.right-ranking-name a{
    font-size: 16px;
    letter-spacing: 1px;
    color: #EC6617;
}
.right-ranking-tag{
    padding: 3px 0 18px 0;
    text-align: center;
    font-size: 12px;
}
.right-ranking-tag img{
    margin: -2px 3px 0 3px;
    width: 13px;
}
.right-ranking-tag a{
    padding: 0 2px;
}
.right-ranking-tag span{
    padding: 0 2px;
}
.right-ranking-crown{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
}
.right-ranking-crown.rank-1{
    top: -38px;
    width: 80px;
}
.right-ranking-crown.rank-1 img{
    width: 80px;
}
.right-ranking-crown.rank-2{
    top: -30px;
    width: 60px;
}
.right-ranking-crown.rank-2 img{
    width: 60px;
}
.right-ranking-crown.rank-3{
    top: -30px;
    width: 60px;
}
.right-ranking-crown.rank-3 img{
    width: 60px;
}
.right-ranking-crown.rank-4{
    top: -25px;
    width: 40px;
}
.right-ranking-crown.rank-4 img{
    width: 40px;
}
.right-ranking-crown.rank-5{
    top: -25px;
    width: 40px;
}
.right-ranking-crown.rank-5 img{
    width: 40px;
}
.ranking-crown{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
}
.ranking-crown.rank-1{
    top: -30px;
    width: 80px;
}
.ranking-crown.rank-1 img{
    width: 80px;
}
.ranking-crown.rank-2{
    top: -20px;
    width: 60px;
}
.ranking-crown.rank-2 img{
    width: 60px;
}
.ranking-crown.rank-3{
    top: -20px;
    width: 60px;
}
.ranking-crown.rank-3 img{
    width: 60px;
}
.ranking-crown.rank-4{
    top: -25px;
    width: 40px;
}
.ranking-crown.rank-4 img{
    width: 40px;
}
.ranking-crown.rank-5{
    top: -25px;
    width: 40px;
}
.ranking-crown.rank-5 img{
    width: 40px;
}
.ranking-crown.ranking-crown-lower{
    top: -25px;
    width: 40px;
}
.ranking-crown.ranking-crown-lower span{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    background: #E6C77D;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.right-ranking-area{
    background: #fff;
    padding: 40px 20px;
}

@media screen and (min-width: 768px) {
    .right-ranking-area-links{
        margin: 0 auto;
        width: 210px;
    }
    .right-ranking-area-links a{
        display: inline-block;
        padding: 4px 6px;
        width: 70px;
        text-align: center;
    }
    .right-ranking-link{
        text-align: center;
        font-size: 13px;
    }
    .right-yunavi{
        background: #fff;
        padding: 40px 30px;
        margin: 80px 0 0 0;
    }
}
@media screen and (max-width: 768px){
    .right-ranking-area-links{
        margin: 0 auto;
        width: 240px;
    }
    .right-ranking-area-links a{
        display: inline-block;
        padding: 6px 10px;
        width: 80px;
        text-align: center;
        font-size: 18px;
    }
    .right-ranking-link{
        text-align: center;
        font-size: 15px;
    }
    .right-yunavi{
        background: #fff;
        padding: 40px 30px;
        display: none;
    }
}
.right-yunavi-img{
    text-align: center;
}
.right-yunavi-img img{
    width: 200px;
}
.right-yunavi-title{
    padding: 20px 0;
    text-align: center;
    color: #EC6617;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
}
.right-yunavi-desc{
    color: #707070;
    font-size: 14px;
    letter-spacing: 1px;
}

/*--店舗詳細ページ--*/
.pankuzu{
    padding: 12px 0px;
    font-size: 12px;
    letter-spacing: 1px;
    background: #F8F4F0;
}
.pankuzu .container span{
    color: #474747;
}

@media screen and (min-width: 768px) {
    .pankuzu-search{
        margin: 0 0 50px 0;
        padding: 12px 10px;
        font-size: 12px;
        letter-spacing: 1px;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
    }
    .sento-head{
        padding: 70px 0 50px 0;
        background: #fff;
    }
    .sento-head.with-ad{
        padding: 50px 0 50px 0;
    }
}
@media screen and (max-width: 768px) {
    .pankuzu-search{
        margin: 0 0 0px 0;
        padding: 12px 10px;
        font-size: 15px;
        letter-spacing: 1px;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
    }
    .sento-head{
        padding: 30px 0 50px 0;
        background: #fff;
        overflow: auto;
    }
}


@media screen and (min-width: 1200px) {
    .sento-head .container{
        overflow: hidden;
    }
    .sento-head-left{
        float: left;
        width: 790px;
        margin: 0 20px 0 0;
    }
    .sento-head-right{
        float: right;
        width: 300px;
    }
}
@media screen and (min-width:992px) and (max-width:1200px) {
    .sento-head .container{
        overflow: hidden;
    }
    .sento-head-left{
        float: left;
        width: 592px;
        margin: 0 20px 0 0;
    }
    .sento-head-right{
        float: right;
        width: 300px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-head .container{
        overflow: hidden;
    }
    .sento-head-left{
        float: left;
        width: 100%;
        margin: 0 20px 0 0;
    }
    .sento-head-right{
        float: left;
        width: 300px;
        margin: 20px 0;
    }
}
@media screen and (max-width: 768px){
    .sento-head .container{
        /*overflow: auto;*/
    }
    .sento-head-left{
        /*float: left;*/
        width: 100%;
        margin: 0 20px 0 0;
    }
    .sento-head-right{
        /*float: left;*/
        width: 100%;
        margin: 20px 0;
    }
}

.sento-address{
    color: #707070;
    padding: 0 0 10px 0;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 768px){
    .sento-address-ranking{
        text-align: center;
    }
    .sento-search-name-ranking{
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .sento-address div{
        padding: 3px 0;
    }
    .sento-address span{
        padding: 0 10px 0 0;
        font-size: 13px;
    }
    .sento-address a:first-child{
        margin: 0 10px 0 0;
        padding: 3px 15px;
        font-size: 13px;
        color: #EC6617;
        background: #FFF5ED;
        border: 1px solid #EC6617;
        text-decoration: none;
    }
    .sento-address-region{
        margin: 0 10px 0 0;
        padding: 3px 15px !important;
        font-size: 13px !important;
        color: #EC6617 !important;
        background: #FFF5ED;
        border: 1px solid #EC6617;
        text-decoration: none;
    }
    .sento-address a{
        padding:0 5px;
        font-size: 13px;
        color: #707070;
    }
    .sento-address span{
        padding:0 5px;
        font-size: 13px;
        color: #707070;
    }
    .sento-address img{
        margin: -3px 3px 0 0;
        width: 13px;
    }
}
@media screen and (max-width: 768px){
    .sento-address div{
        padding: 13px 0 3px 0;
    }
    .sento-address span{
        padding: 0 10px 0 0;
        font-size: 14px;
    }
    .sento-address a:first-child{
        margin: 0 10px 0 0;
        padding: 3px 15px;
        font-size: 14px;
        color: #EC6617;
        background: #FFF5ED;
        border: 1px solid #EC6617;
        text-decoration: none;
    }
    .sento-address-region{
        margin: 0 10px 0 0;
        padding: 3px 15px !important;
        font-size: 14px !important;
        color: #EC6617 !important;
        background: #FFF5ED;
        border: 1px solid #EC6617;
        text-decoration: none;
    }
    .sento-address a{
        padding:0 5px;
        font-size: 14px;
        color: #707070;
    }
    .sento-address span{
        padding:0 5px;
        font-size: 14px;
        color: #707070;
    }
    .sento-address img{
        margin: -3px 3px 0 0;
        width: 14px;
    }
}


@media screen and (min-width: 768px){
    .sento-kana{
        letter-spacing: 1px;
        color: #EC6617;
    }
    .sento-name{
        font-size: 42px;
        letter-spacing: 2px;
        color: #EC6617;
        font-weight: bold;
        border-bottom: 1px solid #d6d6d6;
    }
    .sento-name span{
        font-weight: normal;
        font-size: 27px;
    }
    .sento-name span span{
        font-size: 18px;
    }
    .sento-genre{
        margin: 20px 0;
    }
    .sento-genre a{
        display: inline-block;
        padding: 8px 18px;
        margin: 0 8px 8px 0;
        color: #707070;
        background: #FFF5ED;
        font-size: 13px;
    }
    .sento-share-top{
        color: #707070;
        background: #FFF5ED;
        padding: 7px;
        width: 360px;
    }
    .sento-genre-ranking{
        margin: 20px 0;
        overflow: auto;
    }
    .sento-genre-ranking a{
        display: block;
        float: left;
        padding: 8px 18px;
        margin: 0 8px 8px 0;
        color: #707070;
        background: #FFF;
        font-size: 13px;
    }
}
@media screen and (max-width: 768px){
    .sento-kana{
        letter-spacing: 1px;
        color: #EC6617;
        font-size: 11px;
    }
    .sento-name{
        font-size: 30px;
        letter-spacing: 2px;
        color: #EC6617;
        font-weight: bold;
        /*border-bottom: 1px solid #d6d6d6;*/
    }
    .sento-name span{
        font-weight: normal;
        font-size: 22px;
    }
    .sento-name span span{
        font-size: 16px;
    }
    .sento-genre{
        margin: 0 0 20px 0;
        overflow: auto;
    }
    .sento-genre a{
        display: block;
        float: left;
        margin: 1%;
        padding: 8px 8px;
        color: #707070;
        background: #FFF5ED;
        font-size: 10px;
        width: 31.3%;
        text-align: center;
    }
    .sento-share-top{
        color: #707070;
        background: #FFF5ED;
        padding: 7px;
    }
    .sento-genre-ranking{
        margin: 10px 0 4px 0;
        overflow: auto;
    }
    .sento-genre-ranking a{
        display: block;
        float: left;
        padding: 8px 8px;
        margin: 0 8px 8px 0;
        color: #707070;
        background: #FFF;
        font-size: 11px;
    }
}



.sento-share-icon{
    padding: 0 30px;
}
.sento-share-icon img{
    margin: -3px 3px 0 0;
    width: 20px;
}
.sento-share-top a{
    display: inline-block;
    line-height: 30px;
    padding: 0 5px;
}
.sento-share-top a img{
    width: 30px;
}

@media screen and (min-width: 768px){
    .sento-head-review{
        background: #FFF5ED;
        text-align: center;
        padding: 20px 0;
        margin: 0 0 15px 0;
    }
    .sento-head-point{
        overflow: auto;
        margin: 0 auto;
        height: 50px;
        width: 194px;
    }
    .sento-head-num{
        float: left;
        font-size: 30px;
        font-weight: bold;
        color: #EC6617;
    }
    .star-rating {
        position: relative;
        float: left;
        width: 5em;
        height: 1em;
        font-size: 25px;
        margin: 5px 0 0 10px;
    }
    .sento-head-ken{
    }
    .sento-head-ken img{
        width: 24px;
    }
    .sento-head-ken a{
        font-size: 16px;
        padding: 0 0 0 10px;
        font-weight: bold;
        color: #797979;
    }
    .sento-head-review-btn{
        margin: 13px 0 0 0;
    }
    .sento-head-review-btn a{
        padding: 5px 15px;
        border: solid 1px #666;
        font-size: 12px;
        color: #666;
        background: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        text-decoration: none;
    }
}
@media screen and (max-width: 768px){
    .sento-head-review{
        text-align: center;
        padding: 10px 0 1px 0;
        overflow: auto;
    }
    .sento-head-point{
        float: left;
        overflow: auto;
        margin: 0 auto;
        height: 50px;
        width: 40%;
        min-width: 140px;
    }
    .sento-head-num{
        float: left;
        font-size: 23px;
        font-weight: bold;
        color: #EC6617;
    }
    .star-rating {
        position: relative;
        float: left;
        width: 5em;
        height: 1em;
        font-size: 18px;
        margin: 6px 0 0 10px;
    }
    .sento-head-ken{
        float: left;
        width: 34%;
        height: 50px;
        min-width: 110px;
        margin: 7px 2px 3px 2px;
    }
    .sento-head-ken img{
        width: 16px;
    }
    .sento-head-ken a{
        font-size: 14px;
        padding: 0 0 0 5px;
        font-weight: bold;
        color: #797979;
    }
    .sento-head-review-btn{
        float: left;
        width: 23%;
        min-width: 80px;
        margin: 2px 0 0 0;
        display: block;
    }
    .sento-head-review-btn a{
        padding: 5px 10px;
        border: solid 1px #666;
        font-size: 12px;
        color: #666;
        background: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        text-decoration: none;
    }
}

.star-rating.sr-small{
    font-size: 18px;
    margin: 0px 0 0 26px;
}
@media screen and (min-width: 768px) {
    .star-rating.sr-small2{
        font-size: 24px;
        margin: 0px 0 0 0px;
        float: left;
    }
}
@media screen and (max-width: 768px){
    .star-rating.sr-small2{
        font-size: 26px;
        margin: -2px 0 0 0px;
        float: left;
    }
}

.star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #EC6617;
    z-index: 1;
}
.star-rating-back {
    color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
}

.sento-head-coupon{
    position: relative;
}
@media screen and (min-width: 992px){
    .sento-head-coupon:before{
        content: "▶";
        position: absolute;
        top: 18px;
        right: 5px;
        width: 20px;
        height: 14px;
        color: #fff;
    }
}
@media screen and (max-width: 992px){
    .sento-head-coupon:before{
        /*content: "▶";*/
        position: absolute;
        top: 18px;
        right: 5px;
        width: 20px;
        height: 14px;
        color: #fff;
    }
}
@media screen and (min-width: 768px){
    .sento-head-coupon a{
        display: block;
        padding: 3px 0;
        width: 300px;
        color: #fff;
        background: #EC6617;
        text-align: center;
        text-decoration: none;
    }
    .sento-head-coupon a span{
        width: 294px;
        padding: 12px 0;
        display: block;
        margin: 0 auto;
        border: 1px solid #fff;
    }
}
@media screen and (max-width: 768px){
    .sento-head-coupon a{
        display: block;
        padding: 3px 0;
        width: 100%;
        color: #fff;
        background: #EC6617;
        text-align: center;
        text-decoration: none;
    }
    .sento-head-coupon a span{
        width: 98%;
        padding: 12px 0;
        display: block;
        margin: 0 auto;
        border: 1px solid #fff;
        font-size: 17px;
    }
}

.sento-head-coupon a img{
    margin: -3px 10px 0 -10px;
    width: 30px;
}

.sento-menu{
    background: #F5F5F5;
    z-index: 9999;
}
.sento-menu2{
    background: #F5F5F5;
    z-index: 9999;
}
.sento-menu .container{
    font-size: 0;
}
.sento-menu2 .container{
    font-size: 0;
}
@media screen and (min-width: 992px) {
    .sento-menu a{
        color: #707070;
        padding: 14px;
        width: 16.3%;
        display: inline-block;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #fff;
    }

    .sento-menu a:last-child{
        border-right: none;
    }
    .sento-menu a:hover{
        background: #FFF5ED;
    }

    .sento-menu2 a{
        color: #707070;
        padding: 14px;
        width: 16.3%;
        display: inline-block;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #fff;
    }

    .sento-menu2 a:last-child{
        border-right: none;
    }
    .sento-menu2 a:hover{
        background: #FFF5ED;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-menu a{
        color: #707070;
        padding: 14px 20px;
        /*width: 16.3%;*/
        display: inline-block;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #fff;
    }

    .sento-menu a:last-child{
        border-right: none;
    }
    .sento-menu a:hover{
        background: #FFF5ED;
    }

    .sento-menu2 a{
        color: #707070;
        padding: 14px 20px;
        /*width: 16.3%;*/
        display: inline-block;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #fff;
    }

    .sento-menu2 a:last-child{
        border-right: none;
    }
    .sento-menu2 a:hover{
        background: #FFF5ED;
    }
}
@media screen and (max-width: 768px){
    .sento-menu .container{
        padding: 0;
        overflow: auto;
    }
    .sento-menu a{
        display: block;
        float: left;
        padding: 10px 2px;
        width: 33.3%;
        height: 38px;
        font-size: 12px;
        line-height: 14px;
        color: #707070;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .sento-menu a span{
        display: block;
    }

    .sento-menu a:last-child{
        border-right: none;
    }
    .sento-menu a:nth-child(3){
        border-right: none;
    }
    .sento-menu a:hover{
        background: #FFF5ED;
    }

    .sento-menu2 .container{
        padding: 0;
        overflow: auto;
    }
    .sento-menu2 a{
        display: block;
        float: left;
        padding: 10px 2px;
        width: 16.3%;
        height: 38px;
        font-size: 10px;
        line-height: 14px;
        color: #707070;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #fff;
    }
    .sento-menu2 a span{
        display: block;
    }
    .sento-menu2 a:last-child{
        border-right: none;
    }
    .sento-menu2 a:hover{
        background: #FFF5ED;
    }
}

.sento-menu a.is-closed:hover, .sento-menu2 a.is-closed:hover{
    background: none;
    cursor: default;
}

@media screen and (min-width: 992px) {
    .sento-contents{
        padding: 60px;
    }
    .sento-images{
        overflow: auto;
        padding: 45px 30px;
    }
    .sento-image-large {
        float: left;
        padding: 5px;
        width: 60.6%;
        height: 420px;
        /*overflow: hidden;*/
    }
    .sento-image{
        float: left;
        padding: 5px;
        width: 19.7%;
        height: 140px;
        overflow: hidden;
    }
    .sento-contents .container{
        background: #fff;
        overflow: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .sento-contents{
        padding: 60px;
    }
    .sento-images{
        overflow: auto;
        padding: 45px 30px;
    }
    .sento-image-large {
        float: left;
        padding: 5px;
        width: 100%;
        height: 420px;
        /*overflow: hidden;*/
    }
    .sento-image{
        display: none;
        float: left;
        padding: 5px;
        width: 19.7%;
        height: 140px;
        overflow: hidden;
    }
    .sento-contents .container{
        background: #fff;
        overflow: auto;
    }
}
@media screen and (max-width: 768px){
    .sento-contents{
        padding: 0px;
    }
    .sento-images{
        overflow: auto;
        padding: 25px 0px;
    }
    .sento-image-large {
        float: left;
        /*padding: 5px;*/
        width: 100%;
        height: 220px;
        /*overflow: hidden;*/
    }
    .sento-image{
        display: none;
        float: left;
        padding: 5px;
        width: 19.7%;
        height: 140px;
        overflow: hidden;
    }
    .sento-contents .container{
        background: #fff;
        overflow: auto;
        padding: 0 10px;
    }
}


.sento-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sento-image img:hover{
    opacity: 0.7;
    transition-duration: 0.3s;
}

@media screen and (min-width: 768px) {
    .slick-box2 div img{
        width: 100%;
        height: 410px;
        object-fit: cover;
    }
}
@media screen and (max-width: 768px){
    .slick-box2 div img{
        width: 100%;
        height: 210px;
        object-fit: cover;
    }
}

.slick-box2 .slick-prev {
    left: 10px;
    z-index: 1;
}
.slick-box2 .slick-next {
    right: 20px;
}
.slick-box2 .slick-prev, .slick-next{
    top: 48%;
}
.slick-box2 .slick-prev:before, .slick-box2 .slick-next:before{
    font-size: 30px;
    /*color: black;*/
}
.sento-image-link{
    position: relative;
    display: block;
    margin: -42px 0 0 0px;
    padding: 10px 15px;
    z-index: 12;
    background: rgba(45,45,45, 0.5);
}
.sento-image-link a{
    color: #fff;
}


@media screen and (min-width: 768px) {
    .sento-title{
        margin: 50px auto;
        width: 80%;
        color: #EC6617;
    }
    .sento-title h2{
        line-height: 40px;
    }
    .sento-copy{
        margin: 50px auto 200px auto;
        width: 80%;
        color: #707070;
    }
    .sento-info{
        margin: 80px 40px;
        font-size: 14px;
    }
    .sento-info h3{
        margin: 20px 0;
        padding: 0 20px;
        font-size: 20px;
        border-left: 5px solid #aaa;
    }
}
@media screen and (max-width: 768px){
    .sento-title{
        margin: 20px auto;
        width: 94%;
        color: #EC6617;
    }
    .sento-title h2{
        font-size: 20px;
        line-height: 30px;
    }
    .sento-copy{
        margin: 30px auto 200px auto;
        width: 94%;
        color: #707070;
        line-height: 26px;
        font-size: 15px;
    }
    .sento-info{
        margin: 40px 0px;
        font-size: 14px;
    }
    .sento-info h3{
        margin: 20px 0;
        padding: 0 10px;
        font-size: 18px;
        border-left: 5px solid #aaa;
    }
}

.sento-copy img{
    width: 100%;
}

.article-border{
    padding: 30px;
    border: 1px solid #aaa;
}

@media screen and (min-width: 768px) {
    .post-card{
        border: 1px solid #aaa;
        padding: 30px;
    }
    .post-card-inner{
        overflow: auto;
    }
    .post-card-left{
        float:left;
        width:30%;
        line-height:30px;
    }
    .post-card-right{
        float:right;
        width:65%;
    }
    .post-card-area{
        margin: 0 0 10px 0;
    }
    .post-card-area a{
        font-size: 13px;
        font-weight: normal;
    }
    .post-card-area img{
        margin: -2px 3px 0 0px !important;
        width: 13px !important;
    }
    .post-card-name a{
        font-size: 16px;
        font-weight: bold;
    }
    .post-card-right p{
        padding: 13px 0 0 0;
        color: #585858;
        font-size: 13px;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 768px){
    .post-card{
        border: 1px solid #aaa;
        padding: 30px;
    }
    .post-card-inner{
        overflow: auto;
    }
    .post-card-left{
        float:left;
        width:100%;
        line-height:30px;
    }
    .post-card-right{
        float:right;
        width:100%;
    }
    .post-card-area{
        margin: 10px 0 0 0;
        text-align: center;
    }
    .post-card-area a{
        font-size: 13px;
        font-weight: normal;
    }
    .post-card-area img{
        margin: -2px 3px 0 0px !important;
        width: 13px !important;
    }
    .post-card-name a{
        display: block;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0 0 0;
        text-align: center;
    }
    .post-card-right p{
        padding: 10px 0 0 0;
        color: #585858;
    }
}

.sento-basic-info, .sento-benri-info, .sento-basic-info, .sento-ofuro-info, .sento-sauna-info, .sento-other1-info, .sento-other2-info, .sento-bihin-info{

}

.sento-basic-info-content{
    overflow: auto;
}
@media screen and (min-width: 768px) {
    .sento-info-left{
        float: left;
        width: 50%;
        min-width: 400px;
    }
    .sento-info-right{
        float: left;
        width: 50%;
        min-width: 400px;
    }
    .sento-info-float div{
        float: left;
        margin: 0 0 5px 0;
        width: 50%;
        overflow: auto;
        min-width: 400px;
    }
    .sento-info-float-long div{
        float: left;
        margin: 0 0 5px 0;
        width: 100%;
        overflow: auto;
        background: #F8F4F0;
    }
    .sento-info-float-long div span:first-child{
        width: 15%;
        float: left;
        display: block;
        text-align: center;
        padding: 10px;
    }
    .sento-info-float-long div span:last-child{
        width: 85%;
        min-height: 42px;
        float: right;
        background: #fff;
        padding: 10px 20px;
    }
    .sento-info-left div span:last-child, .sento-info-right div span:last-child{
        width: 70%;
        min-height: 42px;
        float: right;
        background: #fff;
        padding: 10px 20px;
        word-break: break-all;
    }
    .sento-info-float div span:last-child{
        width: 70%;
        float: right;
        background: #fff;
        padding: 10px 20px;
    }
}
@media screen and (max-width: 768px){
    .sento-info-left{
        font-size: 15px;
    }
    .sento-info-right{
        font-size: 15px;
    }
    .sento-info-float{
        font-size: 15px;
    }
    .sento-info-float div{
        margin: 0 0 5px 0;
        overflow: auto;
        /*background: #F8F4F0;*/
    }
    .sento-info-float-long{
        font-size: 15px;
    }
    .sento-info-float-long div{
        margin: 0 0 5px 0;
        overflow: auto;
        background: #F8F4F0;
    }
    .sento-info-float-long div span:first-child{
        width: 30%;
        float: left;
        display: block;
        text-align: center;
        padding: 10px;
    }
    .sento-info-float-long div span:last-child{
        width: 70%;
        min-height: 40px;
        float: right;
        background: #fff;
        padding: 10px 10px;
    }
    .sento-info-left div span:last-child, .sento-info-right div span:last-child{
        width: 70%;
        min-height: 40px;
        float: right;
        background: #fff;
        padding: 10px 10px;
        word-break: break-all;
    }
    .sento-info-float div span:last-child{
        width: 70%;
        float: right;
        background: #fff;
        padding: 10px 10px;
    }
}

.sento-info-left div, .sento-info-right div{
    margin: 5px 0;
    overflow: auto;
    background: #F8F4F0;
}
.sento-info-left div span:first-child, .sento-info-right div span:first-child{
    width: 30%;
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
}


.sento-info-float{
    overflow: auto;
}

.sento-info-float div span:first-child{
    width: 30%;
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
    background: #F8F4F0;
}

@media screen and (min-width: 768px) {
    .sento-info-simple{
        overflow: auto;
    }
    .sento-info-simple div{
        float: left;
        width: 195px;
        background: #F8F4F0;
        margin: 0px 0.5% 5px 0;
    }
    .sento-info-simple div span:first-child{
        display: inline-block;
        width: 90%;
        padding: 10px 20px;
    }
    .sento-info-simple2{
        overflow: auto;
    }
    .sento-info-simple2 div{
        float: left;
        width: 252px;
        background: #F8F4F0;
        margin: 0px 0.5% 5px 0;
    }
    .sento-info-simple2 div span:first-child{
        display: inline-block;
        width: 90%;
        padding: 10px 20px;
    }
}
@media screen and (max-width: 768px){
    .sento-info-simple{
        overflow: auto;
        font-size: 12px;
    }
    .sento-info-simple div{
        float: left;
        width: 49%;
        background: #F8F4F0;
        margin: 0px 0.5% 5px 0.5%;
    }
    .sento-info-simple div span:first-child{
        display: inline-block;
        width: 85%;
        padding: 10px 10px;
    }
    .sento-info-simple2{
        overflow: auto;
        font-size: 15px;
    }
    .sento-info-simple2 div{
        float: left;
        width: 100%;
        background: #F8F4F0;
        margin: 5px 0 0 0;
    }
    .sento-info-simple2 div span:first-child{
        display: inline-block;
        width: 85%;
        padding: 10px 10px;
    }
}


.sento-info-simple div span:last-child{
    display: inline-block;
}

.sento-info-simple2 div span:last-child{
    display: inline-block;
}

.sento-senshitsu-info{
    margin-top: 150px;
}
.sento-info-float-long{
    overflow: auto;
}



.sento-news-info{
    margin: 150px 0 0 0;
}


.sento-coupon-btns{
    margin: 10px 0 70px 0;
}

@media screen and (min-width: 768px) {
    .sento-coupon-btns div{
        margin: 30px auto;
        text-align: center;
        position: relative;
        max-width: 650px;
    }
    .sento-coupon-btns div a{
        position: absolute;
        left: 130px;
        top: 18px;
        width: 450px;
        text-align: left;
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 1px;
    }
    .sento-coupon{
        padding: 80px 0;
        background: #fff;
    }
    .sento-coupon-btns div a img{
        width: 640px;
    }
    .sento-coupon-btns div a span{
        /*position: absolute;*/
        /*left: 150px;*/
        /*top: -20px;*/
        /*width: 400px;*/
        /*text-align: left;*/
        /*font-size: 18px;*/
        /*line-height: 30px;*/
        /*font-weight: bold;*/
        /*color: #fff;*/
        /*letter-spacing: 1px;*/
    }
    .sento-repo{
        padding: 90px 0;
    }
    .sento-2-columns-left{
        padding: 10px 50px;
        background: #fff;
    }
}
@media screen and (max-width: 768px){
    .sento-coupon-btns div{
        margin: 30px auto;
        text-align: center;
        position: relative;
        max-width: 335px;
    }
    .sento-coupon-btns div a{
        position: absolute;
        left: 10%;
        top: 90px;
        width: 80%;
        text-align: left;
        font-size: 20px;
        line-height: 33px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 1px;
    }
    .sento-coupon{
        padding: 80px 0;
        background: #FFF5ED;
    }
    .sento-coupon-btns div a img{
        width: 100%;
    }
    .sento-coupon-btns div a span{
        /*position: absolute;*/
        /*left: 36px;*/
        /*top: -30px;*/
        /*width: 80%;*/
        /*text-align: left;*/
        /*font-size: 20px;*/
        /*line-height: 30px;*/
        /*font-weight: bold;*/
        /*color: #fff;*/
        /*letter-spacing: 1px;*/
    }
    .sento-repo{
        padding: 30px 0;
    }
    .sento-2-columns-left{
        padding: 10px 10px;
        background: #fff;
    }
}

.sento-2-columns{
    margin: 180px 0 0 0;
}
.sento-2-columns .container{
    overflow: auto;
}

@media screen and (min-width: 768px) {
    .sento-repo-body{
        margin: 50px 0;
    }
}
@media screen and (max-width: 768px){
    .sento-repo-body{
        margin: 50px 0;
        font-size: 15px;
    }
}

.sento-repo-body img{
    width: 100%;
}
.sento-repo-body h3, .sento-copy h3{
    padding: 10px;
    border-top: 3px solid #EC6617;
    border-bottom: 3px solid #EC6617;
    color: #EC6617;
}
.sento-repo-body h4, .sento-copy h4{
    padding: 20px 20px;
    background: #FFF5ED;
    color: #EC6617;
}
.sento-repo-body h5, .sento-copy h5{
    border-bottom: solid 1px #707070;
    padding: 5px 10px;
}
.sento-repo-body blockquote.yunavi-quote, .sento-copy blockquote.yunavi-quote{
    padding:3em 30px;
    position:relative;
    display: block;
    font-style: italic;
    font-size: 13px;
    letter-spacing: 1px;
    background: #FFF9EA;
}
.sento-repo-body blockquote.yunavi-quote:before, .sento-copy blockquote.yunavi-quote:before{
    content:"“";
    font-size:500%;
    line-height:1em;
    font-family: 'Times New Roman';
    color: #aaa;
    position:absolute;
    left:5px;
    top:-3px;
    font-style: normal;
}
.sento-repo-body blockquote.yunavi-quote:after, .sento-copy blockquote.yunavi-quote:after{
    content:"”";
    font-size:500%;
    line-height:0em;
    font-family: 'Times New Roman';
    color:#aaa;
    position:absolute;
    right:5px;
    bottom:5px;
    font-style: normal;
}
.sento-repo-body .yunavi-bullets, .sento-copy .yunavi-bullets{
    padding: 0 20px;
}
.s{
    list-style-type: disc;
    line-height: 20px;
}

.sento-photo-gal{
    padding: 90px 0 0 0;
}
.sento-photos{
    margin: 60px 0 30px 0;
    overflow: auto;
}
@media screen and (min-width: 768px) {
    .sento-photo{
        float: left;
        padding: 6px;
        width: 33.33%;
        height: 160px;
    }
}
@media screen and (max-width: 768px){
    .sento-photo{
        float: left;
        padding: 6px;
        width: 50%;
        height: 160px;
    }
    .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small{
        top: -36px;
        right: -5px;
    }
}

.sento-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sento-kuchikomi{
    padding: 90px 0 0 0;
}

/* 円グラフ */
.sento-chart{
    overflow: auto;
}
@media screen and (min-width: 992px) {
    .sento-circle-chart{
        float: left;
        width: 200px;
        margin: 0 0 0 50px;
    }
    .sento-bar-chart{
        float: right;
        width: 430px;
        margin: 12px 0 0 0;
    }
    .circle {
        position: relative;
        width: 168px;
        height: 168px;
        background: #EC6617;
        border-radius: 50%;
        text-align: center;
        overflow: hidden;
        z-index: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-circle-chart{
        float: left;
        width: 200px;
    }
    .sento-bar-chart{
        float: right;
        width: 390px;
        margin: 12px 0 0 0;
    }
    .circle {
        position: relative;
        width: 168px;
        height: 168px;
        background: #EC6617;
        border-radius: 50%;
        text-align: center;
        overflow: hidden;
        z-index: 1;
    }
}
@media screen and (max-width: 768px){
    .sento-circle-chart{
        width: 100%;
    }
    .sento-bar-chart{
        width: 300px;
        margin: 20px auto;
    }
    .circle {
        position: relative;
        margin: 0 auto;
        width: 168px;
        height: 168px;
        background: #EC6617;
        border-radius: 50%;
        text-align: center;
        overflow: hidden;
        z-index: 1;
    }
}
.sento-bar-chart div{
    height: 30px;
}


.circle-before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -84px;
    width: 168px;
    height: 168px;
    background: #f0f0f0;
    transform-origin: right 84px;
    z-index: 2;
    /*animation: rotate-circle-left 2s linear forwards;*/
}

.circle-after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 84px;
    width: 168px;
    height: 168px;
    background: #f0f0f0;
    transform-origin: left 84px;
    z-index: 3;
    /*animation: rotate-circle-right 2s linear forwards;*/
}

.circle .circle-inner {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 144px;
    height: 144px;
    padding-top: 8px;
    background: #fff;
    border-radius: 50%;
    z-index: 4;
}
.circle-title{
    margin: 15px 0 0 0;
}
.circle-num{
    color: #EC6617;
}
.circle-num span:first-child{
    font-size: 34px;
    line-height: 38px;
}
.circle-num span:last-child{
    font-size: 20px;
}

@keyframes rotate-circle-right {
    0%   {
        transform: rotate(0deg);
        background: #f0f0f0;
    }
    50%  {
        transform: rotate(180deg);
        background: #f0f0f0;
    }
    50.01% {
        transform: rotate(360deg);
        background: #333;
    }
    100% {
        transform: rotate(360deg);
        background: #333;
    }
}

@keyframes rotate-circle-left {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}

.bar-front{
    display: inline-block;
    position: absolute;
    height: 14px;
    background: #EC6617;
    z-index: 999;
}
@media screen and (min-width: 768px){
    .bar-chart{
        position: relative;
        display: inline-block;
        width: 300px;
        height: 12px;
    }
    .bar-back{
        display: inline-block;
        position: absolute;
        width: 300px;
        height: 14px;
        background: #f0f0f0;
    }
}
@media screen and (max-width: 768px){
    .bar-chart{
        position: relative;
        display: inline-block;
        width: 200px;
        height: 12px;
    }
    .bar-back{
        display: inline-block;
        position: absolute;
        width: 200px;
        height: 14px;
        background: #f0f0f0;
    }
}

/*-店舗詳細ページの口コミ新着順３件-*/
.sento-reviews2{
    margin: 60px 0 0 0;
}
.sento-review2{
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    background: #FFF5ED;
}
@media screen and (min-width: 768px){
    .sento-review2-user{
        /*margin: 30px 0 0 0;*/
        padding: 20px 30px;
        overflow: auto;
    }
    .sento-review2-icon{
        float: left;
        text-align: center;
    }
    .sento-review2-icon img{
        width: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review2-right{
        float: left;
        padding: 20px;
        width: 530px;
    }
    .sento-review2-comment div{
        padding: 0px 50px 10px 50px;
        color: #555;
    }
}
@media screen and (max-width: 768px){
    .sento-review2-user{
        /*margin: 30px 0 0 0;*/
        padding: 20px 10px;
        overflow: auto;
    }
    .sento-review2-icon{
        float: left;
        text-align: center;
        width: 20%;
    }
    .sento-review2-icon img{
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review2-right{
        float: left;
        padding: 0 10px;
        width: 80%;
    }
    .sento-review2-comment div{
        padding: 0px 20px 10px 20px;
        color: #555;
        font-size: 15px;
    }
}

.sento-review2-nickname{
    padding: 5px 0;
    font-size: 15px;
    border-bottom: 1px solid #aaa;
}
.sento-review2-under{

}
.sento-review2-score{

}
@media screen and (min-width: 768px){
    .sento-review2-num{
        float: left;
        color: #EC6617;
        font-size: 16px;
        line-height: 38px;
        font-weight: bold;
        width: 40px;
    }
    .sento-review2-created{
        float: right;
        line-height: 38px;
    }
    .sento-review2-comment{
    }
    .sento-review2-link{
        padding: 0px 50px 0px 0;
        text-align: right;
    }
}
@media screen and (max-width: 768px){
    .sento-review2-num{
        float: left;
        color: #EC6617;
        font-size: 22px;
        line-height: 40px;
        font-weight: bold;
        width: 40px;
    }
    .sento-review2-created{
        float: right;
        line-height: 38px;
        margin: 5px 0 0 0;
    }
    .sento-review2-comment{
    }
    .sento-review2-link{
        padding: 0px 20px 0px 0;
        text-align: right;
        font-size: 15px;
    }
}





.sento-access{

}
@media screen and (min-width: 768px){
    .sento-repo-map{
        margin: 50px 0;
        width: 100%;
        height: 500px;
    }
    .sento-repo-map-search{
        margin: 50px 0;
        width: 100%;
        height: 650px;
    }
    .sento-address-info{
        width: 70%;
        margin: 40px auto;
    }
    .sento-address-info div span:last-child{
        width: 70%;
        min-height: 44px;
        float: right;
        background: #fff;
        padding: 10px 20px;
    }
    .sento-access-info h3{
        padding: 0 20px;
        font-size: 20px;
        border-left: 5px solid #aaa;
    }
    .sento-access-info div{
        margin: 20px 0 0 0;
        padding: 30px;
        background: #F8F4F0;
    }
}
@media screen and (max-width: 768px){
    .sento-repo-map{
        margin: 20px 0;
        width: 100%;
        /*height: 300px;*/
    }
    .sento-repo-map-search{
        margin: 20px 0;
        width: 100%;
        height: 450px;
    }
    .sento-address-info{
        width: 100%;
        margin: 20px auto;
        font-size: 15px;
    }
    .sento-address-info div span:last-child{
        width: 70%;
        min-height: 40px;
        float: right;
        background: #fff;
        padding: 10px 10px;
    }
    .sento-access-info h3{
        padding: 0 20px;
        font-size: 18px;
        border-left: 5px solid #aaa;
    }
    .sento-access-info div{
        margin: 20px 0 0 0;
        padding: 20px 10px;
        background: #F8F4F0;
        font-size: 15px;
    }
}


.sento-address-info div{
    margin: 5px 0;
    overflow: auto;
    background: #F8F4F0;
}
.sento-address-info div span:first-child{
    width: 30%;
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
}
.sento-access-info{
    padding: 40px 0;
}


/*-周辺施設-*/
.h3-near{
    margin: 50px 0;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #707070;
    font-size: 22px;
    font-weight: bold;
    color: #707070;
}

.sentos-near{
    overflow: auto;
    margin: 60px auto;
    /*width: 720px;*/
}
@media screen and (min-width: 992px) {
    .sento-near{
        float: left;
        text-align: center;
        width: 300px;
        height: 350px;
        margin: 22px;
    }
}
@media screen and (max-width: 992px){
    .sento-near{
        /*float: left;*/
        text-align: center;
        width: 300px;
        height: 350px;
        margin: 22px auto;
    }
}
.sento-near-img{
    width: 300px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #aaa;
}
.sento-near-img img{
    width: 300px;
}
.sento-near-body{
    padding: 10px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: left;
}
.sento-near-date{
    overflow: auto;
    padding: 0px 10px;
}
.sento-near-date-left{
    float: left;
}
.sento-near-date-right{
    float: right;
    border: 1px solid #EC6617;
    color: #EC6617;
    padding: 1px 16px;
    font-size: 12px;
    background: #FFF5ED;
}
.sento-near-name{
    padding: 5px 10px;
}
.sento-near-name a{
    color: #2385C8;
    font-size: 17px;
    font-weight: bold;
}
.sento-near-name a:hover{
    text-decoration: underline;
}
.sento-near-area{

}
.sento-near-area img{
    width: 11px;
    margin: 5px;
}
.sento-near-area a{
    font-size: 11px;
    text-decoration: none;
    color: #707070;
}
.sento-near-desc{
    margin: 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 23px;
    color: #707070;
}

.area-map{
    left: 20px;
}
.area-map-content{
    text-align: center;
    height: 500px;
}
.area-map-title{
    margin: 30px 0;
    text-align: center;
}
.area-map-title span{
    padding: 6px 40px;
    background: #2385C8;
    color: #fff;
}
.area-map-body{
    position: relative;
}
.area-map-img{
    position: absolute;
    width: 250px;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.area-map-links{
    position: relative;
    width: 250px;
    margin: 0 auto;
}
@media screen and (min-width: 992px) {
    .area-map-link{
        display: inline-block;
        padding: 2px 0px;
        width: 70px;
        font-size: 11px;
        text-align: center;
        background: #2385C8;
        color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        text-decoration: none;
    }
}
@media screen and (max-width: 992px){
    .area-map-link{
        display: inline-block;
        padding: 3px 0px;
        width: 78px;
        font-size: 14px;
        text-align: center;
        background: #2385C8;
        color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        text-decoration: none;
    }
}
.area-map-link:hover{
    background: #289ae7;
    color: #fff;
    text-decoration: none;
}
.area-map-osaka{
    position: absolute;
    top: 150px;
    left: 90px;
}
.area-map-kyoto{
    position: absolute;
    top: 70px;
    left: 80px;
}
.area-map-hyogo{
    position: absolute;
    top: 110px;
    left: 0px;
}
.area-map-nara{
    position: absolute;
    top: 210px;
    left: 160px;
}
.area-map-wakayama{
    position: absolute;
    top: 260px;
    left: 70px;
}
.area-map-shiga{
    position: absolute;
    top: 80px;
    left: 190px;
}

.area-map-fukuoka{
    position: absolute;
    top: 80px;
    left: 100px;
}
.area-map-oita{
    position: absolute;
    top: 130px;
    left: 190px;
}
.area-map-saga{
    position: absolute;
    top: 160px;
    left: 0px;
}
.area-map-nagasaki{
    position: absolute;
    top: 120px;
    left: 30px;
}
.area-map-kumamoto{
    position: absolute;
    top: 200px;
    left: 90px;
}
.area-map-miyazaki{
    position: absolute;
    top: 240px;
    left: 180px;
}
.area-map-kagoshima{
    position: absolute;
    top: 300px;
    left: 70px;
}

/*-- 施設写真画面 --*/
.photo-menu{
    margin: 40px 0;
}
@media screen and (min-width: 768px) {
    .photo-menu-inner{
        width: 70%;
        margin: 0 auto;
        overflow: auto;
    }
    .photo-menu a{
        color: #707070;
        padding: 14px;
        width: 33.3%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #e8e8e8;
    }
    .post-photo-desc{
        text-align: center;
        font-size: 11px;
        color: #999;
    }
}
@media screen and (max-width: 768px){
    .photo-menu-inner{
        width: 95%;
        margin: 0 auto;
        overflow: auto;
    }
    .photo-menu a{
        color: #707070;
        padding: 8px;
        width: 33.3%;
        display: block;
        float: left;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        border-right: 2px solid #e8e8e8;
    }
    .post-photo-desc{
        text-align: center;
        font-size: 11px;
        color: #999;
        padding: 0 20px;
    }
}
.photo-menu a:first-child{
    border-left: 2px solid #e8e8e8;
}
.post-photo-btn{
    text-align: center;
    margin: 80px 0 20px 0;
}
.post-photo-btn a{
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding: 15px 15%;
    background: #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.post-photo-btn a img{
    width: 30px;
}

.sento-g{
    overflow: auto;
}
@media screen and (min-width: 992px) {
    .sento-g-photo{
        float: left;
        padding: 5px;
        width: 19.7%;
        height: 140px;
    }
}
@media screen and (max-width: 768px) and (max-width: 992px){
    .sento-g-photo{
        float: left;
        padding: 5px;
        width: 24.7%;
        height: 140px;
    }
}
@media screen and (max-width: 768px){
    .sento-g-photo{
        float: left;
        padding: 5px;
        width: 50%;
        height: 140px;
    }
}

.sento-g-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sento-g-pre{
    text-align: center;
    background: #eee;
    padding: 80px;
}
@media screen and (min-width: 1200px) {
    .sentos-latest-3cal{
        overflow: auto;
        margin: 60px auto;
        width: 1020px;
    }
    .sento-latest-3cal{
        float: left;
        text-align: center;
        width: 300px;
        height: 350px;
        margin: 20px;
    }
}
@media screen and (min-width:992px) and (max-width:1200px) {
    .sentos-latest-3cal{
        overflow: auto;
        margin: 60px auto;
        width: 680px;
    }
    .sento-latest-3cal{
        float: left;
        text-align: center;
        width: 300px;
        height: 350px;
        margin: 20px;
    }
}
@media screen and (max-width: 992px){
    .sentos-latest-3cal{
        overflow: auto;
        margin: 60px auto;
        width: 100%;
    }
    .sento-latest-3cal{
        text-align: center;
        width: 90%;
        height: 350px;
        margin: 20px auto;
    }
}

/*-- 施設クーポン画面 --*/
.coupon-show{
    margin: 60px 0;
    text-align: center;
}
.coupon-show div{
    display: inline-block;
    margin: 10px;
}
.coupon-show div a{
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 15px 0px;
    width: 250px;
}
.coupon-show-print{
    background: #2385C8;
}
.coupon-show-keitai{
    background: #2385C8;
}
.coupon-show-line{
    background: #12B901;
}
.coupon-info{
    margin: 60px 0 0 0;
}
@media screen and (min-width: 992px) {
    .coupon-info-outer{
        margin: 100px auto;
        padding: 3%;
        width: 90%;
        background: #EC6617;
    }
    .coupon-info-inner{
        border: 1px solid #fff;
    }
    .coupon-info-header{
        padding: 40px 20px;
        font-size: 30px;
        text-align: center;
        color: #fff;
    }
    .coupon-info-header img{
        width: 70px;
        margin: -10px 10px 0 0;
    }
    .coupon-info-content{
        margin: 0 auto 40px auto;
        padding: 1px;
        width: 80%;
        background: #fff;
    }
    .coupon-info-title{
        border-top: 3px solid #EC6617;
        border-bottom: 3px solid #EC6617;
        margin: 30px auto;
        padding: 10px;
        width: 80%;
        font-size: 24px;
        line-height: 1.6;
        color: #EC6617;
    }
    .coupon-info-img{
        width: 80%;
        margin: 0 auto;
    }
    .coupon-info-img img{
        width: 100%;
    }
    .coupon-info-naiyou{
        width: 80%;
        margin: 30px auto;
        background: #FFF5ED;
        padding: 18px 20px;
        font-size: 20px;
        color: #EC6617;
    }
    .coupon-info-body{
        width: 80%;
        margin: 30px auto;
    }
    .coupon-info-body h3{
        padding: 10px;
        border-top: 3px solid #EC6617;
        border-bottom: 3px solid #EC6617;
        color: #EC6617;
    }
    .coupon-info-body h4{
        padding: 20px 20px;
        background: #FFF5ED;
        color: #EC6617;
    }
    .coupon-info-body h5{
        border-bottom: solid 1px #707070;
        padding: 5px 10px;
    }
    .coupon-info-date{
        width: 80%;
        margin: 30px auto 60px auto;
        background: #FFF5ED;
        padding: 18px 30px;
        font-size: 20px;
        overflow: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .coupon-info-outer{
        margin: 100px auto;
        padding: 3%;
        width: 100%;
        background: #EC6617;
    }
    .coupon-info-inner{
        border: 1px solid #fff;
    }
    .coupon-info-header{
        padding: 40px 20px;
        font-size: 26px;
        text-align: center;
        color: #fff;
    }
    .coupon-info-header img{
        width: 40px;
        margin: -10px 10px 0 0;
    }
    .coupon-info-content{
        margin: 0 auto 40px auto;
        padding: 1px;
        width: 90%;
        background: #fff;
    }
    .coupon-info-title{
        border-top: 3px solid #EC6617;
        border-bottom: 3px solid #EC6617;
        margin: 30px auto;
        padding: 10px;
        width: 80%;
        font-size: 24px;
        line-height: 1.6;
        color: #EC6617;
    }
    .coupon-info-img{
        width: 80%;
        margin: 0 auto;
    }
    .coupon-info-img img{
        width: 100%;
    }
    .coupon-info-naiyou{
        width: 80%;
        margin: 30px auto;
        background: #FFF5ED;
        padding: 18px 20px;
        font-size: 20px;
        color: #EC6617;
    }
    .coupon-info-body{
        width: 80%;
        margin: 30px auto;
    }
    .coupon-info-body h3{
        padding: 10px;
        border-top: 3px solid #EC6617;
        border-bottom: 3px solid #EC6617;
        color: #EC6617;
    }
    .coupon-info-body h4{
        padding: 20px 20px;
        background: #FFF5ED;
        color: #EC6617;
    }
    .coupon-info-body h5{
        border-bottom: solid 1px #707070;
        padding: 5px 10px;
    }
    .coupon-info-date{
        width: 80%;
        margin: 30px auto 60px auto;
        background: #FFF5ED;
        padding: 18px 30px;
        font-size: 20px;
        overflow: auto;
    }
}
@media screen and (max-width: 768px){
    .coupon-info-outer{
        margin: 100px auto;
        padding: 3%;
        width: 100%;
        background: #EC6617;
    }
    .coupon-info-inner{
    }
    .coupon-info-header{
        padding: 20px 20px 40px 20px;
        font-size: 23px;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
        margin: 0 0 10px 0;
    }
    .coupon-info-header img{
        width: 40px;
        display: block;
        margin: 0 auto 10px auto;
    }
    .coupon-info-content{
        margin: 0 auto 40px auto;
        padding: 1px;
        background: #fff;
    }
    .coupon-info-title{
        border-top: 3px solid #EC6617;
        border-bottom: 3px solid #EC6617;
        margin: 30px auto;
        padding: 10px 5px;
        width: 94%;
        font-size: 20px;
        line-height: 1.6;
        color: #EC6617;
    }
    .coupon-info-img{
        width: 94%;
        margin: 0 auto;
    }
    .coupon-info-img img{
        width: 100%;
    }
    .coupon-info-naiyou{
        width: 94%;
        margin: 30px auto;
        background: #FFF5ED;
        padding: 18px 20px;
        font-size: 18px;
        color: #EC6617;
    }
    .coupon-info-body{
        width: 94%;
        margin: 30px auto;
    }
    .coupon-info-body h3{
        padding: 10px;
        border-top: 3px solid #EC6617;
        border-bottom: 3px solid #EC6617;
        color: #EC6617;
        font-size: 20px;
    }
    .coupon-info-body h4{
        padding: 20px 20px;
        background: #FFF5ED;
        color: #EC6617;
        font-size: 18px;
    }
    .coupon-info-body h5{
        border-bottom: solid 1px #707070;
        padding: 5px 10px;
        font-size: 16px;
    }
    .coupon-info-date{
        width: 94%;
        margin: 30px auto 60px auto;
        background: #FFF5ED;
        padding: 18px 30px;
        font-size: 18px;
        overflow: auto;
    }
}

.coupon-info-body img{
    width: 100%;
}

@media screen and (min-width: 768px) {
    .coupon-info-date-left{
        display: inline-block;
        float: left;
    }
    .coupon-info-date-right{
        display: inline-block;
        float: right;
    }
}
@media screen and (max-width: 768px){
    .coupon-info-date-left{
        display: block;
        text-align: center;
    }
    .coupon-info-date-right{
        display: block;
        text-align: center;
    }
}

.coupon-info-date-right span{
    color: #EC6617;
}
@media screen and (min-width: 992px) {
    .coupon-map{
        margin: 50px auto;
        width: 700px;
        height: 500px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .coupon-map{
        margin: 50px auto;
        width: 100%;
        height: 400px
    }
}
@media screen and (max-width: 768px){
    .coupon-map{
        margin: 20px 0;
        width: 100%;
        /*height: 300px;*/
    }
}

/*-- 施設口コミ画面 --*/
.review-rank-score{
    margin: 70px 0 0 0;
}
.review-crown{
    margin: 0 0 -60px 0;
    text-align: center;
    position: relative;
}
.review-crown img{
    width: 90px;
}
@media screen and (min-width: 768px) {
    .review-rank{
        margin: 50px auto -40px auto;
        text-align: center;
        font-size: 0;
    }
    .review-rank-div{
        padding: 20px;
        /*width: 440px;*/
        display: inline-block;
        height: 75px;
        text-align: center;
        overflow: hidden;
        background: #FFF5ED;
    }
    .review-rank-div div:first-child{
        float: left;
        margin: 5px 0 0 0;
        padding: 0 16px;
        font-weight: bold;
        font-size: 16px;
        color: #666;
    }
    .review-rank-div div:nth-child(2){
        float: left;
        margin: 5px 0 0 0;
        font-size: 12px;
        padding: 2px 15px;
        display: block;
        background: #E7C77D;
        color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }
    .review-rank-div div:last-child{
        float: left;
        margin: -3px 10px 0 20px;
        font-size: 24px;
        font-weight: bold;
        color: #EC6617;
        letter-spacing: 2px;
    }
    .review-score{
        position: relative;
        overflow: auto;
        padding: 80px 40px;
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px){
    .review-rank{
        margin: 50px auto -40px auto;
        text-align: center;
        font-size: 0;
    }
    .review-rank-div{
        margin: 0 auto;
        padding: 20px;
        width: 80%;
        text-align: center;
        overflow: hidden;
        background: #FFF5ED;
    }
    .review-rank-div div:first-child{
        margin: 5px 0 0 0;
        padding: 0 16px;
        font-weight: bold;
        font-size: 16px;
        color: #666;
    }
    .review-rank-div div:nth-child(2){
        display: inline-block;
        margin: 5px 0 0 0;
        font-size: 12px;
        padding: 2px 15px;
        background: #E7C77D;
        color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }
    .review-rank-div div:last-child{
        display: inline-block;
        margin: -3px 10px 0 20px;
        font-size: 24px;
        font-weight: bold;
        color: #EC6617;
        letter-spacing: 2px;
    }
    .review-score{
        position: relative;
        overflow: auto;
        padding: 80px 20px;
        width: 100%;
        margin: 0 auto;
    }
}

.review-score:before,.review-score:after{
    content:'';
    width: 20px;
    height: 100%;
    position: absolute;
    display: inline-block;
}
.review-score:before{
    border-left: solid 2px #E7C77D;
    border-top: solid 2px #E7C77D;
    border-bottom: solid 2px #E7C77D;
    top:0;
    left: 0;
}
.review-score:after{
    border-top: solid 2px #E7C77D;
    border-right: solid 2px #E7C77D;
    border-bottom: solid 2px #E7C77D;
    bottom:0;
    right: 0;
}

@media screen and (min-width: 1300px) {
    .review-score-total{
        float: left;
        width: 700px;
    }
    .review-score-bumon{
        float: left;
        width: 200px;
        font-size: 15px;
    }
}
@media screen and (min-width:1200px) and (max-width:1300px) {
    .review-score-total{
        float: left;
        width: 650px;
    }
    .review-score-total .sento-circle-chart{
        margin: 0px;
    }
    .review-score-bumon{
        float: left;
        width: 200px;
        font-size: 15px;
    }
}
@media screen and (min-width:992px) and (max-width:1200px) {
    .review-score-total{
        width: 100%;
    }
    .review-score-total .sento-circle-chart{
        margin: 0px;
    }
    .review-score-bumon{
        width: 400px;
        font-size: 15px;
        margin: 30px auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .review-score-total{
        width: 100%;
    }
    .review-score-total .sento-circle-chart{
        float: none;
        margin: 30px auto;
    }
    .review-score-total .sento-bar-chart{
        float: none;
        margin: 30px auto;
    }
    .review-score-bumon{
        width: 400px;
        font-size: 15px;
        margin: 0px auto;
    }
}
@media screen and (max-width: 768px){
    .review-score-total{
        width: 100%;
    }
    .review-score-total .sento-circle-chart{
        float: none;
        margin: 30px auto;
    }
    .review-score-total .sento-bar-chart{
        float: none;
        margin: 30px auto;
        width: 286px;
        font-size: 15px;
    }
    .review-score-bumon{
        font-size: 15px;
        margin: 0px auto;
    }
}


.review-score-bumon-head{
    background: #E7C77D;
    color: #fff;
    padding: 3px;
    text-align: center;
}
.review-score-bumon-row{
    padding: 5px 10px;
    height: 44px;
    line-height: 40px;
    border-bottom: 1px solid #E7C77D;
    overflow: hidden;
}
.review-score-bumon-row div:first-child{
    float: left;
}
.review-score-bumon-row div:last-child{
    float: right;
    color: #EC6617;
}
.review-score-bumon-row div:last-child span{
    font-size: 25px;
}
@media screen and (min-width: 768px) {
    .review-guide{
        margin: 50px 5%;
        padding: 30px 100px;
        font-size: 13px;
        line-height: 20px;
        color: #666;
        background: #FFF5ED;
    }
    .review-info{
        margin: 100px 5% 0 5%;
    }
}
@media screen and (max-width: 768px){
    .review-guide{
        margin: 50px 0;
        padding: 30px 20px;
        font-size: 12px;
        line-height: 20px;
        color: #666;
        background: #FFF5ED;
    }
    .review-info{
        margin: 100px 0 0 0;
    }
}

.review-desc{
    margin: 50px 0;
    color: #666;
}

/*-店舗詳細口コミ一覧-*/
.sento-reviews3{
    margin: 0 0;
}
.sento-review3{
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    background: #FFF5ED;
}

@media screen and (min-width: 992px) {
    .sento-review3-user{
        /*margin: 30px 0 0 0;*/
        padding: 20px 30px;
        overflow: auto;
    }
    .sento-review3-icon{
        float: left;
        text-align: center;
        width: 12%;
    }
    .sento-review3-icon img{
        width: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review3-right{
        float: left;
        padding: 20px;
        width: 88%;
    }
    .sento-review3-nickname{
        padding: 5px 0;
        border-bottom: 1px solid #aaa;
    }
    .sento-review3-nickname span:first-child{
        font-size: 17px;
        line-height: 15px;
    }
    .sento-review3-nickname span:last-child{
        float: right;
    }
    .sento-review3-num{
        float: left;
        color: #EC6617;
        font-size: 24px;
        line-height: 38px;
        font-weight: bold;
        width: 40px;
    }
    .sento-review3-created{
        float: right;
        line-height: 38px;
        color: #555;
        font-weight: bold;
    }
    .sento-review3-comment div{
        padding: 0px 50px 10px 50px;
        color: #555;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-review3-user{
        /*margin: 30px 0 0 0;*/
        padding: 20px 30px;
        overflow: auto;
    }
    .sento-review3-icon{
        float: left;
        text-align: center;
        width: 12%;
    }
    .sento-review3-icon img{
        width: 70px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review3-right{
        float: left;
        padding: 0 20px;
        width: 88%;
    }
    .sento-review3-nickname{
        padding: 5px 0;
        border-bottom: 1px solid #aaa;
    }
    .sento-review3-nickname span:first-child{
        font-size: 15px;
    }
    .sento-review3-nickname span:last-child{
        float: right;
    }
    .sento-review3-num{
        float: left;
        color: #EC6617;
        font-size: 24px;
        line-height: 38px;
        font-weight: bold;
        width: 40px;
    }
    .sento-review3-created{
        float: right;
        line-height: 38px;
        color: #555;
        font-weight: bold;
    }
    .sento-review3-comment div{
        padding: 0px 50px 10px 50px;
        color: #555;
    }
}
@media screen and (max-width: 768px){
    .sento-review3-user{
        /*margin: 30px 0 0 0;*/
        padding: 20px 10px;
        overflow: auto;
    }
    .sento-review3-star{
        overflow: auto;
    }
    .sento-review3-icon{
        float: left;
        text-align: center;
        width: 18%;
    }
    .sento-review3-icon img{
        width: 60px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-review3-right{
        float: left;
        padding: 0 20px;
        width: 82%;
    }
    .sento-review3-nickname{
        padding: 5px 0;
    }
    .sento-review3-nickname span:first-child{
        display: block;
        font-size: 17px;
        border-bottom: 1px solid #aaa;
    }
    .sento-review3-nickname span:last-child{
        display: block;
        font-size: 17px;
    }
    .sento-review3-under{
        overflow: auto;
        background: #fff;
        margin: 10px 0 0 0;
    }
    .sento-review3-score{
        margin: 10px auto;
        width: 180px;
        overflow: hidden;
    }
    .sento-review3-num{
        float: left;
        color: #EC6617;
        font-size: 28px;
        line-height: 38px;
        font-weight: bold;
        width: 50px;
    }
    .sento-review3-created{
        margin: 0 0 10px 0;
        line-height: 28px;
        color: #555;
        text-align: center;
        font-size: 15px;
    }
    .sento-review3-comment div{
        padding: 0px 10px 10px 10px;
        color: #555;
    }
}

.sento-review3-comment{
}
.sento-review3-link{
    padding: 0px 50px 0px 0;
    text-align: right;
}

/*-- エリアトップ --*/
.areatop-title{
    margin: 40px 0 0 0;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .areatop-top{
        background: url(/img/parts/search_bg2.jpg) no-repeat;
        background-size: cover;
        padding: 1px;
    }
    .areatop-inner{
        padding: 1px;
        width: 90%;
        margin: 30px auto;
        background: rgba(255, 255, 255, 0.8);
    }
    .areatop-title h2{
        display: inline;
        padding: 14px 100px;
        font-size: 26px;
        background: #fff;
        border: 1px solid #666;
    }
    .areatop-body{
        width: 1020px;
        margin: 40px auto 10px auto;
        overflow: auto;
        text-align: center;
    }
    .areatop-map{
        display: block;
        float: left;
        margin: 5px;
        width: 500px;
        text-align: center;
        padding: 10px;
        border: 1px solid #666;
        background: #FFF;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .areatop-onsenchi{
        display: block;
        float: left;
        margin: 5px;
        width: 500px;
        height: 452px;
        text-align: center;
        padding: 30px;
        border: 1px solid #666;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background: #fff;
    }
    .areatop-onsenchi-body{
        overflow: auto;
        width: 90%;
        margin: 40px auto 0 auto;
    }
    .areatop-onsenchi-body a{
        display: block;
        float: left;
        margin: 10px 18px;
        padding: 14px 0;
        width: 160px;
        text-align: center;
        border: 1px solid #666;
        background: #FFF5ED;
        color: #666;
    }
    .areatop-balloon-inner{
        overflow: auto;
        width: 1010px;
        margin: 0 auto 20px auto;
    }
    .areatop-balloon-inner div:first-child{
        float: left;
        position: relative;
        display: inline-block;
        margin: 1.5em 15px 1.5em 0;
        padding: 7px 10px;
        min-width: 120px;
        max-width: 100%;
        color: #555;
        font-size: 16px;
        background: #FFF;
        border: solid 1px #555;
        box-sizing: border-box;
        z-index: 3;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 20px 70px;
    }
    .areatop-balloon-inner div:first-child:before{
        content: "";
        position: absolute;
        top: 50%;
        right: -24px;
        margin-top: -12px;
        border: 12px solid transparent;
        border-left: 12px solid #FFF;
        z-index: 2;
    }
    .areatop-balloon-inner div:first-child:after{
        content: "";
        position: absolute;
        top: 50%;
        right: -26px;
        margin-top: -13px;
        border: 13px solid transparent;
        border-left: 13px solid #555;
        z-index: 1;
    }
    .areatop-balloon-inner div:last-child{
        float: right;
        margin: 0 30px;
    }
    .areatop-balloon-inner div:last-child img{
        width: 140px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px){
    .areatop-top{
        background: url(/img/parts/search_bg2.jpg) no-repeat;
        background-size: cover;
        padding: 1px;
    }
    .areatop-inner{
        padding: 1px;
        width: 90%;
        margin: 30px auto;
        background: rgba(255, 255, 255, 0.8);
    }
    .areatop-title h2{
        display: inline;
        padding: 14px 100px;
        font-size: 26px;
        background: #fff;
        border: 1px solid #666;
    }
    .areatop-body{
        width: 100%;
        margin: 40px auto 40px auto;
        overflow: auto;
        text-align: center;
    }
    .areatop-map{
        display: block;
        margin: 5px auto;
        width: 500px;
        text-align: center;
        padding: 10px;
        border: 1px solid #666;
        background: #FFF;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .areatop-onsenchi{
        display: block;
        margin: 35px auto;
        width: 500px;
        height: 452px;
        text-align: center;
        padding: 30px;
        border: 1px solid #666;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background: #fff;
    }
    .areatop-onsenchi-body{
        overflow: auto;
        width: 90%;
        margin: 40px auto 0 auto;
    }
    .areatop-onsenchi-body a{
        display: block;
        float: left;
        margin: 10px 18px;
        padding: 14px 0;
        width: 160px;
        text-align: center;
        border: 1px solid #666;
        background: #FFF5ED;
        color: #666;
    }
    .areatop-balloon-inner{
        overflow: auto;
        width: 500px;
        margin: 0 auto 20px auto;
    }
    .areatop-balloon-inner div:first-child{
        float: left;
        position: relative;
        display: inline-block;
        /*margin: 1.5em 15px 1.5em 0;*/
        padding: 7px 10px;
        min-width: 120px;
        max-width: 100%;
        color: #555;
        font-size: 16px;
        background: #FFF;
        border: solid 1px #555;
        box-sizing: border-box;
        z-index: 3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 20px 70px;
    }
    .areatop-balloon-inner div:last-child{
        float: right;
        margin: 20px 0px;
    }
    .areatop-balloon-inner div:last-child img{
        width: 140px;
    }
}
@media screen and (max-width: 768px){
    .areatop-top{
        background: #FFF5ED;
        padding: 1px;
    }
    .areatop-inner{
        padding: 1px;
        width: 90%;
        margin: 30px auto;
    }
    .areatop-title h2{
        display: block;
        padding: 14px 10px;
        font-size: 18px;
        color: #EC6617;
        font-weight: bold;
    }
    .areatop-body{
        width: 100%;
        /*margin: 40px auto 40px auto;*/
        overflow: auto;
        text-align: center;
    }
    .areatop-map{
        display: block;
        margin: 0px auto 50px auto;
        /*width: 500px;*/
        text-align: center;
        padding: 10px;
        /*border: 1px solid #666;*/
        background: #FFF;
        /*border-radius: 5px;*/
        /*-webkit-border-radius: 5px;*/
        /*-moz-border-radius: 5px;*/
    }
    .areatop-onsenchi{
        display: block;
        margin: 0px auto 50px auto;
        /*width: 500px;*/
        height: 452px;
        text-align: center;
        padding: 30px;
        /*border: 1px solid #666;*/
        /*border-radius: 5px;*/
        /*-webkit-border-radius: 5px;*/
        /*-moz-border-radius: 5px;*/
        background: #fff;
    }
    .areatop-onsenchi-body{
        overflow: auto;
        width: 100%;
        margin: 40px auto 0 auto;
    }
    .areatop-onsenchi-body a{
        display: block;
        float: left;
        margin: 10px 3%;
        padding: 14px 0;
        width: 44%;
        text-align: center;
        border: 1px solid #666;
        background: #FFF5ED;
        color: #666;
    }
    .areatop-balloon-inner{
        position: relative;
        overflow: auto;
        width: 100%;
        margin: 0 auto 20px auto;
        background: #fff;
    }
    .areatop-balloon-inner div:first-child{
        float: left;
        position: relative;
        display: inline-block;
        /*margin: 1.5em 15px 1.5em 0;*/
        padding: 7px 10px;
        /*min-width: 120px;*/
        /*max-width: 100%;*/
        width: 100%;
        color: #555;
        font-size: 15px;
        background: #FFF;
        /*border: solid 1px #555;*/
        box-sizing: border-box;
        z-index: 3;
        padding: 20px 20px 20px 20px;
        text-align: center;
    }
    .areatop-balloon-inner div img{
        /*position: absolute;*/
        z-index: 100;
        /*right: 5px;*/
        /*top: 0px;*/
        width: 80px;
        margin: -20px 0 0px 0px;
        padding: 5px;

    }
}

.areatop-map-back{
    height: 400px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
}
.areatop-map-back .area-map-body{
    margin: 30px 0 0 0;
}

.areatop-onsenchi-back{
    position: relative;
    margin: -22px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.areatop-onsenchi-title{
    margin: 20px;
}
.areatop-onsenchi-title h3{
    display: inline;
    padding: 5px;
    font-size: 20px;
    border-bottom: 1px solid #666;
    letter-spacing: 1px;
}


/*-- 検索一覧画面 --*/
.search-contents-01 .h1-title{
    text-align: center;
}

@media screen and (min-width: 768px) {
    .search-contents-01{
        padding: 100px 0;
        background: #FFF;
    }
    .search-contents-01 .h1-title h1{
        line-height: 55px;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: 5px;
        color: #EC6617;
    }
    .search-contents-01 .h1-title h1 span{
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 768px){
    .search-contents-01{
        padding: 80px 0;
        background: #FFF;
    }
    .search-contents-01 .h1-title h1{
        line-height: 45px;
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 5px;
        color: #EC6617;
    }
    .search-contents-01 .h1-title h1 span{
        font-size: 22px;
        font-weight: normal;
        letter-spacing: 1px;
    }
}


.search-contents-01 .h1-title .h1-img{
    padding: 14px 0 20px 0;
}
.search-contents-01 .h1-title .h1-desc{
    margin: 0 auto;
    width: 80%;
    line-height: 26px;
    text-align: left;
    color: #5F5650;
}

.search-menu{
    background: #F5F5F5;
}
@media screen and (min-width: 992px) {
    .search-menu-inner{
        width: 80%;
        margin: 0 auto;
        overflow: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .search-menu-inner{
        width: 95%;
        margin: 0 auto;
        overflow: auto;
    }
}
@media screen and (max-width: 768px){
    .search-menu-inner{
        width: 100%;
        margin: 0 auto;
        overflow: auto;
        border-top: 2px solid #e8e8e8;
    }
    .search-menu a{
        font-size: 13px;
    }
}
.search-menu a{
    color: #707070;
    padding: 14px;
    width: 33.3%;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    border-right: 2px solid #e8e8e8;
}
.search-menu a:first-child{
    border-left: 2px solid #e8e8e8;
}
.search-menu a:hover{
    background: #FFF5ED;
}

.search-contents-left form{
    margin: 0 0 80px 0;
    padding: 30px;
    background: #fff;
}
.left-search-box{
    position: relative;
    margin: 10px 0;
}
.left-search-title{
    margin: 10px 0;
    padding: 6px 0;
    font-size: 16px;
    color: #EC6617;
    border-bottom: 1px dashed #EC6617;
    font-weight: bold;
}
.left-search-area{
    position: relative;
    display: block;
    height: 50px;
    margin: 0;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid #e4e4e4;
    background-color: #FFF5ED;
    cursor: pointer;
}
.left-search-area:hover{
    text-decoration: none;
    color: #333;
    background-color: #fff2ce;
}
.left-search-area:before{
    content: "";
    position: absolute;
    top: 16px;
    right: 0px;
    width: 20px;
    height: 14px;
    background: url(/img/parts/angle_right.png) no-repeat;
    background-size: contain;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.left-search-area div{
    font-size: 15px;
}
#area-lists{
    display: none;
    position: absolute;
    left: 250px;
    top: 49px;
    width: 500px;
    padding: 20px;
    font-size: 14px;
    text-align: left;
    background: #fff;
    border: 1px solid #aaa;
    z-index: 10;
}
#area-lists span{
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: #666;
    text-align: center;
    line-height: 28px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: 1px solid #aaa;
    cursor: pointer;
}
.left-search-map{
    font-size: 12px;
}
.left-search-map img{
    margin: -4px 5px 0 0;
    width: 18px;
}
.kodawari-btns{
    overflow: auto;
}
@media screen and (min-width: 768px) {
    .kodawari-btn{
        display: block;
        float: left;
        border: 1px solid #e4e4e4;
        margin: 3px;
        font-size: 13px;
    }
    .kodawari-btn input{
        display: none;
    }
    .kodawari-btn label{
        padding: 4px 7px;
        width: 112px;
        height: 50px;
        margin: 0;
    }
    .kodawari-on{
        border: 1px solid #f3a76d;
    }
    .kodawari-on label{
        background-color: #FFF5ED;
    }
}
@media screen and (max-width: 768px){
    .kodawari-btn{
        display: block;
        float: left;
        width: 50%;
        /*border: 1px solid #e4e4e4;*/
        padding: 3px;
        font-size: 13px;
    }
    .kodawari-btn input{
        vertical-align: top;
        margin: 7px 0 0 0;
    }
    .kodawari-btn label{
        padding: 4px 7px;
        width: 124px;
        height: 50px;
        margin: 0;
    }
    .kodawari-on{
        /*border: 1px solid #f3a76d;*/
    }
    .kodawari-on label{
        /*background-color: #FFF5ED;*/
    }
}
.kodawari-btn label:hover{
    background-color: #FFF5ED;
    cursor: pointer;
}
.left-search-mini-title{
    font-size: 15px;
    font-weight: bold;
}
.left-search-keyword input{
    border: 1px solid #aaa;
}
.other-btn-select select{
    width: 100%;
    padding: 2px 5px;
    margin: 5px 0 20px 0;
    border: 1px solid #aaa;
}
.other-btn-select:after{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 2px #898888;
    border-right: solid 2px #898888;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 49%;
    right: 20px;
    margin-top: -4px;
}

@media screen and (min-width: 1200px) {
    .search-2-columns{
        margin: 90px 0 0 0;
    }
    .search-2-columns .container{
        overflow: auto;
    }
    .search-contents-left{
        float: left;
        width: 300px;
    }
    .search-contents-right{
        float: right;
        width: 790px;
    }
    .search-2-columns-right{
        padding: 10px 50px;
        background: #fff;
    }
    .search-h2{
        padding: 15px 0;
        font-size: 20px;
        border-bottom: 1px solid #9c9c9c;
        text-align: center;
        letter-spacing: 1px;
    }
    .search-links{
        margin: 20px 0;
        font-size: 0;
    }
    .search-links a{
        display: inline-block;
        padding: 5px 0px 5px 10px;
        width: 25%;
        font-size: 14.4px;
        vertical-align: top;
    }
    .del-params{
        margin: 50px 0;
    }
}
@media screen and (max-width: 1200px){
    .search-2-columns{
        margin: 0px 0 0 0;
    }
    .search-2-columns .container{
        overflow: auto;
        padding: 0;
    }
    .search-contents-left{
        float: left;
        width: 300px;
    }
    .search-contents-right{
        /*float: right;*/
        /*width: 790px;*/
    }
    .search-2-columns-right{
        margin: 0;
        padding: 40px 0px;
        background: #fff;
    }
    .search-h2{
        margin: 0 20px;
        padding: 15px 0;
        font-size: 20px;
        border-bottom: 1px solid #9c9c9c;
        text-align: center;
        letter-spacing: 1px;
    }
    .search-links{
        margin: 20px 20px 80px 20px;
        font-size: 0;
    }
    .search-links a{
        display: inline-block;
        padding: 5px 0px 5px 20px;
        width: 33.3%;
        font-size: 14.4px;
        vertical-align: top;
    }
    .del-params{
        margin: 50px 10px;
    }
    .search-condition{
        padding: 20px;
        background: #ece4dc;
    }
    .search-condition-header{
        position: relative;
        padding: 10px 20px;
        background: #fff;
        border: 1px solid #aaa;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    .search-condition-header:before{
        content: "▼";
        position: absolute;
        right: 5px;
        width: 20px;
        height: 14px;
        font-size: 12px;
        line-height: 20px;
    }
    .search-condition-list{
        display: none;
        margin: 10px 0 0 0;
        padding: 10px 20px;
        background: #fff;
        border: 1px solid #aaa;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    .search-condition-list-title{
        background: #ece4dc;
        padding: 8px 10px;
    }
    .search-condition-list-body{
        padding: 10px 0;
        position: relative;
    }
    .search-condition-list-body:before{
        content: "▼";
        position: absolute;
        top: 18px;
        right: 5px;
        width: 20px;
        height: 14px;
        font-size: 12px;
        line-height: 20px;
    }
    .search-submit{
    }
    .search-submit input{
        width: 100%;
        background: #EC6617;
        color: #fff;
        border: 1px solid #EC6617;
    }
    .search-condition-close{
        margin: 30px auto 0 auto;
        width: 100px;
        text-align: center;
        background: #eee;
    }
    /*.search-submit-fixed{*/
        /*position: fixed;*/
        /*bottom: 50px;*/
        /*width: 300px;*/
        /*text-align: center;*/
        /*z-index: 1;*/
        /*left: calc(50% - 300px/2);*/
    /*}*/
    /*.search-submit-fixed input{*/
        /*width: 300px;*/
        /*background: #EC6617;*/
        /*color: #fff;*/
        /*border: 1px solid #fff;*/
    /*}*/
}
.search-contents-right .h2-title{
    margin: 80px 0 40px 0;
}
.area-lists-title{
    padding: 5px 0;
    border-bottom: solid 2px #666;
}

.del-param{
    display: inline-block;
    margin: 6px 3px;
    padding: 5px 15px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    text-align: center;
    border: none;
    font-size: 13px;
    background: #FFF5ED;
    color: #5F5650;
    text-decoration: none;
}
.del-param:hover{
    background: #eee5dd;
    color: #5F5650;
    text-decoration: none;
}

.sentos-search{
    overflow: auto;
    margin: 0px auto;
}
@media screen and (min-width: 992px) {
    .sentos-list-or-map{
        margin: 0 0 20px 0;
        overflow: auto;
    }
    .sentos-list-or-map a{
        display: block;
        float: left;
        width: 50%;
        background: #eee;
        text-align: center;
        padding: 10px;
        border-bottom: 2px solid #eee;
        cursor: pointer;
    }
    .sento-search{
        margin: 0 0 80px 0;
        padding: 20px;
        background: #FFF5ED;
        position: relative;
    }
    .sento-search-osusume{
        float: left;
        /*margin: 5px 20px;*/
        margin: -20px 20px 5px 0px;
        padding: 3px 15px;
        font-size: 11px;
        color: #fff;
        /*background: #EC6617;*/
        /*border: 1px solid #EC6617;*/
        text-decoration: none;
    }
}
@media screen and (max-width: 992px){
    .sentos-list-or-map{
        margin: 0 0 20px 0;
        overflow: auto;
    }
    .sentos-list-or-map a{
        display: block;
        float: left;
        width: 50%;
        background: #eee;
        text-align: center;
        padding: 10px;
        border-bottom: 2px solid #eee;
        cursor: pointer;
    }
    .sento-search{
        margin: 0 10px 80px 10px;
        padding: 20px;
        background: #FFF5ED;
        position: relative;
    }
    .sento-search-osusume{
        float: right;
        padding: 9px 0px 3px 0;
        margin: -15px 0 0 0;
        font-size: 11px;
        color: #fff;
        /*background: #EC6617;*/
        /*border: 1px solid #EC6617;*/
        text-decoration: none;
    }
}

@media screen and (min-width: 768px) {
    .sento-search-top{
        overflow: auto;
        padding: 18px 0 5px 0;
        border-bottom: 1px solid #c7c7c7;
    }
}
@media screen and (max-width: 768px){
    .sento-search-top{
        overflow: auto;
        /*padding: 5px 0;*/
        padding: 15px 0 5px 0;
        margin: -10px 0 0 0;
        border-bottom: 1px solid #c7c7c7;
    }
}

.sento-search-name a{
    color: #2385C8;
    font-size: 24px;
    font-weight: bold;
    /*text-decoration: none;*/
}
.sento-search-name a:hover{
    /*text-decoration: underline;*/
}

@media screen and (min-width: 768px) {
    .sento-search-top-coupon{
        text-align: right;
        /*margin: 0 0 0px 0;*/
        margin: -15px 0 0px 0;
    }
    .sento-search-name{
        float: left;
    }
    .sento-search-area{
        float: right;
        margin: 12px 0 0 0;
    }
    .sento-search-area img{
        width: 11px;
        margin: 5px;
    }
    .sento-search-area a{
        font-size: 11px;
        color: #707070;
    }
    .sento-search-area span{
        font-size: 11px;
        color: #707070;
    }
}
@media screen and (max-width: 768px){
    .sento-search-top-coupon{
        float: right;
        width: 100px;
        text-align: right;
        margin: 0 0 0px 0;
    }
    .sento-search-name{
        float: left;
        width: 100%;
        margin: 5px 0;
    }
    .sento-search-area{
        float: left;
        width: 200px;
        /*margin: 0 0 0 -5px;*/
    }
    .sento-search-area img{
        width: 13px;
        margin: 0 5px 0 0;
    }
    .sento-search-area a{
        font-size: 13px;
        color: #707070;
    }
    .sento-search-area span{
        font-size: 13px;
        color: #707070;
    }
}

.sento-search-desc{
    margin: 20px 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #EC6617;
}
.sento-search-mid{
    overflow: auto;
    padding: 5px 0;
}
@media screen and (min-width: 992px) {
    .sento-search-left{
        float: left;
        width: 320px;
    }
    .sento-search-img{
        width: 320px;
        height: 200px;
        overflow: hidden;
    }
    .sento-search-img img{
        width: 320px;
    }
    .sento-search-thumbs{
        width: 288px;
    }
    .sento-search-thumbs2{
        width: 326px;
    }
    .sento-search-thumb{
        float: left;
        margin: 8px 8px 15px 0;
        /*width: 32%;*/
        height: 55px;
        overflow: hidden;
    }
    .sento-search-thumb:last-child{
        margin: 8px 0 15px 0;
    }
    .sento-search-thumb img{
        width: 100%;
    }
    .sento-search-fav{
        margin: 20px;
        text-align: center;
    }
    .sento-search-right{
        float: left;
        padding: 0 0 0 20px;
        width: 330px;
        font-size: 12px;
    }
    .sento-search-review{
        overflow: auto;
    }
    .sento-search-score-count{
        overflow: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .sento-search-left{
        float: left;
        width: 280px;
    }
    .sento-search-img{
        width: 280px;
        height: 200px;
        overflow: hidden;
    }
    .sento-search-img img{
        width: 280px;
    }
    .sento-search-thumbs{
        width: 258px;
    }
    .sento-search-thumbs2{
        width: 288px;
    }
    .sento-search-thumb{
        float: left;
        margin: 8px 8px 15px 0;
        /*width: 32%;*/
        height: 55px;
        overflow: hidden;
    }
    .sento-search-thumb:last-child{
        margin: 8px 0 15px 0;
    }
    .sento-search-thumb img{
        width: 100%;
    }
    .sento-search-fav{
        margin: 20px 0;
        text-align: center;
    }
    .sento-search-right{
        float: left;
        padding: 0 20px;
        width: 350px;
        font-size: 12px;
    }
    .sento-search-review{
        overflow: auto;
    }
    .sento-search-score-count{
        overflow: auto;
    }
}
@media screen and (max-width: 768px){
    .sento-search-left{
        /*float: left;*/
        width: 100%;
    }
    .sento-search-img{
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .sento-search-img img{
        width: 100%;
    }
    .sento-search-thumbs{
        width: 102%;
    }
    .sento-search-thumbs2{
        width: 102%;
    }
    .sento-search-thumb{
        float: left;
        margin: 8px 2% 15px 0;
        /*width: 32%;*/
        height: 55px;
        overflow: hidden;
    }
    .sento-search-thumb:last-child{
        margin: 8px 0 15px 0;
    }
    .sento-search-thumb img{
        width: 100%;
    }
    .sento-search-fav{
        margin: 20px 0;
        text-align: center;
    }
    .sento-search-right{
        /*float: left;*/
        /*padding: 0 20px;*/
        width: 100%;
        font-size: 12px;
    }
    .sento-search-review{
        margin: 0px 0 20px 0;
        overflow: auto;
    }
    .sento-search-score-count{
        width: 310px;
        margin: 0 auto;
        overflow: auto;
    }
}

.sento-search-fav a{
    padding: 4px 40px;
    font-size: 12px;
    border: 1px solid #707070;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #707070;
    background: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
}

@media screen and (min-width: 768px){
    .sento-search-info{
        margin: 5px 0;
        overflow: auto;
        background: #eaded2;
    }
}
@media screen and (max-width: 768px){
    .sento-search-info{
        margin: 5px 0;
        overflow: auto;
        background: #eaded2;
        font-size: 15px;
    }
}

.sento-search-info span:first-child{
    width: 30%;
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
    color: #5f4d3b;
}
.sento-search-info span:last-child{
    width: 70%;
    min-height: 40px;
    float: right;
    background: #fff;
    padding: 10px 20px;
    color: #5F5650;
    word-break: break-all;
}

.sento-search-score{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 150px;
    height: 55px;
    text-align: center;
    background: #FF513B;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.sento-search-num{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 0 0;
}
.star-rating3 {
    position: relative;
    width: 5em;
    height: 1em;
    font-size: 15px;
    margin: -4px 0 0 38px;
}
.star-rating-front3 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}
.star-rating-back3 {
    color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
}
.sento-search-count{
    display: block;
    float: left;
    width: 150px;
    height: 55px;
    text-align: center;
    background: #2385C8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.sento-search-kuchikomi{
    display: inline-block;
    font-size: 11px;
    padding: 7px 0 0 0;
    color: #fff;
}
.sento-search-kuchikomi img{
    margin: -2px 4px 0 2px;
    width: 12px;
}
.sento-search-ken{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.sento-search-ken a{
    color: #fff;
}
.sento-search-comments{
    overflow: auto;
}
@media screen and (min-width: 768px) {
    .sento-search-comment{
        float: left;
        margin: 10px 0;
        width: 80%;
    }
    .sento-search-icon img{
        width: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-search-user{
        float: right;
        width: 20%;
    }
}
@media screen and (max-width: 768px){
    .sento-search-comment{
        float: left;
        margin: 10px 0;
        width: 75%;
    }
    .sento-search-icon img{
        width: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .sento-search-user{
        float: right;
        width: 20%;
        margin: 40px 0 0 0;
    }
}

.sento-search-comment div{
    position: relative;
}
.sento-search-comment div:before{
    content: "";
    position: absolute;
    top: 30%;
    left: 102%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #FFF;
    /*background-color: rgba(255,255,255,0.8);*/
}
.sento-search-comment div p{
    padding: 15px;
    font-size: 13px;
    background: #fff;
}
.sento-search-icon{
    text-align: center;
}
.sento-search-nickname{
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
}

.sento-search-coupon{
    /*background: #EC6617;*/
}

.sento-search-coupon a img{
    width: 100%;
}
@media screen and (min-width: 768px) {
    .sento-search-coupon a{
        position: relative;
        display: block;
    }
    .sento-search-coupon a span{
        position: absolute;
        top: 22px;
        left: 130px;
        font-size: 18px;
        font-weight: bold;
        text-decoration: underline;
        color: #fff;
        width: 440px;
    }
    .sento-ranking-top-middle .sento-search-coupon a span{
        position: absolute;
        top: 20px;
        left: 120px;
        font-size: 18px;
        font-weight: bold;
        text-decoration: underline;
        color: #fff;
        width: 430px;
    }
}
@media screen and (max-width: 768px){
    .sento-search-coupon a{
        position: relative;
        display: block;
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
    }
    .sento-search-coupon a span{
        position: absolute;
        margin: auto;
        top: 36%;
        left: 0;
        right: 0;
        font-size: 19px;
        line-height: 30px;
        font-weight: bold;
        text-decoration: underline;
        color: #fff;
        width: 80%;
    }
}

/*都道府県一覧のクーポンページ*/
.search-coupons{
    overflow: auto;
    margin: 60px auto;
    width: 720px;
}
@media screen and (min-width: 768px) {
    .search-coupon{
        margin: 50px auto;
        padding: 20px;
        background: #EC6617;
    }
    .search-coupon-header{
        overflow: auto;
        padding: 6px 0;
        background: #EC6617;
    }
    .search-coupon-body{
        overflow: auto;
        height: 170px;
        background: #FFF5ED;
    }
    .search-coupon-icon{
        margin: 0 auto;
        padding: 10px;
        width: 80%;
        border-bottom: 1px solid #EC6617;
    }
    .search-coupon-title{
        margin: 0 auto;
        padding: 12px 0;
        width: 90%;
        text-align: left;
        height: 70px;
    }
    .search-coupon-title a{
        color: #ff0700;
        font-weight: bold;
        font-size: 19px;
        height: 70px;
        vertical-align: middle;
        display: table-cell;
    }
}
@media screen and (max-width: 768px){
    .search-coupon{
        margin: 50px auto;
        padding: 10px;
        background: #EC6617;
    }
    .search-coupon-header{
        overflow: auto;
        padding: 0 0 12px 0;
        background: #EC6617;
    }
    .search-coupon-body{
        overflow: auto;
        /*height: 190px;*/
        background: #FFF5ED;
    }
    .search-coupon-icon{
        margin: 0 auto;
        padding: 10px;
        width: 90%;
        border-bottom: 1px solid #EC6617;
    }
    .search-coupon-title{
        margin: 0 auto;
        padding: 10px 0;
        width: 90%;
        text-align: left;
    }
    .search-coupon-title a{
        color: #ff0700;
        font-weight: bold;
        font-size: 19px;
    }
}
.search-coupon-name{
    float: left;
    padding: 0 10px;
}
.search-coupon-name a{
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    letter-spacing: 2px;
}
.search-coupon-name a:hover{
    text-decoration: underline;
}
.search-coupon-name-big{
    float: left;
    padding: 0 10px;
}
.search-coupon-name-big a{
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 2px;
}
.search-coupon-area{
    float: right;
    padding: 0 10px;
}
.search-coupon-area a{
    font-size: 11px;
    text-decoration: none;
    color: #fff;
}
.search-coupon-content{
    padding: 13px 0 13px 0;
    width: 100%;
    text-align: center;
}
.search-coupon-link{
    padding: 3px 0 0 0;
    display: none;
}
.search-coupon-link a{
    border: 1px solid #EC6617;
    padding: 5px 40px;
    color: #EC6617;
    font-size: 12px;
    text-decoration: none;
}
.search-coupon-link a:hover{
    background: #ffede5;
}
.search-coupon .sento-search{
    margin: 30px 0 30px 0;
}
@media screen and (min-width: 768px) {
    .search-coupon .search-coupon-area2{
        float: right;
    }
    .search-coupon .search-coupon-area2 img{
        width: 12px;
        margin: 5px;
    }
    .search-coupon .search-coupon-area2 a{
        font-size: 12px;
        color: #fff;
    }
    .search-coupon .search-coupon-area2 span{
        font-size: 12px;
        color: #fff;
    }
}
@media screen and (max-width: 768px){
    .search-coupon .search-coupon-area2{
        float: left;
        width: 100%;
    }
    .search-coupon .search-coupon-area2 img{
        width: 12px;
        margin: 5px;
    }
    .search-coupon .search-coupon-area2 a{
        font-size: 12px;
        color: #fff;
    }
    .search-coupon .search-coupon-area2 span{
        font-size: 12px;
        color: #fff;
    }
}

@media screen and (min-width: 992px) {
    .search-coupon .sento-search-left{
        width: 280px;
    }
    .search-coupon .sento-search-img{
        width: 280px;
        height:180px;
    }
    .search-coupon .sento-search-img img{
        width: 100%;
    }
    .search-coupon .sento-search-right{
        padding: 0 0 0 20px;
        width: 330px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .search-coupon .sento-search-left{
        width: 250px;
    }
    .search-coupon .sento-search-img{
        width: 250px;
        height:160px;
    }
    .search-coupon .sento-search-img img{
        width: 100%;
    }
    .search-coupon .sento-search-right{
        padding: 0 0 0 10px;
        width: 320px;
    }
}
@media screen and (max-width: 768px){
    .search-coupon .sento-search-left{
        width: 100%;
    }
    .search-coupon .sento-search-img{
        width: 100%;
        height:180px;
    }
    .search-coupon .sento-search-img img{
        width: 100%;
    }
    .search-coupon .sento-search-right{
        padding: 0 0 0 0px;
        width: 100%;
    }
}
.search-coupon .sento-search-link{
    margin: 20px 0 10px 0;
    text-align: center;
}

/*カテゴリーTOP画面*/
@media screen and (min-width: 768px) {
    .search-category-map{
        padding: 50px 0;
        background: url(/img/parts/search_bg2.jpg);
        background-size: cover;
    }
    .search-category-map-body{
        width: 700px;
        margin: 0px auto;
    }
    .top-map-search-back{
        position: relative;
        margin: -25px 0 0 0;
        height: 550px;
        background: #C8E0EF;
        border: 10px solid #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .top-map-search-title{
        position: relative;
        /*width: 600px;*/
        margin: 0 auto;
        z-index: 10;
        text-align: center;
    }
    .top-map-search-title h2{
        border: solid 3px #707070;
        background: #fff;
        font-size: 20px;
        line-height: 46px;
        text-align: center;
        padding: 13px 50px;
        display: inline;
    }
    .top-map-search{
        position: absolute;
        left: 70px;
        top: 0px;
    }
    .top-map-search-img{
        position: absolute;
        width: 550px;
        top: 20px;
        left: 0px;
    }
    .top-map-search-links{
        position: absolute;
    }
    .category-img{
        float: left;
        padding: 0 20px;
        width: 40%;
    }
    .category-text{
        float: left;
        padding: 0 20px;
        width: 60%;
        color: #5F5650;
        line-height: 26px;
    }
}
@media screen and (max-width: 768px){
    .search-category-map{
        padding: 50px 0;
        background: #FFF5ED;
    }
    .search-category-map-body{
        /*width: 700px;*/
        margin: 0px auto;
    }
    .top-map-search-back-sp{
        position: relative;
        margin: 50px auto 0;
        /*height: 320px;*/
        width: 95%;
        border: 5px solid #fff;
        background: #C8E0EF;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .top-map-search-title{
        position: relative;
        width: 300px;
        margin: 0 auto;
        z-index: 10;
        text-align: center;
    }
    .top-map-search-title h2{
        /*border: solid 3px #707070;*/
        /*background: #fff;*/
        padding: 14px 10px;
        font-size: 18px;
        line-height: 28px;
        color: #EC6617;
        font-weight: bold;
    }
    .top-map-search{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }
    .top-map-search-img{
        position: absolute;
        width: 100%;
        top: 20px;
        left: 0px;
    }
    .top-map-search-links{
        position: relative;
        height: 100%;
    }
    .category-img{
        float: left;
        padding: 0 10px;
        width: 100%;
    }
    .category-text{
        float: left;
        padding: 50px 10px 0;
        width: 100%;
        color: #5F5650;
        line-height: 26px;
    }
}


.category-original{
    overflow: auto;
    padding: 100px 0;
}
.category-img img{
    width: 100%;
}

/*クーポンTOP*/
.coupon-header{

}
.coupon-header-img img{
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .coupon-header-img{
        position: relative;
        width: 100%;
    }
    .coupon-header-img h1{
        position: absolute;
        top: 100px;
        left: 42%;
        letter-spacing: 5px;
        font-size: 46px;
        color: #fff;
    }
    .coupon-header-img div{
        position: absolute;
        top: 210px;
        left: 35%;
        font-size: 17px;
        text-align: center;
        color: #fff;
    }
}
@media screen and (min-width:992px) and (max-width:1200px) {
    .coupon-header-img{
        position: relative;
        width: 100%;
    }
    .coupon-header-img h1{
        position: absolute;
        top: 80px;
        left: 42%;
        letter-spacing: 5px;
        font-size: 36px;
        color: #fff;
    }
    .coupon-header-img div{
        position: absolute;
        top: 180px;
        left: 34%;
        text-align: center;
        color: #fff;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .coupon-header-img{
        position: relative;
        width: 100%;
    }
    .coupon-header-img h1{
        position: absolute;
        top: 60px;
        left: 42%;
        letter-spacing: 5px;
        font-size: 26px;
        color: #fff;
    }
    .coupon-header-img div{
        position: absolute;
        top: 130px;
        left: 31%;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
}
@media screen and (max-width: 768px){
    .coupon-header-img{
        position: relative;
        width: 320px;
        margin: 0 auto;
    }
    .coupon-header-img h1{
        position: absolute;
        margin: auto;
        top: 260px;
        left: 0;
        right: 0;
        letter-spacing: 5px;
        font-size: 26px;
        color: #fff;
        text-align: center;
    }
    .coupon-header-img div{
        position: absolute;
        top: 370px;
        left: 0;
        right: 0;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
}

@media screen and (min-width:992px) {
    .search-menu-area{
        background: #F5F5F5;
        padding: 2px 0 0 0;
    }
    .search-menu-area a{
        color: #707070;
        padding: 5px 8px;
        width: 7.63%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        border-left: 2px solid #e8e8e8;
    }
    .search-menu-area a:first-child{
        border-left: none;
        width: 16%;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .search-menu-area{
        background: #F5F5F5;
        padding: 2px 0 0 0;
    }
    .search-menu-area a{
        color: #707070;
        padding: 5px 1.2%;
        /*width: 7.63%;*/
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        border-left: 2px solid #e8e8e8;
    }
    .search-menu-area a:first-child{
        border-left: none;
        width: 21%;
    }
}
@media screen and (max-width: 768px){
    .search-menu-area{
        background: #FFF;
        padding: 2px 0 0 0;
    }
    .search-menu-area a{
        color: #707070;
        padding: 5px 3px;
        width: 33.3%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        /*border-left: 2px solid #e8e8e8;*/
    }
    .search-menu-area a:first-child{
        border-left: none;
        width: 100%;
    }
}
.search-menu-area a:hover{
    background: #FFF5ED;
}
.search-menu-area a.is-closed:hover{
    background: none;
}

@media screen and (min-width: 768px) {
    .search-coupons{
        margin: 10px 0 0 0;
        width: 100%;
    }
    .search-coupon-img{
        float: left;
        width: 183px;
        margin: 0 10px 0 0;
    }
    .search-coupon-img img{
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .search-coupons{
        margin: 10px 0 0 0;
        width: 100%;
    }
    .search-coupon-img{
        width: 100%;
        text-align: center;
        margin: 0 auto 10px auto;
        padding: 5px;
        border: 1px solid #fff;
    }
    .search-coupon-img img{
        width: 200px;
    }
}

.search-coupon-icon-top{
    margin: 0 auto;
    padding: 4px;
    width: 90%;
    border-bottom: 1px solid #EC6617;
    font-size: 22px;
    font-weight: bold;
    color: #EC6617;
}
@media screen and (min-width: 768px) {
    .search-coupon-title-top{
        margin: 0 auto;
        padding: 10px 0;
        width: 90%;
        text-align: left;
        height: 80px;
    }
    .search-coupon-title-top a{
        color: #ff0700;
        font-weight: bold;
        font-size: 19px;
        display: table-cell;
        width: 90%;
        height: 80px;
        vertical-align: middle;
    }
}
@media screen and (max-width: 768px){
    .search-coupon-title-top{
        margin: 0 auto;
        padding: 10px 0;
        width: 90%;
        text-align: left;
    }
    .search-coupon-title-top a{
        color: #ff0700;
        font-weight: bold;
        font-size: 19px;
    }
}


/*ランキングTOP*/
.search-contents-01.ranking-header{
    padding: 0;
}
.ranking-header-inner{
    position: relative;
}

@media screen and (min-width: 768px) {
    .ranking-h1-img{
        height: 600px;
        overflow: hidden;
    }
    .ranking-h1-img img{
        width: 100%;
    }
    .ranking-h1-title{
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 80px 0;
        background: rgba(0,0,0,0.5);
    }
    .ranking-header-margin{
        height: 40px;
        background: #fff;
    }
}
@media screen and (max-width: 768px){
    .ranking-h1-img{
        height: 500px;
        overflow: hidden;
    }
    .ranking-h1-img img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .ranking-h1-title{
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 20px 0;
        background: rgba(0,0,0,0.5);
    }
}
.ranking-h1-title .container .h1-title h1{
    color: #fff;
}
.ranking-h1-title .container .h1-title .h1-desc{
    color: #fff;
}

@media screen and (min-width: 992px) {
    .search-menu-area2{
        background: #F5F5F5;
        padding: 2px 0 0 0;
    }
    .search-menu-area2-inner{
        width: 80%;
        margin: 0 auto;
        overflow: auto;
    }
    .search-menu-area2 a{
        color: #707070;
        padding: 5px 8px;
        width: 7.54%;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        border-left: 2px solid #e8e8e8;
    }
    .search-menu-area2 a:first-child{
        border-left: none;
        width: 17%;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .search-menu-area2{
        background: #F5F5F5;
        padding: 2px 0 0 0;
    }
    .search-menu-area2-inner{
        width: 95%;
        margin: 0 auto;
        overflow: auto;
    }
    .search-menu-area2 a{
        color: #707070;
        padding: 5px 1.2%;
        /*width: 7.54%;*/
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        border-left: 2px solid #e8e8e8;
    }
    .search-menu-area2 a:first-child{
        border-left: none;
        width: 21%;
    }
}
@media screen and (max-width: 768px){
    .search-menu-area2-outer{
        background: #fff;
        overflow: auto;
    }
    .search-menu-area2{
        background: #F5F5F5;
        padding: 2px 0 0 0;
        overflow: scroll;
        float: left;
        width: 92%;
    }
    .search-menu-area2-arrow{
        float: right;
        width: 5%;
        padding: 11px 4% 0 3%;
        height: 43px;
        color: #EC6617;
        background: #ffe6d2;
    }
    .search-menu-area2-inner{
        overflow: hidden;
        margin: 0 auto;
        padding: 0 0px;
        width: 920px;
    }
    .search-menu-area2 a{
        color: #707070;
        padding: 8px 3px;
        width: 70px;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        /*border-left: 2px solid #e8e8e8;*/
    }
    .search-menu-area2 a:first-child{
        border-left: none;
        width: 150px;
    }
}
.search-menu-area2 a:hover{
    background: #FFF5ED;
}
.search-menu-area2 a.is-closed:hover{
    background: none;
}

/* こだわり条件検索 */
.kodawari-h1-title{
    text-align: center;
}
.kodawari-head{
    overflow: auto;
    width: 80%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    .kodawari-h1-title h1{
        line-height: 40px;
        padding: 20px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #EC6617;
    }
    .kodawari-desc{
        display: inline-block;
        width: 69%;
    }
    .kodawari-desc div:before{
        content: "";
        position: absolute;
        top: 30%;
        left: 95%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-left: 15px solid #FFF5ED;
        /*background-color: rgba(255,255,255,0.8);*/
    }
    .kdoawari-img{
        display: inline-block;
        width: 30%;
    }
}
@media screen and (max-width: 768px){
    .kodawari-h1-title h1{
        font-size: 28px;
        line-height: 34px;
        padding: 20px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #EC6617;
    }
    .kodawari-desc{
        width: 100%;
    }
    .kodawari-desc div:before{
        content: "";
        position: absolute;
        bottom: -29px;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #FFF5ED;
    }
    .kdoawari-img{
        width: 60%;
        margin: 0 auto;
    }
}
.kodawari-desc div{
    position: relative;
}

.kdoawari-img div{
    text-align: center;
}
.kdoawari-img div img{
    width: 100%;
}
@media screen and (min-width: 992px) {
    .kodawari-desc div p{
        margin: 20px 7% 0 0px;
        padding: 25px;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        background: #FFF5ED;
        text-align: center;
        color: #666;
    }
    .kodawari-form{
        margin: 0 auto;
        width: 80%;
    }
    .moresearch-form-table tr td{
        padding: 20px;
        vertical-align: middle;
    }
    .kodawari-check{
        float: left;
        padding: 5px;
        width: 33%;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .kodawari-desc div p{
        margin: 20px 7% 0 0px;
        padding: 15px;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        background: #FFF5ED;
        text-align: center;
        color: #666;
    }
    .kodawari-form{
        margin: 0 auto;
        width: 95%;
    }
    .moresearch-form-table tr td{
        padding: 20px;
        vertical-align: middle;
    }
    .kodawari-check{
        float: left;
        padding: 5px;
        width: 33%;
    }
}
@media screen and (max-width: 768px){
    .kodawari-desc div p{
        padding: 15px;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        background: #FFF5ED;
        text-align: center;
        color: #666;
    }
    .kodawari-form{
        margin: 0 auto;
        width: 95%;
    }
    .moresearch-form-table tr td{
        padding: 20px;
        vertical-align: middle;
        width: 100%;
        float: left;
    }
    .kodawari-check{
        float: left;
        padding: 5px;
        width: 50%;
        font-size: 13px;
    }
}

.moresearch-form-table{
    width: 100%;
}
.moresearch-form-table table{
    width: 100%;
}
.moresearch-form-select{
    position: relative;
}
.select_pref_dev:before{
    content: "▼";
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 12px;
    line-height: 20px;
}
.select_city_dev:before{
    content: "▼";
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 12px;
    line-height: 20px;
}

.table-head{
    background-color: #FFF5ED;
    width: 20%;
}
.table-head2{
    background-color: #FFF5ED;
    width: 30%;
}
.moresearch-form-submit{
    margin: 30px auto 0 auto;
    text-align: center;
}
.moresearch-form-submit input{
    background-color: #EC6617;
    border-color: #EC6617;
    color: #fff;
    padding: 10px 50px;
}


/*--お知らせ画面--*/
.notices{
    overflow: auto;
    margin: 30px auto;
    width: 90%;
}
.notice:first-child{
    /*border-bottom: 1px solid #ddd;*/
}
.notice{
    padding: 20px;
    border-top: 1px solid #ddd;
}
.notice-head{

}
.notice-category{
    margin: 20px;
    padding:3px 10px;
    background: #FF998D;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.notice-title{
    margin: 10px 0;
}
.notice-title-h1{
    margin: 40px 0 0 0;
    font-size: 28px;
    line-height: 40px;
    color: #EC6617;
}

/*--お問い合わせ--*/
.contact-error{
    margin: 0px auto;
    width: 80%;
}
.contact-desc{
    margin: 50px auto;
    width: 80%;
    padding: 50px;
    background: #F8F4F0;
}
.contact-form-select{
    position: relative;
}
.contact-form-select:before{
    content: "▼";
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 14px;
    font-size: 12px;
    line-height: 20px;
}
.privacy-form-title{
    width: 80%;
    margin: 50px auto 30px auto;
    border-bottom: 1px solid #666;
    font-size: 20px;
    text-align: center;
    padding: 20px;
}
.privacy-form-text{
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #666;
    padding: 5px;
    font-size: 13px;
    line-height: 26px;
}
.privacy-form-check{
    text-align: center;
    background: #eee;
    margin: 20px 0;
    padding: 20px 0;
}
.privacy-form-check label{
    margin: 0;
}
.contact-submit{
    margin: 50px 0;
    text-align: center;
}
.contact-submit button{
    padding: 10px;
    width: 80%;
}
.contact-ssl{
    text-align: center;
    border: 1px solid #ff6666;
    padding: 30px;
    width: 80%;
    margin: 0 auto;
}
.contact-ssl span{
    font-size: 16px;
}
.contact-title{
    padding: 30px 0;
}
.contact-submit-confirm{
    margin: 50px 0;
    text-align: center;
}
.contact-submit-confirm button{
    padding: 10px;
    width: 40%;
}

/*管理画面*/
.admin-nav{
    padding: 10px 0;
}
.admin-nav a{
    padding: 0 10px 0 0;
}
.submit-button{
    position: fixed;
    bottom: 40px;
    right: 40px;
}
.dashboard{
    position: fixed;
    top: 0;
    right: 0;
    background: #555;
    padding: 10px;
}
@media screen and (max-width: 768px){
    .dashboard{
        display: none;
    }
}
.dashboard a{
    color: #fff;
}

/* tooltipsterカスタマイズ */
.tooltipster-base{
    font-size: 11px;
    text-align: center;
}

/* remodalカスタマイズ */
.remodal{
    padding: 15px 15px;
}
.remodal-confirm, .remodal-cancel{
    width: 100%;
    padding: 15px 0;
}
.remodal-close:before {
    font-size: 35px;
}