body{
    width: 100%;
    background: #f9f9f9;
}

.divbox01_PP .PP_box {
    margin-top: 6px;
}
.divbox01_PP {
    border-bottom: 2px #fff2f8 solid;
}
.wrap_topview {
    margin-top: 70px;
}
.divbox01_PP, .footer {
    opacity: 1;
    background: #303030;
}

.footer {
    background: #000;
    position: relative;
    bottom: 0;
    margin-top:0;
}
.bn {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 2001;
    width: 110px;
}


#slider {
    clear: both;
    padding:0;
    margin:0 auto;
    z-index:0;
    display:block;
    height: 52vw;
}
#top #slider .show{
    padding: 0;
    top: 0;
    left:0;
    display: block;
}
.clearfix {
  overflow: auto;
  zoom: 1;
}
.title{
    width: 100%;
    position: absolute;
    top: 2vw;
}
.title .award {
    height: 26vw;
    width: auto;
    margin-left: calc(50% - 35vw);
    float: left;
    margin-top: 20px;
    position: absolute;
}

.title .logo {
    height: 22vw;
    width: auto;
    margin-left: calc(50% - 11vw);
    margin-top: 5vw;
    float: left;
    position: absolute;
}

.title2 {
    position: relative;
}

.tittext {
    width: 100%;
    display: block;
    bottom: -5vw;
    clear: both;
    float: left;
    position: absolute;
/*    background: rgba(187, 105, 55, 0.8);
*/    padding:10px 0 50px;
}
.tittext p{
    color: #333;
    font-size: 1em;
    max-width: 980px;
    margin:6px auto;
    text-align: center;
    padding: 0 40px;
    line-height: 1.8em;
}
.tittext h1{
    color: #fff6a9;
    font-size: 1.4em;
    text-align: center;
    margin-top:8px;
}
.mouseover {
    position: relative;
    width: 578px;
    float: left;
    margin: 3px;
/*    cursor: pointer;
*/}

.picgroup {
    background: #fff;
    margin: 0 auto;
    width: 1190px;
    padding: 10px;
    position: relative;
    margin-top: 4vw;
}

div.overtext {
    color:white;
    text-align: left;
    width: 100%;
    height: 330px;
    position: absolute;
    background-color: black;
    opacity: 0; 
    transition: opacity 1s;
    -webkit-transition: opacity 1s; /* Chrome & safari */
    -moz-transition: background-color 1s; /* firefox */
}
div.overtext p {
    display: block;
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 30px;
    line-height: 1.5em;
    padding:0 20px;
}
div.overtext:hover {
    opacity: 0.8;
}

.message {
    position: absolute;
    margin-left: calc(50% - 19vw);
    margin-top: 28vw;
    width: 35vw;
}

.divbox01_PP a.gomaji_home{ background-size: auto; background-position: bottom left; }

@media screen and (max-width: 1500px) {
    #foodtop-box {
        margin-left: 0px;
        right: 0;
        margin-right: 10px;
    }
    .title .logo {margin-top: 6vw;position: absolute;height: 24vw;}
    .title .award{ height: 30vw; margin-left: calc(50% - 40vw);}
    .tittext {bottom: -10vw;}
    .picgroup{ padding:10px; background: #fff; width: 1000px;margin-top: 8vw;}
    .mouseover{ float: left; width: 484px; margin:3px;}
    div.overtext{ height: 277px;}
    .titlink{ margin:24vw calc(50% - 68vw);}
    .titlink2{ margin: 20px calc(50% - 4vw); width: 100px;}
    .hotel {
        position: absolute;
        margin-left: calc(50% - 34vw);
        bottom: -2vw;
        width: 34vw;
        min-width: 460px;
    }
    .message {
        position: absolute;
        margin-left: calc(50% - 20vw);
        margin-top: 30vw;
        width: 38vw;
    }

}
@media screen and (max-width: 1250px) {

    .titlink{ margin:28vw calc(50% - 71vw);}
    .titlink2{ margin: 20px calc(50% - 4vw); width: 100px;}
    .footer{ margin-top:70px;}
    .hotel {
        position: absolute;
        margin-left: calc(50% - 42vw);
        bottom: -2vw;
        width: 34vw;
        min-width: 420px;
    }
}
/*=================================PAD======================================*/

@media screen and (max-width: 1024px) {
    .wrap_topview {
        margin-top: 100px;
    }
    .footer{ position: relative; bottom: 0;}
    .title .award{ height: 36vw; margin-left:calc(50% - 50vw);}
    .titlink{ margin:30vw calc(50% - 75vw);}
    .titlink2{ margin: 20px calc(50% - 4vw); width: 100px;}
    .hotel {
        position: absolute;
        margin-left: calc(50% - 38vw);
        bottom: -2vw;
        width: 32vw;
        min-width: 360px;
    }
    .tittext p{
        font-size: 0.7em;
        margin-bottom: -10px;
        line-height: 1.5em;
    }
    .message {
        position: absolute;
        margin-left: calc(50% - 20vw);
        margin-top: 26vw;
        width: 40vw;
    }
    .title .logo { 
        margin-top: 8vw;
        height: 16vw;
        margin-left: calc(50% - 9vw);
    }

}
@media screen and (max-width: 855px) {
    .title .logo {margin-top: 7vw;height: 25vw;margin-left: calc(50% - 11vw);}
    .picgroup { width: 100%;margin-top: 15vw;}
    .mouseover { width: 49%;}
    .tittext p {font-size: 1.1em;}
    .tittext {bottom: -17vw;}
    .message {margin-top: 32vw;}
    div.overtext { height: 216px;}
    .footer {margin-top: 0;}
}
@media screen and (max-width: 768px) {
    .app-espwarp h1 {
        font-size: 24px;
    }
    .top_box {
        margin-top: 0;
    }
    .tittext{ font-size: 4vw; line-height: 1.5em;}
    .br_s {display: block;}
    .br_s1 {display: block;}
    .picgroup{ padding:6px; background: #fff; margin:12vw 2vw 0vw; width: 96vw;}
    .mouseover{ float: left; width: 49%; margin:3px;}
    .picgroup .p03{ width: 90.6vw;}
    div.overtext{ height: auto; display: none;}
    .titlink{ margin:36vw calc(50% - 91vw); font-size: 4vw; padding: 4px 8px;}
    .titlink2{ margin: 20px calc(50% - 15vw); width: 100px;}
    #slider { height: 130vw;}
    #top #slider{ height: 130vw; width: 100%; overflow: hidden;}
    #top #slider .show img {
        width: auto;
        height: 100%;
        margin-left: calc(50% - 384px);
    }
    .hotel { display: none;}
    .tittext br{ display: none;}
    .tittext p{ text-align: left; font-size: 2.5vw; padding:2vh 2vw;}
    .title .award{ height: 52vw; width: auto; margin-left:calc(50% - 50vw); margin-top: -4vw; float: left;}
    .title .logo{ height: 60vw; margin:4vw calc(50% - 34vw); margin-top:25vw;}
    .bn{ right:-6vw; bottom:10vw;}
    .bn img{ width: 20vw;}
    .message{ position: absolute; margin-left:calc(50% - 44vw); margin-top:80vw; width: 88vw;}
    .footer{margin-top: 0;}

}
@media screen and (max-width: 736px) {
    .divbox01_PP {display: none;}
    .tittext{ padding:3vw 1vw; bottom: -30vw;}
    .bn{ right:-6vw; bottom:10vw;}
    .mouseover {width: 100%;}
    .title .logo {margin: 4vw calc(50% - 24vw);margin-top: 25vw;}
    .message {margin-top: 85vw;width: 88vw;}
    .tittext p{font-size: 3.5vw; padding:2vh 2vw;}
}

@media screen and (max-width: 600px) {

}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 414px) {
    .tittext{bottom: -45vw;}
    .picgroup{ margin:43vw 2vw 0vw;}
    #top #slider {height: 110vw;}
    .title .logo {margin-top: 19vw;}
    .message {margin-top: 80vw;}
}
@media screen and (max-width: 360px) {
    .tittext {bottom: -45vw;}
    .picgroup {margin: 45vw 2vw 0vw;}
}
@media screen and (max-width: 320px) {
    .picgroup{ padding:5px; background: #fff; width: 96vw;}
    .mouseover{ width: 100%;}
    .picgroup .p03{ width: 90.6vw;}
    div.overtext{ height: auto;}
    .bn{ right:-13vw; bottom:10vw;}
    #top #slider .show img { margin-left:calc(50% - 384px);}
    .tittext {bottom: -55vw;}
    .picgroup {margin: 55vw 2vw 0vw;}
}