@charset "utf-8";
/* ===================================================================
CSS information : index_sp.css(Tablet用)

=================================================================== */

.pc_block{
  display: none;
}

.sp_block{
  display: block;
}

img {
  display:block;
  width:100%;
  height: auto;
}


/* レイアウト 包括要素の制御
------------------------------------------------------------------- */
body {
  width:100%;
}

#headContainer #header,
#contentsContainer #contents,
#footContainer #footer {
  width:96.6%;
}


/* headContainer
------------------------------------------------------------------- */

#headContainer #header {
  margin:0 auto;
  padding:10px 0 0;
  background:none;

  border-radius:0px;
  -ms-border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  -o-border-radius:0px;
}

#headContainer #header h1 {
  width:50%;
  float:left;
  position:static;
  padding-top:10px;
}

#headContainer #header h1 a {
  width:90% !important;
  margin:0 auto;
  display:block;
}

#headContainer #header h1 a img {
  display:inline;
  vertical-align:middle;
}

#headContainer #header .header_top {
  background-color:#ffffff;
  margin-bottom:10px;
  padding-bottom:0px;

  border-radius:5px;
  -ms-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
}

#headContainer #header .header_top ul {
  width:45%;
  margin:0px;
  padding-top:10px;
}
#headContainer #header .header_top ul li {
  float:none;
  margin:0 0 6px 0;
}


#headContainer #header .header_bottom {
  background-color:#ffffff;
  overflow:hidden;
  margin-bottom:10px;

  border-radius:5px;
  -ms-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
}

#headContainer #header .header_bottom ul {
  background-color:#e8e7e3;
  float:none;
  padding:0;
}

#headContainer #header .header_bottom ul li {
  width:49.8%;
  height:40px;
  float:left;
  margin:0px;
  line-height:0;

  border-bottom:2px solid #e8e7e3;

  background:url(../img/sp/bg-arrow.png) no-repeat 95% 50%,-moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
  background:url(../img/sp/bg-arrow.png) no-repeat 95% 50%,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
  background:url(../img/sp/bg-arrow.png) no-repeat 95% 50%,-webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
  background:url(../img/sp/bg-arrow.png) no-repeat 95% 50%,-ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
  background:url(../img/sp/bg-arrow.png) no-repeat 95% 50%,linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
}

#headContainer #header .header_bottom ul li:nth-child(2n) {
  float:right;
  border-right:none;
}

#headContainer #header .header_bottom ul li.floor,
#headContainer #header .header_bottom ul li.access {
  border-bottom:none;
}

#headContainer #header .header_bottom ul li a {
  width:100% !important;
  height:40px;
  display:block;

  background-position:10px 20px;
}

#headContainer #header .header_bottom ul li.event a,
#headContainer #header .header_bottom ul li.event a:hover {
  background:url(../img/header/btn-event_off.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.campaign a,
#headContainer #header .header_bottom ul li.campaign a:hover {
  background:url(../img/header/btn-campaign_off.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.recruit a,
#headContainer #header .header_bottom ul li.recruit a:hover {
  background:url(../img/header/btn-recruit_off.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.coupon a,
#headContainer #header .header_bottom ul li.coupon a:hover {
  background:url(../img/header/btn-coupon_off.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.floor a,
#headContainer #header .header_bottom ul li.floor a:hover {
  background:url(../img/header/btn-floor_off.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.access a,
#headContainer #header .header_bottom ul li.access a:hover {
  background:url(../img/header/btn-access_off.png) no-repeat 15px 50%;
}

#headContainer #header .header_bottom ul li.event.current a,
#headContainer #header .header_bottom ul li.event.current a:hover {
  background:url(../img/header/btn-event_on.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.campaign.current a,
#headContainer #header .header_bottom ul li.campaign.current a:hover {
  background:url(../img/header/btn-campaign_on.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.recruit.current a,
#headContainer #header .header_bottom ul li.recruit.current a:hover {
  background:url(../img/header/btn-recruit_on.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.coupon.current a,
#headContainer #header .header_bottom ul li.coupon.current a:hover {
  background:url(../img/header/btn-coupon_on.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.floor.current a,
#headContainer #header .header_bottom ul li.floor.current a:hover {
  background:url(../img/header/btn-floor_on.png) no-repeat 15px 50%;
}
#headContainer #header .header_bottom ul li.access.current a,
#headContainer #header .header_bottom ul li.access.current a:hover {
  background:url(../img/header/btn-access_on.png) no-repeat 15px 50%;
}

#headContainer #header .header_bottom ul li a span {
  display:none;
  visibility:hidden;
  margin-top:0px;
}

.body_background {
  display: none;
}

/* mainArea
------------------------------------------------------------------- */
#mainArea,
#flashArea,
#flashArea #notFlash,
#flashArea #notFlash img,
#mainVisual,
#thumbVisual,
#thumbVisual inner,
#mainVisual ul li,
#mainVisual ul li a,
#mainVisual ul li img {
  display:block;
  width: 100%;
}
#mainArea {
  height:auto;
  position:static;
  margin:0 auto 10px;
}

/* mainSlider
------------------------------------------------------------------- */
#mainSlider {
  padding-bottom:0px;
}
#thumbVisual {
  width:100%;
}
#thumbVisual .inner {
  width:100%;
  padding-top:0px;
  position:relative;
}
#thumbVisual ul {
  display:none;
}
#thumbVisual #thumbIcn {
  position: absolute;
  top:50%;
  display:table;
  width:100%;
  margin:0 auto;
}
#thumbVisual #thumbIcn ul {
  width:70%;
  display:table;
  text-align:center;
  margin:0 auto;
}
#thumbVisual #thumbIcn ul li {
  width:10px;
  display:inline-table;
  margin-right:13px !important;
  float:none !important;
  cursor:pointer;
}

#mainSlider #prev {
  left:20px;
  bottom:8%;
}

#mainSlider #next {
  right:20px;
  bottom:8%;
}
#thumbFrame {
  display:none;
}


/* flashArea
------------------------------------------------------------------- */
#contents .flashmain{
    height:auto;
}

#flashArea {
    height:auto;
}

/* scInfo
------------------------------------------------------------------- */
#scInfo {
  width:100%;
  float:none;
  margin-bottom: 10px;
}
#scInfo .inner {
  padding:10px;
}
#scInfo .inner dl {
  padding:12px 0 10px 0;
  border-top:1px dotted #bebebe;
}

/* newsArea
------------------------------------------------------------------- */
#newsArea {
  padding-top:0px !important;
  width:100%;
}

#contents .flashNews{
    padding-top: 0;
}

#newsArea .category_bar {
  margin-bottom: 15px;
}

#newsArea .sp_bar {
  display: inline;
  width: 100%;
}
#newsArea .pc_bar,
#newsArea .tb_bar {
  display: none;
}

#newsArea ul {
  position:static !important;
  height:auto !important;
}
#newsArea ul li {
  width:100%;
  position: relative !important;
  top:0px !important;
  margin-bottom:10px;
  padding:0px;
  box-sizing: border-box;
}
#newsArea ul li div.news,
#newsArea ul li div.event,
#newsArea ul li div.campaign {
  padding:15px 15px;
}

#newsArea ul li div .thumb {
  margin-bottom: 12px;
}
#newsArea ul li div p {
  margin-bottom: 20px;
}


/*#newsArea ul li div h2 {
  font-size:100%;
}

#newsArea ul li div dl {
  width:100%;
}

#newsArea ul li div dl:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#newsArea ul li dt {
  padding-bottom:10px;
}

#newsArea ul li dd {
  overflow:hidden;
}

#newsArea ul li dd.thumb {
  float:left;
  width:30%;
  margin:0px !important;
  padding-right:10px;
}*/


/* sideArea
------------------------------------------------------------------- */
#sideArea {
  width:100%;
  float:none;
}

#sideArea ul li {
  width:100% !important;
  margin:0 auto 10px;
}

#sideArea ul li img {
  width:100% !important;
}


/* mailMagazine
------------------------------------------------------------------- */
#mailMagazine h3,
#mailMagazine h3 img {
  width:100% !important;
}

#mailMagazine .inner {
  width:100% !important;
  background:url(../img/index/aside/bg-email-sp_bottom.gif) no-repeat left bottom #ffffff;
  background-size:contain;
  -moz-background-size:100% auto;
  -webkit-background-size:100% auto;
  -ms-background-size:100% auto;
  -o-background-size:100% auto;
  padding:4px 0 30% 0;
}

#mailMagazine .inner p {
  width:80% !important;
}

/* aeonGuidance
------------------------------------------------------------------- */
#aeonGuidance {
  width:100% !important;
  padding-bottom:10px;
}
#aeonGuidance:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#aeonGuidance dl {
  padding:10px 0 0 0;
}

#aeonGuidance dl.mall {
  float:left;
  padding-left:15px;
}
#aeonGuidance dl.sc {
  float:right;
  padding-right:15px;
}
#aeonGuidance dt {
  font-size:100%;
}

/* adobe
------------------------------------------------------------------- */

#adobe {
  display:none;
}

/* bnrArea
------------------------------------------------------------------- */
#bnrArea {
  display:none;
}
/* spBnrArea
------------------------------------------------------------------- */
#spBnrArea {
  display:block;
  width:100%;
  margin:0 auto;
}
#spBnrArea:after{
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#spBnrArea li {
  width:48%;
  float:left;
  margin:0 12px 10px 0;
}

#spBnrArea li:nth-child(2n) {
  float:right;
  margin:0 0 10px 0;
}

#spBnrArea li img {
  width:100%;
}



/* footerContainer
------------------------------------------------------------------- */
#footContainer {
  padding-bottom:10px;
}
#footContainer #footer {
  margin-bottom: 0 !important;
}

#footContainer #footer #footNavi {
  width:310px;
  margin:0 auto;
  text-align:center;
  float:none;
  padding:15px 0 15px 0;
}



#footContainer #footer #footNavi li {
  display:inline;
  float:none;
}
#footContainer #footer #footNavi li:nth-child(2) {
  border-right:none;
  margin-right:0px;
}
#footContainer #footer #footNavi li:nth-child(3) {
  white-space:nowrap;
}

#footContainer #footer #greenBnr {
  width:110px;
  float:none;
  margin:0 auto;
  padding:0px;
}

#footContainer #footer #copyRight {
  font-size:100%;
  padding-left:0px;
  text-align:center;
}

.YoutubeWrapperSP {
  display:block;
  position: relative;
  margin: 20px 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
 
.YoutubeWrapperSP iframe, .YoutubeWrapper object, .YoutubeWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.YoutubeWrapperPC {
  display:none;
}

/* special_modal
------------------------------------------------------------------- */
.special_modal {
  display: none;
}
#mainArea .special_modal_main_contents {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 16px;
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
#mainArea .special_modal_main_contents iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}


/* first_modal
------------------------------------------------------------------- */
.first_modal {
  position: absolute;
}
.first_modal_main {
  position: relative;
  top: 0;
  left: auto;
  width: 90%;
  margin: 50px auto 0;
  -webkit-transform: none;
  transform: none;
}
.first_modal_main_contents {
  position: relative;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.first_modal_main_contents img,
.first_modal_main_contents iframe {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}


/* #language_type
------------------------------------------------------------------- */
#language_type {
  padding: 9px 0 12px 0;
}
#language_type .inner{
  width: 92.1%;
  margin: 0 auto;
  font-size: 70%;
}


#language_type:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}

#language_type h1{
  float: left;
  width: 24.7%;
}

#language_type ul{
  float: right;
  width: 66%;zoom:1;
}

#language_type ul:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}

#language_type ul li{
  float: left;
  margin: 0 0 0 1.3%;
  width: 18.9%;
}

#language_type ul li:first-child{
  margin-left: 0;
}