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

/*基本*/
body { margin: 0; padding: 0;}

/*全BOX版面*/
.WRAPPER { 
  z-index: 0; 
  position: relative; 
  display: block; 
  margin: 0 auto; 
  padding: 0; 
  overflow: hidden; 
  width: 100%; 
  min-width: 1220px; 
  text-align: left; 
  font-family:"Noto Sans CJK TC","Microsoft JhengHei",Helvetica; 
  background: #a0d7eb;
  background-size: 10%;
}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0; padding: 0;}
.Area .list_00 li { list-style: none; float: left; overflow: hidden;}
@media screen and (max-width:767px){
	.WRAPPER { min-width: inherit; background-size: 30%;}
	.WRAPPER img { width: 100%; height: auto;}
}

/*區塊_all*/
.Area2000 { margin: 0 auto; width: 2000px;}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center;}
.Areabottom { margin-bottom: 80px;}
.Area a { position: relative; display: block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}  
.WRAPPER .go_bt1 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);} 
  @media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
    .Areabottom { margin-bottom: 7vw;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}    

/*背景*/
.bg_0 { z-index: -2; position: absolute; top: 0; left: 0; width: 100%; height: 1210px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
.bg_1 { z-index: -1; position: absolute; top: -215px; left: 0; width: 100%; height: 610px; background-repeat: no-repeat; background-position: center top; pointer-events: none; mix-blend-mode: screen;}
.bg_2 { z-index: -1; position: absolute; top: -110px; left: 0; width: 100%; height: 733px; background-repeat: no-repeat; background-position: center top; pointer-events: none; mix-blend-mode: screen;}
.bg_3 { z-index: 2; position: absolute; top: 90px; left: 0; width: 100%; height: 630px; background-repeat: no-repeat; background-position: center top; pointer-events: none; mix-blend-mode: screen;}
.bg_sc_1 { z-index: -2; position: absolute; top: 920px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_sc_2 { z-index: -2; position: absolute; top: 980px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_sc_3 { z-index: -1; position: absolute; top: 920px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_sc_4 { z-index: -1; position: absolute; top: 980px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
@media screen and (max-width:767px){
  .m_bg_0 { z-index: -2; position: absolute; top: 10.5vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%;}
  .m_bg_1 { z-index: -1; position: absolute; top: -17vw;  right: -48vw; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; mix-blend-mode: screen;}
  .m_bg_2 { z-index: -1; position: absolute; top: 0;      left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; mix-blend-mode: screen;}
  .m_bg_3 { z-index:  2; position: absolute; top: 20vw;   left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; mix-blend-mode: screen;}
  .m_bg_4 { z-index:  0; position: absolute; top: 10.5vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%;}
}

/*momologo*/
.Area_title .momologo { z-index: 20; position: absolute; top: 8px; left: 0;}
.Area_title .momologo a { display: block; width: 200px; height: 90px; background: url(momologo.png?t=1755740251559) no-repeat; background-size: 96%;}

/*版頭*/
.Area_title .Area_ti { z-index: 1; position: absolute;}
.topPD { position: absolute; z-index: 3; padding: 0 10%; width: 80%; top: 525px;}
.Area_date, .Area_date_spark, .top_deco { position: absolute;}
.swiper-pagination-bullet-active, .swiper-pagination-bullet { background: #5f41fa !important;}
/*副標輪播*/
.Area_sub { z-index: 1; position: absolute; width: 100%;}
.Area_sub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_sub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_sub ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
/*倒數*/
.TimerNick { position: absolute; width: 500px; top: 1005px; left: 360px; display: inline-block; z-index: 8; text-align: center; letter-spacing: .1em; /*text-shadow: 1px 1.5px rgb(10 70 160 / 60%);*/}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 33px;  color:#6950eb; font-weight: 800; letter-spacing: 1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 30px; letter-spacing: 0.1em; color:#6950eb; font-weight: 600;}
.TimerNick b { font-weight: normal;}
@media screen and (min-width:768px){
  .Area_title { height: 1155px;}
  .Area_ti { top: 45px; left: 130px;}
  .Area_ti_fan { top: 110px; left: 254px;}
  .Area_date { top: 235px; right: 280px; z-index: 1;}
  .Area_date_spark { top: 265px; right: 230px; z-index: 2;}
  /*副標輪播*/
  .Area_sub { top: 380px; left: 130px;}
  .Area_sub .PD_layout .PD_img { width: 80%; position: absolute; left: 0; top: 0;}
  /*deco*/
  .top_deco_1 { top: 235px; left: -45px;}
  .top_deco_2 { top: 315px; left: 110px;}
  .top_deco_3 { top: 420px; left: 70px;}
  .top_deco_1 img, .top_deco_2 img, .top_deco_3 img { width: 95%;}
  .top_deco_4 { top: 923px; right: 230px;}
}   
@media screen and (max-width:767px){
  .Area_title { height: 138vw;}
  .Area_ti { top: 5vw;}
  .Area_ti_fan { width: 4.4% !important; top: 11.5vw; left: 26.5vw;}
  /*副標輪播*/
  .Area_sub { top: 40vw; height: 12vw;}
  /*限定標*/
  .Area_date { width: 14.5%; top: 24.5vw; right: 16vw; z-index: 1;}
  .Area_date_spark { width: 11%; top: 27.5vw; right: 10.3vw; z-index: 2;}
  .topPD { top: 55vw; padding: 0; width: 100%;}
  /*deco*/
  .top_deco_1 { width: 25%; top: 19vw; left: -13vw;}
  .top_deco_2 { width: 26%; top: 29vw; left: 5vw;}
  .top_deco_3 { width: 15%; top: 41vw; left: -2vw;}
  .top_deco_4 { width: 11%; top: 124.5vw; right: 2vw;}
/*提醒我按鈕*/
  a.mo_remind_btn { z-index: 10; position: absolute; right: 0; top: 39vw; width: 12%;}
  /*倒數*/
  .TimerNick { width: 65%; top: 128.8vw; left: 19vw; display: flex; column-gap: .6vw; text-align: center; justify-content: space-around;}
  .TimerNick .FontStyle { margin: -.4em 0 0 -.06em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: -0.02em;}
  .TimerNick span { font-size: 1em; letter-spacing: -.05em; margin: -.2em .5em 0 -.3em;}
  .TimerNick span:first-child { margin-top: -0.2em; font-size: 1em;}
  .Area_title .more { top: 132vw; right: 5vw; width: 30%;}
}


/*區標(線上入稿)*/
.box_txt { position: relative; margin: 0 auto 10px; width: 100%;}
.box_txt::before { content:""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.Area00 .box_txt::before { background: url("A00_title.png?t=1755740251559") center top / 100% no-repeat scroll;}
.Area01 .box_txt::before { background: url("A01_title.png?t=1755740251559") center top / 100% no-repeat scroll;}
.Area02 .box_txt::before { background: url("A02_title.png?t=1755740251559") center top / 100% no-repeat scroll;}
.Area03 .box_txt::before { background: url("A03_title.png?t=1755740251559") center top / 100% no-repeat scroll;}
.Area04 .box_txt::before, .Area05 .box_txt::before { background: url("A04_title.png?t=1755740251559") center top / 100% no-repeat scroll;}
.box05 .box_txt::before { background: url("A05_title.png?t=1755740251559") center top / 100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 { color:#fff; font-size: 3.5em; line-height: 1.9em; font-weight: 700; font-family:"Arial","Noto Sans TC"; text-shadow: 1.5px 1.5px 2px #1496c3a6;}
.box05 .box_txt .PD_layout .PD h3 { text-shadow: none;}
.box_txt .PD_layout { width: 100%; }
.box_txt li:hover { transform: none !important;}
.box_txt a { pointer-events: none;}
.box_txt h3 span { overflow: visible !important;}
@media screen and (min-width:768px){
  .Area00 .box_txt::before { top: -10px;}
  .Area03 .box_txt::before { top: 4px;}
  .Area03 .box_txt { margin: 0 auto;}
  .Area04 .box_txt::before, .Area05 .box_txt::before { top: 6px;}
  .box05 .box_txt .PD_layout .PD h3 { font-size: 3.2em;}
}
@media screen and (max-width:767px){
  .box_txt { margin: 0 auto 2vw;}
  .Area00 .box_txt, .Area04 .box_txt { margin: 0 auto 1vw;}
  .box_txt::before { top: 0;}
  .box_txt .PD_layout .PD h3 { font-size: 1.45em; line-height: 1.6em;}
  .Area00 .box_txt .PD_layout .PD h3 { line-height: 2em;}
  .box05 .box_txt .PD_layout .PD h3 { font-size: 1.4em;}
}


/*00公式*/
.PD_layout.A00_BN ul { padding: 0;}


/*01攻略*/
.box01 { background: url(A01_bg.png?t=1755740251559) no-repeat; background-size: 100%; padding: 7% 0 12.5%;}
.box01 .PD_layout ul { grid-gap: 0; grid-template-columns: repeat(3, 1fr);}
.Area_coupon_bg { position: absolute; z-index: -1;}
.Area_coupon .PD_layout .PD_img { padding: 0 .5em;}
@media screen and (min-width:768px){
  .Area01 { margin-bottom: 60px;}
  .A01_deco_1 { top: -35px; left: -26px; transform: scaleX(-1); z-index: -1;}
  .A01_deco_2 { top: -235px; right: -130px; mix-blend-mode: screen;}
  .Area_coupon_bg { top: 570px; left: 0;}
}

@media screen and (max-width:767px){
  .A01_deco_1 { width: 25%; top: -4vw; left: -2vw; transform: scaleX(-1); z-index: -1;}
  .A01_deco_2 { width: 45%; top: -25vw; right: -14vw;}
  .Area_coupon_bg { width: 100%; top: 62vw; left: 0;}
}


/*02登記*/
.Area_danji ul { width: 97%; padding: 0 1.5% !important;}
.Area02 { background: url(A02_bg_1.png?t=1755740251559) top center / contain no-repeat, url(A02_bg_3.png?t=1755740251559) bottom center / contain no-repeat, url(A02_bg_2.png?t=1755740251559) center top 16.5vw / 100% calc(100% - 19.5vw) no-repeat;}
@media screen and (min-width:768px){ 
  .Area02 .box_txt { margin-bottom: 50px;}
  .box02 { padding: 48px 0 30px;}
  .A02_deco_1 { top: 8px; right: 155px;}
  .A02_deco_1 img { width: 130%;}
  .A02_deco_2 { bottom: -70px; right: -70px; mix-blend-mode: screen;}
}
@media screen and (max-width:767px){
  .Area02 .box_txt { margin-bottom: 8vw;}
  .box02 { padding: 5vw 0 7vw;}
  .A02_deco_1 { width: 21.5%; top: 2vw; right: 9vw;}
  .A02_deco_2 { width: 105%; bottom: -6vw; right: -10vw;}
}


/*03主打品*/
.box03 .PD_layout ul { background-color: transparent; width: 100%;}
.box03 .PD_layout li { border: none !important; background: url(A03_PD_bg.png?t=1755740251559) no-repeat; background-size: 100%;}
.box03 .PD_layout .PD:hover h4 { color: #fffa9b !important;}
.box03 .PD_layout .PD_img { padding: 2% 9% !important;}
.box03 .PD_layout h3 { color: #fff;}
.box03 .PD_layout h4 { color: #fff; margin-bottom: 0;}
.box03 .PD_layout p, .box03 .PD_layout p del { color: #fffa9b;}
@media screen and (min-width:768px){
  .box03 .PD_layout ul { padding: 0; grid-gap: 1.2em;}
  .box03 .PD_layout .PD_into { padding: 2em 2em 0;}
  .box03 .PD_layout .PD_logo { width: 54%; padding: 1em .8em 1em .6em;}
  .box03 .PD_layout h3 { max-height: 2.4em; line-height: 2.4em; font-size: 34px;}
  .box03 .PD_layout h4 { max-height: 2.5em !important; line-height: 2.5em; font-size: 28px;} 
  .box03 .PD_layout p { height: 3.5em; line-height: 3.5em;}
  .box03 .PD_layout p del { font-size: 30px;}
  .box03 .PD_layout p .money { font-size: 35px;}
  .box03 .PD_layout p .Price { font-size: 60px;}
  .A03_deco_1 { top: -175px; left: -85px;}
  .A03_deco_2 { top: 550px; right: -130px;}
  .A03_deco_2 img { width: 65%;}
  .A03_deco_3 { top: 1310px; left: -25px; mix-blend-mode: screen;}
  .A03_deco_4 { bottom: -55px; right: -30px; mix-blend-mode: screen;}
}
@media screen and (max-width:767px){
  .Area03 { margin-bottom: 4vw;}
  .box03 .PD_layout ul { padding: 0 2%; grid-gap: 1.2em .4em;}
  .box03 .PD_layout .PD_into { padding: .7em .8em 0;}
  .box03 .PD_layout .PD_logo { width: 55%; padding: .7em .4em .3em .4em;}
  .box03 .PD_layout h3 { max-height: 1.6em; line-height: 1.6em; margin-top: .35em; font-size: 16px;}
  .box03 .PD_layout h4 { max-height: 1.3em !important; line-height: 1.3em; margin: .8em 0 .25em; font-size: 13.5px;}
  .box03 .PD_layout p { height: 1.6em; line-height: 1.6em;}
  .box03 .PD_layout p .Price { font-size: 27px;}
  .A03_deco_1 { width: 16%; top: -18vw; left: -8vw;}
  .A03_deco_2 { width: 16%; top: 57vw; right: -7vw;}
  .A03_deco_3 { width: 40%; top: 140vw; left: -6vw;}
  .A03_deco_4 { width: 60%; bottom: -5vw; right: -4vw;}
}


/*04頁籤*/
.Area_page { overflow: hidden;}
.Area_K1 { background: rgba(255, 255, 255, 0.45); }
@media screen and (min-width:768px){
  .Area_K1 { margin-bottom: 60px; border-radius: 25px; padding: 35px 0; box-shadow: -4px -6px #e1ffffd4, -4px 5px #e1ffffcf, 0 -6px #e1ffffd4, 4px 0px #e1ffffcf;}
  .Area_K1 .NavArea_tabbar_page { width: 920px;}
  .page { width: 920px !important; padding: 0 20px;}
  .A04_deco_1 { top: -45px; left: -80px; z-index: -1;}
  .A04_deco_2 { bottom: 90px; right: -105px; z-index: -1;}
  .A04_deco_2 img { width: 75%;}
  .A04_deco_3 { top: 45px; left: 0; mix-blend-mode: screen;}
}
@media screen and (max-width:767px){
  .Area_K1 { margin-bottom: 6vw; border-radius: 10px; padding: 3vw 0 2vw; box-shadow: -2px -4px #e1ffffd4, 3px 3px #e1ffffcf, 0 -4px #e1ffffd4;}
  .page .PD_layout { width: 96%;}
  .A04_deco_1 { width: 17%; top: -10vw; left: -10vw; z-index: -1;}
  .A04_deco_2 { width: 24%; top: 92vw; right: -13vw; z-index: -1;}
  .A04_deco_3 { width: 21%; top: 4vw; left: 0;}
}


/*05品牌輪播*/
.box05 { background: rgba(255, 255, 255, 0.45);}
@media screen and (min-width:768px){
  .box05 { margin-bottom: 70px; border-radius: 25px; padding: 30px 0; box-shadow: -4px -6px #e1ffffd4, -4px 5px #e1ffffcf, 0 -6px #e1ffffd4, 4px 0px #e1ffffcf;}
  .box05 .Area_swiper { padding-left: 20px;}
  .A05_deco_1 { top: -15px; left: -60px; mix-blend-mode: screen;}
  .A05_deco_3 { top: 1155px; left: -80px; z-index: -1;}
  .A05_deco_4 { top: 1990px; right: -45px; mix-blend-mode: screen; transform: scaleX(-1);}
  .A05_deco_4 img { width: 90%;}
  .A05_deco_5 { top: 2555px; left: -205px; mix-blend-mode: screen; transform: rotate(-15deg);}
  .A05_deco_5 img { width: 75%;}
  .A05_deco_6 { top: 3060px; right: -110px; z-index: -1;}
  .A05_deco_6 img { width: 70%;}
  .A05_deco_7 { top: 4555px; left: -80px; z-index: -1;}
  .A05_deco_2 { bottom: -270px; right: -255px; mix-blend-mode: screen;}
}
@media screen and (max-width:767px){
  .box05 { margin-bottom: 9vw; border-radius: 10px; padding: 3vw 0 2vw; border-radius: 10px; box-shadow: -2px -4px #e1ffffd4, 3px 3px #e1ffffcf, 0 -4px #e1ffffd4;}
  .A05_deco_1 { width: 40%; top: 1vw; left: 0;}
  .A05_deco_3 { width: 17%; top: 170vw; left: -8vw; z-index: -1;}
  .A05_deco_4 { width: 21%; top: 294vw; right: 0; transform: scaleX(-1);}
  .A05_deco_5 { width: 60%; top: 380vw; left: 1vw; transform: rotate(-10deg);}
  .A05_deco_6 { width: 17%; top: 465vw; right: -6vw; z-index: -1;}
  .A05_deco_7 { width: 17%; top: 670vw; left: -10vw; z-index: -1;}
  .A05_deco_2 { width: 70%; bottom: -33vw; right: -27vw;}
}


/*06旗艦館*/
.box06 .PD_layout ul { background: transparent; grid-template-columns: repeat(4, 1fr);}
.box06 .PD_layout li { border: none; background: url(A06_PD_bg.png?t=1755740251559) no-repeat; background-size: 100%;}
.box06 { background: url(A06_bg.png?t=1755740251559) center bottom no-repeat; background-size: 100%;}
@media screen and (min-width:768px){
  .box06 .PD_layout ul { padding: 0; padding-left: 6px; grid-gap: 0 10px;}
  .box06 .PD_into { padding: 1.4em 2em 2.8em 1.3em;}
  .box06 { padding-bottom: 40px;}
  .A06_deco { bottom: -125px; left: -45px; mix-blend-mode: screen; z-index: -1;}

}
@media screen and (max-width:767px){
  .box06 .PD_layout ul { padding: 0 2%; grid-gap: 1vw;}
  .box06 .PD_into { padding: .55em 1em 1em .7em;}
  .box06 { padding-bottom: 5vw;}
  .A06_deco { width: 28%; bottom: -15vw; left: -7vw;}
}

/*for光暈們*/
@media screen and (max-width:767px){
  .A01_deco_2, .A02_deco_2, .A03_deco_3, .A03_deco_4, .A04_deco_3, .A05_deco_1, .A05_deco_4, .A05_deco_5, .A05_deco_2, .A06_deco {
    mix-blend-mode: screen;
    /*強制元素進入GPU渲染層(主要觸發器)*/
    -webkit-transform: translateZ(0);
    /*提前告知瀏覽器元素會變化(預分配資源)*/
    will-change: transform;
    /*觸發合成層創建(強化觸發)*/
    backface-visibility: hidden;
    /*創建獨立層疊上下文*/
    isolation: isolate;
  }
}


/*注意事項區*/
.edm_notice { text-align: center; padding: 25px 10px 40px 10px; color:#191919; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
/* @media screen and (max-width:767px){ 
  .edm_notice {background: url(notice_bg_m.png?t=1755740251559) repeat-y; background-size: 100%;}
} */


/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}


/*隱藏*/
.for_pc {}
.for_phone { display: none !important;}
@media screen and (max-width:767px){
	.for_pc { display: none !important;}
	.for_phone { display: inherit !important;}
}