@charset "UTF-8";
/* CSS Document */
/* 共通Mixins
----------------*/
/* common
-----------------------------*/
#contents {
  padding-bottom: 0;
  margin-bottom: 0;
  /* margin-top: 54px; */
}

#contentsArea {
  width: 100%;
}

#contInner {
  width: 100%;
  margin: 0;
}

#wrapper #main {
  padding-top: 0;
}

#main {
  margin-bottom: 0;
}

#wrapper .pc_appear {
  display: none;
}

#wrapper .sp_appear {
  display: block;
}

/* ----------------------------
  content
------------------------------*/
/* --------------------
 共通
----------------------*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,600&display=swap');

.happiness {
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'MS PGothic', sans-serif;
}

.happiness *,
.happiness *:before,
.happiness *:after {
  box-sizing: border-box;
}

.happiness_contents {
  padding: 10.4% 0 14.4% 0;
}

.happiness_title {
  width: 92.5%;
  margin: -7.46% auto 0;
}

.happiness_title_lead {
  width: 84.66%;
  margin: 2.9% auto 0;
}

.section_inner {
  width: 95.66%;
  margin: 0 auto;
}

/* mainvisual
------------------------*/


/* nav
------------------------*/
.mainvisual_outer_frame {
  background: url(../img/sp/img-main.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.mainvisual_inner .nav {
  position: relative;
  width: 100%;
}

.nav .pagenav {
  margin-bottom: 4%;
}
.nav .pagenav_item {
  width: 100%;
  box-sizing: border-box;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 2%;
}
.nav .pagenav_item:first-child{
  margin-top: 0;
}
#wrapper .nav .pagenav_item img{
  width: 100%;
}
.nav .pagenav_item:not(:nth-child(1)),
.nav .pagenav_item:not(:nth-child(4)),
.nav .pagenav_item:not(:nth-child(6)) {
  margin-left: 0;
}
/* -----------------------------------
check_btn
-------------------------------------*/
.check_btn{
  width: 90%;
  padding: 0 0 9.5%;
}
.check_btn img:hover{
  opacity: 0.7;
  transition: .5s;
}
/* -----------------------------------
section_title
-------------------------------------*/
.feature_title,
.event_title,
.recommend_information_title {
  padding: 3.5% 3.5% 6%;
}
.mall_information_title{
  padding: 1% 10%;
}
/* -----------------------------------
CAMPAIGIN
-------------------------------------*/
.recommend_campaigin {
  width: 100%;
  padding: 1% 0 4%;
}

.recommend_campaigin_image{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 810px;
  width: 96%;
  margin: 0 auto;
}

.recommend_campaigin_image .image_list{
  margin-bottom: 5.5%;
  width: 100%;
}

.recommend_campaigin_image .image_list a img:hover{
  transition: .5s;
  opacity: 0.7;
}

/* -----------------------------------
Feature
-------------------------------------*/

.feature_title {
  font-size: 3.1em;
  text-align: center;
  font-weight: bold;
}

.recommend_kidsmenu_inner .photo {
  position: relative;
  border: 1px solid #cacaca;
}
.recommend_kidsmenu_inner .recommend_kidsmenu_arrow {
  position: absolute;
  bottom: 0;
  right: 0;
}
.recommend_kidsmenu_inner .img_txt {
  font-size: 1.3em;
  padding: 5%;
}
.recommend_kidsmenu_inner .recommend_kidsmenu_shopname{
  font-size: 1em;
  font-size: 3.4vw;
}
#kidsmenu .swiper-slide:after{
  position: absolute;
  content: '';
  width: 3%;
  height: 0;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #fff;
  bottom: 3%;
  right: 1%;
}

/* recommend
-------------------------------*/
.recommend_feature,
.recommend_event {
  width: 100%;
  padding: 0;
}

/* intro
-------------------------*/
.intro p {
  margin-bottom: 8%;
  font-size: 1rem;
  padding: 0 25px;
}

/* event
-------------------------*/
.event_area_outer_frame {
  /* padding: 4.5% 4%;
  background: -moz-linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background: -webkit-linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background: linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background-size: 21px 21px; */
}

.event_area {
  background: #fff;
}

.event_area li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.event_area li div {
  width: 100%;
  margin-right: 0;
}
.event_area li dl {
  width: 100%;
}

.recommend_event_inner {
  position: relative;
  z-index: 2;
}

.recommend_event_list {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recommend_event_item {
  width: 31.29%;
  margin-bottom: 30px;
  text-align: left;
}
.recommend_event_item dl{
  padding: 0 1%;
}

.recommend_event_image {
  margin-bottom: 14px;
}

.recommend_event_title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 13px;
}

.recommend_event_main_detail {
  font-size: 0.9rem;
}
.recommend_event_note {
  font-size: 0.9rem;
}
.recommend_event_detail {
  font-size: 0.9rem;
  line-height: 1.5;
}

.recommend_event .event_btn {
  width: 28%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.recommend_event .event_btn a {
  width: 100%;
  padding: 7% 0;
  position: relative;
  background: #D8005C;
  color: #fff;
}

.recommend_event .event_btn a:before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 6%;
}

.recommend_event .event_btn:hover {
  opacity: 0.7;
}



/* kidsmenu
-------------------------*/
.kidsmenu_area_outer_frame {
  /* padding: 4.5% 4%;
  background: -moz-linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background: -webkit-linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background: linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background-size: 21px 21px; */
}

.kidsmenu_area {
  background: #fff;
}

.kidsmenu_area li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.kidsmenu_area li div {
  width: 100%;
  margin-right: 0;
}
.kidsmenu_area li dl {
  width: 100%;
}

.recommend_kidsmenu_inner {
  position: relative;
  z-index: 2;
}

.recommend_kidsmenu_list {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recommend_kidsmenu_item {
  width: 31.29%;
  margin-bottom: 30px;
  text-align: left;
}
.recommend_kidsmenu_item dl{
  padding: 0 1%;
}

.recommend_kidsmenu_image {
  margin-bottom: 14px;
}

.recommend_kidsmenu_title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 13px;
}

.recommend_kidsmenu_main_detail {
  font-size: 0.9rem;
}
.recommend_kidsmenu_note {
  font-size: 0.9rem;
}
.recommend_kidsmenu_detail {
  font-size: 0.9rem;
  line-height: 1.5;
}

.recommend_kidsmenu .kidsmenu_btn {
  width: 28%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.recommend_kidsmenu .kidsmenu_btn a {
  width: 100%;
  padding: 7% 0;
  position: relative;
  background: #D8005C;
  color: #fff;
}

.recommend_kidsmenu .kidsmenu_btn a:before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 6%;
}

.recommend_kidsmenu .kidsmenu_btn:hover {
  opacity: 0.7;
}


.chipas_information_inner {
  padding-bottom: 20px;
}

.kidspas_information_inner {
  padding-bottom: 20px;
}

.kidspas_information_inner p{
  margin-bottom: 0;
  font-size: 1rem;
  padding: 0 25px;
}


#access .access {
  margin: 15px 35px;
}
.access_area address {
  font-size: 1rem;
}

/* recomennd_information
------------------------------*/
.recommend_information_inner {
    position: relative;
    z-index: 2;
}

.recommend_information_list li{
  padding-bottom: 0;
}

/* mall_information
-------------------------------*/
.mall_information_area{
  /* background: #FCFAF0; */
  padding: 6% 0;
}
.mall_information .chirashi_bnr{
  width: 90%;
  margin: 0 auto;
}

.mall_information {
  margin-top: -1px;
}

/* swiper
------------------------------*/
.swiper-slide a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.swiper-slide a:hover .photo {
  transition: 0.5s;
  opacity: 0.7;
  background: #000;
}

.swiper-container {
  /* margin-top: 4.5%; */
  width: 85%;
}

.swiper-wrapper {
  width: 100%;
  flex-wrap: nowrap;
}

.swiper-button-prev,
.swiper-button-next {
  background: url(../img/img-arrow.png) no-repeat center center;
  background-size: contain;
  width: 4.65%;
  height: 0;
  padding-top: 32.25%;
  margin-top: 0;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

#main_event .swiper-button-prev,
#main_event .swiper-button-next {
  background: url(../img/img-arrow-main-event.png) no-repeat center center;
  background-size: contain;
  width: 4.65%;
  height: 0;
  padding-top: 32.25%;
  margin-top: 0;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

#kidsmenu .swiper-button-prev,
#kidsmenu .swiper-button-next {
  background: url(../img/img-arrow-kidsmenu.png) no-repeat center center;
  background-size: contain;
  width: 4.65%;
  height: 0;
  padding-top: 32.25%;
  margin-top: 0;
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.7;
}

.swiper-button-prev {
  left: 0.58%;
  right: auto;
}

.swiper-button-next {
  right: 0.58%;
  left: auto;
  transform: scale(-1, 1);
}

.js-swiper-navigation {
  width: 75.5%;
  margin: 52px auto 0;
}

.js-swiper-navigation .thumb {
  transition: 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.js-swiper-navigation .thumb:hover {
  border: 3px solid #09961a;
  cursor: pointer;
}

.js-swiper-navigation .swiper-slide-active {
  border: 3px solid #09961a;
}

.recommend_feature_inner {
  margin: 0 auto;
  position: relative;
}

.swiper_nav {
  width: 100%;
  position: absolute;
  margin-top: 0;
  top: 30%;
  left: 0;
  right: 0
}

.swiper-button-prev, .swiper-button-next {
  width: 15px !important;
  height: 40px !important;
  position: absolute !important;
  top: -22vw !important;
  margin-top: 0 !important;
  display: block !important
}

.swiper-pagination {
  display: block;
  position: relative !important;
  padding: 5% 0 7.5%;
}

.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background-image: none !important;
  background-color: #353535 !important;
  border-radius: 50% !important;
  margin: 0 5px;
}

.swiper-pagination-bullet:after {
  border-radius: 50%;
  border: none !important
}

.swiper-pagination-bullet-active {
  background-color: #F4A000 !important
}

/* ------------------------
 remordal
 -------------------------*/
/* Close button */
.remodal_close {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 70px;
  height: 70px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #000;
  border: 0;
  outline: 0;
  background: 0 0;
}
.remodal_close:before {
  width: 70px;
  height: 70px;
  content: '';
  display: block;
  background: url(../img/btn-modal_close.png) no-repeat center center;
  background-size: contain;
  top: 0;
  right: 0;
  float: right;
}


/* remodal contents */
.remodal.remodal_wrap {
  max-width: 98.0625%;
  padding: 0.89% 4.52%;
}
.remodal_inner {
  text-align: left;
}
.remodal_inner .modal_iteminfo {
  width: 100%;
  margin-top: 6.2%;
}
.remodal_inner .modal_iteminfo_image {
  width: 100%;
  margin-bottom: 10px;
}
.remodal_inner .modal_iteminfo_image img {
  width: 100%;
  height: auto;
}
.remodal_inner .modal_iteminfo_text {
  width: 100%;
  margin: 0 auto 13px;
  line-height: 1.5;
}
.remodal_inner .modal_iteminfo_text .coordinate{
  padding-left: 1em;
  text-indent: -1em;
}
.remodal_inner .modal_iteminfo_text .item_theme{
  font-size: 17px;
  color: #24acde;
  font-weight: bold;
}
.remodal_inner .modal_iteminfo_text .item_point_title {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.remodal_inner .modal_iteminfo .modal_shopinfo_area dl{
  width: 100%;
  display:block;
}

.remodal_inner .modal_iteminfo .modal_shopinfo_area dt{
  display:block;
  width: 50%;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px 0 5px 0;
  border: 1px solid #e4e4e4c4;
}

.remodal_inner .modal_iteminfo .modal_shopinfo_area .shop_floor {
  text-align: center;
  display:inline-block;
  padding: 10px 5px;
  background: #F4A000;
  margin-bottom: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
  width: 10%;
}
.remodal_inner .modal_iteminfo .modal_shopinfo_area .shop_name {
  text-align: left;
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
  font-size: 1.5em;
  width: 75%;
}



#main_event .swiper-pagination-bullet-active {
  background-color: #0DAB66 !important;
}
#event .swiper-pagination-bullet-active {
  background-color: #F18FBA !important;
}


/* kidsday
-------------------------*/
.kidsday_area_outer_frame {
  /* padding: 4.5% 4%;
  background: -moz-linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background: -webkit-linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background: linear-gradient( -45deg, #9EDAF8 30%, #A8DDF8 30%, #A8DDF8 50%, #9EDAF8 50%, #9EDAF8 80%, #A8DDF8 80%, #A8DDF8 );
  background-size: 21px 21px; */
}

.kidsday_area {
  background: #fff;
}

.kidsday_area li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.kidsday_area li div {
  width: 100%;
  margin-right: 0;
}
.kidsday_area li dl {
  width: 100%;
}
.kidsday-bnr-area {
  margin-bottom: 8%;
}