@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
.clearfix:after {content: " "; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.clearfix{display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.body_reset{margin:0 auto; padding:0 auto;}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*html*/
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; text-align: left; font-size: 13px; line-height: 19px; word-wrap: break-word;}
img {max-width: 100%; height: auto; vertical-align: bottom;}
a img:hover{opacity: 0.8;}
a, a:visited {color: #000; text-decoration: none; -webkit-transition: all 1s; transition: all 1s;}
a:active, a:hover {color: #000; opacity: 0.8; text-decoration: underline;}
a:focus, input:focus {outline: none; }
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.pc{display: block;}
.sp{display: none;}

.main_bg{background-image: url("../images/bg.png"); background-repeat: repeat-y; background-position: top center; padding-top: 30px;}
.logo{text-align: center; margin: 0px 0px 30px 0px;}
.main_bnr{text-align: center; margin-bottom: 20px; width: 999px; height: auto; margin: 0 auto 20px auto; background-color: #FFF;}
.main_news{width: 1000px; height: auto; margin: 50px auto 0px auto; padding-bottom: 30px;}
.main_news_l{width: 500px; height: auto;}
.main_news_tit{text-align: center; margin-bottom: 15px;}
.main_news_line{margin-bottom: 30px;}
.main_news_sub01{width: 430px; height: auto; margin: 0 auto 30px auto; }
.main_news_sub01 a{color: #000;}
.main_news_sub02{width: 430px; height: auto; margin: 0 auto 30px auto; color: #FFF;}
.main_news_sub02 a{color: #FFF;}
.main_news_sub_tit{margin-bottom: 5px;}
.main_news_sub_tit span{font-size: 11px;}
.main_news_sub_tit a{font-size: 15px; line-height: 23px; font-weight: bold; display: block; min-height: 50px;}
.main_news_sub_l{width: 125px; height: 125px;}
.main_news_sub_r{width: 295px; height: 125px; position: relative;}
.main_news_sub_r_memo{}
.main_news_sub01 .main_news_sub_r_more a{display: block; text-align: center; width: 100%; padding: 5px 10px; background-color: #000; color: #FFF; position: absolute; right: 0; bottom: 0;}
.main_news_sub01 .main_news_sub_r_more a:hover{text-decoration: none;}
.main_news_sub02 .main_news_sub_r_more a{display: block; text-align: center; width: 100%; padding: 5px 10px; background-color: #FFF; color: #000; position: absolute; right: 0; bottom: 0;}
.main_news_sub02 .main_news_sub_r_more a:hover{text-decoration: none;}
.main_news_more{text-align: center; margin: 50px 0px 30px 0px;}
.main_photo{width: 100%; height: auto;}
.main_photo img{width: 100%; height: auto;}
.main_facebook{width: 1000px; height: auto; margin: 0 auto 60px auto; padding-top: 60px;}
.main_facebook_tit01{text-align: center; margin-bottom: 10px;}
.main_facebook_tit02{text-align: center; margin-bottom: 15px;}
.main_facebook_line{text-align: center; margin-bottom: 25px;}
.main_facebook_subbox{width: 1000px; height: auto;}
.main_facebook_sub{width: 250px; height: auto; float: left; padding: 10px 15px; border-right: 1px solid #e5e5e5;}
.main_facebook_sub:first-child{border-left: 1px solid #e5e5e5;}
.main_facebook_sub a{font-size: 14px; line-height: 22px; font-weight: bold; display: block;}
.main_facebook_sub p{text-align: right;}
.main_book{width: 1000px; height: auto; margin: 0 auto 60px auto;}
.main_book_sub{display: -wbkit-flex; display: flex;;}
.main_book_tit{text-align: center; margin-bottom: 15px;}
.main_book_l{width: 130px; height: auto; margin-left: 25px;}
.main_book_r{width: 795px; height: auto; margin-left: 25px; position: relative;}
.main_book_r_tit{font-size: 15px; line-height: 23px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 5px 0px;}
.main_book_r_name{padding: 0px; font-size: 15px; line-height: 23px; font-weight: bold; margin-bottom: 20px;}
.main_book_r_memo{margin-bottom: 15px;}
.main_book_r_link{position: absolute; right: 0px; bottom: 0px;}
.main_back a{width: 1000px; text-align: center; display: block; margin: 0 auto 50px auto; background-image: url("../images/line02.png"); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 50px;}
.footer{width: 100%; height: auto;}
.footer_logo{text-align: center; margin-bottom: 20px;}
.footer_nav{text-align: center; margin-bottom: 30px;}
.footer_nav a{padding: 0px 10px;}
.footer_copy{font-size: 10px; text-align: center; padding-bottom: 30px; color: #333;}


/* profile */
.main_single{padding-top: 30px;}
.main_profile{width: 940px; height: auto; margin: 60px auto;}
.main_single{width: 1000px; height: auto; margin: 0 auto 50px auto;}
.main_single_tit{text-align: center; margin-bottom: 40px; margin-top: 60px;}
.main_profile_l{width: 400px; height: auto; margin-bottom: 50px;}
.main_profile_r{width: 520px; height: auto; margin-bottom: 50px;}
.main_profile_r_img{margin-bottom: 5px;}
.main_profile_bottom{width: 900px; height: auto; margin-bottom: 50px;}
.main_profile_bottom_l{width: 180px; height: auto;}
.main_profile_bottom_r{width: 700px; height: auto; padding: 10px 0px 10px 20px; border-left: 2px solid #cdcdcd;}
.main_profile_bottom_r_sub{width: 680px; height: auto; margin-bottom: 25px;}
.main_profile_bottom_r_sub:last-child{margin-bottom: 0px;}
.main_profile_bottom_r_tit{width: 180px;}
.main_profile_bottom_r_memo{width: 480px; height: auto;}
.main_profile_bottom_r_memo a{display: block; padding: 5px; text-align: center; border: 1px solid #000; margin-top: 10px;}
.main_profile_bottom_r_memo a:hover{text-decoration: none; background-color: #000; color: #FFF;}

/* music */
.main_music{width: 900px; height: auto; margin: 60px auto;}
.main_music_cat{padding-bottom: 50px;}
.main_single_news_sub{width: 430px; height: auto; margin: 0 0px 40px 0px;}
.main_single_news_sub:nth-child(even){float: right;}
.main_single_news_sub:nth-child(odd){float: left;}
.main_single_news_sub .main_news_sub_r_more a{display: block; text-align: center; width: 100%; padding: 5px 10px; background-color: #000; color: #FFF; position: absolute; right: 0; bottom: 0;}
.main_single_news_sub .main_news_sub_r_more a:hover{text-decoration: none;}
.main_music_time{text-align: center; margin-bottom: 30px;}
.main_music_tit{text-align: center; margin-bottom: 60px;}
.main_music_tit strong{font-size: 20px; line-height: 26px; font-weight: bold;}
.main_music_l{width: 400px; height: auto; text-align: center; margin-bottom: 50px;}
.main_music_r{width: 460px; height: auto; font-size: 14px; line-height: 26px; margin-bottom: 50px;}
.main_music_r_sns{margin-top: 30px;}
.main_music_r_sns ul li{width: 176px; text-align: center;}
#main_music_r_sns_like{width: 108px; height: auto;}
.main_news_cat_back{position: relative; width: 900px; padding-bottom: 50px;}
.main_news_cat_archive_l_list select{background-color: #FFF;}
.main_news_cat_archive{width: 500px; height: auto; position: absolute; left: 200px; top: 2px;}

/* book */
.main_book_sub{width: 1000px; height: auto; margin: 50px auto 0px auto; display: -wbkit-flex; display: flex;}


/* haiku */
.main_single_haiku{padding-top: 30px; background-color: #333;}
.main_haiku{width: 900px; height: auto; margin: 60px auto 0px auto; padding-bottom: 30px;}
.main_haiku_cat{padding-bottom: 50px;}
.main_haiku_single{width: 900px; height: auto; margin: 60px auto 0px auto; padding-bottom: 10px;}
.main_haiku .main_single_news_sub{width: 430px; height: auto; margin: 0 0px 40px 0px; color: #FFF;}
.main_haiku .main_single_news_sub a{color: #FFF;}
.main_haiku .main_single_news_sub .main_news_sub_r_more a{display: block; text-align: center; width: 100%; padding: 5px 10px; background-color: #FFF; color: #000; position: absolute; right: 0; bottom: 0;}
.main_haiku .main_single_news_sub .main_news_sub_r_more a:hover{text-decoration: none;}
.main_haiku_single {color: #FFF;}
.main_haiku_single a{color: #FFF;}



/* contact */
.main_contact{width: 700px; height: auto; margin: 60px auto;}
.main_contact_m{margin-bottom: 50px;}
.main_contact_form{width: 700px; height: auto;}
.main_contact_form{width: 100%; height: auto; margin: 0 auto 50px auto;}
.main_contact_form table{width: 700px; height: auto;}
.main_contact_form table tr th{width: 200px; font-weight: bold; padding: 10px 0px; vertical-align: top;}
.main_contact_form table tr td input[type="text"]{width: 80%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 13px;}
.main_contact_form table tr td input[type="date"]{width: 50%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 13px;}
.main_contact_form table tr td input[type="email"]{width: 80%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 13px;}
.main_contact_form table tr td input[type="tel"]{width: 80%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 13px;}
.main_contact_form table tr td textarea{width: 85%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 200px; line-height: 20px; padding: 0% 10px; font-size: 13px;}
.main_contact_form table tr td select{
    padding: 5px 10px;
    border: 1px solid #999;
    background-color: #FFF;
    font-size: 16px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    margin-bottom: 5px;
}
#buttons-area-confirm{width: 200px; height: 35px; margin: 30px auto 20px auto; display: block; color: #FFF; text-align: center; font-size: 14px; background-color: #000; border: none;}
#buttons-area-confirm:hover{cursor: pointer;}
#contact_form_btn{width: 200px; height: 35px; margin: 30px auto 0px auto; display: block; color: #FFF; text-align: center; font-size: 14px; background-color: #000; border: none;}
#contact_form_btn:hover{cursor: pointer;}
#button-rewrite{width: 125px; height: 35px; margin: 0px auto 20px auto; display: block;  color: #FFF; text-align: center; font-size: 12px; background-color: #666; border: none;}
#button-rewrite:hover{cursor: pointer;}
.wpcf7c-conf {
    background-color: #FFF !important;
    border: 1px solid #FFF !important;
    box-shadow: none !important;
    color: #000;
}


/* special */
.main_single_special_bg2{margin-top: 30px;}
.main_single_special_bg{background-image: url('../images/special/top_back_stage.jpg'); background-repeat: no-repeat; background-position: top center; background-color: #000;}
.main_single_special{width: 914px; height: auto; margin: 30px auto 0px auto; padding-bottom: 30px; padding-top: 20px;}
.main_special_main_img{background-color: #2d2d2d; padding-bottom: 20px; margin-bottom: 25px; text-align: center;}
.main_special_main_img ul{width: 877px; height: auto; margin: 0 auto;}
.main_special_main_bottomimg ul li{background-color: #2d2d2d; padding-bottom: 20px; text-align: center;}
.main_single_special2_bg{background-color: #2d2d2d;}
.main_single_special2{width: 914px; height: auto; margin: 0px auto; padding: 0px 0px 30px 0px;}
.main_single_special2_movie_l{width: 440px; height: auto; margin-bottom: 50px;}
.main_single_special2_movie_r{width: 440px; height: auto; margin-bottom: 50px;}
.main_single_special2_movie_tit{text-align: center; margin-bottom: 10px;}
.main_single_special2_movie_bottom{width: 440px; height: auto; margin: 0 auto 50px auto;}
.main_single_special2_misia_l{width: 367px; height: auto; margin-bottom: 20px;}
.main_single_special2_misia_r{width: 520px; height: auto; margin-bottom: 20px; padding-top: 10px; font-size: 13px; line-height: 20px; color: #FFF;}
.main_single_special2_misia_r p{text-align: right; font-size: 16px; padding-top: 10px;}
.main_single_special2_misia_r img{display: block; margin-bottom: 5px;}
.main_single_special3_bg{background-color: #000; padding: 30px 0px; margin-bottom: 50px;}
.main_single_special3{width: 914px; height: auto; margin: 0px auto;}
.main_single_special_book{width: 914px; height: auto; margin: 0 auto 30px auto; padding: 0px 35px 20px 35px; background-color: #d6d6d6;}
.main_single_special_book_tit{margin-bottom: 15px; margin-left: -36px;}
.main_single_special_book_l{width: 690px; height: auto; margin-bottom: 10px; line-height: 22px;}
.main_single_special_book_r{width: 144px;}
.main_single_special_book_sub{font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.main_single_special_book_name{font-size: 13px; margin-bottom: 5px; font-weight: bold;}
.main_single_special_book_name strong{font-size: 28px; color: #be0017; font-weight: bold;}
.main_single_special_book_name span{font-size: 13px; color: #be0017; font-weight: bold;}
.main_single_special_book_l2{width: 153px; height: auto;}
.main_single_special_book_r2{width: 660px; height: auto; line-height: 22px; position: relative;}
.main_single_special_book_r2 p{position: absolute; right: 0; bottom: 0px; font-size: 15px; font-weight: bold;}
.main_single_special_artist{width: 914px; height: auto; margin: 0 auto;}
.main_single_special_artist_tit{margin-bottom: 10px;}
.main_single_special_artist_sub{width: 810px; height: auto; margin: 50px auto 0px auto;}
.main_single_special_artist_sub_l{width: 150px;}
.main_single_special_artist_sub_r{width: 630px; height: auto; font-size: 14px; line-height: 22px; color: #FFF;}
.main_single_special_artist_sub_r span{font-size: 24px; font-weight: bold; display: block; margin-bottom: 15px;}
.main_single_special_artist_sub_r a{font-size: 14px; line-height: 22px; color: #FFF;}
.main_top_special{background-image: url('../images/main_back.png'); background-repeat: no-repeat; background-position: top center; background-color: #000; text-align: center; padding: 30px 0px;}
.main_top_special_link{width: 914px; height: auto; padding: 0px 0px 20px 0px; margin: 0 auto; background-color: #2d2d2d;}

/* @media (max-device-width: 980px) {*/
/* タブレット スマホ */
@media (max-width: 980px) {
html {
	font-size: 62.5%;
	-webkit-text-size-adjust:100%;
}
body {
	font-size: 1.3rem;
	line-height: 1.9rem;
}
.pc{display: none;}
.sp{display: block;}
img{max-width: 100%; height: auto;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}

/* header */
.sp_header_logo{width: 100%; height: auto; padding: 5% 20%;}


/* main */
.main_sp{width: 100%; height: auto;}
.sp_bnr{width: 95%; height: auto; margin: 0 auto 5% auto;}
.sp_main_news{padding: 5% 2.5%; width: 100%; height: auto;}
.sp_main_haiku{padding: 5% 2.5%; width: 100%; height: auto; background-color: #333; color: #FFF;}
.sp_main_haiku a{color: #FFF;}
.sp_main_facebook{padding: 15% 2.5% 5% 2.5%; width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_facebook_home{padding-top: 5%;}
.sp_main_book{padding: 5% 2.5%; width: 100%; height: auto; margin-bottom: 5%;}
.sp_top_tit{width: 100%; height: auto; margin-bottom: 2.5%;}
.sp_top_line{width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_table{display: -wbkit-flex; display: flex;}
.sp_main_news_sub01{width: 100%; height: auto; margin: 0 auto 5% auto;}
.sp_main_news_sub01 a{color: #000;}
.sp_main_news_sub02{width: 100%; height: auto; margin: 0 auto 5% auto; color: #FFF;}
.sp_main_news_sub02 a{color: #FFF;}
.sp_main_news_sub_tit{margin-bottom: 5px;}
.sp_main_news_sub_tit span{font-size: 1.1rem;}
.sp_main_news_sub_tit a{font-size: 1.5rem; line-height: 2.3rem; font-weight: bold;}
.sp_main_news_sub_l{width: 30%; margin-right: 2.5%;}
.sp_main_news_sub_r{width: 67.5%; height: auto; position: relative;}
.sp_main_news_sub_r_memo{font-size: 1.2rem; line-height: 1.7rem;}
.sp_main_news_sub01 .sp_main_news_sub_r_more a{display: block; text-align: center; width: 100%; padding: 5px 10px; background-color: #000; color: #FFF; position: absolute; right: 0; bottom: 0;}
.sp_main_news_sub01 .sp_main_news_sub_r_more a:hover{text-decoration: none;}
.sp_main_news_sub02 .sp_main_news_sub_r_more a{display: block; text-align: center; width: 100%; padding: 5px 10px; background-color: #FFF; color: #000; position: absolute; right: 0; bottom: 0;}
.sp_main_news_sub02 .sp_main_news_sub_r_more a:hover{text-decoration: none;}
.sp_main_news_more{width: 40%; height: auto; margin: 10% auto 5% auto;}
.sp_main_photo{width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_facebook_subbox{width: 100%; height: auto;}
.sp_main_facebook_sub{width: 100%; height: auto; padding: 0% 0% 2.5% 0%; margin-bottom: 2.5%; border-bottom: 1px solid #e5e5e5;}
.sp_main_facebook_sub a{font-size: 1.5rem; line-height: 2.3rem; font-weight: bold; display: block;}
.sp_top_tit02{width: 100%; height: auto; margin-bottom: 2.5%; margin-top: 5%;}
.sp_main_book_sub{width: 100%; height: auto; margin: 0 auto;}
.sp_main_book_l{width: 30%; height: auto; margin-bottom: 5%; margin-right: 2.5%;}
.sp_main_book_r{width: 67.5%; height: auto; margin-bottom: 5%; position: relative;}
.sp_main_book_r_absolute{position: absolute; right: 0; bottom: 0; width: 100%; height: auto;}
.sp_main_book_r_tit{font-size: 1.4rem; line-height: 2.0rem; font-weight: bold; margin-bottom: 2.5%; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 2.5% 0px;}
.sp_main_book_r_name{padding: 0px; font-size: 1.4rem; line-height: 2.0rem; font-weight: bold;}
.sp_main_pagetop{width: 30%; height: auto; margin: 10% auto 5% auto;}

/* footer */
footer{width: 100%; height: auto; margin: 0 auto; padding: 2.5% 5%;}
.sp_footer_logo{width: 70%; height: auto; margin: 0 auto 5% auto;}
.sp_footer_nav{margin-bottom: 5%; text-align: center;}
.sp_footer_nav a img{width: 45px; padding: 0px 2.5%;}
.sp_footer_copy{width: 30%; height: auto; margin: 0 auto;}

/* profile */
.sp_main_profile{width: 95%; height: auto; margin: 5% auto;}
.sp_main_profile_img01{width: 90%; height: auto; margin: 0 auto 2.5% auto;}
.sp_main_profile_img02{width: 80%; height: auto; margin: 0 auto 5% auto;}
.sp_main_profile_m{font-size: 1.4rem; line-height: 2.6rem; margin-bottom: 10%;}
.sp_main_profile_bottom{width: 95%; height: auto; margin: 0 auto 5% auto;}
.sp_main_profile_bottom_l{width: 50%; height: auto; margin: 0 auto 2.5% auto;}
.sp_main_profile_bottom_r{width: 100%; height: auto; margin-bottom: 10%;}
.sp_main_profile_bottom_r_sub{width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_profile_bottom_r_sub:last-child{margin-bottom: 0px;}
.sp_main_profile_bottom_r_tit{width: 100%; padding-right: 40%; margin-bottom: 2.5%; border-bottom: 2px solid #cdcdcd;}
.sp_main_profile_bottom_r_memo{width: 100%; height: auto; margin-bottom: 10%; padding: 0% 2.5%;}
.sp_main_profile_bottom_r_memo a{display: block; padding: 5px; text-align: center; border: 1px solid #000; margin-top: 10px;}
.sp_main_profile_bottom_r_memo a:hover{text-decoration: none; background-color: #000; color: #FFF;}

/* music */
.sp_main_music{width: 95%; height: auto; margin: 5% auto;}
.sp_main_single_subbox{width: 100%; height: auto; margin: 0 auto;}
.sp_main_music_time{text-align: center; margin-bottom: 2.5%;}
.sp_main_music_tit{text-align: center; margin-bottom: 5%;}
.sp_main_music_tit strong{font-size: 1.6rem; line-height: 2.6rem; font-weight: bold;}
.sp_main_music_img01{width: 60%; height: auto; margin: 0 auto 5% auto;}
.sp_main_music_img01 img{width: 100%; height: auto;}
.sp_main_music_sns{margin-top: 5%; width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_music_m{font-size: 1.4rem; line-height: 2.6rem;}
.sp_main_music_m img{width: 100%; height: auto; margin: 2.5% 0%;}
.sp_main_music_sns ul li{width: 33.33%; text-align: center;}
#sp_main_music_sns_like{margin-top: 2.5%; margin-bottom: 5%;}
.sp_main_news_cat_back{width: 80%; height: auto; margin: 10% auto 0px auto;}
.sp_main_news_cat_back ul li{width: 50%; height: auto;}
.sp_main_news_cat_back_left{padding: 0px 22.5% 0px 0px;}
.sp_main_news_cat_back_right{padding: 0px 0px 0px 22.5%;}
.sp_main_news_cat_archive{width: 80%; height: auto; margin: 10% auto 5% auto;}
.sp_main_news_cat_archive_l{width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_news_cat_archive_r{width: 100%; height: auto;}
.sp_main_news_cat_archive_l_tit{width: 40%; height: auto;}
.sp_main_news_cat_archive_l_list{width: 55%; height: auto;}
.sp_main_news_cat_archive_l_list select{border: 1px solid #333; background-color: #FFF; width: 100%;}
.sp_main_news_cat_archive_l_form{width: 55%; height: auto;}
#sp_main_news_cat_archive_l_form_01{width: 82.5%; height: auto;}
#sp_main_news_cat_archive_l_form_02{width: 12.5%; height: auto;}
#sp_main_news_cat_archive_l_form_01 input[type="text"]{border: 1px solid #000; border-radius: 2.5px; padding: 1.5%;}
#sp_main_news_cat_archive_l_form_02 input[type="image"]{width: 100%; height: auto;}

/* book */
.sp_main_single_book{width: 95%; height: auto; margin: 5% auto;}
.sp_main_single_book_subbox{width: 100%; height: auto;}
.sp_main_single_book_sub{width: 90%; height: auto; margin: 0 auto 10% auto;}
.sp_main_single_book_sub_img{width: 50%; height: auto; margin: 0 auto 2.5% auto;}
.sp_main_single_book_sub_tit01{font-size: 1.4rem; line-height: 2.0rem; font-weight: bold; margin-bottom: 2.5%; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 2.5% 0px; text-align: center;}
.sp_main_single_book_sub_tit02{font-size: 1.4rem; line-height: 2.0rem; font-weight: bold; margin-bottom: 5%; text-align: center;}
.sp_main_single_book_sub_memo{width: 100%; height: auto; margin-bottom: 5%;}
.sp_main_single_book_sub_link{width: 80%; height: auto; margin: 0 auto;}

/* haiku */
.sp_header_logo_haiku{background-color: #333; width: 100%; height: auto; padding: 5% 20%;}
.sp_main_haiku{background-color: #333;}
.sp_main_haiku .sp_main_single_subbox{color: #FFF;}
.sp_main_haiku .sp_main_single_subbox a{color: #FFF;}
.sp_main_haiku .sp_main_single_subbox .sp_main_news_sub_r_more a{color: #000; background-color: #FFF;}

/* contact */
.sp_main_contact{width: 95%; height: auto; margin: 5% auto;}
.sp_main_contact_m{margin-bottom: 10%;}
.sp_main_contact_form{width: 100%; height: auto;}
.sp_main_contact_form table{width: 100%; height: auto;}
.sp_main_contact_form table tr th{width: 100%; font-weight: bold; padding: 1.5% 0px; display: block;}
.sp_main_contact_form table tr td{width: 100%; display: block; padding: 0px 0px 5% 0px;}
.sp_main_contact_form table tr td input[type="text"]{width: 100%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 1.3rem;}
.sp_main_contact_form table tr td input[type="date"]{width: 50%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 1.3rem;}
.sp_main_contact_form table tr td input[type="email"]{width: 100%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 1.3rem;}
.sp_main_contact_form table tr td input[type="tel"]{width: 100%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 30px; line-height: 30px; padding: 0% 10px; font-size: 1.3rem;}
.sp_main_contact_form table tr td textarea{width: 100%; height: auto; background-color: #FFF; border-radius: 2.5px; height: 200px; line-height: 20px; padding: 2.5%; font-size: 1.3rem;}
.sp_main_contact_form table tr td select{
    padding: 5px 10px;
    border: 1px solid #999;
    background-color: #FFF;
    font-size: 16px;
    box-shadow: 1px 1px 1px #999 inset;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    margin-bottom: 5px;
}
#buttons-area-confirm{width: 180px; height: auto; margin: 5% auto; padding: 2.5% 0px; display: block; text-align: center; font-size: 1.4rem; background-color: #000; border: none;}
#buttons-area-confirm:hover{cursor: pointer;}
#contact_form_btn{width: 140px; height: auto; margin: 5% auto 0px auto; padding: 2.5% 0px; display: block; text-align: center; font-size: 1.4rem; background-color: #000; border: none;}
#contact_form_btn:hover{cursor: pointer;}
#button-rewrite{width: 120px; height: auto; margin: 0px auto 5% auto; padding: 2.5% 0px; display: block; text-align: center; font-size: 1.2rem; background-color: #000; border: none;}
#button-rewrite:hover{cursor: pointer;}


/* special */
.main_sp_special{background-color: #000; word-wrap: break-word;}
.main_sp_special_box01{width: 90%; height: auto; background-color: #2d2d2d; margin: 0 auto 5% auto;}
.main_sp_special_box01_btn{margin-top: 2.5%;}
.main_sp_special_box01_btn2{width: 100%; height: auto; margin: 2.5% auto 0 auto; padding: 15% 5% 5% 5%; background-color: #c40018; background-image: url('../images/sp/special/ticket_banner.png'); background-repeat: no-repeat; background-position: top center; background-size: 100% auto;}
.main_sp_special_mes{background-color: #2d2d2d; padding: 0px 0px 2.5% 0px;}
.main_sp_special_mes_tit{margin-bottom: 2.5%;}
.main_sp_special_mes_m{width: 90%; height: auto; margin: 0 auto 2.5% auto; color: #FFF;}
.main_sp_special_mes_subtit{width: 90%; height: auto; margin: 0 auto 2.5% auto;}
.main_sp_special_mes_movie{width: 90%; height: auto; margin: 0 auto 10% auto;}
.main_sp_special_mes_img{width: 90%; height: auto; margin: 0 auto 2.5% auto;}
.main_sp_special_mes_txt{width: 90%; height: auto; margin: 0 auto 10% auto; color: #FFF;}
.main_sp_special_mes_txt p{text-align: right; font-size: 1.5rem;}
.main_sp_special_book{width: 100%; height: auto; margin: 0 auto 5% auto; padding: 2.5% 2.5% 2.5% 2.5%; background-color: #d6d6d6;}
.main_sp_special_book2{width: 100%; height: auto; margin: 0 auto 5% auto; padding: 0% 0% 2.5% 0%; background-color: #d6d6d6;}
.main_sp_special_book_tit{margin-bottom: 2.5%;}
.main_sp_special_book_l{width: 75%; height: auto; margin-bottom: 2.5%; line-height: 2.2rem;}
.main_sp_special_book_r{width: 20%;}
.main_sp_special_book_time{margin-top: 2.5%;}
.main_sp_special_book_sub{font-size: 1.3rem; font-weight: bold; margin-bottom: 2.5%;}
.main_sp_special_book_name{font-size: 1.3rem; margin-bottom: 1.5%; font-weight: bold;}
.main_sp_special_book_name strong{font-size: 2.8rem; color: #be0017; font-weight: bold;}
.main_sp_special_book_name span{font-size: 1.3rem; color: #be0017; font-weight: bold;}
.main_sp_special_book_l2{width: 95%; height: auto; margin: 0 auto 2.5% auto;}
.main_sp_special_book_r2{width: 95%; height: auto; margin: 0 auto; line-height: 2.2rem; position: relative;}
.main_sp_special_book_r2 p{font-size: 1.5rem; font-weight: bold; margin: 1.5% 0px;}
.main_sp_special_artist{padding-bottom: 5%;}
.main_sp_special_artist_tit{margin-bottom: 1.5%;}
.main_sp_special_artist_sub{width: 90%; height: auto; margin: 7.5% auto 0px auto;}
.main_sp_special_artist_sub_l{width: 50%; margin-bottom: 1.5%;}
.main_sp_special_artist_sub_r{width: 100%; height: auto; font-size: 1.2rem; line-height: 2.0rem; color: #FFF;}
.main_sp_special_artist_sub span{font-size: 2.4rem; font-weight: bold; display: block; margin-bottom: 3.5%; color: #FFF;}
.main_sp_special_artist_sub_r a{font-size: 1.4rem; line-height: 2.2rem; color: #FFF;}
.main_sp_top_special{background-image: url('../images/sp/main_back.png'); background-repeat: no-repeat; background-position: top center; background-color: #000; text-align: center; padding: 5% 0px;}
.main_sp_top_special_main{width: 95%; height: auto; margin: 0 auto;}
.main_sp_top_special_link{width: 95%; height: auto;  margin: 2.5% auto 0 auto;}
.main_sp_top_special_tit01{margin-bottom: 2.5%;}
.main_sp_top_special_tit02{width: 95%; height: auto; margin: 0 auto 5% auto;}

}