/* ---------------
2変数の設定
--------------- */
/* ---------------
ベースの設定
--------------- */

body {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
/*     background-color: #e7e5e1; */
     background-color: #fff;
}
/* リンクの設定 */

a:link {
    color: #04509b;
    border: none;
}

a:visited {
    color: inherit;
    border: none;
}

a:active {
    color: #006dd9;
    border: none;
}

a:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: underline;
    color: #006dd9;
    border: none;
}

.entryColumn.bl-hover {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
/* 汎用ボタン */

.acms-btn.acms-btn-hover,
.acms-btn:hover {
    border: 0;
}

.btnBox {
    min-height: 30px;
    margin: 10px 0;
    padding: 10px;
}
/* 現在表示しているテンプレート */

.useTpl {
    color: #999;
}

.clearHidden {
    margin: 0;
}
/* ---------------
グリッド
--------------- */

@media screen and (max-width: 768px) {
    .acms-grid-r .acms-col-9 {
        float: left;
        width: 75%;
    }
    .acms-grid-r .acms-col-3 {
        float: left;
        width: 25%;
    }
    .acms-table-responsive {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 15px;
        border: 0;
    }
}

@media screen and (max-width: 768px) {
    .acms-grid-r [class*='acms-col'] {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .acms-grid-r .acms-entry [class*='acms-col'] {
        float: left;
    }
    .acms-grid-r .acms-entry .acms-col-12 {
        width: 100%;
    }
    .acms-grid-r .acms-entry .acms-col-11 {
        width: 91.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-10 {
        width: 83.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-9 {
        width: 75%;
    }
    .acms-grid-r .acms-entry .acms-col-8 {
        width: 66.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-7 {
        width: 58.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-6 {
        width: 50%;
    }
    .acms-grid-r .acms-entry .acms-col-5 {
        width: 41.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-4 {
        width: 33.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-3 {
        width: 25%;
    }
    .acms-grid-r .acms-entry .acms-col-2 {
        width: 16.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-1 {
        width: 8.33333%;
    }
    .acms-grid-r .acms-entry .acms-col-md-1 {
        width: 8.33333%;
    }
    .acms-grid-r .acms-entry .acms-col-md-2 {
        width: 16.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-md-3 {
        width: 25%;
    }
    .acms-grid-r .acms-entry .acms-col-md-4 {
        width: 30%;
    }
    .acms-grid-r .acms-entry .acms-col-md-5 {
        width: 41.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-md-6 {
        width: 50%;
    }
    .acms-grid-r .acms-entry .acms-col-md-7 {
        width: 58.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-md-8 {
        width: 70%;
    }
    .acms-grid-r .acms-entry .acms-col-md-9 {
        width: 75%;
    }
    .acms-grid-r .acms-entry .acms-col-md-10 {
        width: 83.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-md-11 {
        width: 91.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-md-12 {
        float: none;
        width: 100%;
    }
    .sub {
        padding: 20px 0;
        color: #696969;
    }
    .subPart {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .adminMenu {
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 33%;
        padding-right: 20px;
    }
}

@media screen and (max-width: 480px) {
    .acms-grid-r [class*='acms-col'] {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .subPart,
    .adminMenu {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .acms-grid-r .acms-entry [class*='acms-col'] {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .acms-grid-r .acms-entry [class*='acms-col-sm'] {
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }
    .acms-grid-r .acms-entry .acms-col-sm-1 {
        width: 8.33333%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-2 {
        width: 16.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-3 {
        width: 25%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-4 {
        width: 33.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-5 {
        width: 41.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-6 {
        width: 50%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-7 {
        width: 58.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-8 {
        width: 66.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-9 {
        width: 75%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-10 {
        width: 83.3333%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-11 {
        width: 91.6667%;
    }
    .acms-grid-r .acms-entry .acms-col-sm-12 {
        float: none;
        width: 100%;
    }
    .headerBlock [class*='acms-col'] {
        margin: 0;
        padding: 0 10px;
    }
}

@media screen and (max-width: 479px) {
    .sub {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .tabletContainer {
        margin: 0;
    }
    .formBtnBoxHalf {
        padding: 0;
    }
    .table-container {
        padding: 0;
    }
    .subPart {
        width: 100%;
        padding: 0;
    }
    .adminMenu {
        width: 100%;
    }
}

@media screen (max-width: 479px) {
    .acms-dynamic-form th,
    .acms-dynamic-form td {
        display: table !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        padding: 5px;
    }
    .acms-dynamic-form textarea {
        width: 100%;
    }
}
/* ---------------
レイアウト
--------------- */

.acms-container {
    max-width: 1100px;
}

[class*=acms-col] {
    padding-right: 20px;
    padding-left: 20px;
}
/* ヘッダ */

#headWrapper {
    position: relative;
}
/* コンテンツ全体 */

.acms-container:not(:target) {
    width: auto;
}

.contents {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* サブ パーツ */

.subFooterBox {
    padding: 0;
    list-style: none;
}
/* フッタ */

.footer {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #fff;
    background: #2c2b27;
}
/* ---------------
ヘッダー　#header
--------------- */

#headWrapper {
    margin-bottom: 30px;
    background-color: #fff;
}

.headerBlock {
    padding: 14px 0;
}

#siteTitle {
    clear: both;
    max-width: 300px;
    min-height: 86px;
    margin: 16px auto 10px;
}

#siteTitle svg {
    width: 100%;
    max-width: 300px;
    max-height: 100px;
}

#siteCaption {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 6px;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    #siteTitle {
    }
    .acms-col-md-8 {
        width: 70%;
    }
    .acms-col-md-4 {
        width: 30%;
    }

}

@media screen and (min-width: 769px) {
    #siteCaption {
        margin: 20px 0 0;
        margin: 0;
        padding: 14px 10px 0;
    }
}

@media screen and (max-width: 768px) {
    .headerBlock [class*='acms-col'] {
        margin-bottom: 0;
    }
}
/* ヘッダーナビゲーション */

#headerNavi {
    position: relative;
    height: 36px;
    padding: 8px 0;
/*    background-color: #272522;*/
    background-color: #e6e6e6;
}

#headerNavi .acms-container {
    position: relative;
}

#search {
    position: absolute;
    right: 60px;
    display: inline;
    margin-right: 0;
}

#search .searchText {
    line-height: 28px;
    width: 200px;
    height: 36px;
    padding: 4px;
    vertical-align: middle;
    border: 0;
    border-radius: 3px 0 0 3px;
}

.searchText:focus {
    outline: 2px #89b5a6 solid;
    background-color: #e4f6ff;
}

#search .btnSearch {
    display: inline-block;
    width: 36px !important;
    height: 36px;
    margin-left: -6px;
    vertical-align: middle;
    border-radius: 0 3px 3px 0;
    background: #ddd url(../images/iconSprite.png) -36px top;
}

#search button,
.btnHeaderNavi {
    font-size: 16px;
    line-height: 28px;
    border: 0;
}

#search button span {
    display: none;
}

@media screen and (min-width: 768px) {
    #search {
        right: 10px;
    }
}

#nav-open-btn {
    font-size: 24px;
    line-height: 26px;
    position: absolute;
    right: 10px;
    overflow: hidden;
    margin: 0;
    vertical-align: middle;
    color: #000;
}

#nav-open-btn a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: #ddd url(../images/iconSprite.png) left top;
}

#nav-open-btn:hover {
    text-decoration: none;
}

#nav-open-btn span {
    display: none;
}

@media screen and (max-width: 768px) {
    #nav-open-btn {
        display: inline-block;
    }
}

@media screen and (min-width: 769px) {
    #nav-open-btn {
        display: none;
    }
}
/* グローバルナビゲーション */

nav#menu {
    clear: both;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
/*    background-color: rgba(102, 102, 102, .95);*/
    background-color: rgb(196, 0, 28);
}

ul#globalNavi {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
}

ul#globalNavi li {
    display: inline-block;
    list-style-type: none;
}

ul#globalNavi a,
ul#globalNavi span {
    color: #fff;
}

ul#globalNavi a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
}

ul#globalNavi a:hover {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-color: #381114;
}

@media screen and (max-width: 768px) {
    nav#menu {
        position: absolute;
        z-index: 100;
        top: 52px;
        right: 10px;
    }
    ul#globalNavi {
        display: none;
    }
    ul#globalNavi li {
        display: block;
    }
    ul#globalNavi a {
        padding: 14px 10px;
    }
}

@media screen and (min-width: 769px) {
    nav#menu.fixed {
        /*position: fixed;*/
        z-index: 100;
        top: 0;
        width: 100%;
        background-color: rgba(39, 37, 34, .9);
    }
}
/* ---------------
メインカラム　.main
--------------- */
/* グリッドシステム */

.acms-grid-inner {
    max-width: 640px;
}
/* エントリーのスタイル */

.entry {
    margin: 0 0 20px;
    padding: 20px 30px;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
}

@media screen and (max-width: 480px) {
    .entry {
        padding: 5px;
    }
}

.acms-entry {
    /*
    section {
        overflow: hidden;
    }
    */
    /* 引用 */
}

.acms-entry blockquote {
    position: relative;
/*    margin: 2em 16px;*/
    margin: 2em auto;
    padding: 44px 20px;
    quotes: '\201C''\201D''\2018''\2019';
/*    border-left: none;*/
/*    background: #e7e5e0;*/
/*    background: #f9f9f9;*/
/*    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);*/
    border: 1px solid #c4cfd6;
    max-width: 510px;
    border-radius: 10px;
    font-size:110%;
    word-break: auto-phrase;
}
.acms-entry blockquote:before,
.acms-entry blockquote:after {
    font-family: 'Times New Roman', sans-serif;
    font-size: 500%;
    line-height: 1em;
    position: absolute;
    content: open-quote;
/*     color: #b8b3a2; */
    color: #b09191;
}

.acms-entry blockquote:before {
    top: -4px;
    left: 10px;
    margin-right: .25em;
    content: open-quote;
}

.acms-entry blockquote:after {
    right: 10px;
    bottom: -36px;
    content: close-quote;
}

.acms-entry blockquote p {
    line-height: 1.8;
}






.acms-entry blockquote.letter,
.acms-entry p.letter {
    position: relative;
    margin: 2em auto;
    padding: 44px 20px 20px;
    padding-top: calc(320 / 1000 * 100%);
    border: 1px solid #c66e6e;
    background: url(../images/letter.png) top center no-repeat;
    max-width: 510px;
    border-radius: 5px;
}
.acms-entry blockquote.letter:before,
.acms-entry blockquote.letter:after {
    content: none;
}


@media screen and (max-width: 480px) {
    .acms-entry blockquote.letter {
        background-size:95% auto;
    }
    .acms-entry blockquote {
        padding: 36px 10px;
        font-size: 95%;
    }
}

.acms-inner {
    max-width: 768px;
}

.notFoundTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 0 20px 20px 0;
    padding: 10px 0;
    border-bottom: solid 1px #444;
}
/*　エントリーヘッダー　*/

.entryHeader {
    margin: 0;
}

.entryHeader .categoryName {
    font-size: 88%;
    display: inline-block;
    margin: 0 0 5px;
    margin-right: 10px;
    border-radius: 3px;
}

.entryHeader .categoryName a {
    display: block;
    padding: 0 8px;
    text-decoration: none;
    color: #000;
    border-radius: 3px;
}

.entryHeader .categoryName a:hover {
    text-decoration: underline;
    background-color: #8cbff9;
}
/* エントリーの日付・カテゴリー */

.entryDate {
    line-height: 1;
    margin: 0 0 20px;
    padding: 0 4px;
    text-align: right;
}

.entryCategory {
    padding: 0 5px;
}

.entryCategory a {
    font-weight: normal;
}
/* エントリータイトル */

.entryTitle {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 6px;
    padding: 0;
    background: none;
}

@media screen and (max-width: 480px) {
    .entryTitle {
        font-size: 138%;
    }
}

.entryTitle a {
    text-decoration: none;
    color: #1c68b5;
}

.entryTitle a:hover {
    text-decoration: underline;
}

.contactH2,
.message {
    padding-right: 10px;
    padding-left: 10px;
}
/* エントリー内要素　box-sizing対処法 */

.entry-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    word-break: break-all;
}
/*　SNSボタン　*/

.acms-entry .snsBtn {
    margin: 5px 20px 0 0;
}
/*　続きを読むリンク　*/

.continueLink {
    margin: 0 10px 5px 10px;
    text-align: right;
}

.continueLink a {
    font-weight: bold;
    display: inline-block;
    padding: 5px 15px 5px 25px;
    text-align: left;
    color: #fff;
    background: #383532;
}

.continueLink a:before {
    margin-left: -15px;
    content: '→';
    color: #fff;
}

.continueLink a:hover {
    text-decoration: none;
    background: #383532;
}
/*　　　エントリータグ　　　*/

.entryTag {
    clear: both;
    margin: 20px 0;
}

.entryTag dt {
    font-size: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 70px;
    padding: 0 10px 0 0;
    text-align: right;
    color: #fff;
    background: #383532;
}

.entryTag dd {
    display: inline;
    margin: 0;
    padding: 0 15px 0 0;
}

.entryTag dd a {
    padding: 2px 3px;
}

.entry .entryTag {
    position: relative;
    margin: 20px 10px 10px 10px;
    padding: 0 0 0 90px !important;
}

.entry .entryTag h3 {
    font-size: 88%;
    font-weight: normal;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 70px;
    margin: 0;
    padding: 2px 0 0;
    text-align: center;
    color: #fff;
    background: #595959;
}

.entry .entryTag ul {
    margin: 0;
    padding: 0;
}

.entry .entryTag li {
    font-size: 88%;
    display: inline-block;
    margin: 0;
    padding: 0 15px 0 0;
    background: none;
}

.entry .entryTag li a {
    padding: 2px 3px;
}
/*　　　エントリーフッター　　　*/

.entry p.entryFooter {
    font-size: 100%;
    margin: 0;
    padding: 10px 20px 0 0;
    text-align: left;
}
/* 記事の一覧 */

.indexTitle {
    position: relative;
    margin-bottom: 30px;
    padding: 4px 16px;
    color: #fff;
    background-color: #514849;
}

.indexTitle h2 {
    margin: 0;
}

.indexTitle a {
    text-decoration: none;
    color: #fff;
}

.indexTitle a:hover {
    text-decoration: none;
}

.nextTagTitle {
    margin: 10px 2px;
}

.nextTagTitle a {
    font-size: 88%;
    display: inline-block;
    margin-right: 10px;
}

.summary {
    position: relative;
    clear: both;
}

.photoBox .categoryName {
    font-size: 88%;
    font-weight: normal;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    vertical-align: middle;
    color: #000;
    background-color: #777;
}

.photoBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}

.photoBox h2 {
    font-size: 138%;
    line-height: 1.3;
    position: relative;
    z-index: 100;
    margin: auto;
    padding-bottom: 12px;
    vertical-align: top;
}

.photoBox a {
    display: block;
    padding: 10px;
    text-decoration: none;
    background-color: rgba(250, 250, 250, .94);
}

@media screen and (min-width: 481px) {
    .photoBox a {
        padding: 12px 16px;
    }
}

.summaryPhoto {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    margin: auto auto 0;
}

@media screen and (max-width: 768px) {
    .photoBox h2 {
        padding-bottom: 0;
    }
    .photoBox {
        max-height: 300px;
    }
    .photoBox p {
        margin: 0;
    }
    .summaryPhoto {
        position: relative;
        top: 0;
        left: 0;
        vertical-align: bottom;
    }
}

@media screen and (min-width: 768px) {
    .photoBox {
        min-height: 280px;
    }
}

.photoBox:hover {
    -webkit-animation-name: scaleChange;
    animation-name: scaleChange;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes scaleChange {
    50% {
        -webkit-transform: translate(0, -5px) scale(1.01);
        -moz-transform: translate(0, -5px) scale(1.01);
        -ms-transform: translate(0, -5px) scale(1.01);
        -o-transform: translate(0, -5px) scale(1.01);
        transform: translate(0, -5px) scale(1.01);
    }
}

@keyframes scaleChange {
    50% {
        -webkit-transform: translate(0, -5px) scale(1.01);
        -moz-transform: translate(0, -5px) scale(1.01);
        -ms-transform: translate(0, -5px) scale(1.01);
        -o-transform: translate(0, -5px) scale(1.01);
        transform: translate(0, -5px) scale(1.01);
    }
}

.noimage {
    position: absolute;
    bottom: 60px;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0) url(../images/noimage.svg) no-repeat;
}

.summary .noimage img {
    width: 200px;
    height: auto;
}


.entryColumn {
    margin-bottom: 24px;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
}
@media screen and (max-width: 480px) {
    .entryColumn {
        box-shadow: none;
    }
}



.entry .entryColumn {
    padding: 20px;
}

.entryDetail h2,
.entryDetail p {
    margin: 0;
    padding: 0 15px;
}

.entryDetail h2 {
    font-size: 125%;
}

.entryDetail p.description {
    font-size: 100%;
    padding: 10px;
    word-wrap: break-word;
}

@media screen and (min-width: 481px) {
    .entryDetail p.description {
        line-height: 1.6;
        padding: 10px 20px 0;
    }
}

.entryDetail p.date {
    font-size: 88%;
    padding: 0 20px 10px;
    text-align: right;
}
/* 関連記事の一覧 */

.relatedEntryPhoto {
    overflow: hidden;
    max-width: 100%;
    max-height: 200px;
}

.relatedEntryPhoto .noimage {
    line-height: 1;
}

.relatedEntryPhoto li:nth-child(3n+1) {
    clear: both;
}
/* ---------------
対話コンテンツ
--------------- */

.chat {
    position: relative;
    min-height: 100px;
}

.chat div {
    padding: 24px 20px 10px;
    border-radius: 10px;
}

.chat.chatNamura div {
    background-color: #eaeacc;
}

.chat.chatListener div {
  background-color: #d9e0e0;
}

.chat:before {
    font-size: 75%;
    position: absolute;
    top: 0;
    width: 100px;
    text-align: center;
}

.chatNamura {
    margin: 26px 130px 26px 10px;
}

.chatListener {
    margin: 26px 10px 26px 130px;
}

.chatNamura:before {
    right: -110px;
    height: 0;
    padding-top: 100px;
    content: '名村';
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100px 100px;
}

.chatListener:before {
    left: -110px;
    height: 100px;
    padding-top: 100px;
    content: '新人ディレクター';
    background-image: url(../images/photo_Listener.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.acms-entry .chat h3,
.acms-entry .chat h4,
.acms-entry .chat h5,
.acms-entry .chat p {
    margin-top: 0;
}

@media screen and (max-width: 480px) {
    .chat {
        margin: 50px 0;
        padding: 0 10px 10px;
    }
    .chat div {
        margin-bottom: 0;
        padding: 64px 10px 10px;
    }
    .chatNamura:before {
        top: -40px;
        right: 10px;
        width: 80px;
        height: 0;
        padding: 80px 0 0;
        content: '名村';
        background-size: 80px 80px;
    }
    .chatListener:before {
        line-height: 1.3;
        top: -40px;
        left: 10px;
        width: 80px;
        height: 0;
        padding: 80px 0 0;
        content: '新人D';
    }
}
/* ---------------
記事のフッタ
--------------- */

.entry .subTitle {
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 20px;
    border-bottom: 1px solid #595959;
}

.entry .subTitle span {
    font-size: 88%;
    display: inline-block;
    padding: 0 10px 0 8px;
    vertical-align: bottom;
    color: #fff;
    background-color: #595959;
}
/* 関連記事の一覧 */

.tagRelational .relatedEntryPhoto {
    position: relative;
    height: 120px;
    margin-bottom: 8px;
}

.tagRelational .relatedEntryPhoto {
    float: left;
    max-width: 36%;
    margin-right: 16px;
    border: 1px solid #ddd;
    background-color: #f0f0f0;
}

.tagRelational ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tagRelational ul li {
    margin-bottom: 20px;
    padding: 0;
}

.tagRelational p {
    line-height: 1.5;
    margin: 0;
}

.tagRelational .noimage svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 80%;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .tagRelational ul li {
        font-size: 88%;
        float: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.3%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .tagRelational ul li:nth-child(3n+1) {
        margin-right: 0;
    }
    .tagRelational .relatedEntryPhoto {
        clear: both;
        max-width: 100%;
    }
}
/* ---------------
コメント
--------------- */

/* Facebookコメント */
.fb-comments,
.fb-comments iframe[style],
.fb-comments span[style] {
    width: 100% !important;
}
/* コメントの囲み */

.relationWrapper {
    margin: 0 0 30px 0;
    padding: 0;
}
/* 「コメント」タイトル部分 */

.comment {
    margin: 0 0 20px 0;
    /* 各コメント囲み */
    
    padding: 0;
    border-bottom: 1px solid #999;
}

.comment h3 {
    line-height: 1.5;
    margin: 5px 0 0;
    padding: 10px 20px 0;
    border-top: 2px solid #999;
}

.comment .comFooter {
    padding: 0;
    text-align: right;
}

.comment .comFooter span {
    font-weight: bold;
    margin-right: 10px;
}

.comment .comBody {
    font-size: 88%;
    padding: 0 20px 6px;
}

.comPost {
    margin-bottom: 30px;
    /* 投稿ボタン */
    
    border-top: 1px dotted #666;
    background-color: transparent !important;
}

.open {
    /* 変数が出力するclass　公開状態 */
}

.close {
    /* 変数が出力するclass　非公開状態 */
    
    background: #999;
}

.awaiting {
    text-align: right;
    /* 変数が出力するclass　承認待ち状態 */
    
    background: #ccc;
}

.textfield {
    width: 100%;
}

td input.input-checkbox-persistent {
    width: 20px !important;
}

.relationNaviNext {
    float: left;
    width: 47%;
    text-align: left;
}

.relationNaviPrev {
    float: right;
    width: 47%;
    text-align: right;
}

.comForm p.formMessage {
    margin: 10px 0;
    padding: 5px 10px;
    background-color: #ddd;
}
/* コメントの付帯情報 */

.relationFooter {
    font-size: 1em;
    margin: 0 0 10px 0;
    text-align: right;
}
/*--------------
動的フォーム
--------------*/

.acms-dynamic-form {
    width: 100%;
    margin-bottom: 10px;
    border-spacing: 0;
    border-collapse: separate;
}

.acms-dynamic-form .acms-text-error {
    margin: 0;
}

.acms-dynamic-form .required {
    font-weight: normal;
    margin: 0 0 0 5px;
    color: #c03;
}

.table-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.acms-entry .formBtnBox {
    margin-bottom: 10px;
}

.formBtnBoxHalf {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
}

.acms-float-right {
    float: right;
}
/* ---------------
1カラム用
--------------- */
/* 回り込みリセット */

.acms-entry .acms-col-12 hr {
    /* 線色 */
    
    height: 1px;
    border-width: 1px 0 0 0;
    /* 太さ */
    
    border-style: solid;
    /* 線種 */
    
    border-color: #fff;
    /* 高さ */
}
/* ---------------
ユニットの設定
--------------- */
/* 画像中央寄せ */

.column-image-center,
.column-eximage-center {
    text-align: center;
}
/* ------ エントリー内スタイル ------ */

.acms-entry p {
    font-size: 110%;
    line-height: 1.9;
    margin: 1em 0.5em 1.4em;
    word-break: auto-phrase;
}
/* テキストの強調 */

.acms-entry section em,
.acms-entry section strong,
.acms-entry section .color-orange,
.acms-entry section .color-blue,
.acms-entry section .color-green {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
}

.acms-entry em {
    color: #000;
}

.acms-entry strong {
    color: #ad1521;
}

.acms-entry .color-blue {
    color: #0000dd;
}
.acms-entry .color-orange {
    color: #c97403;
}
.acms-entry .color-green {
    color: #166e25;
}
/* 添付ファイル関連 */
/* 添付画像 */
/* 添付ファイルアイコン */

.columnIcon {
    padding: 5px;
}
/* 添付ファイルのキャプション */

.caption {
    font-size: 88% !important;
    line-height: 1.3 !important;
    margin: 2px 0 5px !important;
    padding: 0 5px;
    text-align: center;
    color: #595959;
}

.nocaption {
    margin-bottom: 10px;
}
/*エントリーのスタイル*/

.acms-entry h2,
.acms-entry h3,
.acms-entry h4,
.acms-entry h5 {
    overflow: visible;
}

.acms-entry section h2 {
    font-size: 175%;
    line-height: 1.5;
    margin: 20px 0;
}

/*.acms-entry section h3 {
    font-size: 150%;
    line-height: 1.5;
    position: relative;
    margin: 34px 0 24px;
    padding: 6px 10px 8px;
    color: #251914;
    border: 3px solid #b09191;
    background-color: #f5f5f5;
}

.acms-entry section h3:after {
    position: absolute;
    bottom: -10px;
    left: 6%;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: '';
    border-top: 8px solid #b09191;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}*/

.acms-entry section h3 {
    font-size: 150%;
    padding: 1rem;
    margin: 60px 0 0 0;
    color: #fff;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
    background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}

/*
.acms-entry section h4 {
    font-size: 150%;
    line-height: 1.5;
    position: relative;
    margin: 30px 0 10px;
    padding-left: 26px;
}

.acms-entry section h4:before {
    position: absolute;
    top: 5px;
    left: 10px;
    display: inline-block;
    width: 10px;
    height: 1em;
    content: '';
    background-color: #b05347;
}
*/

.acms-entry section h4 {
    font-size: 150%;
    position: relative;
    padding: 1rem .5rem;
}
.acms-entry section h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}
/*
.acms-entry section h5 {
    font-size: 125%;
    line-height: 1.5;
    display: inline-block;
    margin: 20px 0 5px 10px;
    padding: 0 8px;
    border-bottom: 1px solid #666;
    background-color: #e5e3dd;
}
*/

.acms-entry section h5 {
    font-size: 125%;
    line-height: 1.5;
    position: relative;
    margin: 34px 0 24px;
    padding: 6px 10px 8px;
    color: #251914;
    border: 3px solid #d8d8d8;
    border-radius: 10px;
    background-color: #f5f5f5;
}

.acms-entry section h5:after {
    position: absolute;
    bottom: -10px;
    left: 6%;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: '';
    border-top: 8px solid #d8d8d8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.acms-entry a:hover {
    text-decoration: none;
}

@media screen and (max-width: 480px) {
    .acms-entry section h3 {
        font-size: 138%;
    }
}
/* リスト */

.acms-entry ul li,
.acms-entry ol li {
    line-height: 1.5;
    margin: 8px 0;
    list-style: none;
}


.acms-entry ul {
    font-size: 110%;
    margin: 25px 0 25px 12px;
    padding: 0 30px 0 10px;
}

.acms-entry ul li {
    padding: 0 0 0 18px;
    background: url(../images/iconSprite.png) -10px -30px no-repeat;
    word-break: break-all;
}

/* Podcast用のアイコン：共通スタイル */
.acms-entry ul.podcastIcon li {
    margin: 0 0 8px;
    padding: 0 0 1px 35px;
    background: image-set(
        url(../images/podcast_icon.png) 1x,
        url(../images/podcast_icon2.png) 2x,
        url(../images/podcast_icon3.png) 3x
    ) 0 -20px no-repeat;
}

/* 背景位置の上書き */
.acms-entry ul.podcastIcon li:nth-child(2) { background-position: 0 -54px; }
.acms-entry ul.podcastIcon li:nth-child(3) { background-position: 0 -89px; }
.acms-entry ul.podcastIcon li:nth-child(4) { background-position: 0 -124px; }
.acms-entry ul.podcastIcon li:nth-child(5) { background-position: 0 -158px; }
.acms-entry ul.podcastIcon li:nth-child(6) { background-position: 0 -193px; }
.acms-entry ul.podcastIcon li:nth-child(7) { background-position: 0 -227px; }
.acms-entry ul.podcastIcon li:nth-child(8) { background-position: 0 -262px; }
.acms-entry ul.podcastIcon li:nth-child(9) { background-position: 0 -297px; }
.acms-entry ul.podcastIcon li:nth-child(10) { background-position: 0 -329px; }


.acms-entry ul ul,
.acms-entry ol ol {
    margin: 10px 0;
}

.acms-entry ul img {
    vertical-align: top;
}

.acms-entry ul li ul li {
    background: url(../images/iconSprite.png) left -50px no-repeat;
    font-size: 89%;
}

.acms-entry ol {
    font-size: 110%;
    line-height: 1.5;
    margin: 25px 0;
    padding: 0 20px 0 30px;
    list-style: none;
    counter-reset: number;
}

.acms-entry ol li:before {
    font-size: 75%;
    line-height: 18px;
    float: left;
    width: 18px;
    margin: 3px 8px 10px 0;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #776466;
}

.acms-entry ol li ol li:before {
    font-size: 60%;
    line-height: 16px;
    width: 16px;
    color: #776466;
    border: 1px solid #776466;
    background-color: #fff;
}

.acms-entry pre ol {
    margin: 0;
    padding: 0 0 0 30px;
}

@media screen and (max-width: 480px) {
    .acms-entry ol {
        padding: 0 10px 0 26px;
    }
    .acms-entry ul {
        padding: 0 20px 0 0px;
    }
}
/* テーブル */

.acms-entry table {
    line-height: 1.5;
    margin: 20px 0 15px;
    border-collapse: collapse;
    border: 1px solid #b8b3aa;
}

.acms-entry tr {
    margin: 0;
    padding: 0;
}

.acms-entry th {
    padding: 5px 10px;
    text-align: left;
    border-top: 1px solid #b8b3aa;
    border-left: 1px solid #b8b3aa;
}

.acms-entry td {
    padding: 5px 10px;
    border-top: 1px solid #b8b3aa;
    border-left: 1px solid #b8b3aa;
}

.acms-table-responsive {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
}

.twtr-hd h3,
.twtr-hd h4 {
    background-image: none;
}

.formEntryAction {
    margin: 0 20px 0 0 !important;
}
/* 引用ユニット */

.column-quote-auto blockquote {
    padding: 50px 30px;
    margin: 0 auto 2em;
    max-width: 490px;
}

[class*=column-quote-] .quoteTitleLink {
    color: #04509b;
}

[class*=column-quote-] .quoteSiteName,
[class*=column-quote-] .quoteDescription {
    font-size: 88%;
}

@media screen and (max-width: 480px) {
    [class*=column-quote-] .quoteImageContainer {
        max-width: 120px;
        margin-right: 15px;
    }
    .column-quote-auto blockquote {
        margin-bottom: 0;
        padding: 50px 10px;
    }
}
/*　　　ページ送り　　　*/

ul.entryListNavi {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #ccc;
}

ul.entryListNavi li {
    padding: 10px;
}

ul.entryListNavi li .smallLabel {
    font-weight: bold;
    float: left;
    margin-right: 10px;
    padding: 2px 4px;
    text-decoration: none;
    color: #000;
    background-color: #ddd;
}

ul.entryListNavi li a {
    font-size: 88%;
    line-height: 1.5;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    ul.entryListNavi {
        border: none;
    }
    ul.entryListNavi li {
        display: inline-block;
        float: left;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 33.3%;
        padding: 10px;
    }
    ul.entryListNavi li a {
        padding-top: 28px;
    }
    ul.entryListNavi li .smallLabel {
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 4px;
        text-decoration: none;
        color: #000;
        border-radius: 3px;
        background-color: #ddd;
    }
    ul.entryListNavi li.all {
        text-align: center;
    }
}

.backPageLink {
    float: right;
    width: 80px;
    text-align: left;
}

.pageLink {
    float: right;
    margin: 0 15px;
    padding: 0 15px;
    text-align: center;
}

.pageLink a,
.pageLink span {
    display: inline-block;
    padding: 0 6px;
}

.pageLink a span {
    padding: 0;
}
/* ---------------
 pager
--------------- */

.pager-container {
    text-align: center;
}

.pager {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
    _display: inline-table;
}

.pager:before,
.pager:after {
    display: table;
    content: ' ';
}

.pager:after {
    clear: both;
}

.pager li {
    float: left;
    margin-bottom: 10px;
    margin-left: 4px;
    text-align: center;
}

.pager li a {
    transition: .25s;
}

.pager li:first-child {
    margin-left: 0;
}

.pager li > a:link {
    text-decoration: none;
}

.pager li span > a,
.pager li span.cur,
.pager li > a {
    line-height: 1;
    display: inline-block;
    margin: 0 3px;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: solid 1px #868688;
    border-radius: 3px;
    background-color: #eee;
}

.pager li span.cur {
    color: #fff;
    border: solid 1px #666;
    background-color: #777;
}

.pager li a:hover {
    text-decoration: none;
    color: #000;
    border: solid 1px #e60012;
    background-color: #fff;
}

.pager li.cur span {
    padding: 7px 10px;
    text-decoration: none;
    border: 1px solid #c00;
    background: #ccc;
}

.pager li > a:active {
    text-decoration: none;
    color: #000;
    border: 1px solid #c00;
    background-color: #e1e1e1;
    box-shadow: inset 0 1px 2px #b2b2b2;
}

@media screen and (max-width: 768px) {
    .pager {
        margin: 0 10px;
    }
}
/* ---------------
サブカラム　#sub
--------------- */
/* サブカラム */

.sub div {
    clear: both;
}

.sub a {
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    text-decoration: none;
}

.sub a:link {
    color: #091886;
}

.sub .entryList .standardList li a,
.sub .categoryList .standardList li a,
.sub .hatena-bookmark-widget-body li {
    display: block;
    padding: 10px 8px;
    text-decoration: none;
}

.sub .entryList .standardList a {
    color: rgb(8 19 26 / 66%);
}
.sub .entryList .standardList a:hover {
    color: #000;
    background-color: #c0d6ff;
}

.sub h2,
.sub h2 a,
.sub .hatena-bookmark-widget-title {
    font-size: 100%;
    font-weight: bold;
    display: block;
    padding: 5px 10px;
    color: #777b7a;
    background-color: #f5f8fa;
}

.sub .hatena-bookmark-widget-title a {
    color: #fff;
}

.sub .subPart {
    margin-bottom: 10px;
}

.sub .subPart2 {
    margin: 30px 0 20px;
}

.sub .subPart h2 {
    margin: 0;
}

.sub .standardList,
.hatena-bookmark-widget-body {
    line-height: 1.5;
    padding: 0 0 8px;
    list-style-type: none;
}

.sub .entryList .standardList,
.sub .categoryList .standardList,
.sub .profileBox {
    margin: 10px 0 0;
    padding: 0 0 20px;
    list-style-type: none;
}

.sub .entryList .standardList li,
.sub .categoryList .standardList li,
.sub .hatena-bookmark-widget-body li {
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #ccc;
}

.sub .entryList .standardList li:last-child,
.sub .categoryList .standardList li:last-child,
.hatena-bookmark-widget-body li:last-child {
    border: none;
}

.subEntryPhoto li {
    min-height: 89px;
}

.subEntryPhoto div {
    float: left;
    margin: 0;
}

.sub .entryList p {
    margin: 0;
    padding-left: 84px;
    font-size: 0.8em;
}

@media screen and (min-width: 769px) {
    .sub .standardList,
    .hatena-bookmark-widget-body,
    .sub .profileBox {
        padding: 0 10px 8px;
    }
    .sub .entryList .standardList,
    .sub .categoryList .standardList,
    .sub .profileBox {
        padding: 10px 8px;
    }
}
/*　プロフィール　*/

.profileBox {
    padding: 10px 0;
    color: rgb(8 19 26 / 66%);
    font-size: 0.9em;;
}

.sub .profileBox a:hover {
    text-decoration: none;
}

.profileBox img {
    width: 100%;
    height: auto;

}

.profileBox .photo {
    box-shadow: 0 0 5px #ccc;
}

.iconList li {
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.acms-icon-twitter-square:before {
    color: #55acee;
}

.acms-icon-facebook-square:before {
    color: #3b5999;
}

.iconList span {
    display: none;
}

.iconList a:hover {
    text-decoration: none;
    opacity: .8;
}

.profileBox .iconList {
    margin: 6px 0 6px;
}

.profileBox .position,
.profileBox .title,
.profileBox .name {
    margin: 0;
}

.profileBox .name {
    font-weight: bold;
}

.profileBox .toDetail {
    text-align: right;
}

.profileBox .fade-body {
    display: none;
}

.profileBox .toDetail span {
    font-size: 88%;
    display: inline-block;
    border-radius: 0;
    border-radius: 3px;
}

.profile {
    font-size: 88%;
    clear: both;
    margin: 6px 0 10px;
}
/* いいね！数ランキング */

.likeAmount {
    font-size: 88%;
    color: #000;
}

.likeAmount:before {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin: 2px 2px 0 10px;
    content: ' ';
    vertical-align: top;
    background: url(../images/iconSprite.png) -72px top;
}
/* はてなブックマークランキング */

.hatena-bookmark-widget-title img {
    margin-right: 4px;
    vertical-align: middle;
}

.hatena-bookmark-widget-body ul {
    margin: 0;
    padding: 0;
}

.hatena-bookmark-widget-body ul li span {
    margin-left: 10px;
}

.hatena-bookmark-count a:link,
.hatena-bookmark-count a:visited {
    font-size: 75%;
    color: #b22121;
}

.hatena-bookmark-widget-footer {
    display: none;
}

/* Likebox */

#fb-root {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* リンク集 */

.links li a {
    line-height: 1.5;
    position: relative;
    display: block;
    padding: 4px 4px 4px 20px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.links li a:before {
    font-size: 50%;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 4px;
    display: block;
    display: inline-block;
}

.links li a:hover {
    text-decoration: none;
    color: #000;
    background-color: #d7e5ff;
}
/* 書籍バナー */

#books {
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
}

#books li {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3%;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}

#books img {
    width: auto;
    max-height: 100px;
    border: 1px solid #ddd;
}
/* Likebox */

.fb-like,
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
    width: 100%!important;
}

.subLikebox {
    clear: both;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .subLikebox {
        margin-bottom: 30px;
    }
}
/* ツイッターのタイムライン */

.twitterTimeline {
    padding: 14px;
}
/* ツイッターの埋め込みのセンタリング */
.twitter-tweet {
    margin: 0 auto;
}
/* ---------------
フッター　#footer
--------------- */

.footer {
    padding: 0 10px 10px;
}

.footer h2 {
    font-size: 100%;
}

.footer p {
    font-size: 88%;
}

.footer .acms-grid-r a {
    color: #fff;
}

.footer .acms-grid-r a:hover {
    color: #e60012;
}

.footer .acms-grid-r a:hover {
    text-decoration: none;
}

.footer .footerSnsButton li:first-child {
    margin-top: 1px;
}

.footer .footerSnsButton li.rss a {
    color: #fff;
}

.footer .footerSnsButton li.rss a:before {
    line-height: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    content: ' ';
    vertical-align: text-bottom;
    background: url(../images/iconSprite.png) -90px top;
}

.copyright {
    clear: both;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    color: #fff;
}

.copyright small {
    font-size: 100%;
}
/* ---------------
管理系
--------------- */
/* 管理ボタン */

.acms-btn-action-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}

.acms-btn-action-group table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}

.acms-btn-action-group table,
.acms-btn-action-group th,
.acms-btn-action-group td {
    border: 0;
}

#adminBox {
    margin: 0 !important;
}

.adminMenu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 10px 20px 10px 10px;
    border: 1px solid #ccc;
    background-color: #e9e9e9;
}

.adminMenu ul {
    padding: 0 0 0 20px;
}

.adminMenu li {
    margin: 0 0 3px 0;
    list-style: disc;
}

.formEntryAction {
    border: 1px solid #ccc !important;
    background-color: #e9e9e9 !important;
}
/* エントリー作成画面 */

.acms-entry form#entryForm {
    width: auto !important;
}

@media screen (max-width: 768px) {
    #siteCaption,
    #adminBox {
        padding-right: 30px;
        padding-left: 10px;
    }
}
/* ---------------
SNSボタン
--------------- */
/* 記事上のSNSボタン */

.topSnsButton ul {
    margin: 10px 0;
    padding: 0;
}

.topSnsButton li {
    display: inline-block;  
    margin: 0 14px 16px 0;
    list-style-type: none;
    vertical-align: top;
    min-height: 48px;

}
.topSnsButton li:first-child {
    display: block; 
    min-height: initial;
}
/* 記事下のSNSボタン */

.bottomSnsButton {
    position: relative;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    margin: 20px 0 0;
    padding-left: 10px;
}

.bottomSnsButton h3 {
    font-size: 100%;
    margin: 0 0 10px;
    padding: 0;
}

.bottomSnsButton ul {
    margin: 0;
    padding: 0;
}

.bottomSnsButton ul li {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 6px 14px 0;
    padding: 0;
    vertical-align: top;
}

.bottomSnsButton ul li a {
    position: relative;
    display: inline-block;
    padding: 6px 12px 6px 40px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    background-color: #333;
}

.bottomSnsButton ul li a:hover {
    opacity: .8;
}

.bottomSnsButton ul li span.iconText {
    font-size: 88%;
    margin: 0 10px 0 4px;
}

.bottomSnsButton ul li span.count {
    font-size: 113%;
    font-weight: bold;
}

.bottomSnsButton ul li span.facebook-count {
    margin-left: 14px;
}

.bottomSnsButton ul li a:before {
    position: absolute;
    top: 10px;
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    content: ' ';
    background: url(../images/iconSprite.png);
}

.bottomSnsButton ul li.btnTwitter a {
    padding-left: 42px;
    background-color: #55acee;
}

.bottomSnsButton ul li.btnTwitter a:before {
    left: 10px;
    width: 22px;
    background-position: -110px top;
}

.bottomSnsButton ul li.btnFacebook a {
    padding-left: 38px;
    background-color: #3b5998;
}

.bottomSnsButton ul li.btnFacebook a:before {
    left: 14px;
    width: 9px;
    background-position: -96px -20px;
}

.bottomSnsButton ul li.btnGooglePlus a {
    padding-left: 42px;
    background-color: #dd4b39;
}

.bottomSnsButton ul li.btnGooglePlus a:before {
    left: 11px;
    width: 25px;
    background-position: -106px -20px;
}

.bottomSnsButton ul li.btnPocket a {
    padding-left: 42px;
    background-color: #ed4055;
}

.bottomSnsButton ul li.btnPocket a:before {
    left: 11px;
    width: 22px;
    background-position: -135px top;
}

.bottomSnsButton ul li.btnHatena a {
    padding-left: 40px;
    background-color: #008fde;
}

.bottomSnsButton ul li.btnHatena a:before {
    left: 10px;
    width: 23px;
    background-position: -73px -20px;
}

.bottomSnsButton .fb-like {
    display: inline-block;
    min-height: 25px;
    margin: 10px 0;
}
/* フッタSNSボタン */

.footerSnsButton ul {
    margin: 0;  
    padding: 0; 
}

.footerSnsButton li {
    vertical-align: top;
    list-style-type: none;
    margin-right: 20px;
    margin-bottom: 10px;    
    display: inline-block;  
}
.footerSnsButton li:first-child {
display: block; 
}
/* ---------------
管理・編集画面
--------------- */

.acms-module-edit-wrapper .acms-module-edit a {
    color: #fff;
}

.entryFormColumnBody .js-tag_insertion {
    display: block !important;
    margin: 0;
    padding: 0;
}

.entryFormColumnBody .js-tag_insertion a,
.js-media_insert {
    display: inline-block;
    margin: 6px 6px 6px 0;
    padding: 2px 6px;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color: #fff;
}

.entryFormColumnBody .js-tag_insertion a,
.js-media_insert {
    font-size: 83%;
    text-decoration: none;
    border-radius: 3px;
}

.entryFormColumnBody .js-tag_insertion a span {
    font-size: 100%;
}

.js-tag_insertion a:hover,
a.js-media_insert:hover {
    border: 2px solid #999;
}

.js-tag_insertion a.insert-link {
    text-decoration: underline;
}

.js-tag_insertion a.insert-em,
.entryFormColumnBody a.js-media_insert {
    font-weight: bold;
    color: #000;
}

.js-tag_insertion a.insert-strong {
    font-weight: bold;
    color: #ad1521;
}

.js-tag_insertion a.insert-orange {
    font-weight: bold;
    color: #c97403;
}

.js-tag_insertion a.insert-green {
    font-weight: bold;
    color: #166e25;
}

a.js-media_insert {
    border: 2px solid #fff;
}

.acms-form .entryFormColumnBody textarea {
    font-size: 115%;
    min-height: 3em;
}

#adminBox .acms-btn-admin,
#adminBox .formEntryActionUnit .btn {
    font-size: 88%;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes slideInRight {
    0% {
        visibility: visible;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        visibility: visible;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

/* 2020/12/08 坂本追記 */
.acms-admin-module-edit-wrapper .acms-admin-module-edit a {
    color: #fff !important;
}
.acms-admin-module-edit-wrapper:hover .acms-admin-module-edit {
    padding-left: 0 !important;
}

.mokuji {
/*    border:1px solid #d8d8d8;*/
    background-color: #f5f8fa;
    margin: 40px auto;
    padding: 5px 10px;
    width: 94%;
    font-size: 0.85em;
    color: #777b7a;
    border-radius: 5px;
}
.mokuji p {
    margin-bottom: 0em;
}
.mokuji #toc ul{
    margin-top: 10px;
}
.mokuji #toc ul li {
    background: none;
}
.mokuji #toc ul li a {
    text-decoration: none;
    color: rgb(8 19 26 / 60%);
}
.mokuji #toc ul li a:hover {
    color: #2e2e2e !important;
}
p.return-mokuji {
    text-align: right;
    margin: -10px 0 0 0;
    padding: 0;
    font-size: 0.9em;
}
.return-mokuji a {
    color: #777b7a;
    text-decoration: none;
}

.js-edit_inplace iframe {
    max-width:none !important;
}