@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/* ------------------------------------------------------------
  Reset
------------------------------------------------------------ */
body{
  overflow-x:hidden;
  margin:0;
  color: #333;
  background-color:#fff;
}
.au-1m5-10m5-23winter {
  font-family:'Roboto', 'Noto Sans CJK', sans-serif;
}
.au-1m5-10m5-23winter img {
  max-width: 100%;
  width: auto;
  vertical-align: bottom;
}

.hide{
  display:none !important; /* 機種判別によるボタン出し分けに必須 */
}


/* ------------------------------------------------------------
  Xperia campaign common
------------------------------------------------------------ */

/* 上下の空き指定 ------------------------ */

.au-1m5-10m5-23winter .mb0,
.au-1m5-10m5-23winter .kk.mb0 { margin-bottom:0; }

.au-1m5-10m5-23winter .mb10,
.au-1m5-10m5-23winter .kk.mb10 { margin-bottom:10px; }

.au-1m5-10m5-23winter .mb20,
.au-1m5-10m5-23winter .kk.mb20 { margin-bottom:20px; }

.au-1m5-10m5-23winter .mb40,
.au-1m5-10m5-23winter .kk.mb40 { margin-bottom:40px; }

.au-1m5-10m5-23winter .mt02em,
.au-1m5-10m5-23winter .kk.mt02em { margin-top:0.2em; }

.au-1m5-10m5-23winter .mt03em,
.au-1m5-10m5-23winter .kk.mt03em { margin-top:0.3em; }

.au-1m5-10m5-23winter .mt05em,
.au-1m5-10m5-23winter .kk.mt05em { margin-top:0.5em; }

.au-1m5-10m5-23winter .mt1em,
.au-1m5-10m5-23winter .kk.mt1em { margin-top:1em; }

.au-1m5-10m5-23winter .mt2em,
.au-1m5-10m5-23winter .kk.mt2em { margin-top:2em; }

.au-1m5-10m5-23winter .mt0,
.au-1m5-10m5-23winter .kk.mt0 { margin-top:0; }

.au-1m5-10m5-23winter .mt5,
.au-1m5-10m5-23winter .kk.mt5 { margin-top:5px; }

.au-1m5-10m5-23winter .mt10,
.au-1m5-10m5-23winter .kk.mt10 { margin-top:10px; }

.au-1m5-10m5-23winter .mt20,
.au-1m5-10m5-23winter .kk.mt20 { margin-top:20px; }

.au-1m5-10m5-23winter .mt30,
.au-1m5-10m5-23winter .kk.mt30 { margin-top:30px; }

.au-1m5-10m5-23winter .mt40,
.au-1m5-10m5-23winter .kk.mt40 { margin-top:40px; }

.au-1m5-10m5-23winter .mtSec { margin-top:90px; }


/* 文字装飾(色、アンダーライン) ------------------------ */

.au-1m5-10m5-23winter .tx_ul { text-decoration:underline; }

.au-1m5-10m5-23winter .tx-orange { color: #cd5c29; font-weight: bold; }
.au-1m5-10m5-23winter .txt_red { color:#F00; }

.au-1m5-10m5-23winter .tx-c {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

.au-1m5-10m5-23winter .tx-l {
  text-align: left !important;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

.au-1m5-10m5-23winter .tx-r {
  text-align: right !important;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

.au-1m5-10m5-23winter .tx-justify{
  text-align: justify;
  text-justify: inter-ideograph;
}

/* テキストインデント ------------------------ */

.au-1m5-10m5-23winter .kk{
  padding-left:1em;
  margin:0;
}

.au-1m5-10m5-23winter .kk > span:first-child{
  display:inline-block;
  width:1em;
  text-indent:0;
  margin-left:-1em;
}
.au-1m5-10m5-23winter .f-indent{
  display:flex;
}
.au-1m5-10m5-23winter .f-indent > span{
}

/* 改行禁止 ------------------------ */

.au-1m5-10m5-23winter .brno{ white-space:nowrap; }


/* リスト ------------------------ */


.au-1m5-10m5-23winter ul.list_dot, ul.list_dot li{
  list-style:none;
  display:block;
}

.au-1m5-10m5-23winter ul.list_dot li{
  padding-left:1em;
  text-indent:-1em;
}

.au-1m5-10m5-23winter ul.list_dot li:before{
  content:"・";
  display:inline-block;
  width:1em;
  vertical-align:middle;
  text-align:center;
  text-indent:0;
}

.au-1m5-10m5-23winter ul.list_dot li.kome:before{
  content:"※";
}

/* リンクタグ ------------------------ */


.au-1m5-10m5-23winter a {
  color: #0072FF;
  word-break: break-all;
}

.au-1m5-10m5-23winter a.under{
  text-decoration:underline;
  color:#1239f5;
}

.au-1m5-10m5-23winter .fs-link_blank:after{
  content:"";
  display:inline-block;
  width:1em;
  height:inherit;
  min-height:1em;
  background:url(../img/ext_w.svg) 50% 45% no-repeat;
  background-size: contain;
  vertical-align:middle;
  position:absolute;
  right:0.5em;
  top:50%;
  transform:translate(0, -50%);
}
.au-1m5-10m5-23winter .fs-link_blank-before:before{
  content:"";
  display:inline-block;
  padding-right: 1em;
  margin-right:0.25em;
  margin-left:-0.5em;
  height:inherit;
  min-height:1em;
  background:url(../img/ext_w.svg) 50% 20% no-repeat;
  background-size: contain;
  vertical-align:middle;
  position:absolute;
  left:0.5em;
  top:50%;
  transform:translate(0, -50%);
}
.au-1m5-10m5-23winter i.sf-icon-blank {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-position: 50% 40%;
  width: 0.8em;
  height: 1em;
  background-image: url(../img/ext.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left:1px;
  margin-right:2px;
  vertical-align:middle;
}

/* ボーダーを消す ------------------------ */
#contents .au-1m5-10m5-23winter .bdno{
  border:none;
}

/* ------------------------------------------------------------
  Xperia campaign for smartphone
------------------------------------------------------------ */

/* font-size XL準拠 ------------------------ */

  .fs-10 { font-size: 2.777777778vw; line-height: 4.166666667vw; }
  .fs-11 { font-size: 3.055555555vw; line-height: 4.583333333vw; }
/*.fs-12 { font-size: 3.333333333vw; line-height: 5vw; } */ /* base.css に有り */
/*.fs-13 { font-size: 3.611111111vw; line-height: 5.277777778vw; } */ /* base.css に有り */
/*.fs-14 { font-size: 3.888888889vw; line-height: 5.555555556vw; } */ /* base.css に有り */
  .fs-15 { font-size: 4.166666666vw; line-height: 5.729166666vw; }
/*.fs-16 { font-size: 4.444444444vw; line-height: 6.111111111vw; } */ /* base.css に有り */
  .fs-17 { font-size: 4.722222222vw; line-height: 6.296296296vw; }
/*.fs-18 { font-size: 5vw; line-height: 6.666666667vw; } */ /* base.css に有り */
/*.fs-20 { font-size: 5.555555556vw; line-height: 7.222222222vw; } */ /* base.css に有り */
  .fs-22 { font-size: 6.111111112vw; line-height: 7.944444444vw; }
  .fs-24 { font-size: 6.666666667vw; line-height: 8.666666666vw; }
  .fs-26 { font-size: 7.222222222vw; line-height: 9.388888889vw; }
/*.fs-28 { font-size: 7.777777778vw; line-height: 9.444444444vw; } */ /* base.css に有り */


/* ------------------------------------------------------------
  Base
------------------------------------------------------------ */
.au-1m5-10m5-23winter {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #333;
}

.au-1m5-10m5-23winter .inner_wrap {
  width: 90%;
  margin: 0 auto;
  padding-left:0;
  padding-right:0;
}

.au-1m5-10m5-23winter .w_sp {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow:visible;
  margin-bottom:5vw;
}


.au-1m5-10m5-23winter h2{
  font-weight:bold;
}

.au-1m5-10m5-23winter h2.h-bg-r {
  text-align: center;
  color:#fff;
  padding: 3.5vw 0;
  background: #17151c;
  font-weight: bold;
}


/* display for sp ------------------------ */

.au-1m5-10m5-23winter .sm-pc {
  display: none;
}
.au-1m5-10m5-23winter .w_sp:last-of-type {
  padding-bottom:0;
  margin-bottom:5vw;
}



/* Hero ------------------------ */


.au-1m5-10m5-23winter__hero h1, .au-1m5-10m5-23winter__hero p {
  margin: 0;
  padding: 0;
}
.au-1m5-10m5-23winter__hero {
  margin-top:0;
}

/* 終了メッセージ ------------------------ */
.au-1m5-10m5-23winter .close_txt {
  text-align:center;
  font-weight:bold;
  margin:30px auto;
  padding:1em 0;
  border:1px solid #000;
}
.au-1m5-10m5-23winter .spBr {
  display:inline-block;
}


/* 期間 ------------------------ */
  .au-1m5-10m5-23winter .kikan{
    margin-top:50px;
    width:100%;
    border:2px solid #000;
    overflow:hidden;
  }
  #contents .au-1m5-10m5-23winter .kikan span{
    width:calc(100% + 6px);
    margin:0 -3px;
    padding:0;
    display:block;
    text-align:left;
  }

  #contents .au-1m5-10m5-23winter .kikan span img.sm-sp{
    display:block;
    padding:0;
    margin:0;
  }


/* キャンペーン対象端末 ------------------------ */

.au-1m5-10m5-23winter .cptarget{
  width:100%;
  margin:30px auto 0 auto;
  padding:0;
  position:relative;
  overflow:hidden;
  text-align:center;
}

.au-1m5-10m5-23winter .cptarget h2{
  text-align:center;
  margin:5vw 0 3vw 0 ;
  line-height:initial;
}

#contents .au-1m5-10m5-23winter .cptarget h2 img{
  width:auto;
  height:1em;
  max-width:initial;
  display:inline-block;
  vertical-align:middle;
  margin-bottom:2%;
  margin-right:0.5em;
}

.au-1m5-10m5-23winter .cptarget h2 span{
  display:inline-block;
}

.au-1m5-10m5-23winter .cptarget > div{
  border:1px solid #ccc;
  padding:2vw 1vw;
  margin:3vw 0;
  font-weight:bold;
}
.au-1m5-10m5-23winter .cptarget div h3{
  width:100%;
  padding:0;
  margin:0 0 1em 0;
  line-height:1;
}

.au-1m5-10m5-23winter .cptarget h2{
  width:100%;
}

.au-1m5-10m5-23winter .cptarget div > span{
  display:block;
  width:100%;
  vertical-align:bottom;
  padding:2vw 0;
  position:relative;
}
.au-1m5-10m5-23winter .cptarget div > span span img{
  display:block;
  margin:0 auto;
}

.au-1m5-10m5-23winter .cptarget div > span img{
  width:80%;
}
.au-1m5-10m5-23winter .cptarget div > span > a,
.au-1m5-10m5-23winter .cptarget div > span > label > span{
  display:block;
  position:relative;
  color:#fff;
  padding:0.75em 1em;
  margin:0.75em auto 0 auto;
  font-weight:normal;
}
.au-1m5-10m5-23winter .cptarget div > span > a{
  background-color:#666;
  width:80%;
}
.au-1m5-10m5-23winter .cptarget div > span > label > span{
  width:100%;
}
.au-1m5-10m5-23winter .cptarget div > span > label > span,
.au-1m5-10m5-23winter .cptarget div:first-of-type > span > a:first-of-type{
  background-color:#ff7f00;
  margin-bottom:0;
}
/* Pontaポイントとは ------------------------ */

.au-1m5-10m5-23winter .ponta{
  border:1px solid #ccc;
  width:100%;
  margin:30px auto 0 auto;
  padding:0 5vw 5vw 5vw;
  position:relative;
  overflow:hidden;
  text-align:center;
}
.au-1m5-10m5-23winter .ponta + div{
  width:100%;
  margin:0 auto;
  padding:3vw 3vw 3vw 5vw;
}
.au-1m5-10m5-23winter .ponta > h2{
  position:relative;
  height:20vw;
  padding:0;
  z-index:2;
  overflow:visible;
}
.au-1m5-10m5-23winter .ponta > h2:before,
.au-1m5-10m5-23winter .ponta > h2:after{
  content:"";
  display:block;
  position:absolute;
  top:auto;
  left:50%;
  width:0;
  height:0;
  transform:translate(-50%, 0);
  border:50vw solid transparent;
  border-bottom:0px solid transparent;
}
.au-1m5-10m5-23winter .ponta > h2:before{
  bottom:0;
  border-top:5vw solid #ccc;
}
.au-1m5-10m5-23winter .ponta > h2:after{
  bottom:1px;
  border-top:5vw solid #fff;
}
.au-1m5-10m5-23winter .ponta img{
  position:relative;
  z-index:1;
  margin-top:2vw;
  margin-bottom:5vw;
  width:80%;
}
.au-1m5-10m5-23winter .ponta > span:first-of-type,
.au-1m5-10m5-23winter .ponta > span:last-of-type{
  width:100%;
  position:relative;
  display:block;
  text-align:center;
  margin:0;
}
.au-1m5-10m5-23winter .ponta > span:first-of-type{
  text-align:left;
  padding:2em 0;
}
.au-1m5-10m5-23winter .ponta > h2 span{
  position:absolute;
  width:100%;
  top:50%;
  transform:translate(0, -50%);
  margin:0;
  right:0;
  top:9vw;
  z-index:3;
}
.au-1m5-10m5-23winter .ponta > span a{
  display:block;
  vertical-align:middle;
  text-align:center;
  color:#fff;
  line-height:3em;
  height:3em;
  position:relative;
}

.au-1m5-10m5-23winter .ponta > span:last-of-type a{
  background-color:#0079d6;
}


/* STEP ------------------------ */

.au-1m5-10m5-23winter .point_wp {
  margin-bottom:50px;
}

.au-1m5-10m5-23winter .dp_step_wrap{
  padding:0 5%;
}


.au-1m5-10m5-23winter .dp_step{
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  width:calc(100% + 4px);
  margin:0;
  padding:0;
}

.au-1m5-10m5-23winter .dp_step li {
  list-style:none;
  margin:0;
  padding:2vw 2vw 37% 2vw;
  width:50%;
  text-align:left;
  position:relative;
}
.au-1m5-10m5-23winter .dp_step li > img{
  position:absolute;
  max-width:100%;
  bottom:0;
}
.au-1m5-10m5-23winter .dp_step li > div {
  width:100%;
  display:block;
  padding:0;
  z-index:2;
  vertical-align:top;
}
.au-1m5-10m5-23winter .dp_step li > div:nth-child(1) span {
  text-align:center;
  display:block;
  position:relative;
  padding:0;
  margin:0;
  overflow:visible;
  height:auto;
  border-bottom:2px solid #da5530;
  border-right:2px solid #da5530;
}
.au-1m5-10m5-23winter .dp_step li > div:nth-child(1) {
  width:100%;
}
.au-1m5-10m5-23winter .dp_step li > div:nth-child(2){
  border:none;
  text-align:left;
  padding:5px 0 10px 0;
  margin-top:1px;
  word-break:break-all;
  white-space:normal;
}

.au-1m5-10m5-23winter .dp_step li > div:nth-child(2) span{
  white-space:nowrap;
}
.au-1m5-10m5-23winter .dp_step li > div:nth-child(1) span img{
  width:auto;
  height:auto;
  display:inline-block;
  max-height:7vw;
  max-width:initial;
  vertical-align:middle;
}

.au-1m5-10m5-23winter a.sf-button{
  display:inline-block;
  padding:0.5em 1em;
  line-height:1.2;
  background:#000;
  color:#fff;
  text-align:center;
}

.au-1m5-10m5-23winter .inquiry a.sf-button{
  background-color:#3779cf;
  padding:1em 1em;
  margin:1em 0;
  width:100%;
}

.button-mark,
.fs-link_blank,
.fs-link_blank-before{
  position:relative;
}
.au-1m5-10m5-23winter .button-mark:after{
  content:"＞";
  position:absolute;
  right:0.5em;
}
.au-1m5-10m5-23winter .icon-mail:before{
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:middle;
  background:url(../img/icon_mail.svg) center center no-repeat;
  background-size:contain;
  margin-right:0.25em;
}
.au-1m5-10m5-23winter .button-mark.fs-link_blank-before{
  padding-right:0;
  padding-left:0.4em;
}




/* キャンペーン要項 規約 ------------------------ */

.au-1m5-10m5-23winter .section-kiyaku{
  margin-top:30px;
}

.au-1m5-10m5-23winter .dl_campaign-yoko,
.au-1m5-10m5-23winter .section-kiyaku dl {
  padding: 20px 0 30px;
  margin: 0;
  border-bottom:1px solid #000;
  height:auto;
  text-align:left;
}

.au-1m5-10m5-23winter .dl_campaign-yoko + .au-1m5-10m5-23winter .dl_campaign-yoko {
  padding: 20px 0;
}

.au-1m5-10m5-23winter strong.mark-sq:before{
  content:"";
  display:inline-block;
  width:0.7em;
  height:0.75em;
  margin-right:0.3em;
  background:#999;
  color:#999;
}

.au-1m5-10m5-23winter .dl_campaign-yoko dt,
.au-1m5-10m5-23winter .section-kiyaku dt
 {
  display: block;
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 5px;
  font-weight: bold;
  text-align:left;
}

.au-1m5-10m5-23winter .section-kiyaku dt{
  font-weight:normal;
  margin-bottom:5px;
}

.au-1m5-10m5-23winter .section-kiyaku dt small{
  display:inline-block;
  vertical-align:middle;
  width:1.1em;
  height:1.1em;
  line-height:1.1em;
  margin-right:0.1em;
  margin-bottom:0.25em;
  padding:0;
  background:#333;
  color:transparent;
}

.au-1m5-10m5-23winter .dl_campaign-yoko dd,
.au-1m5-10m5-23winter .section-kiyaku dd {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.au-1m5-10m5-23winter .section-kiyaku dd{ line-height:1.5 !important; }


.au-1m5-10m5-23winter .section-kiyaku dd p{ margin-bottom:0.5em; }
.au-1m5-10m5-23winter .section-kiyaku dd p:last-of-type{ margin-bottom:0; }

.au-1m5-10m5-23winter .dl_campaign-yoko dd p.no-justify{
  text-align: start;
}

.au-1m5-10m5-23winter .section-kiyaku dd .kk1h{ padding-left:1.25em; }
.au-1m5-10m5-23winter .section-kiyaku dd .kk1h span:first-of-type{ display:inline-block; width:1.25em; text-align:left; margin-left:-1.25em; }


.au-1m5-10m5-23winter .yoko-icon.yoko-icon-entry {
  width: 26px;
  padding-right: 5px;
}

.au-1m5-10m5-23winter .section-kiyaku dd ul li *{ text-indent:0; }

.au-1m5-10m5-23winter .section-kiyaku dd ul > li.kome:before{ content:"※"; }
.au-1m5-10m5-23winter .section-kiyaku dd ul > li,
.au-1m5-10m5-23winter .section-kiyaku dd ol > li{ margin-bottom:5px; }

.au-1m5-10m5-23winter .section-kiyaku dd ul.bd_dot li{
  border-bottom:1px dotted #ccc;
  padding-top:5px;
  padding-bottom:5px;
}

.au-1m5-10m5-23winter .section-kiyaku dd ul.bd_dot li:last-of-type{
  border:none;
  padding-bottom:0;
}

.au-1m5-10m5-23winter .pl1em{ padding-left:1em; }
.au-1m5-10m5-23winter .kk.pl1em{ padding-left:2em; }



.au-1m5-10m5-23winter .section-kiyaku dd ol{ list-style:none; counter-reset: number; }
.au-1m5-10m5-23winter .section-kiyaku dd ol li{ list-style:none; padding-left:1.25em; }
.au-1m5-10m5-23winter .section-kiyaku dd ol li:before{
  counter-increment: number;
  content: counter(number)'.';
  display:inline-block;
  width:1.25em;
  margin-left:-1.25em;
}


.au-1m5-10m5-23winter #entry-button{ margin-top:30px; overflow:hidden; position:relative; }
.au-1m5-10m5-23winter #entry-button label{ display:inline; }

.au-1m5-10m5-23winter #entry-button #checkBtn{
  opacity:0;
  position:absolute;
  top:-50px;
}

.au-1m5-10m5-23winter #entry-button label:before{
  content:"";
  display:inline-block;
  width:0.9em;
  height:0.9em;
  line-height:0.1;
  border:1px solid #999;
  border-radius:3px;
  margin-right:0.3em;
  overflow:visible;
  color:#069;
  vertical-align:middle;
  margin-bottom:0.15em;
  line-height:0.6;
  font-size:0.9em;
  font-weight:normal;
  padding-left:0.1em;
}

.au-1m5-10m5-23winter #entry-button #checkBtn:checked + label:before{
  content:"\02714";
  border-color:#00A8B5;
  background-color:#b6e3e7;
}


/* お問い合わせ ------------------------ */

.au-1m5-10m5-23winter span.mail-txt,
.au-1m5-10m5-23winter .dl_campaign-yoko span.mail-txt,
.section-kiyaku span.mail-txt{
  /* color:#eb5505; */
  color:#00A8B5;
  font-weight: bold;
  white-space:nowrap;
  display:inline;
}

.au-1m5-10m5-23winter .confirm-link {
  text-align: center;
}

.au-1m5-10m5-23winter .confirm-link a {
  text-decoration: underline !important;
  color: #eb5505;
}

.au-1m5-10m5-23winter .info-txt {
  text-align: left;
  list-style: none;
  padding: 0;
}

.au-1m5-10m5-23winter .icon_tell {
  margin:0 !important;
}

.au-1m5-10m5-23winter .icon_tell::before {
  content:" ";
  padding-left:7.777777778vw;
  background: url(../img/icon_phone.svg) no-repeat 50% !important;
  height:9.444444444vw;
  background-size:contain !important;
  vertical-align:-5%;
}
.au-1m5-10m5-23winter .icon_mail {
  padding:5px 0;
}
.au-1m5-10m5-23winter .icon_mail a{
  display:block;
  width:auto;
  max-width:initial;
  text-align:center;
  background-color:#0079d6;
  color:#fff;
  line-height:3.5em; /*デザインのための高さ調整*/
  font-weight:normal;
  position:relative;
  padding-right:1em;
}
.au-1m5-10m5-23winter .icon_mail a::before {
  content:"";
  padding-left:1.3em;
  height:1em;
  background: url(../img/icon_mail.svg) no-repeat 50% !important;
  background-size:contain !important;
  margin-right:0.5em;
}


.au-1m5-10m5-23winter .once-text {
  text-align: left;
  font-weight: bold;
  margin-top:1em;
  margin-bottom:1em;
}

.au-1m5-10m5-23winter .dl_campaign-yoko .once-text.icon_mail a span{
  white-space:nowrap;
}

.au-1m5-10m5-23winter .telephone span{
  font-size:6.666666667vw;
}


/* 規約ページ送信ボタン------------------------ */

.au-1m5-10m5-23winter input[type="button"] {
  color: #fff;
  padding: 20px;
  border: none;
  background: #00A8B5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width:50%;
}
/* 送信ボタン - マウスオーバー時 */
.au-1m5-10m5-23winter input[type="button"]:hover {
  opacity:0.8;
}
/* 送信ボタン - 押せないとき */
.au-1m5-10m5-23winter input[type="button"][disabled] {
  background-color: #ccc;
  cursor: default;
}
.au-1m5-10m5-23winter input[type="button"][disabled]:hover {
  opacity:1;
}
.au-1m5-10m5-23winter .pointer label:hover, .pointer input:hover {
  cursor: pointer;
}


/* 最下部バナーエリア ------------------------ */

.au-1m5-10m5-23winter .bnr_area{ margin-top:10px; }
.au-1m5-10m5-23winter .bnr_area a{ width:100%; display:block; border:1px solid #eee; }
.au-1m5-10m5-23winter .bnr_area a:nth-of-type(even){ margin-top:5vw; }
.au-1m5-10m5-23winter .bnr_area img.sm-sp{ width:100%; height:auto; display:block; }


.au-1m5-10m5-23winter .organizer{ text-align:center; padding: 35px 0; }





/* 製品ページへのボタン --------------------------------------- */

.au-1m5-10m5-23winter .sf-product{
  text-align:center;
}
.au-1m5-10m5-23winter .sf-product a{
  display:inline-block;
  position:relative;
  color:#333;
  font-weight:normal;
}
.au-1m5-10m5-23winter .sf-product a{
  margin-bottom:1em;
}

.au-1m5-10m5-23winter .sf-product a:before{
  content:"";
  display:inline-block;
  width:2.5em;
  height:2.5em;
  border-radius:1.5em;
  border:1px solid #000;
  vertical-align:middle;
  margin-right:1em;
}
.au-1m5-10m5-23winter .sf-product a:after{
  content:"";
  display:inline-block;
  width:0.5em;
  height:0.5em;
  border-left:1px solid #000;
  border-bottom:1px solid #000;
  top:50%;
  transform:translate(0, -50%) rotate(45deg);
  position:absolute;
  left:1.1em;
}
/* ------------------------------------------------------------
  Xperia campaign for PC
------------------------------------------------------------ */

@media only screen and (min-width: 768px) {

/* font-size XL準拠 PC用(line-height調整) ------------------------ */

  .au-1m5-10m5-23winter .fs-10 { font-size: 10px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-11 { font-size: 11px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-12 { font-size: 12px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-13 { font-size: 13px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-14 { font-size: 14px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-15 { font-size: 15px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-16 { font-size: 16px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-17 { font-size: 17px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-18 { font-size: 18px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-20 { font-size: 20px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-22 { font-size: 22px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-24 { font-size: 24px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-26 { font-size: 26px; line-height: 1.6em; }
  .au-1m5-10m5-23winter .fs-28 { font-size: 28px; line-height: 1.6em; }

  body{
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, Roboto, sans-serif;
  }
  .au-1m5-10m5-23winter {
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, Roboto, sans-serif;
  }

  #contents div.au-1m5-10m5-23winter {
    font-size: 14px;
    line-height: 1.6em;
    overflow-x:hidden;
  }

  .au-1m5-10m5-23winter .inner_wrap {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding-left:0;
    padding-right:0;
  }

  .au-1m5-10m5-23winter a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
  }


  #contents .au-1m5-10m5-23winter h2 {
    font-size:22px;
    padding: 10px 0;
    margin-bottom:10px;
  }

  #contents .au-1m5-10m5-23winter .button-mark{
    padding-right:0;
  }


/* Hero ------------------------ */

  .au-1m5-10m5-23winter .au-1m5-10m5-23winter__hero {
    margin-top:20px;
  }

/* 終了メッセージ ------------------------ */

  .au-1m5-10m5-23winter .close_txt {
    margin:50px auto;
    padding:1em;
  }

  .au-1m5-10m5-23winter .close_txt p {
    margin-bottom:0;
    font-size: 24px;
    line-height: 1.8em;
  }
  .au-1m5-10m5-23winter .spBr {
    display:none;
  }


  #contents .au-1m5-10m5-23winter .kikan span img.sm-pc{
    display:block;
    padding:0;
    margin:auto;
    width:calc(100% + 6px);
  }


/* キャンペーン対象端末 ------------------------ */

  .au-1m5-10m5-23winter .cptarget{
    margin:50px 0;
    padding: 0;
    vertical-align: middle;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  #contents .au-1m5-10m5-23winter .cptarget > h2{
    width:100%;
    margin-top:0;
    padding-top:0;
    line-height:1.2;
  }
  #contents .au-1m5-10m5-23winter .cptarget > div{
    padding:15px 7px 7px 7px;
    margin:0;
    width:48%;
  }
  #contents .au-1m5-10m5-23winter .cptarget > div:last-of-type{
    margin-left:4%;
  }
  .au-1m5-10m5-23winter .cptarget div > span{
    padding:0;
  }
  .au-1m5-10m5-23winter .cptarget div > span > img{
    width:60%;
    margin-bottom:10px;
  }
  .au-1m5-10m5-23winter .cptarget div > span a.fs-12,
  .au-1m5-10m5-23winter .cptarget div > span > label > span.fs-12{
    font-size:16px;
  }
  #contents .au-1m5-10m5-23winter .cptarget h2,
  #contents .au-1m5-10m5-23winter .cptarget h2 span.fs-18{
    font-size:26px;
  }

.au-1m5-10m5-23winter .cptarget div > span > a,
.au-1m5-10m5-23winter .cptarget div > span > label > span{
  display:block;
  max-width:initial;
  margin-bottom:0;
}
.au-1m5-10m5-23winter .cptarget div > span > a:last-of-type{
  margin-bottom:15px;
}
.au-1m5-10m5-23winter .cptarget div > span > a{
  width:60%;
}
.au-1m5-10m5-23winter .cptarget div > span > label > span{
  width:100%;
}

.au-1m5-10m5-23winter .cptarget h2{
  margin: 30px 0 0 0;
}

.au-1m5-10m5-23winter .cptarget div h3{
  margin:0 0 20px 0;
}




/* Ponta */

  .au-1m5-10m5-23winter .ponta{
    margin:50px 0;
    padding: 0 30px 0 24%;
    text-align: right;
    vertical-align: middle;
    position: relative;
  }
  .au-1m5-10m5-23winter .ponta img{
    max-width:100%;
    width:auto;
    margin-top:auto;
    margin-bottom:auto;
  }
  .au-1m5-10m5-23winter .ponta > h2{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 75%;
    height:100%;
    padding: 0 25px 0 0;
    margin: 0;
    overflow: hidden;
  }

  .au-1m5-10m5-23winter .ponta > h2:before,
  .au-1m5-10m5-23winter .ponta > h2:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    transform: translate(0, -50%);
    border: 150px solid transparent;
    border-right: 0px solid transparent;
    left:auto;
  }
  .au-1m5-10m5-23winter .ponta > h2:before{
    right:0;
    border-left:50px solid #ccc;
  }
  .au-1m5-10m5-23winter .ponta > h2:after{
    right:1px;
    border-left:50px solid #fff;
  }

  .au-1m5-10m5-23winter .ponta > h2 span{
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left:0;
    transform: translate(0, -50%);
    font-weight: bold;
    text-align: center;
    z-index: 2;
  }

  .au-1m5-10m5-23winter .ponta > span:first-of-type{
    display:inline-block;
    vertical-align:middle;
    font-size:15px;
    width:48%;
    text-align:left;
  }

  .au-1m5-10m5-23winter .ponta > span:last-of-type{
    display:inline-block;
    vertical-align:middle;
    width:38%;
    margin-left:7%;
    position:relative;
    padding-top:1em;
    padding-bottom:1em;
  }
  .au-1m5-10m5-23winter .ponta > span:last-of-type a{
    width:100%;
    font-size:14px;
    line-height:3em;
    height:3em;
  }

  .au-1m5-10m5-23winter .ponta + div{
    background-color:#000;
    color:#fff;
    padding:1em 2em 1em 2em;
    margin:0 0 70px 0;
  }

  .au-1m5-10m5-23winter .ponta + div img{
    display:inline-block;
    width:120px;
    width:min(120px,22vw);
    vertical-align:middle;
  }

  .au-1m5-10m5-23winter .ponta + div p{
    width:calc(100% - 120px);
    width:calc(100% - min(120px,22vw));
    margin:0;
    padding:0 0 0 2em;
    padding:0 0 0 min(2em, 4vw);
    display:inline-block;
    vertical-align:middle;
    line-height:1.6em;
  }



/* STEP ------------------------ */
  #contents .au-1m5-10m5-23winter .dp_step li {
    margin: 0;
    padding: 10px 10px 17% 10px;
    position: relative;
    width: calc(100% / 4);
  }

  .au-1m5-10m5-23winter .dp_step li > div:nth-child(2){
    padding:15px 5px 10px 5px;
  }
  #contents .au-1m5-10m5-23winter .dp_step li > div:nth-child(1) span{
    padding: 5px 0;
    height:auto;
    line-height:16px;
  }
  #contents .au-1m5-10m5-23winter .dp_step li > div:nth-child(1) span img{
    max-width:30%;
    max-height:initial;
    vertical-align:bottom;
  }

  .au-1m5-10m5-23winter .dp_step li > img{
    max-width:calc(100% - 20px);
  }

.au-1m5-10m5-23winter .dp_step li a.sf-button,
.au-1m5-10m5-23winter .dp_step li label span.sf-button{
  margin:0.1em 0 0 0;
}

  #contents .au-1m5-10m5-23winter .dp_step li .fs-13{
    font-size:14px;
  }

  #contents .au-1m5-10m5-23winter .dp_step li .fs-11{
    font-size:14px;
  }

  #contents .au-1m5-10m5-23winter .dp_step li .fs-10{
    font-size:11px;
  }


/* キャンペーン要項 ------------------------ */



  .au-1m5-10m5-23winter .dl_campaign-yoko dt {
    font-size:18px;
    line-height: 1.6em;
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
  }
  #contents .au-1m5-10m5-23winter .dl_campaign-yoko dd{
    font-size:15px;
  }
  #contents .au-1m5-10m5-23winter .dl_campaign-yoko dd p.fs-11{
    font-size:13px;
  }
  #contents .au-1m5-10m5-23winter .icon_mail a{
    max-width: 420px;
  }


  .au-1m5-10m5-23winter .section-kiyaku dd .kk4{ padding-left:4.3em; }
  .au-1m5-10m5-23winter .section-kiyaku dd .kk4 > strong:first-of-type,
  .au-1m5-10m5-23winter .section-kiyaku dd .kk4 > span:first-of-type{ display:inline-block; width:4.3em; margin-left:-4.3em; white-space:nowrap; }

  .au-1m5-10m5-23winter .section-kiyaku .fs-14{ font-size:16px; }
  .au-1m5-10m5-23winter .section-kiyaku .fs-13{ font-size:14px; }
  .au-1m5-10m5-23winter .section-kiyaku .fs-16{ font-size:18px; }

  .au-1m5-10m5-23winter .inquiry a.sf-button{
    max-width:420px;
  }

/* 最下部バナーエリア ------------------------ */
  /* バナー2つ以上用 1つの場合はspと同じ */
  /* .au-1m5-10m5-23winter .bnr_area a{ width:49%; display:inline-block; }
  .au-1m5-10m5-23winter .bnr_area a:nth-of-type(even){ margin-top:0; margin-left:2%; }*/
  .au-1m5-10m5-23winter .bnr_area img.sm-pc{ width:100%; height:auto; display:block; }




/* display for pc */
  .au-1m5-10m5-23winter .sm-pc {
    display: inline;
  }

  .au-1m5-10m5-23winter .sm-sp {
    display: none !important;
  }
  .au-1m5-10m5-23winter .w_sp {
    width:100%;
    margin-bottom:30px;
  }
  .au-1m5-10m5-23winter .w_sp:last-of-type {
    padding-bottom:0;
    margin-bottom:0;
  }

  .au-1m5-10m5-23winter #bnr_head{
    font-size:24px;
  }

} /* min-width: 768px end */


@media only screen and (min-width: 768px) and (max-width: 990px) {
  .au-1m5-10m5-23winter .inner_wrap {
    max-width: initial;
    padding-left:2%;
    padding-right:2%;
    box-sizing:border-box;
  }
} /* min-width: 768px - max-width: 970px end */

@media only screen and (min-width: 991px) {
  .au-1m5-10m5-23winter .au-1m5-10m5-23winter__hero {
    width: 1200px;
    margin:20px auto 0;
    max-width: 100%;
  }
} /* min-width: 990px end */


/* for PC end */




/* for Button change */

.button_area {
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto 5vw;
}

.button_area a img{
  max-width:400px;
}

.coi-cap-2_7 {
  margin: 2.111111111vw 0 0vw 0;
  text-align: center;
  color: #000000;
  padding-top: 3.111111111vw;
  background-color: #edf3fc;
  margin-top: 8.88888889vw;
  font-weight: bold
}
.coi-cap-2_8 {
  margin: 0vw 0 8.111111111vw 0;
  text-align: left;
  padding: 2.111111111vw 4.111111111vw 4.111111111vw 4.111111111vw;
  background-color: #edf3fc;
}
.coi-cap-2_9 {
  margin: 2.111111111vw 0 6.111111111vw 0;
  text-align: center;
}


.au-1m5-10m5-23winter a.btn-black{ color:#fff !important; }



/* lightbox stickies仕様 ----------------------------------------------- */

.switch{/* チェックボックス absoluteで左上に飛ばし、透明度を0にして表示させない */
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	left:-5000px;
}

.au-1m5-10m5-23winter label{
  display:inline-block;
  width:80%;
  padding:0;
  margin:0 auto;
}
.sf-lightbox{/* ライトボックスの地の部分 */
	position:absolute;
	z-index:10000;
	transition:opacity ease-in-out 0.2s; /* 透明度にtransitionをつける */
	right:1em;
	top:-2em;
	width:auto;
	text-align:right;
}
.sf-lightbox:before, .sf-lightbox:after{
	content:"";
	display:block;
	width:2px;
	height:1.25em;
	position:absolute;
	right:0.5em;
	top:0;
	background-color:#999;
}

.sf-lightbox:before{
transform:rotate(45deg);
}
.sf-lightbox:after{
transform:rotate(-45deg);
}
.switch + .sf-lightbox{/* チェックボックスの直後にライトボックスの地を置く 透明のときはクリック不可 */
	opacity:0;
	pointer-events:none;
}
.switch:checked + .sf-lightbox{/* チェックボックスがcheckedの時のみ表示、クリックできるようにする（どこをクリックしても閉じる） */
	opacity:1;
	pointer-events:auto;
}

.sf-lightbox ul{
  display:inline-block;
  padding:0;
  margin:1.5em 0 0 0;
  border:1px solid #999;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 0 20px rgba(0,0,0,0.2);
  text-align:center;
}

.sf-lightbox ul li{
  display:block;
  padding:0;
  margin:0;
}
.sf-lightbox ul li:last-of-type{
  border-top:1px solid #ccc;
}

.sf-lightbox ul li a{
  display:block;
  width:15em;
  padding:1em 0;
  position:relative;
  background:url(../img/ext.svg) 95% center no-repeat;
  background-size:0.8em 0.8em;
}

.sf-lightbox ul li a img{
  height:auto;
  max-height:1.75em;
  width:auto;
}
@media only screen and (min-width: 768px) {
  .sf-lightbox{/* ライトボックスの地の部分 */
    padding:0;
  }
  .au-1m5-10m5-23winter label{
    width:60%;
  }
}

/*  */
#contents .au-1m5-10m5-23winter .sf-lightbox-inner h3{ padding:1em; }
#contents .au-1m5-10m5-23winter .dp_step li ul{ display:block; padding:1em 1em 1em 2em; border:none; }
#contents .au-1m5-10m5-23winter .dp_step li ul.list_dot li{ width:auto!important; border:none !important; font-weight:normal; padding:0 0 0.5em 0; }