@charset "UTF-8";
/* CSS Document */

/* ===== 共通 ===== */
body a:hover{
  opacity:0.8;
}

/* ===== loop ===== */
.news_box div.loop p{
  padding:5px;
}

a.anchor{
  display:block;
  padding-top:200px;
  margin-top:-200px;
}

/* ===== movie ===== */
.movie_box{
  text-align:center;
}
.movie_box p{
  margin-bottom:20px;
  font-size:20px;
  line-height:2em;
}
.movie_box h3{
  text-align:center;
  margin-bottom:20px;
  font-size:2em;
}
.movie{
  max-width:900px;
  padding:60px 20px;
  margin:0 auto;
  line-height:1.6;
}
.movie-wrap{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
}
.movie-wrap iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.movie p{
  padding:10px;
}
.movie p.btn{
  padding:10px;
  margin:30px auto;
  font-weight:bold;
  font-size:1.6em;
  background-color:#333;
  max-width:400px;
  text-align:center;
  border-radius:2em;
}
.movie p.btn a{
  color:#fff;
}

/* ===== map ===== */
.google_map{
  position:relative;
  width:100%;
  height:400px;
  padding:0 50px;
}
.google_map iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:400px;
}

/* ===== click try ===== */
div.click-try-head{
  margin:0 auto 150px;
  width:850px;
  background:#cbcbcb1f;
  padding:50px 100px;
}
div.click-try-head p.campaign{
  margin:30px 10px;
}
div.click-try-head img{
  margin-bottom:30px;
}
div.click-try-head ul li{
  padding-left:1em;
  text-indent:-1em;
}
div.click-try-head p{
  text-align:left;
}
div.click-try-head p.notice{
  margin:0 0 50px 0;
  font-size:22px;
  font-weight:700;
  color:#DF4648;
  text-align:center;
}

/* ===== PC/SP ===== */
.pc{display:block!important;}
.sp{display:none!important;}

@media only screen and (max-width:750px){
  .pc{display:none!important;}
  .sp{display:block!important;}
}

/* ===== another ===== */
p.another-text{
  font-size:16px;
  width:850px;
  margin:0 auto;
  padding-bottom:30px;
}

/* ===== link ===== */
div.link{
  margin:0 auto 50px;
  width:650px;
}
div.link p.anotherstore{
  padding:20px 0;
  text-align:center;
  font-size:30px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.1);
}
div.link p.anotherstore:hover{
  box-shadow:6px 6px 6px rgba(0,0,0,0.1);
}

/* ===== company ===== */
div.company{
  width:1000px;
  margin:0 auto;
}
div.company h2{
  text-align:center;
  font-size:30px;
  padding:50px 0;
}
div.company div.company-inner{
  padding:30px;
}
div.company div.company-inner p{
  padding:10px 30px 30px 20px;
  margin-bottom:50px;
  box-shadow:6px 6px 6px rgba(0,0,0,0.1);
  border:1px solid rgba(0,0,0,0.1);
}
div.company div.company-inner dl{
  padding:10px 30px 30px 30px;
  box-shadow:6px 6px 6px rgba(0,0,0,0.1);
  border:1px solid rgba(0,0,0,0.1);
  margin-bottom:50px;
}
div.company div.company-inner dl dt{
  font-weight:bold;
  padding-top:10px;
}
div.company div.company-inner dl dd{
  padding-left:1em;
  text-indent:-0.5em;
}

/* ===== 見出し ===== */
div.brand-head p,
div.recommend-head p,
div.cat-head p,
div.map-head p,
div.another-head p#another-link,
div.contact-head p{
  text-align:center;
  font-size:30px;
  padding:60px 0;
  letter-spacing:0.1em;
  font-weight:bold;
}
div.brand-head p em,
div.recommend-head p em,
div.cat-head p em,
div.map-head p em,
div.another-head p em{
  display:block;
  font-size:15px;
  color:#999;
}

/* ===== その他 ===== */
div.box_r p span{
  margin-right:20px;
}

div.w1000 p.img{
  margin-bottom:20px;
}
div.w1000 p.info-text{
  width:400px;
}

/* ===== SP調整 ===== */
@media screen and (max-width:767px){

  .movie p.btn{
    font-size:0.8em;
    max-width:300px;
  }

  div.click-try-head{
    padding:10px;
    width:auto;
    margin:0 20px;
  }

  div.click-try-head p{
    margin:0 20px;
  }

  div.click-try-head ul{
    margin:0 20px;
  }

  p.another-text{
    width:auto;
    margin:0 30px;
    font-size:16px;
  }

  div.link{
    width:auto;
    margin:0 30px 30px;
  }

  div.w1000 p.info-text{
    width:auto;
    padding:0 10px;
  }

}