@charset "utf-8";

/**
 * Basic Layouts
 */

body {
    background: #fff;
    color: #444;
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGOTHIC', sans-serif;
    font-size: 16px;
    line-height: normal;
}

div#header,
div#gnavi nav ul,
div#contentInner,
div#footerInner {
    width: 980px;
    margin: 0 auto;
}

div#wrapper {
    background: #7058A3;
}

/**
 * Header
 */

div#header h1,
div#header div.head {
    float: left;
}

div#header div#searchBox {
    background: #fff;
    float: right;
    margin-top: 34px;
}

div#header div#searchBox {
    border: #ccc 1px solid;
    border-radius: 4px;
    padding: 1px;
}

div#header div#searchBox input#search {
    height: 36px;
    width: 150px;
    border: none;
    padding: 0 0 0 8px;
    color: #888;
}

div#header div#searchBox input#searchButton {
    width: 36px;
    height: 36px;
    background: url('../image/search.png') no-repeat;
    border: none;
    border-left: #ccc 1px solid;
}

div#gnavi {
    width: 100%;
    height: 60px;
    background: #F388AA;
    border-bottom: #F0719A 2px solid;
    color: #fff;
}

div#gnavi ul a {
    color: inherit;
}

div#gnavi ul li {
    display: inline-block;
    height: 60px;
    width: 195px;
    line-height: 60px;
    text-align: center;
    border-right: #FACDDC 1px solid;
}

div#gnavi ul li.first {
    width: 194px;
    border-left: #FACDDC 1px solid;
}

/**
 * Content
 */

div#content {
    background: #f0f2f5;
}

div#contentInner {
    padding-top: 26px;
}

div#breadcrumbs {
    margin: -13px 0 13px;
    color: #333;
    font-size: 13px;
}

div#breadcrumbs a {
    color: inherit;
}

div#newest,
div#main div#pickup,
div#main div#posts,
div#main div#comment,
div#main div#otherArticle,
div#main div#categoryDescription,
div#main div#notFound,
div#side div#ranking,
div#side div#category,
div#side div#find,
div#side div#other {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
}

div#newestInner {
    margin: 0 15px;
    padding: 15px 0;
}

div#newest div#newestImage {
    float: left;
    width: 380px;
}

div#newest div#newestText {
    float: right;
    width: 525px;
    font-size: 14px;
}

div#newest p.head {
    padding-bottom: 6px;
    border-bottom: #ebebeb 1px solid;
}

div#newest p.head a {
    color: #7058A3;
    font-size: 22px;
    text-decoration: none;
}

div#newest p.head a:hover {
    text-decoration: underline;
}

div#newest div.info {
    margin: 12px 0;
}

div#main {
    width: 660px;
    float: left;
}

div#main section h1.head,
div#main section h2.head {
    font-size: 19px;
    line-height: 24px;
    height: 24px;
    padding-bottom: 10px;
    border-bottom: #7058A3 2px solid;
}

h2.pickup:before {
    content: url('../image/icon_pickup.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

h1.recent:before,
h2.recent:before {
    content: url('../image/icon_recent.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

p.ranking:before {
    content: url('../image/icon_ranking.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

h2.category:before,
p.category:before {
    content: url('../image/icon_category.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

p.find:before {
    content: url('../image/icon_find.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

h2.comment:before {
    content: url('../image/icon_comment.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

h2.articles:before,
h2.otherArticle:before {
    content: url('../image/icon_article.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

div#main div#pickup div#pickupInner,
div#main div#posts div#postsInner,
div#main div#comment div#commentInner,
div#main div#otherArticle div#otherArticleInner,
div#main div#categoryDescription div#categoryDescriptionInner,
div#main div#notFound div#notFoundInner,
div#side div#ranking div#rankingInner,
div#side div#category div#categoryInner,
div#side div#find div#findInner,
div#side div#other div#otherInner {
    margin: 0 15px;
    padding: 15px 0;
}

div.article {
    width: 628px;
    border: #ccc 1px solid;
    margin: 15px 0;
}

div.article div.articleImage {
    width: 230px;
    height: 200px;
    float: left;
    position: relative;
}

div.article div.articleText {
    width: 360px;
    float: right;
    font-size: 13px;
}

div.article div.articleText div.articleTextInner {
    padding: 10px 20px 10px 0;
}

div.article div.articleText h1,
div.article div.articleText h3 {
    border-bottom: #ebebeb 1px solid;
    padding-bottom: 5px;
}

div.article div.articleText div.info {
    margin: 6px 0;
}

div.article div.articleText h1 a,
div.article div.articleText h3 a {
    color: #7058A3;
    font-size: 18px;
    line-height: 1.3;
    text-decoration: none;
}

div#categoryDescription p {
    margin: 15px;
}

div.single a {
    color: #7058a3;
}

div.single pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

div.single footer {
    color: #999;
}

div.single span.time {
    display: block;
    float: left;
    font-size: 14px;
}

div.single span.singleView {
    display: block;
    float: right;
}

div.single span.num {
    color: #7058A3;
    font-size: 18px;
}

div.single span.view {
    font-size: 12px;
}

div.single .articleInfo {
    padding-bottom: 5px;
    border-bottom: #ebebeb 1px solid;
}

div.single h1 {
    color: #7058A3;
    font-size: 26px;
    margin: 10px 0;
    line-height: 1.3;
}

div.single div.share {
    margin: 15px 0;
}

div.single div.share a {
    display: block;
    float: left;
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    padding: 6px 0;
    margin-right: 9px;
    border-radius: 4px;
    text-decoration: none;
}

div.single div.share a.facebook {
    background: #3b5998;
    border-bottom: #1c3771 2px solid;
}

div.single div.share a.twitter {
    background: #68abdd;
    border-bottom: #1078c6 2px solid;
}

div.single div.share a.hatena {
    background: #1c99cd;
    border-bottom: #1471b1 2px solid;
}

div.single div.share a.copy {
    background: #eee;
    color: #666;
    border-bottom: #999 2px solid;
    margin: 0;
    text-align: left;
    position: relative;
}

div.single div.share a.copy span:before {
    content: url('../image/clip.png');
    position: absolute;
    top: 13px;
    left: 11px;
}

div.single div.share a.copy span {
    margin-left: 40px;
    display: block;
}

div.single div.follow {
    margin: 15px 0;
}

div.single div.follow span.us {
    display: inline-block;
    position: relative;
    background: #f79cad;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    vertical-align: bottom;
    margin-right: 16px;
}

div.single div.follow span.us::after{
    content: '';
    position: absolute;
    border-left:  #f79cad 12px solid;
    border-bottom: transparent 10px solid;
    border-top: transparent 10px solid;
    margin: 0 0 0 12px;
    right: -12px;
    top: 0px;
    width: 0px;
    height: 0px;
}

div.single div.follow div.facebook,
div.single div.follow div.twitter {
    display: inline-block;
}

div.single div.follow div.twitter iframe {
    margin-left: 4px;
    vertical-align: bottom;
}

div.single div.articleContent {
    line-height: 1.7;
    word-wrap: break-word;
}

div.single div.articleContent ul li,
div.single div.articleContent ol li {
    margin-left: 1.3em;
}

div.single div.articleContent ul {
    list-style-type: disc;
}

div.single div.articleContent table {
    margin: 5px 0;
}

div.single div.articleContent table,
div.single div.articleContent th,
div.single div.articleContent td {
    border: 1px solid #444;
}

div.single div.articleContent th,
div.single div.articleContent td {
    padding: 2px 4px;
    font-size: 88%;
}

div.single div.articleContent div#catch {
    margin-bottom: 10px;
}

div.single div.articleContent img,
div.single div.articleContent div,
div.single div.articleContent iframe {
    max-width: 100%;
}

div.single div.articleContent img {
    height: auto;
}

div.single div.articleContent h2 {
    background: #7058a3;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin: 25px 0 15px;
    position: relative;
}

div.single div.articleContent h2:before {
    content: '';
    position: absolute;
    border-top: 12px solid #7058a3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    bottom: -12px;
    left: 32px;
}

div.single div.articleContent h2,
div.single div.articleContent h3,
div.single div.articleContent h4 {
    font-size: 18px;
    font-weight: bold;
}

div.single div.articleContent h3:before {
    content: url('../image/h2.png');
    margin-right: 0.64rem;
    vertical-align: top;
}

div.single div.articleContent h3 {
    border-bottom: #7058A3 1px solid;
    margin: 25px 0 15px;
}

div.single div.articleContent h4:before {
    content: url('../image/h3.png');
    margin-right: 0.64rem;
    vertical-align: top;
}

div.single div.articleContent h4 {
    margin: 25px 0 10px;
}

div.single div.articleContent .bg {
    background-color: #F7F5FA;
    padding: 10px;
    margin: 20px 0;
    border-bottom: #EBE7F3 3px solid;
    border-radius: 4px;
}

div.single div.articleContent blockquote {
    background-color: #F7F5FA;
    background-image: url('../image/blockquote.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 40px;
    margin: 20px 0;
    border-bottom: #EBE7F3 3px solid;
    border-radius: 4px;
}

div.single div.postPagination {
    margin-top: 20px;
    padding-top: 20px;
    border-top: #ebebeb 1px solid;
}

div.single div.postPagination a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #F7B01E;
    text-decoration: none;
    padding: 5px 0;
    width: 130px;
    text-align: center;
    border-radius: 4px;
}

div.single div.postPagination div.table {
    width: 100%;
}

div.single div.postPagination div.data {
    width: 33.3%;
}

div.single div.postPagination div.center {
    text-align: center;
}

div.single div.postPagination div.right {
    text-align: right;
}

div#comment {
    color: #666;
    word-wrap: break-word;
}

div#comment a {
    color: #7058A3;
}

div#comment p.notYetComment {
    margin: 30px 15px;
}

div#comments div.comment:nth-child(n+6) {
    display: none;
}

div#comments div.comment {
    border: #ccc 1px solid;
    border-radius: 4px;
    margin: 20px 0;
    font-size: 13px;
}

div#comments div.comment div.info {
    margin-bottom: 10px;
    padding: 0 5px 10px;
    border-bottom: #ebebeb 1px solid;
}

div#comments div.comment div.commentInner {
    margin: 10px;
}

div#comments div.comment div.commentAuthor {
    float: left;
    font-size: 14px;
    max-width: 598px;
}

div#comments div.comment div.commentDate {
    float: right;
    font-size: 12px;
    margin-top: 2px;
}

div#comments div.comment div.commentBody,
div#comments div.comment div.commentEdit {
    padding: 0 5px;
}

div#comments fieldset {
    border: #ccc 1px solid;
    border-radius: 4px;
}

div#comments fieldset legend {
    padding: 0 4px;
    margin: 0 10px;
    color: #666;
}

div#respond {
    color: #666;
    font-size: 14px;
}

div#respond label {
    display: inline-block;
    width: 80px;
    text-align: center;
}

div#respond span.required {
    color: #c00;
}

div#respond p {
    margin: 15px 0;
}

div#respond p.logged-in-as {
    margin-left: 15px;
}

div#respond textarea {
    vertical-align: top;
    height: 4rem;
}

div#respond p.form-submit {
    text-align: center;
}

div#moreComment {
    margin: 20px 0;
}

div.moreButton {
    text-align: center;
}

div#comment div.moreButton a,
div.moreButton a,
div#respond input#submit {
    font-size: 13px;
    color: #fff;
    border: none;
    width: 120px;
    padding: 10px 0;
    border-radius: 4px;
}

div.moreButton a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #F7B01E;
    line-height: 1em;
    border-bottom: #BF8306 2px solid;
}

div#respond input#submit {
    background: #7058A3;
    border-bottom: #3F315B 2px solid;
}

div#searchResult {
    width: 660px;
    margin: 15px 0 20px;
}

div#searchResult div#searchKeyword {
    width: 480px;
    font-size: 30px;
    vertical-align: middle;
}

div#searchResult div#searchFound {
    width: 180px;
    font-size: 18px;
    text-align: right;
    vertical-align: middle;
}

div#searchResult div#searchKeyword div#searchKeywordInner {
    margin: 0 10px 0 0;
}

div#searchResult div#searchFound div#searchFoundInner {
    margin: 0 0 0 10px;
}

div#side {
    width: 300px;
    float: right;
}

div#side div#ranking p.head {
    font-size: 19px;
    line-height: 24px;
    height: 24px;
    padding-bottom: 6px;
    border-bottom: #7058A3 2px solid;
}

div#side div#ranking div.rankingImage {
    width: 80px;
    float: left;
}

div#side div#ranking div.rankingText {
    width: 174px;
    float: right;
    line-height: 1.4;
}

div#side div#ranking div.rankingText a {
    color: #666;
    font-size: 13px;
    text-decoration: none;
}

div#side div#ranking div.rankingText a:hover {
    text-decoration: underline;
}

div#side div#ranking li {
    margin: 15px 0;
    padding: 0 0 15px;
    border-bottom: #ebebeb 1px solid;
}

div#side div#ranking li span.theRank {
    display: block;
    width: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    line-height: 22px;
    margin-bottom: 4px;
}

div#side div#ranking li span.theRank {
    background: #434a54;
}

div#side div#ranking li.rank1 span.theRank {
    background: #ffb600;
}

div#side div#ranking li.rank2 span.theRank {
    background: #6c7a89;
}

div#side div#ranking li.rank3 span.theRank {
    background: #825146;
}

div#side div#ranking li:nth-child(n+6) {
    display: none;
}

div#side div#ranking div#moreRanking {
    margin: 10px 0 0;
}

div#side div#category p.head,
div#side div#find p.head {
    font-size: 19px;
    line-height: 24px;
    height: 24px;
    padding-bottom: 6px;
    border-bottom: #7058A3 2px solid;
}

div#side div#category ul,
div#side div#find ul,
div#side div#other ul {
    margin: 15px 0;
}

div#side div#category ul li,
div#side div#find ul li,
div#side div#other ul li {
    font-size: 13px;
    margin-bottom: 6px;
}

div#side div#category ul li a,
div#side div#find ul li a,
div#side div#other ul li a {
    color: #666;
}

div#side div#category ul li:before,
div#side div#find ul li:before,
div#side div#other ul li:before {
    content: url('../image/arrow_right.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

div#side div#other p.head {
    font-size: 19px;
    padding-bottom: 6px;
}

div#side div#other div.table {
    width: 100%;
    border-bottom: #7058A3 2px solid;
}

div#side div#other div.table div.data {
    vertical-align: middle;
    line-height: 1.2;
}

div#side div#other div.table div.data img {
    padding-right: 0.4rem;
}

div#footer {
    background: #434a54;
    color: #fff;
}

div#footerInner {
    position: relative;
}

div#searchNotFound p {
    margin: 20px 0 5px;
}

div#notFound a {
    color: #44c;
}

a#go2top {
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    background: url('../image/go2top.png') no-repeat;
    text-decoration: none;
    position: absolute;
    top: -40px;
    right: -100px;
}

div.pagination {
    margin: 30px 0;
    text-align: center;
}

div.pagination span,
div.pagination a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    margin: 0 2px;
}

div.pagination a {
    color: #464545;
}

div.pagination span.current {
    background: #7058A3;
    color: #fff;
    border: #7058A3 1px solid;
}

div.pagination a.page-numbers {
    border: #ececec 1px solid;
}

div.pagination a.page-numbers:hover {
    background: #7058A3;
    color: #fff;
}

div.pagination span.dots {
    color: #7058A3;
}

div.pagination a.prev,
div.pagination a.next {
    color: #7058A3;
    font-weight: bold;
    border: none;
}

span.artist {
    display: inline-block;
    background: #7058A3;
    color: #fff;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    min-width: 88px;
    text-align: center;
    padding: 0 6px;
    border-radius: 2px;
    margin-bottom: 2px;
}

span.date {
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    float: right;
}

a.more-link {
    display: block;
    margin-top: 16px;
}

a.more-link span.more-link-inner:before {
    content: url('../image/arrow_right_white.png');
    vertical-align: top;
}

a.more-link span.more-link-inner {
    float: right;
    background: #F7B01E;
    border-bottom: #BF8306 2px solid;
    border-radius: 3px;
    text-decoration: none;
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin-bottom: 3px;
}

div#footer {
    background: url('../image/footer_bg.png');
}

div#footer div#footerContent {
    padding: 40px 0 20px;
    position: relative;
}

div#footer div#links {
    width: 340px;
    float: left;
}

div#footer div#links section p.head {
    font-size: 14px;
    border-bottom: #565c65 1px solid;
    padding-bottom: 8px;
}

div#footer div#links section p.head:before {
    content: url('../image/icon_circle.png');
    margin-right: 0.3rem;
    vertical-align: middle;
}

div#footer div#links section ul {
    margin: 10px;
}

div#footer div#links section ul li:before {
    content: url('../image/arrow_right_white.png');
    vertical-align: top;
    margin-right: 0.5rem;
}

div#footer div#links section ul li a {
    color: #fff;
    font-size: 13px;
}

div#footer div#social {
    width: 640px;
    float: right;
    vertical-align: top;
}

div#footer div#socialInner {
    margin: 0 0 0 30px;
}

div#footer div#social div#feed {
    position: absolute;
    right: 55px;
    bottom: 5px;
    color: #dc4d00;
    font-size: 12px;
    width: 100px;
    background: #fff;
    margin: 10px 0 0 30px;
    text-align: center;
    padding-top: 2px;
    border-radius: 2px;
    border-bottom: #999 2px solid;
}

div#footer div#social div#feed span:before {
    content: url('../image/feed.png');
    vertical-align: bottom;
    margin-right: 0.3rem;
}

div#footer div#social div#feed span {
    line-height: 14px;
}

div#footer div#social a {
    text-decoration: none;
}

div#footer div#copyright {
    height: 70px;
    background: #7058A3;
    color: #fff;
    font-size: 12px;
    border-top: #9E8DC2 1px solid;
    line-height: 70px;
    text-align: center;
}

span.views {
    display: block;
    float: left;
    color: #999;
    font-size: 15px;
    margin-top: 5px;
}

span.views span {
    font-size: 12px;
}

span.views:after {
    content: '';
    clear: both;
}

.newRibbon {
    position: relative;
    top: -40px;
    left: -5px;
    color: #fff;
    width: 70px;
    font-weight: bold;
    background: rgba(250, 161, 30, 0.86);
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
}
.newRibbon:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent;
    border-right-color: #d35400;
}

div.table {
    display: table;
}

div.table div.row {
    display: table-row;
}

div.table div.data {
    display: table-cell;
}

b,
strong,
span.b {
    font-weight: bold;
}

.clear:before,
.clear:after {
    content: "";
    display: block;
    overflow: hidden;
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1;
}

/**
 * social
 */

.fb-page {
    display: inline-block;
    margin-left: 30px;
}

.twitter-timeline {
    vertical-align: top;
    width: 240px !important;
}

.fl {
    float: left;
}

/**
 * 2015.06 ADDED
 */

#side .views {
    font-size: 12px;
}

.wp-caption-text {
    color: #808080;
    font-size: 12px;
}

/** Override Default styles **/
div.single div.articleContent ul.star,
div.single div.articleContent ul.check,
div.single div.articleContent ul.triangle,
div.single div.articleContent ul.pencil,
div.single div.articleContent ul.clip,
div.single div.articleContent ul.heart {
    list-style-type: none;
}

div.single div.articleContent ul.star li, div.single div.articleContent ol.star li,
div.single div.articleContent ul.check li, div.single div.articleContent ol.check li,
div.single div.articleContent ul.triangle li, div.single div.articleContent ol.triangle li,
div.single div.articleContent ul.pencil li, div.single div.articleContent ol.pencil li,
div.single div.articleContent ul.clip li, div.single div.articleContent ol.clip li,
div.single div.articleContent ul.heart li, div.single div.articleContent ol.heart li {
    margin-left: 0;
}

ul.star, ol.star,
ul.check, ol.check,
ul.triangle, ol.triangle,
ul.pencil, ol.pencil,
ul.clip, ol.clip,
ul.heart, ol.heart {
    list-style-type: none;
}

ul.star li, ol.star li,
ul.check li, ol.check li,
ul.triangle li, ol.triangle li,
ul.pencil li, ol.pencil li,
ul.clip li, ol.clip li,
ul.heart li, ol.heart li {
    margin-left: 0;
}

ul.star li:before, ol.star li:before,
ul.check li:before, ol.check li:before,
ul.triangle li:before, ol.triangle li:before,
ul.pencil li:before, ol.pencil li:before,
ul.clip li:before, ol.clip li:before,
ul.heart li:before, ol.heart li:before {
    font-family: "Genericons";
    display: inline-block;
    vertical-align: middle;
}

ul.star li:before, ol.star li:before {
    content: "\f408";
}

ul.check li:before, ol.check li:before {
    content: "\f418";
}

ul.triangle li:before, ol.triangle li:before {
    content: "\f104";
}

ul.pencil li:before, ol.pencil li:before {
    content: "\f411";
}

ul.clip li:before, ol.clip li:before {
    content: "\f416";
}

ul.heart li:before, ol.heart li:before {
    content: "\f461";
}
/**チケットボタン**/
div.ticket {
    margin: 20px auto;
    padding-top: 20px;
    text-align:center;
}

div.ticket a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 20px;
    text-align: center;
    border-radius: 4px;
    background: #F7B01E;
    line-height: 1.2em;
    width: 90%;
    border-bottom: #BF8306 3px solid;
}
/**チケットボタン end**/

ins{
	background-color:transparent!important;}