@charset "UTF-8";

body,html {
    zoom: 1;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    line-height: 1;
    color: #000;
    -webkit-text-size-adjust: 100%;
    font-family:'メイリオ','ＭＳ ゴシック','';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,dl{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: normal
}
a img,img{
    border: none;
    outline:none;
}

img {
    width: 100%;
    height: auto;
}

a{
    cursor: pointer;
    outline:none;
    text-decoration: none;
}

div,p{
    margin: 0;
    padding: 0
}

ol,ul{
    list-style: none
}

a:link{
    color: #000;
}
a:hover {
    color: #66cc99;
}

#home.menu:hover, #news.menu:hover, #goods.menu:hover, #blog.menu:hover, #profile.menu:hover {
    background: url(images/icon.png) center no-repeat;
    width: 79px;
}
#schedule.menu a img:hover, #discography.menu a img:hover {
    background: url(images/icon_big.png) center no-repeat;
    width: 118px;
}

#schedule.menu, #discography.menu {
    width: 118px;
}

.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

#exterior_wrapper {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1050px;
    height: auto;
}

.wrapper{
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 950px;
    height: auto;
}

#contents{
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 920px;
    height: auto;
}

section{
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 2.714%;/*30*/
    width: 100%;
    height: auto;
}

section div.content_cover{
    margin: 0 auto;
    height: auto;
    width: 86.6666%;/*910*/
}

header {
    margin: 4.2105% 4.947% 2.1052%;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font17 {
    font-size: 17px;
}

.font22 {
    font-size: 22px;
}

.bold {
    font-weight: bold;
}

.pink {
    color: #ff6699;
}

#page_top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 20px;
}

#page_top img {
    width: 64px;
}
/*****************************************
                  nav
 ****************************************/
nav{
    width: 100%;
}
nav ul{
    width: 100%;
}
nav ul li{
    float: left;
    overflow: hidden;
}

#home {
    margin-left: 14.736%; /* 140px*/
}

#tw.sns {
    margin: 0 1.0526% 0 2.1052% ;
}

#niko.sns, #youtube.sns {
    margin-right: 1.0526%;
}
/*****************************************
              section_home
 ****************************************/
#top_img {
    margin-top: 1.5789%;
    width: 920px;
    height: 440px;
}

#section_news #menu_news {
    width: 23.9277%;
}

#section_news .more {
    width: 11.2866%;
    padding-bottom: 3.1578%;
}

#section_news #menu_schedule {
    width: 37.0203%;
}

#section_news #left {
    float: left;
    margin: 0 0 0 2.1052%;
    line-height: 1.5em;
    width: 443px;
}

#section_news #left dl {
    margin-bottom: 2.1052%;
}

#section_news #left dl dt {
    font-size: 15px;
    color: #666666;
}

#section_news #left dl dd {
    font-size: 17px;
    color: #333333;
    margin-left: 0;
}


#section_news #right {
    float: right;
    margin: 0 4.2105%;
    width: 362px;
}

#banner {
    margin-top: 3.1578%; /* 30px*/
}

#news_area {
    height: auto;
    min-height: 250px;
}

.schedule_area {
    height: auto;
    min-height: 250px;
}
/*****************************************
              section_news
 ****************************************/
#section_schedule #menu_schedule {
    width: 17.2631%;
    display: block;
    margin: 0 auto;
    padding-top: 5.2631%;
}
.blue_line {
    width: 443px;
}

.news_img {
    width: 65.2173%;
}

#section_news_detail #left {
    width: 50%;
    float: left;
    margin-left: 10px;
}

#section_news_detail #right {
    float: right;
    margin: 0 4.2105%;
}

#section_news_detail #menu_news {
    width: 11.5217%;
    display: block;
    margin: 3.5% auto;
}

#news_area ul {
    padding: 1.5% 0;
}
/*****************************************
              section_profile
 ****************************************/
#section_profile .profile_box {
    margin-left: 7.6086%;
}

#section_profile #menu_profile img {
    width: 116px;
}

#section_profile #menu_profile {
    width: 36.25%;
    display: block;
}

#section_profile .schedule_area, .profile_area {
    height: auto;
    width: 100%;
    line-height: 1.5em;
    margin-top: 3.2608%;
}

#section_profile .left {
    margin-left: 5.4347%;
    float: left;
}

#section_profile .right {
    margin: 0 1.6304% 3.2608%;
    float: left;
    width: 50%;
}
#voice {
    padding-top: 50px;
}

#voice p {
    width: 18.3695%;
    display: block;
    margin: 0 auto;
}

#voice span {
    display: block;
    text-align: center;
    margin-bottom: 2.1739%;
}

#voice_choice {
    width: 920px;
}

#voice_choice ul {
    width: 500px;
    margin: 16.3043% auto 0 auto;
    position: relative;
    top: 0;
    left: 0;
}

#voice_choice ul li {
    float: left;
}

#comment_area .comment {
    display: none;
}

#comment_area ul li{
    position: absolute;
    float: left;
}
#comment_area_01 {
    position: absolute;
    top: -100px;
}

#comment_area_02 {
    position: absolute;
    left: 150px;
    width: 74.2%;
    top: -80px;
}

#comment_area_03 {
    position: absolute;
    left: 270px;
    width: 52%;
}
#comment_area_04 {
    position: absolute;
    left: 280px;
    width: 52%;
}

#comment_area_05 {
    position: absolute;
    width: 26.8%;
    left: 75%;
    top: 20px;
}

#comment_area_06 {
    position: absolute;
    left: 250px;
    width: 67.2%;
    top: -20px;
}
#section_biography #menu_biography {
    width: 19.456521%;
    display: block;
    margin: 0 auto;
    padding: 5.2631% 0; /* 50px*/
}

#section_biography dl {
    font-size: 16px;
    line-height: 1.6;
    padding: 15px 0;
    margin-left: 21.7391%;
}
#section_biography dl dd {
    margin-left: 19.4444%;
}
/*****************************************
              section_schedule
 ****************************************/
#section_schedule #menu_schedule {
    width: 17.2631%;
    display: block;
    margin: 0 auto;
    padding-top: 5.2631%; /* 50px*/
}

#section_schedule .schedule_area {
    height: auto;
   /* min-height: 350px; */
    width: 100%;
    line-height: 1.5em;
    margin: 8.6956% 0;
}

#section_schedule .left {
    margin-left: 5.4347%;
    float: left;
    width: 292px;
    height: 292px;
}

#section_schedule .right {
    margin-left: 3.2608%; /* 30px*/
    float: left;
    max-width: 500px;
}

.line {
    clear: both;
    border-bottom: #79d6ef 1px solid;
}

.line_dashed {
    border-bottom: #9e9c9c 1px dashed;
}
/*****************************************
              section_discography
 ****************************************/
#section_discography #menu_discography {
    width: 24.7826%;
    display: block;
    margin: 0 auto;
    padding-top: 5.2631%; /* 50px*/
}

#section_discography .schedule_area {
    height: auto;
    width: 100%;
    line-height: 1.5em;
    margin-top: 3.2608%;
}

#section_discography .left {
    margin-left: 5.4347%;
    float: left;
    width: 292px;
}

#section_discography .right {
    margin: 0 0 3.2608% 1.6304%;
    float: left;
    width: 490px;
}

.amazon_btn {
    width: 44.5205%;
    margin-top: 1.0869%;
}

.track_list li:nth-child(even) {
    background: #ffffcc;
}

#section_discography span a {
    color: #ff6699;
}

#section_discography span a:hover {
    color: #66cc99;
}
/*****************************************
                  footer
 ****************************************/
footer{
    padding-bottom: 2.581%;/*30*/
    line-height: 1.2em;
    font-size: 26px;/*26*/
}
/**********************************************
        media　480px以下の時適用
***********************************************/
@media screen and (max-width: 480px) {
    #top_img {
        margin-top: 1.5789%;
        height: 220px;
    }
}