@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#121212;background:#fff;-webkit-text-size-adjust: 100%;}/*overflow-x: hidden;*/
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a { overflow: hidden; color:#e35aa0;text-decoration: none;border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a:hover,a:active { color: #ed91c0;border:none;outline:none;}
a:hover img , a:active img {border:none;outline:none;}

html,body {height:100%;}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:bold;}
img {max-width: 100%;width:auto;height: auto;display:block;}

article:after,
section:after,
div:after,
ul:after,
dl:after {
  content: "";
  display: block;
  clear: both;
}

.pc {display:block;}
.sp {display:none;}

#wrap {width: 100%;margin:0 auto;}
#contents {max-width:1200px;margin:0 auto;}
#header {position:relative;height:80px;max-width:1200px;margin:0 auto;}
#header h1 {width:275px;height:auto;position: absolute;left:0;bottom:20px;}
#header .navi {font-family: 'Julius Sans One', sans-serif;position: absolute;right:0;bottom:20px;}
#header .navi li {display:inline-block; vertical-align:middle;margin-left:2em;font-size:1.4em;}
#header .navi li a {color:#121212;display: block;}
#header .navi li a:hover {color:#da3687;}
#header .navi li.current a {color:#da3687;}

#mainimg {max-width: 1200px; margin: 0 auto;}
#mainimg .artist_photo {width: 57.8%;height: auto;float:left;}
#mainimg .right_contents {position:relative;width: 41%;float:right;}
#mainimg .right_contents .youtube {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;overflow: hidden;}
#mainimg .right_contents .youtube iframe {position: absolute; top: 0; left: 0;width: 100%; height: 100%;border:none;}
#mainimg .right_contents .banner {margin-top:4.5%;}
#mainimg .right_contents .banner a img {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#mainimg .right_contents .banner a:hover img {opacity:.7;}
#mainimg .slider {background: #f757a6;padding: 5% 30px;margin-top: 2.5%;}
.slick-initialized .slick-slide {margin:0 10px;}
.slick-prev {left: 15px;width: 15px;height: 15px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.slick-next {right: 15px;width: 15px;height: 15px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.slick-prev:before {content:none;}
.slick-next:before {content:none;}

#contents .area {padding:50px 0 10px;}
#contents .headtitle {text-align:center;}
#contents .headtitle h2 {font-family: 'Julius Sans One', sans-serif;font-size:3em;color:#e14898;line-height: 1;}
#contents .headtitle hr {border:solid #e14898;border-width:1px 0 0 0;width:50px;display:table;margin:20px auto;}
#contents p , #contents li {font-size:1.3em;}
#contents .more_link {display:table;margin:3em auto;text-align:center;font-size:1.4em;}
#contents .more_link a {color:#fff;background:#f757a6;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;padding:0 4em;line-height:2.8;display:block;}
#contents .more_link a:hover {background:#da3687;}
#contents .paging {margin:5em 3%;text-align:center;letter-spacing: -.4em;}
#contents .paging span , #contents .paging a {padding: .3em .9em;display: inline-block;vertical-align: middle;font-size: 1.2em;margin: .5em .3em;letter-spacing: normal;}
#contents .paging a {border: 1px solid #aaa;color:#999;}
#contents .paging span , #contents .paging a:hover {background:#f261ad;border: 1px solid #f261ad;color:#fff;}

#topics .cat_btn {text-align:center;letter-spacing:-.4em;margin:3em 0;}
#topics .cat_btn li {display:inline-block; vertical-align:top;letter-spacing:normal;margin:.5em;width:10em;text-align:center;    font-size: 1.3em;}
#topics .cat_btn li a {border:1px solid #f261ad;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;display:block;color:#f261ad;line-height:2.5;}
#topics .cat_btn li a:hover , #topics .cat_btn li a.current {background:#f261ad;color:#fff;}

#topics .list dl {letter-spacing:-.4em;padding:1em 0;border-bottom:1px dotted #ccc;}
#topics .list dt {font-size:1.3em;width:90%;display:inline-block; vertical-align:middle;letter-spacing:normal;}
#topics .list dt div {display:inline-block; vertical-align:middle;}
#topics .list dt div.day {font-weight:bold;margin-right:1em;width:8em;}
#topics .list dt div.text {width:86%;border-left:1px solid #ccc;padding-left:1em;}
#topics .list dt div.text a {color:#121212;display: inline-block;vertical-align: top;}
#topics .list dt div.text a:hover {color:#e35aa0;}
#topics .list dd {width:10%;display:inline-block; vertical-align:middle;letter-spacing:normal;text-align:center;font-size:1.1em;}
#topics .list dd a {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;display:block;line-height:2;}
#topics .list dd a.event {border:1px solid #ee3e78;color:#ee3e78;}
#topics .list dd a.info {border:1px solid #2a88d8;color:#2a88d8;}
#topics .list dd a.nationwide {border:1px solid #09aed1;color:#09aed1;}
#topics .list dd a.meeting {border:1px solid #0dc575;color:#0dc575;}
#topics .list dd a.sign {border:1px solid #c64484;color:#c64484;}
#topics .list dd a.photos {border:1px solid #b56c41;color:#b56c41;}
#topics .list dd a.cd {border:1px solid #09ab2f;color:#09ab2f;}
#topics .list dd a.release {border:1px solid #c94ac5;color:#c94ac5;}
#topics .list dd a.special {border:1px solid #93b00a;color:#93b00a;}
#topics .list dd a.tieup {border:1px solid #5c59ea;color:#5c59ea;}
#topics .list dd a.mv {border:1px solid #ee5b3e;color:#ee5b3e;}
#topics .list dd a.theater {border:1px solid #e9a922;color:#e9a922;}

#topics .list .new {display: inline-block;vertical-align: top;margin-left: 5px;background: #f72e75;color: #fff;padding: 0 .5em;font-size: 11px;line-height: 1.5;margin-top: 1px;}
.update {color: #f72e75;font-weight:bold;}

#topics .list dd a:hover {color:#fff;}
#topics .list dd a.event:hover {background:#ee3e78;}
#topics .list dd a.info:hover {background:#2a88d8;}
#topics .list dd a.nationwide:hover {background:#09aed1;}
#topics .list dd a.meeting:hover {background:#0dc575;}
#topics .list dd a.sign:hover {background:#c64484;}
#topics .list dd a.photos:hover {background:#b56c41;}
#topics .list dd a.cd:hover {background:#09ab2f;}
#topics .list dd a.release:hover {background:#c94ac5;}
#topics .list dd a.special:hover {background:#93b00a;}
#topics .list dd a.tieup:hover {background:#5c59ea;}
#topics .list dd a.mv:hover {background:#ee5b3e;}
#topics .list dd a.theater:hover {background:#e9a922;}
#topic_sns {margin:5em 0 1em;}
#topic_sns li {display:inline-block; vertical-align:top;margin-right:5px;}

#link ul {text-align:center;padding-top:3em;}
#link li {display:inline-block; vertical-align:top;margin:0 10px 30px;width:20%;}

#share ul {text-align:center;margin:5em 0;}
#share li {display:inline-block; vertical-align:top;margin:0 10px;width:50px;}
#share li a {border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;background:#aaa;display:block;}
#share li a:hover {background:#121212;}

.entry h2 {border-left: 5px solid #f596b4;padding: .3em .8em;font-weight: bold;font-size: 1.8em;line-height: 1.4;margin-bottom: 1em;}
.entry h2 .update {display:block;margin-bottom:.3em;}
.entry .entry-contents {font-size:13px;line-height:1.3;}

.foot_img {background:#f9f9fb;margin:3em 0 8em;}
.foot_img div {max-width:1200px;padding:5px 0;margin:0 auto;}

#pagetop {position:fixed;right:3%;bottom:5%;width:40px;z-index:10;}
#footer {text-align:center;font-size:1.3em;padding:0 0 5%;}
#footer .copy {color:#999;}

/* 2017.04.07 追加*/
.sub_entry { border: 1px solid #f757a6;text-align: center;padding: 2%;margin-top: 3em;}
.sub_entry h2 {    font-size: 2em;font-weight: bold;line-height: 1.5;color:#e14898;}
.sub_entry h2 span {display: block;font-size: .9em;color:#121212;}
#contents .sub_entry p {font-size:1.4em;margin: 1em 0;font-weight:bold;}
#contents .sub_entry .more_link {margin:0 auto;}
#contents .sub_entry .more_link span {font-size:.9em;display:block}
#contents .sub_entry .more_link a {padding: .5em 4em; line-height: 1.5;}

#contents .sub_entry p {
display: inline-block;
    width: 20em;
    margin: 0 0 1em;
    text-align: center;
    vertical-align: top;
}
#contents .sub_entry p span {display:block;}
/*.sub_entry_area .sub_entry {width:45%;min-height: 200px;}:*/

@media screen and (max-width:1200px) {
#header {max-width:95%;margin:0 auto;}
#contents {max-width:95%;margin:0 auto;}
#topics .list dt {width:85%;}
#topics .list dt div.text {width:81%;}
#topics .list dd {width:15%;}
#topics .cat_btn li {width: 20%;}
#mainimg {max-width:95%;}
#mainimg .right_contents .banner {margin-top:3.5%;}
}
@media screen and (max-width:980px) {
#topics .list dt {width:80%;}
#topics .list dt div.text {width:76%;}
#topics .list dd {width:15%;}
.sub_entry_area .sub_entry {width:95.8%;float:none !important;}
}
@media screen and (max-width:900px) {
#mainimg .slider {margin-top: 3%;}
#mainimg .right_contents .banner {margin-top:1.5%;}
.slick-prev, .slick-next {top: 45%;}
.slick-initialized .slick-slide {margin:0 5px;}
}
@media screen and (max-width:768px) {
#topics .list dt {width:85%;}
#topics .list dt div.text {width:78%;}
#topics .list dd {width:15%;}
}
@media screen and (max-width:736px) {
.pc {display:none;}
.sp {display:block;}
#header {height:auto;max-width:100%;}
#header h1 {width:137px;margin:5% auto;position:relative;bottom:0;}
#header .navi {position:relative;bottom:0;}
#header .navi ul {border-top:1px solid #e14898;letter-spacing:-.4em;}
#header .navi li {margin-left: 0;width: 49.8%;text-align: center;line-height: 3;border-bottom:1px solid #e14898;letter-spacing:normal;font-size:1.5em;}
#header .navi li:nth-child(odd) {border-right:1px solid #e14898;}
#header .navi li.current {background:#e14898;}
#header .navi li.current a {color:#fff;}
#mainimg {max-width:100%;}
#mainimg .artist_photo {width: 100%;float: none;}
#mainimg .right_contents {width: 94%;float: none;margin: 3% auto 0;}
#mainimg .right_contents .banner {margin-top:3.5%}
#mainimg .slider {background: #f757a6;padding: 3% 2%;margin-top: 2.5%;}
.slick-prev, .slick-next {display:none !important;}
#contents {max-width:100%;}
#contents .area {padding: 10% 0 3%;}
#contents .headtitle h2 {font-size:2.5em;}
#contents .more_link {display: block;margin: 0 auto;}
#contents .more_link a {border-radius:0;-webkit-border-radius:0;-moz-border-radius: 0;padding:0;line-height:4;background:#aaa;}
#topics .cat_btn li {width:42%;margin: .5em;font-size: 1.3em;}
#topics .list dl {padding: 5% 0;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;margin-top: -1px;}
#topics .list dt {width: 94%;padding: 0 3%;}
#topics .list dt div.day {margin-right: 0;color:#e35aa0;margin-bottom:.5em;}
#topics .list dt div.text {width: 100%;border: none;padding: 0;}
#topics .list dd {width: 40%;margin-top: 1em;float: right;margin-right: 5%;}
#link ul {padding-top: 1em;}
#link li {margin: 1.5% 1%;width: 45%;}
#share ul {margin: 4em 0 2em;}
#share li {margin: 0 2%;width: 45px;}
.entry {padding: 0 3%;}
.entry-foot {padding: 0 3%;}
.foot_img {margin: 3em 0 5em;}
#footer {padding: 0 0 15%;}

.sub_entry { padding: 5%; margin: 5% 3%;}
#contents .sub_entry .more_link a {background: #f757a6;line-height: 1.4;padding: 3%;}
#contents .sub_entry .more_link a span {display:block;}
.sub_entry_area .sub_entry {width:83.5%;}
#contents .sub_entry p {display:block;width:100%;text-align:left;}
#contents .sub_entry p span {display: inline-block;vertical-align: top;margin-right:.5em;}

}
@media screen and (max-width:667px) {
}
@media screen and (max-width:568px) {
}
@media screen and (max-width:414px) {
.pc {display:none;}
.sp {display:block;}
}

@media only screen and (device-height: 736px),only screen and (device-width: 736px) {
#header .navi li a:hover {color:#121212;}
#topics .cat_btn li a:hover , #topics .cat_btn li a.active {background:none;color:#f261ad;}
#topics .list dt div.text a:hover {color:#121212;}
#topics .list dd a:hover {background:none !important;}
#topics .list dd a.event:hover {color:#ee3e78;}
#topics .list dd a.info:hover {color:#2a88d8;}
#topics .list dd a.nationwide:hover {color:#09aed1;}
#topics .list dd a.meeting:hover {color:#0dc575;}
#topics .list dd a.sign:hover {color:#c64484;}
#topics .list dd a.photos:hover {color:#b56c41;}
#topics .list dd a.cd:hover {color:#09ab2f;}
#topics .list dd a.release:hover {color:#c94ac5;}
#topics .list dd a.special:hover {color:#93b00a;}
#topics .list dd a.tieup:hover {color:#5c59ea;}
#topics .list dd a.mv:hover {color:#ee5b3e;}
#topics .list dd a.theater:hover {color:#e9a922;}
#share li a:hover {background:#aaa;}
.more_link a:hover {background:none;}
}