body{
    width: 100%;
    background: #f1f1f1;
}
img{
    display: block;
}

.divbox01_PP .PP_box {margin-top: 10px;}
.divbox01_PP {border-bottom: 2px #fff2f8 solid;}
.wrap_topview {margin-top: 70px;}
.divbox01_PP {opacity: 1;background: #222;}

.footer {background: #000;position: relative;bottom: 0;margin-top:0;}

#slider {clear: both;padding:0;margin:0 auto;z-index:0;display:block;height: 48vw;}
#top #slider .show{padding: 0;top: 0;left:0;display: block;}
.clearfix {overflow: auto;zoom: 1;}

.title{width: 100%;position: absolute;top: 2vw;}
.title .flag {height: 10vw;width: auto;margin-left: calc(50% - 28vw);float: left;margin-top: 20px;position: absolute;}
.title .logo {height: 12vw;width: auto;margin-left: calc(50% - 16.5vw);margin-top: 11vw;float: left;position: absolute;}
.message {position: absolute;margin-left: calc(50% - 26vw);margin-top: 23vw;width: 51vw;}

.title2 {position: relative;}

.tittext {width: 100%;display: block;bottom: 0;clear: both;float: left;position: absolute;padding:10px 0;}
.tittext p{color: #333;font-size: 1.1em;max-width: 1000px;margin:6px auto;text-align: center;padding: 0 5px;line-height: 1.8em;}
.tittext h1{color: #fff6a9;font-size: 1.4em;text-align: center;margin-top:8px;}
.moblie{display: block;}
.pc{display: none;}
/*.intro{width: 100%;max-width: 1200px; display: flex;margin: 0 auto;}
.intro img{max-width: 400px;display: flex;}
*/

.picgroup {background: #fff;margin: 0 auto;width: 1200px;padding: 10px;position: relative;margin-top: 1%;}
.mouseover {position: relative;width: 576px;float: left;margin: 7px;}

.picbtn{width: 576px;background-color: #003472;text-align: center;font-size: 1.3rem;padding: 10px 0;color: #FFF;font-weight: bold;}
.picbtn span{color: #fde200;font-weight: bold;}
.price{font-size: 1.5rem;}

.content{background-color: #444444;color: #FFF;}
.point{padding: 30px 0 40px ;max-width: 1140px;margin: 0 auto;}
.point p{font-size: 2rem;text-align: center;margin-bottom: 20px;}
.point ul{ list-style-type: disc; padding:0 15px; }
.point ul li{ line-height: 1.6em;margin-top: 1vh;}

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

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

/*@media only screen and (max-width: 1920px) and (min-width: 1501px) {
    .title .flag {height: 10vw;width: auto;margin-left: calc(50% - 28vw);float: left;margin-top: 25px;position: absolute;}
    .title .logo {height: 14vw;width: auto;margin-left: calc(50% - 10.5vw);margin-top: 9vw;}
    .message {margin-left: calc(50% - 25vw);margin-top: 22vw;}
}*/
@media screen and (max-width: 1920px) {
  .title .flag {margin-left: calc(50% - 33vw);margin-top: 30px;}
}

@media screen and (max-width: 1600px) {
  .title .flag {margin-left: calc(50% - 38vw);margin-top: 30px;}
}
@media screen and (max-width: 1366px) {
  .title .flag {margin-left: calc(50% - 43vw);margin-top: 35px;}
  #slider {height: 52vw;}
}
@media screen and (max-width: 1280px) {
}
/*=================================PAD======================================*/

@media screen and (max-width: 1024px) {
  .divbox01_PP .PP_box {margin-top: 6px;}
  #slider {height: 34.5vw;}
  /*#top #slider .show img {height: 50vw;}*/
  .title .flag {height: 12vw;width: auto;margin-left: calc(50% - 48vw);}
  .wrap_topview {margin-top: 100px;}
  .footer {position: relative;bottom: 0;}

  .tittext {bottom: -62%;}
  .tittext p {font-size: 1.2rem; /*margin-bottom: 11%;*/line-height: 1.5em;}
  .message {margin-left: calc(50% - 33vw);margin-top: 24vw;width: 65vw;}
  .title .logo {margin-top: 10vw;height: 15vw;margin-left: calc(50% - 18vw);}

  .picgroup {width: 100%;margin-top: 25%;}
  .mouseover {width: 48.5%;}
  .picbtn {width: 100%;}
  .point {padding: 30px 30px 40px;}
}

@media screen and (max-width: 992px) {
  #slider {height: 43vw;}
  /*#top #slider .show img {height: 50vw;}*/
  .tittext {bottom: -30%;}
  .title .logo {margin-top: 6vw;}
  .message {margin-left: calc(50% - 35vw);margin-top: 20vw;width: 70vw;}
  .divbox01_PP {display: none;}
  .picgroup {width: 100vw;}
  .picgroup {padding-bottom: 0vw;margin-top: 15%;}
  .title .flag {height: 15vw;margin-top: -2.5vw;}
  .mouseover {width: 48%;}
}

@media screen and (max-width: 768px) {
  .app-espwarp h1 {font-size: 24px;}
  .top_box {margin-top: 0;}
  .divbox01_PP {display: none;}

  .picgroup {padding: 6px;background: #fff;margin: 0 2vw;width: 96vw;}
  .mouseover {float: left;width: 100%;margin: 3px 0 15px;}
  .picbtn {width: 100%;font-size: 1.2rem;padding: 10px 5px;}
  .price {font-size: 1.2rem;}

  #slider {height: 130vw;}
  #top #slider {height: 100vw;width: 100vw;overflow: hidden;}
  #top #slider .show img {width: auto;height: 80vw;margin-left: calc(50% - 680px);}
  .title .flag {height: 20vw;margin-top: -2.5vw vw;}
  .intro {width: 100%;max-width: 1200px;display: flex;margin: 0 auto 30px;align-items: flex-start;}
  .intro img {max-width: 400px;display: flex;width: 35%;}
  .tittext {bottom: 2%;}
  .tittext p {font-size: 2.6vw;padding: 2vh 5vw 2vh;line-height: 1.4em;}
  .tittext br{display: none;}
  .moblie{display: none;}
  .pc{display: block;}

  .title .logo {height: 25.5vw;margin: 4vw calc(50% - 32vw);margin-top: 20vw;}
  .message {margin-left: calc(50% - 46vw);margin-top: 45vw;width: 94vw;}
  .footer {margin-top: 0;}
  .point {padding: 30px 20px 40px;padding-left: 40px;}
  .tittext p.titext-p {font-size: 1.5rem;}
}

@media screen and (max-width: 736px) {
  .title .flag {height: 20vw;margin-top: -2vw;}
  .title .logo {height: 25.5vw;margin: 4vw calc(50% - 32vw);margin-top: 17vw;}
  .tittext {padding: 3vw 1vw;bottom: -6%;padding-bottom: 8vw;}
  #top #slider {height: 97vw;width: 100vw;overflow: hidden;}
  #top #slider .show img {width: auto;height: 70vw;margin-left: calc(50% - 450px);}
  .message {margin-left: calc(50% - 46vw);margin-top: 42vw;width: 94vw;}
}

@media screen and (max-width: 576px) {
  .title .flag {height: 25vw;width: auto;margin-left: calc(50% - 47vw);margin-top: -3vw;float: left;}
  .title .logo {height: 30vw;margin: 4vw calc(50% - 38vw);margin-top: 26vw;}
  .message {margin-left: calc(50% - 46vw);margin-top: 60vw;width: 94vw;}
  #top #slider {height: 140vw;width: 100vw;overflow: hidden;}
  .tittext p {font-size: 3.8vw;padding: 0vh 5vw 2vh;line-height: 1.4em;}
  #top #slider .show img {height: 100vw;margin-left: calc(50% - 430px);}
  .tittext p.titext-p {font-size: 1.4rem;}
  .point {padding: 30px 20px 40px 20px;}
}

@media screen and (max-width: 425px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
  .picgroup {padding: 5px;background: #fff;width: 96vw;}
  #top #slider .show img {margin-left: calc(50% - 384px);}
  #top #slider {height: 152vw;width: 100vw;overflow: hidden;}
}