@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/*reset.css*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, *::before, *::after {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* LP CSS */
#container {
  margin: 0 auto;
  width: 100%;
}
.column2R #main {
  float: none;
  width: auto;
}
#lp_page {
  margin-top: 0 !important;
}
@media screen and (max-width: 479px) {
	#container {
		margin-bottom: 0 !important;
	}
	#lp_page {
		width: 100% !important;
		margin-bottom: 0 !important;
	}
}
/*ヘッダー非表示*/
#Header, #Globalnavi, .leadSection {
  display: none !important;
}
/*フッター非表示*/
.footerTagline, .footerTagline, #footer, #footerLinks, #footerCopy, .pagetop {
  display: none;
}
.p-registered,.l-pagetop.p-pagetop,.l-footer.p-footer {
	display: none!important;
}


body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  text-align: center; }
  @media screen and (max-width: 479px) {
    body {
      font-size: 2.70833vw; } }

html.of_h {
  overflow: hidden; }

#wrapper {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 480px) {
    #wrapper {
      min-width: 1050px; } }
  #wrapper img {
    max-width: 100%;
    vertical-align: bottom; }

.fw_b {
  font-weight: bold; }

.fw_n {
  font-weight: normal; }

.fz_s {
  font-size: 0.8em; }

.fz_l {
  font-size: 1.2em; }

.ul_yellow {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffd006), color-stop(40%, #ffe713), color-stop(40%, transparent), to(transparent));
  background-image: -webkit-linear-gradient(bottom, #ffd006 0%, #ffe713 40%, transparent 40%, transparent 100%);
  background-image: -o-linear-gradient(bottom, #ffd006 0%, #ffe713 40%, transparent 40%, transparent 100%);
  background-image: linear-gradient(0deg, #ffd006 0%, #ffe713 40%, transparent 40%, transparent 100%); }

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

@media screen and (min-width: 480px) {
  .sp {
    display: none !important; } }

a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  a:hover {
    opacity: 0.7; }

.mv_slide img {
	width: 100%;
}
.mv_slide .slick-dots {
	bottom: -30px;
}
.mv_slide .slick-dots li {
	margin: 0 10px;
}
.mv_slide .slick-dots li button:before {
	font-size: 30px;
}

.inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1300px; }
  @media screen and (max-width: 479px) {
    .inner {
      padding: 0 5.20833vw; } }

.common_ttl {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 30px; }
  @media screen and (max-width: 479px) {
    .common_ttl {
      font-size: 6.45833vw;
      margin-bottom: 4.16667vw; } }

.common_btn {
  max-width: 360px;
  width: 100%;
  margin: 0 auto; }
  .common_btn a {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-weight: bold;
    font-size: 18px;
    color: #FFF; }
    @media all and (-ms-high-contrast: none) {
      .common_btn a {
        padding: 22px 0 18px; } }
    @media screen and (max-width: 479px) {
      .common_btn a {
        width: 90%;
        padding: 3.125vw 0;
        font-size: 4.79167vw; } }
    .common_btn a span {
      position: relative;
      z-index: 1;
      color: #FFF; }
.common_btn a span .small {
	font-size: 16px;
}
    @media screen and (max-width: 479px) {
.common_btn a span .small {
	font-size: 3.9vw;
		}}
    .common_btn a::after {
      content: '';
      display: block;
      width: 50%;
      height: 250%;
      position: absolute;
      bottom: 0;
      right: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transform: translateX(70%) translateY(75%) rotate(45deg);
      -ms-transform: translateX(70%) translateY(75%) rotate(45deg);
      transform: translateX(70%) translateY(75%) rotate(45deg); }
    @media screen and (min-width: 480px) {
      .common_btn a:hover::after {
        -webkit-transform: translateX(58%) translateY(60%) rotate(45deg);
        -ms-transform: translateX(58%) translateY(60%) rotate(45deg);
        transform: translateX(58%) translateY(60%) rotate(45deg); }
      .common_btn a:hover {
        opacity: 0.8; } }

@media screen and (max-width: 479px) {
  #kv .kv img {
    width: 100%; } }

#kv .logo {
  text-align: left;
  padding: 20px 30px; }
  @media screen and (max-width: 479px) {
    #kv .logo {
      padding: 4.16667vw;
      width: 45.83333vw; } }

.cp_ttl {
  padding: 10px 0 40px; }
  @media screen and (max-width: 479px) {
    .cp_ttl {
      padding: 3.125vw 0; }
      .cp_ttl img {
        width: 91.66667vw; } }

#about {
  background: url(/5info/img/why_galleria_spring_camp/bg.png); }
  @media screen and (max-width: 479px) {
    #about {
      background: url(/5info/img/why_galleria_spring_camp/bg_sp.png);
      background-size: 10px auto; } }
  #about .ttl_area {
    padding: 70px 0;
    font-weight: bold;
    border-bottom: 2px solid #eeeeee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 479px) {
      #about .ttl_area {
        padding: 9.375vw 5.20833vw; } }
    #about .ttl_area .sec_ttl {
      font-size: 48px;
      margin-bottom: 30px;
      letter-spacing: .05em; }
      @media screen and (max-width: 479px) {
        #about .ttl_area .sec_ttl {
          font-size: 5.625vw;
          margin-bottom: 3.125vw; } }
      #about .ttl_area .sec_ttl span.spacing {
        letter-spacing: .09em; }
      #about .ttl_area .sec_ttl span.large {
        font-size: 54px; }
        @media screen and (max-width: 479px) {
          #about .ttl_area .sec_ttl span.large {
            font-size: 6.25vw; } }
        #about .ttl_area .sec_ttl span.large .color {
          color: #ff2966; }
    #about .ttl_area .txt {
      font-size: 24px;
      line-height: 1.8; }
      @media screen and (max-width: 479px) {
        #about .ttl_area .txt {
          font-size: 4.0625vw; } }
  #about .inner {
    padding-top: 80px;
    padding-bottom: 120px; }
    @media screen and (max-width: 479px) {
      #about .inner {
        padding-top: 9.375vw;
        padding-bottom: 18.75vw; } }
  #about .campaign .campaign_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 90px; }
    @media screen and (max-width: 479px) {
      #about .campaign .campaign_list {
        display: block;
        margin-bottom: 3.125vw; }
      #about .campaign .campaign_list.sp {
		  margin: 14.58333vw 0; }}
    #about .campaign .campaign_list > li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media screen and (min-width: 480px) {
        #about .campaign .campaign_list > li {
          width: 48.4%; }
          #about .campaign .campaign_list > li:nth-child(2n) {
            margin-left: 3.2%; }
          #about .campaign .campaign_list > li:nth-child(n+3) {
            margin-top: 3.2%; } }
      @media screen and (max-width: 479px) {
        #about .campaign .campaign_list > li:nth-child(n+2) {
          margin-top: 14.58333vw; } }
      #about .campaign .campaign_list > li .campaign_ttl {
        margin-bottom: 20px; }
        @media screen and (max-width: 479px) {
          #about .campaign .campaign_list > li .campaign_ttl img {
            width: 81.25vw; } }
      #about .campaign .campaign_list > li .campaign_list_box {
        padding: 50px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
        height: 100%;
        position: relative;
        margin-bottom: 40px; }
        @media screen and (max-width: 479px) {
          #about .campaign .campaign_list > li .campaign_list_box {
            -webkit-box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.1); } }
        @media screen and (max-width: 479px) {
          #about .campaign .campaign_list > li .campaign_list_box {
            padding: 5.20833vw 0;
            margin-bottom: 8.33333vw; } }
        #about .campaign .campaign_list > li .campaign_list_box.box_1 {
          background: url(/5info/img/why_galleria_spring_camp/bg01.png); }
          @media screen and (max-width: 479px) {
            #about .campaign .campaign_list > li .campaign_list_box.box_1 {
              background-size: 10px auto; }
			  #about .campaign .campaign_list.sp > li .campaign_list_box.box_1 {
				  padding: 0;
			  }}
          #about .campaign .campaign_list > li .campaign_list_box.box_1::before {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 0)), color-stop(70%, #ff2a69), to(#ff2a69));
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #ff2a69 70%, #ff2a69 100%);
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #ff2a69 70%, #ff2a69 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #ff2a69 70%, #ff2a69 100%); }
        #about .campaign .campaign_list > li .campaign_list_box.box_2 {
          background: url(/5info/img/why_galleria_spring_camp/bg02.png); }
          @media screen and (max-width: 479px) {
            #about .campaign .campaign_list > li .campaign_list_box.box_2 {
              background-size: 10px auto;
              /*height: 388px;*/ } }
          #about .campaign .campaign_list > li .campaign_list_box.box_2::before {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(80%, #bbdb02), to(#bbdb02));
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #bbdb02 80%, #bbdb02 100%);
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #bbdb02 80%, #bbdb02 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #bbdb02 80%, #bbdb02 100%); }
        #about .campaign .campaign_list > li .campaign_list_box.box_3 {
          background: url(/5info/img/why_galleria_spring_camp/bg03.png); }
          @media screen and (max-width: 479px) {
            #about .campaign .campaign_list > li .campaign_list_box.box_3 {
              background-size: 10px auto;} }
          #about .campaign .campaign_list > li .campaign_list_box.box_3::before,
.campaign_pre_box.sp::before{
            background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(80%, #02dcd5), to(#02dcd5));
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #02dcd5 80%, #02dcd5 100%);
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #02dcd5 80%, #02dcd5 100%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #02dcd5 80%, #02dcd5 100%); }
        #about .campaign .campaign_list > li .campaign_list_box::before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        #about .campaign .campaign_list > li .campaign_list_box .campaign_contents {
          width: 100%;
          position: relative;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%); }
        @media screen and (max-width: 479px) {
          #about .campaign .campaign_list > li .campaign_list_box {
            padding: 6.25vw 4.16667vw; } }
        @media screen and (max-width: 479px) {
          #about .campaign .campaign_list.sp > li .campaign_list_box.box_1 .campaign_contents {
            padding: 6.25vw 4.16667vw; } }
        #about .campaign .campaign_list > li .campaign_list_box .pdd_tm {
          padding: 20px 0 0; }
        #about .campaign .campaign_list > li .campaign_list_box p {
          line-height: 1.8;
          font-weight: bold; }
          #about .campaign .campaign_list > li .campaign_list_box p:nth-of-type(2) {
            line-height: 1.2; }
          #about .campaign .campaign_list > li .campaign_list_box.box_3 p:nth-of-type(2) {
            line-height: 1.8; }
          #about .campaign .campaign_list > li .campaign_list_box p strong {
            font-size: 46px; }
            @media screen and (max-width: 479px) {
              #about .campaign .campaign_list > li .campaign_list_box p strong {
                font-size: 7.70833vw; } }
          #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_w {
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
            background: -webkit-linear-gradient(transparent 0%, #fff 0%);
            background: -o-linear-gradient(transparent 0%, #fff 0%);
            background: linear-gradient(transparent 0%, #fff 0%);
            font-size: 34px;
            padding: 3px 8px; }
#about .campaign .campaign_list > li .campaign_list_box.box_3 p span.marker_txt_w {
	font-size: 30px;
}
#about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_w .large {
	font-size: 46px;
	color: #02afa9;
	vertical-align: middle;
}
            @media all and (-ms-high-contrast: none) {
              #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_w {
                line-height: 1.2;
                display: inline-block;
                padding: 14px 8px 0; }
                #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_w:last-of-type {
                  margin-top: 12px; } }
            @media screen and (max-width: 479px) {
              #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_w {
                font-size: 5.41667vw; }
#about .campaign .campaign_list > li .campaign_list_box.box_3 p span.marker_txt_w {
                font-size: 4.5vw; }}
          #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_p {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #cc2152));
            background: -webkit-linear-gradient(transparent 50%, #cc2152 0%);
            background: -o-linear-gradient(transparent 50%, #cc2152 0%);
            background: linear-gradient(transparent 50%, #cc2152 0%);
            font-size: 31px;
            padding: 0 8px;
            color: #FFF; }
          #about .campaign .campaign_list > li .campaign_list_box.box_2 p span.marker_txt_p {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #96ae02));
            background: -webkit-linear-gradient(transparent 50%, #96ae02 0%);
            background: -o-linear-gradient(transparent 50%, #96ae02 0%);
            background: linear-gradient(transparent 50%, #96ae02 0%);
            font-size: 31px;
            padding: 0 8px;
            color: #FFF; }
          #about .campaign .campaign_list > li .campaign_list_box.box_3 p span.marker_txt_p {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #02afa9));
            background: -webkit-linear-gradient(transparent 50%, #02afa9 0%);
            background: -o-linear-gradient(transparent 50%, #02afa9 0%);
            background: linear-gradient(transparent 50%, #02afa9 0%);
            font-size: 31px;
            padding: 0 8px;
            color: #FFF; }
.marker_txt_p_line3 {
	display: inline-block;
	margin-top: 15px;
}
            @media all and (-ms-high-contrast: none) {
              #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_p {
                line-height: 1.2;
                display: inline-block;
                padding: 14px 8px 0; } }
            @media screen and (max-width: 479px) {
              #about .campaign .campaign_list > li .campaign_list_box p span.marker_txt_p,
				#about .campaign .campaign_list > li .campaign_list_box.box_2 p span.marker_txt_p {
                font-size: 4.89583vw; } }
      #about .campaign .campaign_list > li .campaign_btn a.bttn1 {
        background: #ff2966; }
        #about .campaign .campaign_list > li .campaign_btn a.bttn1::after {
          background: #cc2152; }
      #about .campaign .campaign_list > li .campaign_btn a.bttn2 {
        background: #bbdb02; }
/*        @media screen and (max-width: 479px) {
          #about .campaign .campaign_list > li .campaign_btn a.bttn2 {
            display: none; } }*/
        #about .campaign .campaign_list > li .campaign_btn a.bttn2::after {
          background: #96ae02; }
      #about .campaign .campaign_list > li .campaign_btn a.bttn3 {
        background: #02dcd5; }
        #about .campaign .campaign_list > li .campaign_btn a.bttn3::after {
          background: #02afa9; }

#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 2em;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li {
	width: 50%;
	position: relative;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li>img {
	max-width: 50%;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li:nth-child(2)>img {
	max-width: 28%;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li:nth-child(3)>img {
	max-width: 75%;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li>p {
	margin-top: 7px;
	position: absolute;
	bottom: -2em;
	left: 0;
	right: 0;
	line-height: 1.2;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li:nth-child(3)>p {
	position: static;
}
#about .campaign .campaign_list > li .campaign_list_box.box_3 .campaign_pre_list>li>p span {
	background: #0a9f9a;
	color: #fff;
	padding: 2px 8px;
	display: inline-block;
}

.campaign_pre_box {
  background: url(/5info/img/why_galleria_spring_camp/bg03.png);
  position: relative; }
.campaign_pre_box.camp_end {
  background: url(/5info/img/why_galleria_spring_camp/bg01.png); }
  @media screen and (max-width: 479px) {
    .campaign_pre_box {
      background-size: 10px auto;
	  margin-top: 14.58333vw;} }
  .campaign_pre_box::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(55%, #ff2a69), to(#ff2a69));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 10%, #ff2a69 55%, #ff2a69 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 10%, #ff2a69 55%, #ff2a69 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #ff2a69 70%, #ff2a69 100%); }

  .campaign_pre_box .campaign_pre_content {
    width: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    padding: 50px 0;
    margin-bottom: 60px;
    -webkit-box-shadow: 0.872px 9.962px 27.9px 2.1px rgba(0, 0, 0, 0.1);
    box-shadow: 0.872px 9.962px 27.9px 2.1px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
.campaign_pre_box.camp_end .campaign_pre_content {
	display: flex;
	justify-content: space-around;
	padding-left: 15px;
	padding-right: 15px;
}
.campaign_pre_box.camp_end .campaign_pre_content::before,
.campaign_list.sp .box_1 .campaign_contents::before,
.campaign_list_box.camp_end2::after,
.sp .campaign_list_box.box_2.camp_end2::after,
.sp .campaign_pre_content.camp_end2::after {
          content: "本キャンペーンは終了いたしました";
          -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1);
          -webkit-transition: none;
          -o-transition: none;
          transition: none;
          background-color: rgba(0, 0, 0, 0.6);
          z-index: 10;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          font-size: 40px;
          color:#fff;
          font-weight:bold; }
.campaign_list_box.camp_end2.box_2::after,
.campaign_list_box.camp_end2.box_3::after {
	content: "本キャンペーンは\A終了いたしました";
	white-space: pre;
}
.campaign_list.sp .campaign_list_box.box_1 .campaign_contents::before,
.sp .campaign_list_box.box_2.camp_end2::after,
.sp .campaign_pre_content.camp_end2::after {
	font-size: 5vw;
}
.campaign_pre_box.camp_end .campaign_pre_content>div:first-child {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
    @media screen and (max-width: 479px) {
      .campaign_pre_box .campaign_pre_content {
        margin-bottom: 6.25vw;
        padding: 10.41667vw 5.20833vw; } }
    @media screen and (min-width: 480px) {
      .campaign_pre_box .campaign_pre_content p:first-child {
        margin-bottom: 10px; } }
    @media all and (-ms-high-contrast: none) {
      .campaign_pre_box .campaign_pre_content p:last-of-type {
        margin-top: 40px; } }
    @media screen and (max-width: 479px) {
      .campaign_pre_box .campaign_pre_content p.mg {
        margin: 4.16667vw 0 5.20833vw; } }
    @media screen and (max-width: 479px) {
      .campaign_pre_box .campaign_pre_content p span {
        line-height: 1.7; } }
    .campaign_pre_box .campaign_pre_content p span.marker_txt_b {
      font-size: 36px;
      font-weight: bold;
      padding: 5px 8px;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
      background: -webkit-linear-gradient(transparent 0%, #fff 0%);
      background: -o-linear-gradient(transparent 0%, #fff 0%);
      background: linear-gradient(transparent 0%, #fff 0%); }
    .campaign_pre_box.camp_end .campaign_pre_content p span.marker_txt_b {
		line-height: 2;
		font-size: 32px;
}
      @media all and (-ms-high-contrast: none) {
        .campaign_pre_box .campaign_pre_content p span.marker_txt_b {
          line-height: 1.2;
          padding: 14px 8px 0; } }
      @media screen and (max-width: 479px) {
        .campaign_pre_box .campaign_pre_content p span.marker_txt_b {
          font-size: 4.79167vw;
          padding: 0.52083vw 6px 0; } }
      .campaign_pre_box .campaign_pre_content p span.marker_txt_b.paddtop {
        padding-top: 20px; }
        @media screen and (max-width: 479px) {
          .campaign_pre_box .campaign_pre_content p span.marker_txt_b.paddtop {
            padding-top: 5.20833vw; } }
    .campaign_pre_box .campaign_pre_content p span .large {
      font-size: 60px;
      color: #0a9f9a; }
      @media screen and (max-width: 479px) {
        .campaign_pre_box .campaign_pre_content p span .large {
          font-size: 9.89583vw; } }
    .campaign_pre_box .campaign_pre_content .campaign_pre_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 8% 0 0; }
      @media screen and (max-width: 479px) {
        .campaign_pre_box .campaign_pre_content .campaign_pre_list {
          padding: 0; } }
      .campaign_pre_box .campaign_pre_content .campaign_pre_list li {
        margin-right: 50px; }
        @media screen and (max-width: 479px) {
          .campaign_pre_box .campaign_pre_content .campaign_pre_list li {
            width: calc(100% / 2);
            margin: 0; }
            .campaign_pre_box .campaign_pre_content .campaign_pre_list li:first-of-type img {
              width: 36.45833vw; }
            .campaign_pre_box .campaign_pre_content .campaign_pre_list li:nth-of-type(2) img {
              width: 19.79167vw; }
            .campaign_pre_box .campaign_pre_content .campaign_pre_list li:nth-of-type(3) {
              width: 70%; } }
        .campaign_pre_box .campaign_pre_content .campaign_pre_list li:last-of-type {
          margin: -10px 0 0 0; }
        .campaign_pre_box .campaign_pre_content .campaign_pre_list li p {
          margin-top: 20px; }
          .campaign_pre_box .campaign_pre_content .campaign_pre_list li p span {
            color: #FFF;
            font-weight: bold;
            font-size: 24px;
            background: #0a9f9a;
            padding: 0 8px; }
            @media all and (-ms-high-contrast: none) {
              .campaign_pre_box .campaign_pre_content .campaign_pre_list li p span {
                line-height: 1.2;
                padding: 8px 8px 0;
                display: inline-block; } }
            @media screen and (max-width: 479px) {
              .campaign_pre_box .campaign_pre_content .campaign_pre_list li p span {
                padding: 0 1.04167vw;
                font-size: 5vw; } }

.campaign_pre_btn a,.campaign_pre_btn.camp_end.camp_end2 a {
  background: #02dbd3; }
  .campaign_pre_btn a::after,.campaign_pre_btn.camp_end.camp_end2 a::after {
    background: #02afa9; }
.campaign_pre_btn.camp_end a {
  background: #ff2966; }
  .campaign_pre_btn.camp_end a::after {
    background: #cc2152; }

.overview_area {
  margin-top: 80px; }
  @media screen and (max-width: 479px) {
    .overview_area {
      margin-top: 12.5vw; } }
  .overview_area .overview_area_box {
    padding: 40px 0;
    background: #FFF;
    -webkit-box-shadow: 0.872px 9.962px 27.9px 2.1px rgba(0, 0, 0, 0.1);
    box-shadow: 0.872px 9.962px 27.9px 2.1px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 479px) {
      .overview_area .overview_area_box {
        padding: 8.33333vw 2.60417vw; } }
.overview_area .overview_area_box>div {
	padding: 0 1em;
}
    .overview_area .overview_area_box .col2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 auto;
      line-height: 2;
      font-weight: bold;
      width: 100%; }
      @media screen and (max-width: 479px) {
        .overview_area .overview_area_box .col2 {
          font-size: 3.33333vw;
		  flex-direction: column;
		  text-align: left;} }
      .overview_area .overview_area_box .col2 .icon {
        padding-left: 30px;
        background: url(/5info/img/why_galleria_spring_camp/txt_icon.png) no-repeat left center; }
        @media screen and (max-width: 479px) {
          .overview_area .overview_area_box .col2 .icon {
            padding-left: 4.6875vw;
            background: url(/5info/img/why_galleria_spring_camp/txt_icon.png) no-repeat left top 1.2vw;
            background-size: 3.125vw auto;
			text-align: left;}
			.overview_area .overview_area_box .col2:first-child {
				margin-bottom: 1em;
			}}
      @media screen and (max-width: 479px) {
        .overview_area .overview_area_box .col2 dd {
          text-align: left; } }
.overview_area .overview_area_box .overview_area_note {
	margin-top: 1em;
	font-weight: 600;
	text-align: left;
	padding-left: 1em;
	text-indent: -1.5em;
}

.common_btm_area .common_btn_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #001e60;
  padding: 60px 0; }
  @media screen and (max-width: 479px) {
    .common_btm_area .common_btn_col2 {
      padding: 10.41667vw 0; } }
  .common_btm_area .common_btn_col2 li {
    max-width: 410px;
    margin: 0 40px 0 0; }
    @media screen and (max-width: 479px) {
      .common_btm_area .common_btn_col2 li {
        margin: 0 0 7.29167vw; } }
    .common_btm_area .common_btn_col2 li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 27px; }
      @media screen and (max-width: 479px) {
        .common_btm_area .common_btn_col2 li a {
          margin: 0 auto;
          padding: 4.16667vw 0;
          font-size: 4.6875vw; }
          .common_btm_area .common_btn_col2 li a::after {
            width: 45%; } }
      .common_btm_area .common_btn_col2 li a span {
        margin-right: 20px;
        font-size: 17px; }
        @media screen and (max-width: 479px) {
          .common_btm_area .common_btn_col2 li a span {
            font-size: 3.4375vw; } }
  /*  .common_btm_area .common_btn_col2 li:first-of-type a {
      background: #FFF;
      color: #000; }
      .common_btm_area .common_btn_col2 li:first-of-type a::after {
        background: #999999; }
    .common_btm_area .common_btn_col2 li:first-of-type span {
      color: #000; }*/
    .common_btm_area .common_btn_col2 li:first-of-type {
      margin: 0; }
      .common_btm_area .common_btn_col2 li:first-of-type a {
        background: #242424; }
        .common_btm_area .common_btn_col2 li:first-of-type a::after {
          background: #161616; }

#bnr_area {
  background-color: #f1f1f1;
  padding: 0 30px; }
  @media screen and (max-width: 479px) {
    #bnr_area {
      padding: 0 4.0625vw; } }
  #bnr_area .inner {
    padding: 70px 0; }
    @media screen and (max-width: 479px) {
      #bnr_area .inner {
        padding: 16.66667vw 0; } }
  #bnr_area .bnr_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #bnr_area .bnr_list > li {
      width: 23.07692%;
      -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 479px) {
        #bnr_area .bnr_list > li {
          -webkit-box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.1); } }
      @media screen and (max-width: 479px) {
        #bnr_area .bnr_list > li {
          width: 43.125vw; }
          #bnr_area .bnr_list > li:nth-child(n + 3) {
            margin-top: 5.20833vw; } }
      #bnr_area .bnr_list > li a:hover {
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        @media screen and (min-width: 480px) {
          #bnr_area .bnr_list > li a:hover {
            opacity: 0.8; } }

#footer_bottom {
  background-color: #000;
  padding: 15px 0; }
  @media screen and (max-width: 479px) {
    #footer_bottom {
      padding: 3.125vw 0; } }
  #footer_bottom .copyright {
    color: #fff; }
    @media screen and (max-width: 479px) {
      #footer_bottom .copyright {
        font-size: 2.4vw; } }

.s_pagetop {
  z-index: 50;
  position: fixed;
  bottom: 75px;
  right: 30px; }
  @media screen and (max-width: 479px) {
    .s_pagetop {
      bottom: 14vw;
      right: 3.125vw; } }
  .s_pagetop a {
    position: relative;
    right: 0;
    display: block;
    width: 44px;
    height: 44px;
    background-color: #e0e0e0;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 479px) {
      .s_pagetop a {
        width: 9.375vw;
        height: 9.375vw;
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); } }
    .s_pagetop a::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 42%;
      -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
      transform: translateX(-50%) rotate(45deg);
      width: 40%;
      height: 40%;
      border-top: 2px solid #fff;
      border-left: 2px solid #fff; }