@charset "UTF-8";
html,body {
  overflow: inherit !important;
}
body {
  background: #fff;
}
.special-cont {
  max-width: 1000px;
  margin: 0 auto;
}
img {
  max-width: 100%;
  image-rendering: auto !important;
}
.block.slider {
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
}
@media (max-width: 1420px) {
  .block.slider {
    transform: scale(0.9);
    margin: -30px 0;
  }
}
@media (max-width: 1100px) {
  .block.slider {
    transform: scale(0.75);
    margin: -60px 0;
  }
}
#contents {
/*
    padding-top: 20px !important;
*/
    position: relative;
}
#contents-main {
 padding: 2em 0;
}

.container {
 max-width: 640px;
}
.topback {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: calc((100% - 800px)/2);
}
.topback a {
  display: inline-block;
}

.container.mx800 {
 max-width: 800px;
}

.container.mx960 {
 max-width: 960px;
}

.block {
 margin-bottom: 0;
 position: relative;
}

.adjust-top {
 padding-top: 50px;
}

.adjust-bottom {
 padding-bottom: 50px;
}

.adjust-vertical {
 padding-top: 30px;
 padding-bottom: 30px;
}
/*@media (min-width: 769px) {
  .tp-caption {
    position: relative;
  }
  .tp-caption:after {
      content: "※画像はイメージです";
      display: block;
      color: #fff;
      text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
      position: absolute;
      right: 0;
      left: 0;
      max-width: 1500px;
      bottom: 5px;
      margin: 0 auto;
      text-align: right;
      font-size: 11.5px;
      letter-spacing: 0.05em;
  }
}*/
/* スライダー*/


.tp-revslider-mainul,
.tp-revslider-mainul li {
 overflow: visible !important;
}

.tp-banner-container {
/*
 margin: auto auto 10px;
*/
 margin: 0 auto;
 width: 960px;
 position: relative;
}

.tp-leftarrow {
 top: 255px !important;
 left: -160px !important;
}

.tp-rightarrow {
 top: 260px !important;
 right: -160px !important;
}


/* スライダーサムネイル?*/

.tp-bullets {
  width: 100% !important;
  height: auto !important;

  height: 80px !important;

  position: relative !important;
  /*left: 370px !important; */
  left: 0 !important;
  /*left: 80px !important; /*3つならび*/
  /*left: 5px !important; 4つならび*/
  bottom: 0 !important;
  margin: 0px auto -10px !important;
  margin: 0 auto 0 !important;


  padding: 25px 0 10px!important;

  padding: 10px 0 10px!important;

}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
 text-align: center !important;
 width: 100% !important;
 height: auto !important;
}

.bullet.thumb {
 display: inline-block !important;
 position: static !important;
 -webkit-background-size: 100% 100% !important;
 -o-background-size: 100% 100% !important;
 background-size: 100% 100% !important;
 margin-right: 1.4% !important;
}

.bullet.thumb.first {
 display: none !important;
}

.tp-bullets.tp-thumbs .tp-mask {
 max-width: 960px;
 width: 100% !important;
 margin: auto;

 height: 71px !important;
 height: 80px !important;


 /* height: 53px !important; */

}

.tp-thumbcontainer {
 left: 0 !important;
}

.tp-banner-container h2 {
 font-size: 3em;
 line-height: 1.4;
 color: #fff;
}

.tp-banner-container p {
 font-size: 1.13em;
 line-height: 1.6;
 color: #fff;
}


/* ヘッダー?*/

#header {
 position: relative;
 max-height: 70px;
 z-index: 999;
 margin-bottom: 0;
}

#header h1 {
 font-size: 1em;
 position: absolute;
 width: 290px;
 line-height: 0;
 padding: 1.5em 0 0;
}

#header.lower h1 {
 font-size: 1em;
 position: static;
 max-width: 290px;
 line-height: 0;
 padding: 1.56em 0 1.56em;
}

#header .btd {
 margin: 0.7em 0;
 width: 20%;
}
.pagetop.shift {
    bottom: 16%;
}

/* ナビゲーション?*/

.nav {
 width: 100%;
 z-index: 9999;
 top: 0;
}

.nav .menu-top a:hover {
 opacity: 1;
}

.menu-top {
 padding: 15px 0 10px;
 background: #b70984;
}

.menu-top a {
 display: inline-block;
 vertical-align: top;
}

.nav-wrap{
/*  max-width: 800px;*/
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.block .menu-bottom {
  background: #363636;
}
.menu-bottom {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
 padding: 12px;
 /* ブラックフライデー */
  background: url(../img/common/nav_bg.png) #d29e43 no-repeat center;
 /* 通常 */
 /*background: url(../img/common/nav_bg.png) #df83c5 no-repeat center;*/
 /* max-height: 80px; */
 background-size: cover;
}
@media (max-width: 1200px) and (min-width: 769px) {
  #contents {
       padding-left: 0px;
       padding-right: 0px;
  }
}

@media (max-width: 1200px) {
  /* .map {
       width: 100% !important;
  }
  .map li {
      transform: scale(1.0) !important;
  }
  .map li div {
      font-size: 11px !important;
  } */
}
.map {
  background-image: none !important;
}
.mapcont {
  background: url(/common/images/shoplist/map_bg2.jpg) repeat-x;
  overflow: hidden;
  max-width: 100%;
}

/* #main {
  max-width: 775px;
  margin: 0 auto;
  overflow: hidden;
} */


.menu-bottom.close {
 overflow: hidden;
 padding: 0;
 height: 0;
}

.menu-bottom.open {
 padding: 8px;
 height: auto;
}

.menu-bottom .shape01 img,
.menu-bottom .shape02 img {
  display: block;
  margin: 0 auto;
}

.menu-bottom .nav-item{
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.block .menu-bottom p {
  font-size: 308%;
  text-align: center;
  color: #fff;
}
.menu-bottom .nav-item a {
 position: relative;
 display: block;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.menu-bottom .nav-item a img:nth-child(2) {
  display: none;
}

.menu-bottom .active .triangle {
 position: absolute;
 top: auto;
 bottom: -8px;
 left: 50%;
 margin-left: -8px;
 width: 0;
 height: 0;
 background: none;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
}

/*.menu-bottom div[class*="nav0"].active .triangle {
 border-top: 10px solid #b50081;
}*/

/* アニメーション関連?*/

.zindx999 {
 position: relative;
 z-index: 999;
}

.chirashi-animate {
 position: relative;
}

.parallax01 .ornament01 {
  /*
  background: url(../chi/bg.jpg) repeat top center;
  background-size: 50%;
  */
  background-color: #beddbd;
  background-color: #000;

}

.parallax01 .ornament02 {
  background-image: url(../chi/aeon_parallax.png);
  background-size: contain;
  background-repeat:repeat-y;
  background-color: #1bb8e6;
  background-color: #000;

}

@media (max-width:768px) {
  .parallax01 .ornament02 {
    background-image: none;
  }
}

.parallax01.aeon02 .adjust-vertical {
  background: url(../chi/aeon03_parallax02_01.png);
  background-size: 100% auto;
  max-width: 100%;
}
.parallax01.aeon02 .adjust-vertical img {
  display: block;
  margin: 0 auto;
}

.parallax0303 {
 background: url(../chi/aeon03_sakura.png)  center 65px no-repeat fixed;
 background-size:cover;
}

.slide02 {
 background: url(../slider/slider02_bg02.png)  fixed center top repeat;
 background-size:cover;
}


.bg01 {
 background: #fff;
}


.bg02 {
 background:#fff;
}


.bg03 {
 background:#fff;
}

.bg04 {
 background:#fff;
}

.bg06 {
 background: url(../chi/03_bg02.png) no-repeat center bottom;
 background-attachment: fixed;
 background-size: cover;
}

.bg-aeon {
 background-color: #b70984;
}


/* ページ関連?*/

.aeon04_header {
 padding: 1.69em 1.44em;
 background: #c00008;
}

.pagetop {
 -webkit-transition: all .3s;
 transition: all .3s;
 position: fixed;
 right: 3%;
 bottom: 5%;
 z-index: 9999;
}

.pagetop a:hover {
 opacity: 1;
}

.return {
  border: 1px solid #000;
  display: block;
  width: 89%;
  margin: 10px auto;
  max-width: 640px;
  box-sizing: border-box;
  padding: 4px 0;
}

.btn.aeon {
 background: #B70984;
}

.container-space {
 margin-top: 30px;
}


/* フッター?*/

#footer a {
 color: #000;
}

#footer a:hover {
 color: #B50083;
}

div#footer {
 clear: both;
 background: #FFF;
 font-family: Meiryo;
 text-align: left;
 font-size: 12px;
}

div.footer_top {
 height: 40px;
}

div.footer_btm {
 border-top: #000 solid 1px;
 padding: 10px 0 0;
}

#footer ul {
 list-style: none;
 margin: 0 0 0 0;
 padding: 12px 0 0 0px;
}

#footer ul.footer_l {
 float: left;
}

#footer p.footer {
 float: right;
 color: #000;
 font-size: small;
 padding-top: 12px;
 margin: 0;
}

#footer li.inline {
 float: left;
 list-style: none;
 margin: 0 0 0 0;
 padding: 0 8px 0 8px;
 border-right: #505046 solid 1px;
}

#footer li.start {
 float: left;
 list-style: none;
 margin: 0 0 0 0;
 padding: 0 8px 0 0px;
 border-right: #505046 solid 1px;
}

#footer li.last {
 float: left;
 list-style: none;
 margin: 0 0 0 0;
 padding: 0 8px 0 8px;
 border: none;
}

#footer ul.footer_btmmenu {
 float: left;
 margin: 0 0 0 24px;
 padding: 0 0 0 6px;
 border-left: 4px #666 solid;
 line-height: 16px;
 text-decoration: underline;
}

#footer li.btmmenu {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

#footer img.footerimg {
 float: left;
 margin: 2px 0 0 0;
}

#footer img.tree {
 float: right;
 margin: 4px 0 0 0;
}
.parallax06 {
 background: url(../chi/aeon03_parallax01.png) no-repeat center bottom;
 background-attachment: fixed;
 background-size:cover;
}

.parallax07 {
background: url(../chi/aeon03_parallax07.jpg) ;
 background-attachment: fixed;
 background-size:cover;
}

.parallax08 {
background: url(../chi/aeon03_parallax08.png);
 background-size:cover;
 background-attachment: fixed;
 }

 .parallax05 {
 background: url(../chi/bg_01.png) repeat fixed;
}

.parallax052 {
 background: url(../chi/bg_02.png) repeat fixed;
}

 .parallax02 {
 background: url(../chi/bg_03.png) repeat fixed; background-size:cover;
 background-attachment: fixed;
}

.parallax022 {
 background: url(../chi/bg_04.png) repeat fixed; background-size:cover;
 background-attachment: fixed;
}
hover
.spring-btn {
  position: relative;
}
.spring-btn a {
  position: absolute;
  right: 10px;
  top: 10px;
}

.link-btn,
.app_btn {
  position: relative;
}
.link-btn .btn02 {
  position: absolute;
  right: 25px;
  top: 77px;
}
.btn-left{
  position: relative;
}
.btn-left .tap{
  position: absolute;
  top: 24%;
  right: 4%;
}

@media (max-width:768px) {
  .link-btn a img {
    width: 25vw;
  }
  .link-btn a {
    right: 4%;
    top: 16%;
  }
}

.app_btn ul li { display: inline-block; }
.app_btn ul li:first-child { margin-right: 10px; }
.app_btn ul li a:hover {
    opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
}
.app_btn ul {
  margin: 25px 0 30px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

@media(max-width:768px){
  .app_btn img {
    width: 100%;
    height: auto;
  }
  .app_btn ul li:first-child {
        width: 44%;
        margin-right: 3%;
    }
    .app_btn ul {
        max-width: 500px;
    }
    .app_btn ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .app_btn ul li:nth-child(2) {
        width: 53%;
    }
    .app_btn ul li {
        float: left;
        max-width: 270px;
    }
}
@media(min-width:769px){
  .map li {
    transform: scale(1);
  }
}


/* 動画コンテンツ TOPページ動画セクションVer */
/*
.movie_bg{
  background: url(../chi/bg.jpg) repeat top left;
}
*/
#movie {
  width: 940px;
  margin: 0 auto 20px;
  padding-top: 20px;
  padding-bottom: 41px;
  color: #000;
}

.movie_cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.movie_item {
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.movie_item iframe {
  display: block;
  width: 449px;
  height: 253px;
}
.movie_productname {
  margin-top: 20px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

/* 動画コンテンツ TOPページ動画セクションVer ここまで */


/* 動画コンテンツ ページ内コンテンツVer */
/* .movie_cont{
  position: relative;
}
.movie_cont > img {
  position: relative;
}
.movie_item {
	width: 93%;
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding: calc(315 / 560 * 100%) 0 0;
}
.movie_item.earphone{
  top: 57.5%;
}
.movie_item.programing{
  top: 55.5%;
}
.movie_item iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

/* 動画コンテンツ ページ内コンテンツVer　ここまで */

/* 専門店入口バナー設置 */
.senmonten {
  width: 400px;
  margin: 20px auto 10px;
}



.link_cont {
	position: relative;
}
.link_cont > img {
	position: relative;
}
.link_cont > a {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.link_cont.link01 a {
	width: 83.733%;
	bottom: 5%;
}

.link_cont.link02 a {
	width: 95.733%;
	top: 1%;
}
.link_cont.link03 a {
	width: 95.467%;
	bottom: 10%;
}






.link_cont.link04 a{
	width: 94%;
	top: 31.5%;
}

/* .link_cont.link04 a.ios_btn {
	width: 33%;
	top: 46%;
	left: 28%;
}
.link_cont.link04 a.android_btn {
	width: 40%;
	top: 46%;
	left: 69%;
} */

/*
.link_cont.link04 a.ios_btn {
	width: 86%;
	top: 82%;
}
.link_cont.link04 a.android_btn {
	width: 86%;
	top: 82%;
}
*/

.link_cont.link05 a {
	bottom: 6%;
}
.link_cont.link05 .ios_btn{
  width: 36%;
  left: 28%;
}
.link_cont.link05 .android_btn{
  width: 43%;
  left: 69%;
}

.link_cont.link06 a {
	width: 86%;
	top: 84%;
}

.link_cont.link07 a {
	width: 86%;
	bottom: 6%;

}

.link_cont.link08 a {
	width: 100%;
	bottom: 0;
}