@charset "utf-8";@charset "utf-8";

/* ===== Horoscope LP :based on https://www.artidaoud.com/zodiacstones ===== */

/* ===== fonts @local (not necessary) ===== */
/*  @font-face {
    font-family:'Freight Big Light';
    src:url('local-fonts/freight_big_light.otf') format('opentype');
  }
  @font-face {
    font-family:'Freight Big Book';
    src:url('local-fonts/freight_big_book.otf') format('opentype');
  }
  @font-face {
    font-family:'Sackers Gothic Medium';
    src:url('local-fonts/sackers_gothic_medium.otf') format('opentype');
  }*/

/* ===== secJournal Journal - listLayout
https://www.artidaoud.com/assets/front/css/style_artidaoud.css ===== */
  .listLayout { width:100%; max-width:770px; overflow:hidden; margin:0 auto 60px; }
  .listLayout ul { margin:-17px; }
  .listLayout ul::after { content:""; display:block; clear:both; }
  .listLayout ul li { float:left; width:50%; padding:17px; margin-bottom:20px; box-sizing:border-box; }
  .listLayout ul li a { display:block; text-align:center; }
  .listLayout ul li a img { width:100%; }
  .listLayout ul li a .tag { display:inline-block; height:30px; line-height:30px; font-family:'Montserrat', sans-serif; letter-spacing:.15em; font-size:16px; font-weight:300; color:#fff; margin:-15px auto 5px; padding:0 15px; vertical-align:top; }
  .listLayout ul li a .tag_interview { background:#7e6b5a; }
  .listLayout ul li a .tag_issue { background-color:#595959; }
  .listLayout ul li a .lead { font-family:inherit; font-size:14px; letter-spacing:0.03em; color:#424242; margin-bottom:20px; }
  .listLayout ul li a .title { font-size:16px; line-height:1.75; padding:0 30px 15px; }

  @media screen and ( max-width:750px) {
    .listLayout { width:100%; overflow:visible; margin-bottom:20px; }
    .listLayout ul { margin:0; }
    .listLayout ul::after { display:none; }
    .listLayout ul li { float:none; width:100%; padding:0; margin-bottom:20px; }
    .listLayout ul li a { }
    .listLayout ul li a .tag { height:20px; line-height:20px; letter-spacing:.15em; font-size:10px; margin:-10px auto 5px; padding:0 15px; }
    .listLayout ul li a .tag_interview { }
    .listLayout ul li a .tag_issue { }
    .listLayout ul li a .lead { font-size:11px; letter-spacing:0.03em; margin-bottom:50px; }
    .listLayout ul li a .title { font-size:12px; line-height:1.75; padding:0 0 10px; }
  }

/* ===== PC & SP ===== */
  #hrscLP { min-width:300px; color:#424242; font-size:14px; line-height:2; box-sizing:border-box; }

  .sec02_text, .sec02_text2, .sec04_excerpt, .itemDescr, .sec05_textBox { text-align:justify; }

  .ptEn, .panel_title, .journal_title,
  .ttl, .text_date, .sec04_12ttls, .prfEn, .sec04_period span, .text_date { font-family:'Freight Big Light','Times New Roman','Georgia',serif !important; }


  .viewMore_btn, .panel_btn, .siteTop_btn { display:inline-block; height:25px; width:100%; max-width: 200px; min-width: 150px; font-size:10px; letter-spacing:.15em; line-height:25px; color:#424242; font-weight:300; text-align:center; border:1px solid #555555; cursor:pointer;backface-visibility:hidden; -webkit-backface-visibility:hidden; }

  .viewMore_box { text-align:center; }
  .siteTop_btn { margin-top:30px; }
  .viewMore_btn, .panel_btn, .siteTop_btn, .sec06_backBtn { transition:.3s; }
  .viewMore_btn::hover, .panel_btn:hover, .siteTop_btn:hover, .sec06_backBtn:hover { opacity:.8; }

  .btn::before, .viewMore_btn::before, .panel_btn::before, .panel_allBtn::before, .siteTop_btn::before, .text_en, .btn_more a, .sec05_backBtn { font-family:'Sackers Gothic Medium','Montserrat',sans-serif; }

  .btn::before { content:'VIEW MORE' !important; }
  .panel_btn::before { content:'VIEW DETAIL'; }
  .panel_allBtn::before { content:'ALL ITEMS'; }
  .siteTop_btn::before { content:'SITE TOP'; }
  /* 2019.10.17 */
  /*.viewMore_btn::before { content:'PRE ORDER'; }*/
  /* 2019.10.24 */
  .viewMore_btn::before { content:'MORE'; }

  .panel_allBtnContainer { display:block; margin-top:40px; border-top:1px solid #ffffff;}

  .panel_allBtn { display:block; width:70%; max-width:500px; height:50px;line-height:50px; margin:40px auto; color:#fff; font-style:15px; font-weight:bold; letter-spacing:.11em; text-align:center; background:#555555; }

  #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; }

  .panel_title, .journal_title { font-size:28px; letter-spacing:.03em; line-height:1; text-align:center; }

  /* --- 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; }
  .sec02_text { margin-bottom:10px; line-height:1.9; }
  .sec02_text2 { font-size:0.9em;  }
  .sec04_excerpt { padding-bottom:30px; }

  .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; }

  .panel_messageText { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:justify; }

  .itemImgBox { overflow:hidden; margin:0 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; }
  .item2nd { display: block; margin-top:2em; }

  .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:13px; 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 { width:100%; max-width:1120px; margin:0 auto; }
  .sec05_profile_ttl, .sec05_about_ttl { margin-bottom:30px; line-height:1.2; text-align:center; }
  .prfEn { margin-right:30px; font-size:30px; }
  .prfJp { font-size:17px; letter-spacing:.1em; }
  .about_logo { display:inline-block; max-width:135px; vertical-align:middle; }
  .aboutJp { display:inline-block; margin-left:5px; font-size:12px; }
  .sec05_textBox { font-size:.92em; }

  #sec05 ul { overflow:hidden; margin-top:30px; font-size:12px; letter-spacing:.03em; line-height:1; text-transform:uppercase; }
  #sec05 li { float:left; }
  #sec05 li:first-child { margin-right:20px; padding-right:20px; border-right:1px solid #424242; }

  /* --- sec06 --- */
  .sec06 { max-width:1120px; margin:0 auto; }
  .sec06_nextBack { margin-top:50px; padding:50px 0; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; }
  .sec06_backBtn { width:100%; height:35px; max-width:200px; min-width:150px; margin:30px auto 0; font-size:12.5px; font-weight:300; letter-spacing:0.15em; line-height:35px; border:1px solid #555; text-align:center; cursor:pointer; color:#424242; backface-visibility:hidden; -webkit-backface-visibility:hidden; }

/* ===== SP only ===== */
  @media screen and (max-width:750px) {
    .spNone { display:none; }

    .panel_title { margin-bottom:20px; }
    .journal_title { margin-bottom:45px; }

    .ptEn { display:block; }
    .sec02_textBox { margin:0 12px; }

    #sec04 .layout_col { float:none; width:100%; }
    .sec04 .layout_col > .inner { padding-bottom:40px !important; }
    .sec04 .layout_row_outer > .inner > .layout_row > .layout_col.active > .inner::after { bottom:-62px !important; }
    .panel_messageText { margin-bottom:50px; padding:30px 3% 30px; line-height:2.2; }

    .sec04 .thum img { max-height:120px !important; }

    .sec05 { padding:30px 12px 0; }
    .sec06 { padding:0 12px; }

    .sec05_box1, .sec05_box2 { margin-bottom:55px; text-align:center; }
    #sec05 ul { display:inline-block;  }

    .sec06_next { text-align:center; }
    .sec06_backBtn { height:27px; width:100%; font-size:10px; line-height:27px; }
    .secJournal { padding:50px 12px 20px; }

  }

/* ===== PC only ===== */
  @media screen and (min-width:751px) {
    #hrscLP { color:#424242; }
    #hrscLP .sec01 .rouletteWrapOuter::before { width:24px; height:21px; background-size:24px 21px; }

    .panel_title, .journal_title { font-size:30px; }
    .panel_title { margin-bottom:30px; }
    .journal_title { margin-bottom:60px; }

    .viewMore_btn { width: 100%; max-width: 200px; min-width: 150px; line-height: 35px; height: 35px; font-size: 13px; }

    .panel_allBtn { font-size:18px; transition:.3s; }
    .panel_allBtn:hover { opacity:.8; }

    .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; }
    .sec02_text, .sec02_text2 { line-height:2; text-align:center; }
    .sec02_text2 { margin:0 12px; }

    .itemDescr { font-size:14px; }
    .itemName { font-size:12px; }
    .itemPrice { margin-bottom:1.2em; font-size:11px; }

    .sec04_excerpt { 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; }

    .panel_messageText { margin-bottom:70px; padding:45px 18%; line-height:2.5; }

    .panel_allBtnContainer { border-bottom:1px solid #ffffff; }

    .sec05 { padding:30px 30px 0; }
    .sec05_boxContainer { overflow:hidden; }
    .sec05_box1, .sec05_box2 { float:left; width:50%; padding:0 35px; box-sizing:border-box; }
    .sec05_box2 {  border-left:1px solid #ccc; }

    .about_logo { max-width:145px; }
    @media screen and (min-width:751px) and (max-width:825px){
      .about_logo { margin-bottom:.4em; }
    }

    .prfEn { font-size:32px; }
    .prfJp { font-size:19px; }
    .aboutJp { font-size:13px; }

    .sec06 { padding:0 30px 80px; }
    .sec06_nextBack { overflow:hidden; margin-top:60px; }
    .sec06_next { float:left; margin-top:7px; font-size:1.05em; }
    .sec06_backBtn { float:right; margin:0; }

    .secJournal { padding:30px 30px 0; }

  }/* // END PC min751 */


  @media screen and (max-width:1080px) {
    .prfEn { display:block !important; margin:0 0 .5em 0; }

  }

  @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; }
  }

  /* 共通パーツ */
  .lpparts_content { margin-top:40px; padding:30px 0 0; font-size:12px; border-top:1px solid #444; }
  .lpparts_thumb { overflow:hidden; margin:10px auto 30px; }
  .lpparts_thumb li { display:inline-block; width:20%; height:auto; padding:0 20px; box-sizing:border-box; }
  .lpparts_thumb li:first-child { margin-left:-20px; }
  .lpparts_thumb img { max-width:100%; }





  /* 2019.10 banners*/
  .sec03b { padding:70px 0 50px; background:#f5f5f5; }
  .sec03b a { cursor:pointer; }
  .sec03b li::after { content:''; display:block; width:100%; padding-top:50%; }
  .sec03b ul { overflow:hidden; max-width:1060px; margin:0 auto 40px; }
  .sec03b li { float:left; width:50%; }
  .sec03b_ban1 { background:#ccc url('https://www.artidaoud.com/photo/page/horoscope_1910/banner1.jpg') center / cover no-repeat ; }
  .sec03b_ban2 { background:#ccc url('https://www.artidaoud.com/photo/page/horoscope_1910/banner2.jpg') center / cover no-repeat ; }

  @media screen and ( max-width:750px) {
    .sec03b { margin-top:60px; padding:35px 12px; }
    .sec03b ul { margin-bottom:25px; }
    .sec03b li::after { content:''; padding-top:84%; }
  }
  @media screen and ( min-width:751px) {
    .sec03b { margin:-10px auto 70px; }
  }