@charset "UTF-8";


/*========================================
                  PRINT CSS ON LAST 
==========================================*/

/* ========margin上下は、基本bottomで指示 
 ナビは、ham.cssに記載======== */


/*========================================
                  BASIC 
==========================================*/

* { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
    color:#111111;
    font-size:22px;
    letter-spacing:0.1em;
    line-height:1.4;
}


a { text-decoration:none;
    font-size:16px;
    color:#111111;
    letter-spacing:0.1em;
 line-height:1.4;
}
     a:hover { color:#468efa;
     }

* { margin:0;
}


/* ===========================================================
            LARGE DIV CONST 

[----------------body 750px BG Color----------]
 [-----------------wrapper 750px-------------]
  [------------header 750px BG Color--------]
   [-------------in_head 750px-------------]
  [-------------- main 750px----------------]
   [-------------- in main 710px-----------]
  [----------------footer 750px ------------]
   [---------------in_foot 710px ----------]

=========================================================== */

body { width:750px;
       background-color :#f3f2d6;
}

header { width:750px;
         height:132px;
         position: absolute;
         top: 0;
         left: 0;
         background-color : #0d6a60;
}

#youtube { position:absolute;
           top:132px;
           left:0;
           z-inde:-1;
           width:750px;
           height:422px; 
}

div.wrapper { width:750px;
              height: auto;
              margin:0;
              padding:0;
}

div.in_head { width:720px;
              height:90px;
              padding:30px 0 0 30px;
              margin:0 auto 0;
}

/* ================================
            LARGE DIV Style
================================ */

nav { display:none;
}

ul.in_foot { display:none;
}

main { width:750px;
}

div.in_main,div.in_main_sub,div.in_main_close { position:relative;
                                                width:710px; 
                                                padding:600px 20px 50px 20px;
}

     div.in_main_sub { padding-top:35px;
                       padding-bottom:30px;
     }

     div.in_main_close { overflow: hidden;
                         padding-top:210px;
     }

footer { width:750px;
         margin:0 auto 0;
         padding-top:20px;
        background-color : #0d6a60;
}

div.in_foot { position:relative;
              width:710px;
              padding:0 20px 80px 20px;
              margin:0 auto 0;
}



/* ================================
      DETAIL DIV Style A TO Z
================================ */
div.big_img { margin-top:155px;
              width:420px;
}

div.c_zone,div.c_zone_bt { background-color : #ffffff;
                           margin:0 20px 120px 20px;
}

     div.c_zone_bt { margin:0 20px 120px 20px;
     }

div.m_zone { 
             background-color:#ffffff;
             margin:0 20px 50px 20px;
             padding:20px 0 50px 0;
}

div.n_zone,div.qa_zone { 
             background-color:#ffffff;
             margin:0 20px 90px 20px;
             padding:30px 0 20px 0;
}

     div.qa_zone { border-radius:14px;
     }

div.prev_info,div.prev_info_l,div.prev_info_l_d,div.prev_info_d 
{ position:absolute;
right:10px;
top:265px;
z-index:2;
width:590px;
padding-top:38px;
padding-bottom:25px;
background: url(../image/bg/trans.png) left top repeat transparent;
}

      div.prev_info_l { left:10px;
      }

div.prev_zone { position:relative;
                width :710px;
                height:640px;
                margin-bottom:160px;
}

div.prev_zone2 { position:relative;
                 width :710px;
                 height:640px;
                 margin-bottom:160px;
}

div.rule_zone,div.rule_zone2 { clear:both;
                padding:20px ;
                margin:0 20px  40px 20px ;
                background-color : #ffffff;
                border-radius:8px;
                border:2px solid #ff0000;
}

      div.rule_zone2 { border:none;
     }


/* ================================
            H Style
================================ */

/* =======In header========= */
h1 { color:#111111;
}

/* =======In main ========= */
h2.title { clear:both;
           font-size:20px;
           color:#111111;
           font-weight:bold;
           margin:0 20px 12px 20px;
}

h2.title_top { clear:both;
           font-size:20px;
           color:#111111;
           font-weight:bold;
           padding-top:20px;
           margin:0 20px 12px 20px;
}

/* ================================
             FONT Style
================================ */

/* ========p Style general ======== */

p { font-size:22px;
    color:#111111;
}

p.c_detail { 
             font-size:28px;
             margin:0 20px 0 20px; 
             padding-bottom:30px;
}

p.comic { text-indent:1em;
          font-size:28px;
          line-height:1.5;
          margin:0 20px 50px 20px; 
}

p.comic2 { font-size:28px;
           margin:0 20px 50px 20px; 
}

p.comic3 { font-size:28px;
           line-height:1.6;
           font-weight:bold;
           margin:0 20px 15px 20px; 
}

p.foot_p { clear:both;
           text-align:center;
           font-size:22px;
           color:#ffffff;
           line-height:1.2;
}

p.in_box { font-size:30px;
           margin:0 20px 0 20px;
}

p.in_navi_sp { float:left;
               margin:0 0 0 80px;
               color:#ffffff;
               font-size:16px;
}
p.kyoka { font-size:30px;
          margin:0 20px 30px 80px;
}

p.messa,p.song_name,p.song_detail_ly,p.song_detail_ly_ind,p.news,p.name,p.comic,p.comic2,p.comic3
{ font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
}

p.messa { font-size:26px;
          font-weight:bold;
          letter-spacing:0.1em;
          color:#111111;
          line-height:2;
          margin:0 20px 100px 20px;
}

p.name { font-size:36px;
         font-weight:bold;
         margin:0 20px 20px 20px;
}


p.news,p.c_title,p.music { float:left;
         font-size:30px;
         font-weight:bold;
         color:#01703b;
         margin:10px 20px 30px 20px; 
         padding:10px 0 0 32px;
         background : url(../image/bg/bar.png) top left no-repeat transparent;
}

     p.c_title { margin:40px 0 40px 30px;
     }

     p.music { width:640px;
               font-size:34px;
                margin:0 0 20px 34px; 
     }

p.news_detail { font-size:26px;
                margin:0 20px 40px 30px; 
}

p.news_detail_bt { 
                   font-size:30px;
                   line-height:2;
                   margin:0 20px 80px 20px; 
}

p.num_p { position:absolute;
          top:230px;
          right:60px;
          z-index:5;
}

p.num_p_sm { position:absolute;
             top:230px;
             left:60px;
             z-index:5;
}

p.num_p_pc { display:none;
}

p.song_detail { font-size:30px;
                line-height:1.5;
                margin:0 20px 30px 40px;
}

p.song_detail_ly { font-size:30px;
                   margin:0 20px 25px 40px;
                   line-height:1.5;
}

p.song_detail_ly_ind { font-size:30px;
                       margin:0 20px 25px 110px;
                       line-height:1.5;
}

p.song_info { font-size:26px;
              line-height:1.4;
              color:#111111;
              margin:0 40px 50px 34px;
}

p.song_info_s { font-size:26px;
                line-height:1.4;
                margin:0 20px 50px 34px;
}

p.song_name { font-size:28px;
              font-weight:bold;
              color:#01703b;
              margin:0 0 20px 34px;
}

p.thanks { clear:both;
           font-size:30px;
           margin:0 20px 50px 50px; 
}

p.thanks_r { clear:both;
             font-size:30px;
             color:#ff0000;
             margin:0 20px 20px 34px; 
}


p.title,p.title_close, p.title_close_dl,p.title_de,p.title_no_sp,p.title_no2,p.title_c,p.title_s,p.title_w
                    { text-align:center;
                        font-size:26px;
                        width:670px;
                        color:#01703b;
                        letter-spacing:0.1em;
                        padding-bottom:45px;
                        margin:0 0 30px 20px;
                        line-height:1.4;
}

     p.title_close_dl { font-size:30px;
                        font-weight:bold;
                        padding-top:125px;
     }

p.title_no { display:none;
}

     p.title_no_sp { margin-bottom:50px;
                     border-bottom:none;
     }

     p.title_no2 { margin-bottom:20px;
                   border-bottom:none;
     }

     p.title_c { clear:both;
                 padding-bottom:25px;
                 margin:0 0 0 20px;
     }

     p.title_s { margin-bottom:20px;
     }

p.use { margin:0 0 20px 0;
        font-size:30px;
        text-indent:-1em;
        padding-left:1em;
        padding-bottom:2px;
        line-height:1.5;
        border-bottom:1px dashed #aaaaaa;
}

p.use_sp { margin:0 0 20px 0;
        font-size:30px;
        padding-bottom:2px;
        line-height:1.5;
        border-bottom:1px dashed #aaaaaa;
}

p.w_ico { font-size:28px;
          margin:0 10px 25px 40px;
}

p.w_ico_b { font-size:28px;
            font-weight:bold;
            color:#01703b;
            margin:0 10px 25px 40px;
}


/* ================================
           a Style A TO Z
================================ */

a { color:#111111;
    font-size:26px;
}

a.comic_cara { display:block;
               font-size:28px;
               color:#01703b;
               margin:0 20px 50px 20px;
}

a.sm_tel { color:#ffffff;
           font-size:16px;
}

a.sm_tel_b { font-size:24px;
             font-weight:bold;
             color:#777777;
}

a.song_to_yt { font-size:26px;
               color:#01703b;
               margin:0 0 0 34px;
}

a.song_comic { display:block;
               color:#01703b;
             font-size:28px;
             margin:0 20px 0 20px; 
             padding-bottom:30px;
}

a.song_dl { display:block;
            font-size:30px;
            font-weight:bold;
             color:#01703b;
             margin:0 20px 15px 20px;
}


a.sp_re { position:absolute;
          top:59px;
          left:440px;
          color:#ffffff;
          z-index:99;
}

a.sp_re_foot { position:absolute;
               top:35px;
               left:520px;
                color:#ffffff;
                z-index:99;
}


a.to_comic,a.to_comic2,a.to_comic3 { display:block;
             float:left;
             font-size:28px;
             color:#01703b;
             margin:0 0 20px 34px;
}

      a.to_comic2 { margin:28px 0 0 34px;
      }

      a.to_comic3 { margin:28px 0 0 34px;
      }

a.to_mail { display:block;
            clear:both;
             color:#01703b;
             margin:0 0 50px 60px;
}

a.to_yt { color:#111111;
          font-size:18px;
}


a.url_a { clear:both;
          float:left;
          color:#ffffff;
          font-style:italic;
          margin:0 0 0 10px;
} 

a.yfs { color:#ffffff;
}

/* ================================
           img Style A TO Z
================================ */

img.ba_sp { width:710px;
            height:294px;
            margin:50px 0 130px 0;
}

img.ba_seki { width:665px;
              margin:0 0 30px 0;
}

img.ba_sp2 { width:710px;
            height:294px;
            margin:50px 0 130px 0;
}

img.ba { display:none;
}

img.con { 
          margin:0 30px 90px 55px;
          width:600px;
}

img.concert { 
              margin:0 0 30px 30px;
              width:610px;
}



img.img_cara { display:none;
}
 
img.img_cara_sp { width:670px;
                  margin:0 0 40px 20px;
}

img.img_c { width:250px;
}

img.img_comic { width:500px;
                margin:0 0 20px  85px;

}

img.img_comic2 { width:500px;
                margin:0 0 20px  85px;

}

img.img_comic3 { width:472px;
                margin:0 0 20px  85px;

}

img.dl { width:500px;
         padding-top:30px;
         margin-left:40px;
}

img.fb { width:60px;
         border-radius:5px;
}

img.fb_f { float:right;
           width:60px;
           margin:5px 50px 0 0;
           border-radius:5px;
}

img.img_n { width:150px;
}


img.my { width:260px;
}

img.logo { width:381px;
           margin:25px 0 0 0;
}

img.logo_f { float:left;
             width:381px;
             margin:30px 0 0 20px;
}

img.logo_main { width:120px;
                margin-bottom:60px;
}

img.mic { width:52px;
          margin:0 25px 8px 0;
          vertical-align:-0.3em;
}

img.nt { width:160px;
}

img.own { width:100px;
}

img.prev,img.prev_r { width:553px;
                      height:311px;
                      margin-left:10px;
                      box-shadow:10px 10px 10px #777777;
}

     img.prev_r { float:right;
                  margin-right:10px;
     }

img.prev_detail { width:450px;
                  margin:0 0 20px 40px;
                  box-shadow:6px 6px 6px #777777;
} 

img.top_img,img.top_img_ipad { display:none;
}

img.top_img_sp { width:750px;
}

img.tri { width:100px;
          margin:30px 0 0 230px;
}

img.tw { width:120px;
}


img.url { display:none;

} 

img.word_ico { width:110px;

               margin:0 0 15px 40px;
               border-radius:8px;
}


img.yt_ar { width:36px;
            margin:0 0 0 7px;
}


/* ================================
           span ETC STYLE
================================ */

span.bold { font-weight:bold;
            color:#111111;
}

span.bold_l { font-weight:bold;
              font-size:18px;
              color:#111111;
}

span.only_sp { font-size:26px;
}

span.only_pc { display:none;
}

span.no_show { display:none;
}

span.sp_p { color:#111111;
            font-weight:bold;
            font-size:18px;
}

span.p140 { font-size:140%;
            color:#ffffff;
} 

span.p140_b { font-size:140%;
              color:#111111;
} 

span.p120_b { font-size:120%;
              color:#ffffff;
              font-weight:bold;
} 

span.p90 { font-size:90%;
} 

span.p80 { font-size:96%;
           color:#111111;
} 

span.p60 { font-size:60%;
           color:#111111;
} 

span.p50 { font-size:60%;
           color:#111111;
} 

span.red_b { font-weight:bold;
             font-size:120%;
             color:#ff0000;
} 

span.red_pale { font-weight:bold;
                font-size:120%;
                color:#f19e9e;
} 

/* ================================
           iframe STYLE
================================ */

iframe.map_y { width:440px;
               height:480px;
               margin:20px 0 0 0;
               border:0;
}

iframe.yt_b { width:440px;
              height:248px;
              margin:0 0 6px 0;
}