@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }

.container { font-family: 'S-CoreDream-3Light', serif; color: #fff; word-break: keep-all;}
.container img { max-width: 100%;}
#promotionCopyfixed {
    position: relative;
    top: 100%;
    z-index: 31;
    width: 100%;
    height: 60px;
    background: url(//cdn.hotelonsen.com/img/onsen/onsen_main/hoshinoya_intro_ban_bg.jpg) center;
    display: table;
}
#promotionCopyfixed-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
#promotionCopyfixed h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
		font-size: 18px;
}

.bar01 { content: ""; display: block; width: 50px; height: 2px; background: #fff; margin: 30px auto;}
.colorB { color: #006cff;}
.colorP { color: #9204da;}

#sec01 { background: #0cd4a3 url("/event2019/img/onsen_reward/sec01_bg.jpg") no-repeat; background-size: cover;}
#sec01 .sec01 h1 { font-size: 60px; padding-top: 150px; text-shadow: 1px 10px 10px #0003;}
#sec01 .sec01 h1 span { font-size: 72px; font-family: 'S-CoreDream-9Black', serif;}
#sec01 .sec01 h2 { font-size: 24px; color: #fbe942;}
#sec01 .sec01 p { font-size: 18px;}

#sec02 { background: url("/event2019/img/onsen_reward/sec02_bg.jpg") no-repeat; background-size: cover;}
#sec02 .txt01 { font-size: 36px; }
#sec02 .txt01 span  { font-size: 40px; font-family:'S-CoreDream-9Black', serif;}
#sec02 .txt02 { font-size: 24px; color: #888;}
.btn_go { border-radius: 60px; border: 5px solid #9204da; padding: 10px 30px; display: inline-block; color: #9204da;
font-size: 24px; margin: 20px 0;}
.btn_go:hover {  border: 5px solid #0cd4a3; color: #0cd4a3; box-shadow: 1px 10px 10px #0003; }
#sec03 .sec03 .box01 { background: url("/event2019/img/onsen_reward/sec03_01.png") right no-repeat; height: 450px;}
#sec03 .sec03 .box01 ul { width: 60%; text-align: left; }
#sec03 .txt02 { font-size: 24px; }
#sec03 .txt03 { font-size: 18px; color: #888;}

#sec04 {}
#sec04 .sec04 { background: #9204da; padding: 40px 10px; color: #fff;}
#sec04 .txt01 { font-size: 30px; color: #fcef40; }
#sec04 .txt02 { font-size: 18px; margin-top: -10px;}

#sec05 { background: url("/event2019/img/onsen_reward/sec04_bg.jpg") no-repeat; background-size: cover;}
#sec05 .sec05 { text-align: left;}
#sec05 .txt01 { font-size: 30px; }
#sec05 .txt02 { font-size: 18px; color: #888;}

#sec06 .sec06 { background: #f8cc0e url("/event2019/img/onsen_reward/sec06_bg.jpg") no-repeat; height: 100px; margin-bottom: 80px;}
#sec06 .sec06 .subWrap { margin-top: -50px;}
#sec06 .sec06 ul { list-style: none;}
#sec06 .sec06 li { float: left; }
#sec06 .sec06 .subWrap .img01 { }
#sec06 .sec06 .subWrap .txt01 { font-size: 36px; margin: 50px 0;}
.btn_go02 { border-radius: 60px; background: #9204da; padding: 10px 30px; display: inline-block;
font-size: 24px; margin: 50px 0; color: #fff;}
.btn_go02:hover { background: #0cd4a3; color: #fff;}

@media only screen and (max-width: 992px) {
  #sec02 .txt01 { font-size: 30px;}
  #sec03 .sec03 .box01 { background: none; height: 450px;}
  #sec03 .sec03 .box01 ul { width: 96%;}
  #sec05 .sec05 { text-align: center;}
  #sec05 .txt02 { font-size: 15px;}
  #sec06 .sec06 .subWrap { margin-top: -25px;}
  #sec06 .sec06 .subWrap .txt01 { font-size: 26px; margin: 30px 0 0 0; text-align: left;}
  .btn_go02 { font-size: 18px; margin: 30px 0 0 0; padding: 10px 20px;}
  #sec06 .sec06 .subWrap .img01 { margin: 0 0 0 -30px;}
}
@media only screen and (max-width: 768px) {
  #promotionCopyfixed h3 { font-size: 14px;}
  #sec01 .sec01 h1 { font-size: 30px; padding-top: 100px; }
  #sec01 .sec01 h1 span { font-size: 36px; }
  #sec01 .sec01 h2 { font-size: 18px; color: #fbe942;}
  #sec01 .sec01 p { font-size: 14px; letter-spacing: -1px;}
  #sec02 .txt01 { font-size: 24px;}
  #sec02 .txt01 span  { font-size: 30px; }
  .btn_go { font-size: 18px;}
  #sec03 .txt03 { font-size: 15px;}
  #sec04 .txt01 { font-size: 24px; letter-spacing: -1px;}
  #sec04 .txt02 { font-size: 15px; }
  #sec05 .txt01 { font-size: 24px; }
  #sec06 .sec06 .subWrap .txt01 { font-size: 18px; margin: 30px 0 0 -40px;}
  .btn_go02 { font-size: 12px; margin: 40px 0 0 0; padding: 5px 8px;}
  #sec06 .sec06 { background: #f8cc0e;}
  #sec06 .sec06 .subWrap .img01 { margin: 0 0 0 -80px;}
}