@charset "UTF-8";
/***********************************
* tpb2017
***********************************/
/* reset */
h2, h3, h4, h5, p, img, dl, dt, dd, ul, li {
  margin: 0;
  padding: 0; }

.colublogo,.container, .gridMain, .contentsInner {
  margin: 0; }

.pad0 {
  padding: 0;
}

/* common */
a:link {
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

li a[target="_blank"] {
  text-indent: 0em; }

a > img.rollover:hover {
  opacity: 1; }

.theme-pointchange a:link {
  text-decoration: none; }
.marz {
  margin: 50px auto 0 auto;
}

/* contents */
.colublogo{
    max-width: 980px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
}
.colublogo h2{
  overflow: hidden;
  padding-top: 10px;
  text-align: left;
  margin: 10px auto 10px 60px;
}
/* sタイトル画像*/
.campaignBg01 {
  background:url("/pontaweb/campaign/c/okinawa/img/pc_main_bg.png") no-repeat center top 12px;
  background-color:#fff;}

  .keyVisual {
    height: 375px;}

  .keyVisual h2 {
    overflow: hidden;
    width: 780px;
    margin: 0 auto;
    text-align: center;
  }

/* eタイトル画像*/

.BgStripeA {
  height: 370px;
  background:url("/pontaweb/campaign/c/okinawa/img/pc_sec_full_back.png") repeat-x center center;
  background-color:#fff;}
  .BgStripeA ul.btnBtn {
    width: 980px;
    margin: 0 auto;
    text-align: center;
  }
.BgStripeA  ul.btnBtn li {
    width: 400px;
    display: inline-block;
    margin: 0 20px;
  }

.BgStripeA ul.btnBtn li dl {
margin: 45px auto 40px auto;
    }

.BgStripeA ul.btnBtn li dl dt {
margin-bottom: 5px;
  }

.BgStripeA ul.btnBtn li dl dd {

  }

  .BgStripeB {
    height: 275px;
    background:url("/pontaweb/campaign/c/okinawa/img/pc_stripe_bg.png") repeat-x center center;
    background-color:#fff;}
  .BgStripeB ul.btnBtn {
      width: 980px;
      margin: 0 auto;
      text-align: center;
    }
  .BgStripeB ul.btnBtn li {
      width: 400px;
      display: inline-block;
      margin: 0 20px;
    }

  .BgStripeB ul.btnBtn li dl {
  margin: 60px auto ;
      }

  .BgStripeB ul.btnBtn li dl dt {
  margin-bottom: 5px;
    }

  .BgStripeB ul.btnBtn li dl dd {

    }

/* sボタン */
.campaignBgBtn {
margin: 20px auto;
  width: 800px;}

p.nowEntry {
  width: 800px;
  text-align: center;
  margin: 0 auto 30px auto;}

  p.nowEntrySec {
    width: 800px;
    text-align: center;
    margin: 40px auto!important;}

span.btnEG:hover img{
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  background-color: #FFFFFF;}

/* eボタン */

/* s背景カラー */
.BgBlue{
  background-color: #6ac3ef;
  margin: 0 auto!important;
  padding-top: 60px;
  padding-bottom: 50px;}

.BgBeige{
  background-color: #fffcd9;
  margin: 0 auto!important;
  padding-top: 60px;
  padding-bottom: 40px;}
/* e背景カラー */

/* sプレゼント共通 */
.boxStep{
  width: 900px;
  margin: 0 auto;
  text-align: center;}

.ttlStep h4{
  text-align: center;
  margin: 0 auto 20px auto;}


/* eプレゼント共通 */

/* step01 */

.boxStep h5{
  margin: 0 auto;
  text-align: center;
}
.boxStep{
  position:relative;

  margin: 0 auto;

      text-decoration: none;
      display: block;
      text-align: center;

}

p.dis_step_one{
  width: 800px;
margin: 8px auto;
padding-top: 10px;
padding-bottom: 10px;}



  p.btn_step_one{
    width: 512px;
  margin: 0 auto;
padding-bottom: 20px;}
  p.stepTxt{
    width: 680px;
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  .downArrow{
    text-align: center;
    margin: 10px auto ;
  }

/* step */


/* sホットペッパービューティー新規登録方法 */
.contFrameHpb {
  width: 860px;
  background-color: #ffffff;
  margin: 0 auto;
  padding: 20px;}

div.contFrameHpb p.txtStep {
  margin-left: 20px;
  text-align: left;}
/* eホットペッパービューティー新規登録方法 */

/* sキャンペーンのご注意 */
.cpDetailed {
  width: 900px;
  margin: 10px auto;
  text-align: left;
  padding-bottom: 25px;
  color: #333333; }

.cpDetailed h5 {
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  margin-top: 1px;
  margin-bottom: 0px;}

ul.detailedExplanation {
  color: #333333;
  font-size: 14px;
  line-height: 20px;}

ul.detailedExplanation li.normalSec {
  color: #333333;
  font-size: 14px;
  line-height: 20px;}

ul.detailedExplanation li.rice{
  font-size: 14px;
  padding-left: 1em;
  color: #333333; }

ul.detailedExplanation li.rice:before,
ul.detailedExplanation li.redRice:before{
  content: "※";
  margin-left: -14px; }

ul.detailedExplanation li.discSec {
    margin-left: 16px;
    list-style: disc; }

    ul.detailedExplanation li.discNon {
        margin-left: 16px;
        list-style: none; }

ul.detailedExplanation li.oneCharacter {
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    margin: 8px 14px;}

p.txt_ul-hpb{
  margin-top: 1em;}
/* eキャンペーンのご注意 */

/* cpEndTxt*/
.cpEndTxt {
  color: #ff0000;
  text-align: center;
  font-size: 4em;
  font-weight: bold;
  margin-top:1em;
  margin-bottom: 1em;
}
