@charset "utf-8";@charset "utf-8";
#hrscLP { color:#424242; font-size:12px; box-sizing:border-box; }

.ptEn, .ttl-luckyItem,
.ttl, .text_date, .sec04_12ttls, .prfEn, .sec04_period span, .text_date { font-family:'Freight Big Light','Times New Roman','Georgia',serif !important; }

.btn::before { content:'LUCKY ITEM' !important; }

.btn, .text_en, .btn_more a, .sec05_btn_back { font-family:'Montserrat',sans-serif; }

.sec02Text, .sec02Text2, .sec04_text_hrsc, .itemDescr, .sec05TextBox { text-align:justify; }

#hrscLP .sec01 .rouletteWrapOuter::before { width:13px; height:11px; background:url(https://www.artidaoud.com/photo/page/horoscope_common/arrow.png) no-repeat center center; background-size:13px 11px; border:none; }

/* --- sec02 --- */
.sec02 > .inner { padding:30px 0 40px !important; }
.headerTitleImg img { display:block; width:50%; max-width:330px; margin:30px auto 20px; }

#sec02 { text-align:center; }
.sec02Text { margin-bottom:10px; font-size:13px; line-height:1.9; }
.sec02Text2 { font-size:12px; line-height:1.9; }
.sec04_text_hrsc { padding-bottom:30px; font-size:12px; line-height:1.8; }

.sec02_pageTitle { margin:20px 0 40px; letter-spacing:3px; line-height:1.5; }
.ptJp { font-size:17px; }
.ptEn { font-size:28px; font-weight:normal;  }

/* --- sec04 --- */
.stones .sec04 > .inner { padding:30px 0; }

.sec04_period { display:flex; align-items:center; max-width:1120px; margin:0 auto 40px; padding:0 12px; font-size:16px; letter-spacing:.1em; }
.sec04_period::before, .sec04_period:after { content:""; flex-grow:1; border-top:1px solid #ccc; display:inline;/*IE*/ }
.sec04_period::before { margin-right:.5em; }
.sec04_period::after { margin-left:.5em; }
.sec04_period span { font-size:35px; letter-spacing:1px; }

.sec04_12ttls { font-size:27px; letter-spacing:.03em; line-height:1.5; }
.sec04_12ttls span { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', sans-serif; font-size:14px; vertical-align:middle; }
.sec04_12ttls span::before { content:'|'; padding:0 .4em; }
.text_date { margin-bottom:35px !important; }

.layout_panel { text-align:left; }
.layout_panel_inner { margin:30px 12px 50px; }
.ttl-luckyItem { font-size:25px; letter-spacing:.03em; line-height:1; text-align:center; }
.itemImgBox { overflow:hidden; margin:30px 0 40px; }
.itemImgBox li { float:left; width:50%; }
.itemImgBox li img { width:100%;  }

.itemDescr { margin-bottom:1.9em; font-size:12px; font-weight:bold; }
.itemName { font-size:11px; }
.itemPrice { margin-bottom:1.2em; font-size:10px; }

.tocContainter { padding:0 12px 20px; }
.sec04sp_toc { overflow:hidden;  }
.sec04sp_toc li { float:left; position:relative; width:25%; margin:10px 0; /*border-right:1px solid #ccc; */ color:#888; font-size:12px; line-height:1; text-align:center; box-sizing:border-box; vertical-align:middle; }
.sec04sp_toc li::after { display:block; content:''; width:4px; height:4px; border-radius:50%; background:#888; position:absolute; right:-0.25em; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2; }
.sec04sp_toc li:nth-child(4n)::after { content:none; }
.toc_last { border-bottom:none; }

/* --- sec05 --- */
.sec05 { padding:0 12px 120px; }
#sec05 { width:100%; max-width:1120px; margin:0 auto; }
.sec05_profile { margin-bottom:30px; line-height:1.2; text-align:center; }
.prfEn { margin-right:1em; font-size:30px; }
.prfJp { font-size:17px; letter-spacing:.1em; }

.sec05_nextBack { margin-top:40px; padding-top:40px; border-top:1px solid #ccc; }
.sec05_btn_back { width:100%; height:35px; max-width:200px; min-width:150px; margin:30px auto 0; font-size:14px; font-weight:300; letter-spacing:.15em; line-height:35px; border:1px solid #555; text-align:center; cursor:pointer; color:#424242; backface-visibility:hidden; -webkit-backface-visibility:hidden; }

/* --- SP --- */
@media screen and (max-width:750px) {
  .spNone { display:none; }
  .ptEn { display:block; }
  #sec04 .layout_col { float:none; width:100%; }
  .sec04 .layout_col > .inner { padding-bottom:40px !important; }
  .sec02TextBox { margin:0 12px; }
  .sec04 .layout_row_outer > .inner > .layout_row > .layout_col.active > .inner::after { bottom:-62px !important; }
  /*.sec04_12ttls span { display:block; margin-bottom:10px; }*/
  .sec05_next { text-align:center; }
}

/* --- PC --- */
@media screen and (min-width:751px) {
  #hrscLP { color:#424242; font-size:13px; box-sizing:border-box; }
  #hrscLP .sec01 .rouletteWrapOuter::before { width:24px; height:21px; background-size:24px 21px; }

  .sec02 > .inner { padding:30px 0 70px !important; }
  .sec02_pageTitle { margin:30px 0 40px; letter-spacing:.2em; line-height:1.2; }
  .ptJp { font-size:20px; }
  .ptEn { font-size:30px; }

  .ttl-luckyItem { font-size:30px; }
  .sec02Text, .sec02Text2 { line-height:2; text-align:center; }
  .sec02Text { font-size:14px; }
  .sec02Text2 { margin:0 12px; }

  .itemDescr { font-size:14px; }
  .itemName { font-size:12px; }
  .itemPrice { margin-bottom:1.2em; font-size:11px; }

  .sec04_text_hrsc { padding-bottom:40px; font-size:13px; letter-spacing:.1em; }

  .stones .sec04 > .inner { padding:0 !important; }
  .sec04 .layout_col > .inner { padding-top:20px !important; }
  .sec04 .layout_col.active > .inner { padding-top:20px !important; }

  .sec04_period span { font-size:43px; }
  .layout_panel_inner { max-width:770px; margin:90px auto; }
  .sec04_period { padding:0 30px; }

  .sec05 { padding:30px 30px 150px; }
  .prfEn { font-size:32px; }
  .prfJp { font-size:19px; }
  .sec05_nextBack { overflow:hidden; margin-top:75px; }
  .sec05_next { float:left; margin-top:7px; font-size:1.05em; }
  .sec05_btn_back { float:right; margin:0; }
}
/*@media screen and (min-width:960px) {
}*/

/* */
@media screen and (min-width:751px) {
  .sec04_12ttls { font-size:23px; }
  .sec04_12ttls span { font-size:13px; }
  .sec04_12ttls span::before { padding:0 .1em; }
  .text_date { font-size:23px !important; }
}
@media screen and (min-width:850px) {
  .sec04_12ttls { font-size:28px; }
  .sec04_12ttls span { font-size:14px; }
  .sec04_12ttls span::before { padding:0 .4em; }
  .text_date { font-size:29px !important; }
}