/* ==========================================================================
   Foundation
   ========================================================================== */
@charset "UTF-8";

/* テキストの自動拡大を無効化 */
body {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

/* 基本設定 */
* {
    margin: 0.1em;
}

/* ページ全体の設定 */
body {
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows:
                [login_msg] 1.5em
                [head] auto
                [topicpath] auto
                [title] auto
                [main] auto
                [foot] auto;
    grid-row-gap: 1em;    /* 古いブラウザに対応するためgrid-row-gapも併記 */
    row-gap: 1em;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;
    font-size: 90%;
}
/* PC版 */
@media (min-width: 768px) {
    body {
        grid-template-columns: 20px 7fr 30px 3fr 20px;
        font-size: 100%;
    }
}
@media (min-width: 1090px) {
    body {
        grid-template-columns: 1fr 700px 50px 300px 1fr;
    }
}
    
/* パーツの配置 */
body > * {
    grid-column: 2 / -2 ;
}

/* ダークモード対応 
@media (prefers-color-scheme: dark) {
    body {
      background-color: rgb(36, 36, 36);
      color: rgb(196, 196, 196);
    }
  }*/

/* ==========================================================================
   Layout
   ========================================================================== */
/* グリッド */

/* グリッド：トップ */
.main--top {
    grid-row: main;
    display: grid;
    grid-gap: 2em 1em; /* 古いブラウザに対応 */
    gap: 2em 1em;
}
/* PC版 */
@media (min-width: 768px) {
    .main--top {
        grid-template-columns: 1fr 1fr;
    }
}


/* グリッド：カテゴリ：body */
.grid--category {
    grid-template-rows: 
                    [login_msg] 1.5em
                    [head] auto
                    /*[navi] auto*/
                    [topicpath] auto
                    [title] auto
                    [main] auto
                    [sidebar] auto
                    [foot] auto;
} 
/* PC版 */
@media (min-width: 768px) {
    .grid--category {
        grid-template-rows:
                    [login_msg] 1.5em
                    [head] auto
                    /*[navi] auto*/
                    [topicpath] auto
                    [title] auto
                    [main sidebar] auto
                    [foot] auto;
    }
}

/* グリッド：カテゴリ：main */
.main--category {
    grid-row: main;
    /* コンテンツが短いと間延びするためオフ 22/8/26
    display: grid;
    */
    grid-gap: 2em 1em; /* 古いブラウザに対応 */
    gap: 2em 1em;
}
/* PC版 */
@media (min-width: 768px) {
    .main--category {
        grid-column: 2 / span 1;
    }
}

/* グリッド：記事：body */
.grid--article {
    grid-template-rows: 
                    [login_msg] 1.5em
                    [head] auto
                    [topicpath] auto
                    [title] auto
                    [main] auto
                    [prev-next-link] auto
                    [sidebar] auto
                    [foot] auto;
} 
/* PC版 */
@media (min-width: 768px) {
    .grid--article {
        grid-template-rows:
                    [login_msg] 1.5em
                    [head] auto
                    [topicpath] auto
                    [title] auto
                    [main sidebar] auto
                    [prev-next-link] auto
                    [foot] auto;
    }
}
/* グリッド：記事：main */
.main--article {
    grid-row: main;
    /* 背の低い記事が間延びするのでオフ 22/8/26
    display: grid;
    */
}
/* PC版 */
@media (min-width: 768px) {
    .main--article {
        grid-column: 2 / span 1;
    }
}

/* グリッド：SFB：body */
.grid--sfb {
    grid-template-rows: 
                    [login_msg] 1.5em
                    [head] auto
                    [topicpath] auto
                    [title] auto
                    [main] auto
                    [foot] auto;
} 
/* PC版 */
@media (min-width: 768px) {
    .grid--sfb--narrow {
        grid-template-columns: 1fr 800px 1fr;
    }
    .grid--sfb--wide {
        grid-template-columns: 1px 1fr 1px;
    }
}
/* グリッド：記事：main */
.main--sfb {
    grid-row: main;
    display: grid;
}
/* PC版 */
@media (min-width: 768px) {
    .main--sfb {
        grid-column: 2 / span 1;
    }
}

/* グリッド：記事：記事 
.article {
    grid-row: main;
}*/


/* ログイン状態表示 */
.login_msg {
    grid-row: login_msg;
    justify-self: right;
    font-size: 50%;
    color: #555d6b;
    margin-top: 0.5em;
}
/* PC版 */
@media ( min-width: 768px) {
    .login_msg {
        font-size: 80%;
    }
}

/* ヘッダー */
.header {
    grid-row: head;
    /*justify-self: left;*/
    color: #555d6b;
    display: grid;
    grid-auto-columns: 12% 88%;
    grid-auto-flow: column;
}
/* PC版 */
@media ( min-width: 768px) {
    .header {
        grid-auto-columns: 7% 93%;
    }
}


.header--title {
    align-self: auto;
    font-size: 175%;
}

/* ナビ */
.navigation ul {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-column-gap: 1.5em;/* 古いブラウザに対応するためgrid-column-gapも併記 */
    column-gap: 1.5em;
    row-gap: 1em;
}

/* ナビ：ヘッダー
.navigation__header {
    grid-row: navi;
    justify-self: center;
    align-self: end;
}*/

/*.grid--navigation--header {
    grid-template-columns: repeat(4, auto);
    grid-template-rows: auto auto;
}
/* PC版 
@media (min-width: 768px) {
    .grid--navigation--header {
        grid-template-columns: repeat(8, auto);
        grid-template-rows: auto;
    }
}*/

/* ナビ：ハンバーガーメニュー */
#hamburger {
    align-self:auto;
    cursor: pointer;
    width: 40px;
}
/* PC版 */
@media (min-width: 768px) {
    #hamburger {
        width: 50px;
    }
}

#img__hamburger {
    border: none;
}

#navShade, #navDrawer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
}

#navShade {
    z-index: 3;
    background-color: #000;
    opacity: .5;
}
#navDrawer {
    z-index: 2;
    overflow: auto;
    width: 78%;
    max-width: 350px;
    background: #f6f6f6;
    transition: .3s;
}
.navCloseBtn {
    cursor: pointer;
    text-align: right;
    margin: 1.5em;
}

/* 部品その他：パンくずリスト */
#topic_path {
    border-top: 2px solid #eeeeee; /*区切り線*/
    padding-left: 0;
    padding-top: 0.5em;
    grid-row: topicpath;
    /*grid-column: 2 / span 1;*/
    line-height: 1.5;
}
#topic_path li {
    list-style-type: none;
    font-size: 70%;
    float: left;
}
#topic_path li::after {
    content:" » ";
}
#topic_path li:last-child::after {
    content: none;
}
/* PC版 */
@media (min-width: 768px) {
    #topic_path {
        grid-row: topicpath;
        /*grid-column: 2 / span 3;*/
    }
}


/* グリッド：タイトル */
.h1 {
    grid-row: title;
}


/* サイドバー */
.sidebar {
    grid-row: sidebar;
}
/* PC版 */
@media (min-width: 768px) {
    .sidebar {
        grid-column: 4 / span 1;
    }
}

/*aside {
    /*border: solid 1px #dddddd;
    /*text-align: center;
}*/

aside ul {
    list-style-type: none;
    padding: 0;
}

aside li {
    margin: 1em 0 1em 1.0em;
}


/* フッター */
.navigation__footer {
    grid-row: foot;
    justify-self: center;
    align-self: center;
    font-size: 80%;
}

.grid--navigation--footer {
    grid-template-columns: repeat(5, auto);
    grid-template-rows: auto;
}

.navigation__footer__small {
    display: block;
    margin-top: 1em;
    text-align: center;
}

/* 部品その他：記事下ナビ */
.prev-next-link {
    grid-column: 1 / span 1;
    grid-row: prev-next-link;
}
.prev-next-link a {
    border-bottom: 1px #ddd solid;
    display: block;
    text-decoration: none;
    padding: 1em 3em;
    color: #0bd;
}
.prev-next-link a:hover {
    background-color: #f6f6f6;
}
.prev-next-link a:first-child {
    border-top: 1px #ddd solid;
}
.prev-next-label {
    font-size: .825rem;
    color: #000;
    margin-bottom: 1em;
}
/* PC版 */
@media ( min-width: 768px) {
    .prev-next-link {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }
    .prev-link {
        grid-row: 1 / span 1;
        grid-column: 1 / span 1;
        background: url(/img/arrow-left.png) no-repeat 10px center;
    }
    .next-link {
        grid-row: 1 / span 1;
        grid-column: 2 / span 1;
        text-align: right;
        background: url(/img/arrow-right.png) no-repeat right 10px center;
    }
    .category-top-link {
        grid-row: 2 / span 1;
        grid-column: 1 / span 2;
        text-align: center;
    }
    .prev-next-link a,
    .prev-next-link a:first-child {
    border: none;
    }
}

/* 部品その他：購入ボタン */

.buy-button {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}
/* PC版 */
@media ( min-width: 768px) {
    .buy-button{
        grid-template-columns: repeat(2, auto);
    }
}

/* ==========================================================================
   Object
   ========================================================================== */
/* 見出しの設定 */
    h1 {
        font-size: 170%;
        /*margin-top: 0.5em;
        margin-bottom: 0.5em;*/
    }

    h2 {
        padding: .5em .5em;
        margin: 0 0  0.5em 0em;
        border-bottom: 2px solid #ccc;
        background-color: #ececec;
        /*border-left: 6px solid #333;*/
    }

    h3 {
        padding: .4em;
        margin: 0.5em 0.5em 0.5em 0em;
        /* border-leftをborderの下にしないとborder-leftが効かない */
        border: 1px solid #ccc;
        border-left: 4px solid #333;
        /*background-color: #ececec;*/
        /*background-color: #f6f6f6;*/
        padding-left: .75em;
    }

    h4 {
        padding: 0.3em 0 0.3em 0.5em;
        margin: 0.5em 0.5em 0.5em 0em;
        border-bottom: 2px solid #ccc;
    }

    h5 {
        padding-bottom: .3em;
        border-bottom: 2px dashed #ccc;
    }

    /* 広告でサイズが歪む見出しを修正 */
    .ad-h {
        height: 1.5em;
    }

/* 文字 */
    /* 普通の記事の文字 */
    .main--article p {
        line-height: 1.6;
        /*margin: 0 0 1.4em 0;*/
    }

    /* 周波数帳内の文字 */
    .main--sfb p {
        line-height: 1.6;
        margin: 0 0 0 0;
    }

    /* 文字：カテゴリ導入文 */
    .introduction {
        grid-column: 1 / span 2;
    }

    /* 文字：記事 */
    .main--article > *, .main--sfb > * {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        display:block;
    }

    /* 記事内パーツのマージン */
    article > * {
        margin: 0 0 1.3em 0;
    }

    /* 文字：サイドバー */
    .p--sidebar {
        margin: 0 0 0 1em;
    }

    /* 文字：キャプション */
    .caption {
        font-size: 70%;
        line-height: 1.3;
    }
    .caption__figure {
        margin-top: 0.2em;
        margin-bottom: 1.5em;
    }

    /* 文字：テーブルキャプション */
    .caption__table {
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }
    /* 文字：テーブルキャプション位置 */
    .caption__table--bottom {
        caption-side: bottom;
    }

    /* 文字：小 */
    .p--small {
        font-size: x-small;
    }
    /* 文字：マージン0 */
    #p--margin--0 {
        margin: 0;
    }

    /* 文字：強調 */
    .p--bold {
    font-weight: bold;
    }

    /* 文字：赤 */
    .p--red {
        color: red;
    }
    /* 文字：オレンジ */
    .p--orange {
        color: orange;
    }
    /* 文字：背景赤 */
    .p--background--red {
        background-color: rgba(255, 0, 0, 0.801);
    }
    /* 文字：背景オレンジ */
    .p--background--orange {
        background-color: orange;
    }

    /* 文字：ルビ */
    rt {
        transform: translateY(-0.2em);/*chrome用*/
    }

    /* 文字：ジャンルの要素間調整 */
    .div__genre {
        margin: 0.5em 1.0em 0.5em 1.0em;
    }
    /* 文字：横並びで左マージンをとる */
    .margin--left {
        margin-left: 1em;
    }


/* 画像 */
    img {
        width: 100%;
        height: auto;
        border: 1px solid #aaaaaa;
    }

    /* 画像 幅50% */
    .img--50 {
        width: 50%;
    }
    /* 画像 幅25% */
    .img--25 {
        width: 25%;
    }

    /* 画像：画像フロート */
    .flex {
        display: flex;
    }
    
    /* 画像：画像フロート */
    .floatLeft {
        float: left;
        width: 40%;
        margin: 0 1em 1em 0 ;
    }
    /* 画像横向き */
    .floatLeft__horizontal {
        width: 70%;
    }
    /* 画像縦向き */
    .floatLeft__vertical {
        width: 50%;
    }
    /* 画像縦向きスマホ */
    .floatLeft__smartphone {
        width: 20%;
    }
    /* フロート解除 */
    .floatClear {
        clear:both;
    }


/* リンク */        
    /* リンク：ヘッダー */
    .link__header {
        color: inherit;
        text-decoration: none;
    }

    /* リンク：ナビゲーション */
    .navigation a,.sidebar a {
        color: #666666;
        text-decoration: none;
        font-size: 80%;
        font-weight: bold;
    }
    .navigation a:hover,.sidebar a:hover {
        color: #ef9504;
    }
    /* PC版 */
    @media (min-width: 768px) {    
        .navigation a,.sidebar a {
            font-size: 100%;
        }
    }
        
    /* リンク：トップ/カテゴリ/サイドバー：色なし下線なし */
    .link__nocolor-nodecoration {
        color: #000000; 
        text-decoration: none;
    }

    .link__nocolor-nodecoration:hover {
        text-decoration: underline; 
    }

    /* リンク：飛んできた時に見出しの色を変える */
    :target {
        background: #ffa2a4;
    }

    /* リンク：外部リンクへのアイコン付加 */
    a[target="_blank"]::after {
        content: url(/src/img/external-link.png);
        margin-left: 0.1em;
        position: relative;
        bottom: -0.1em;
    }
    .kaerebalink-box a[target="_blank"]::after, .noIcon a[target="_blank"]::after {/*カエレバリンクとnoIconクラスは除外*/
        content: "";
    }

/* リスト */
/*    .main--article ul {
        line-height: 1.5em;
        margin-bottom: 1.4em;
    }*/

/* テーブル */
    /* テーブル：一般 */
    .table {
        margin: 1em 0 1em 0;
    }

    table {
        border-collapse: collapse;
        word-break: break-all;
    }

    /*廃局したものは行をグレー色にする*/
    .closed {
        background-color: #9b9a9a;
    }

    th, td {
        border: solid 1px #7c7c7c;
        padding: 0.2em;
    }

    th {
        text-align: left;
        background-color: #b8b8b8;
    }

    td {
        line-height: 1.5;
    }

    /* テーブル：幅調整 */
    .fixed_table {
        table-layout: fixed;
        width: 100%;
        /*word-break: break-all;*/
    }

    .table__width--2 {
        width: 2%;
    }

    .table__width--3 {
        width: 3%;
    }

    .table__width--4 {
        width: 4%;
    }

    .table__width--4_5 {
        width: 4.5%;
    }

    .table__width--5 {
        width: 5%;
    }

    .table__width--8 {
        width: 8%;
    }

    .table__width--10 {
        width: 10%;
    }

    .table__width--12 {
        width: 12%;
    }

    .table__width--15 {
        width: 15%;
    }

    .table__width--20 {
        width: 20%;
    }

    .table__width--25 {
        width: 25%;
    }
    @media ( min-width: 768px) {
        .table__width--25 {
            width: 20%;
        } 
    }

    .table__width--30 {
        width: 30%;
    }
    @media ( min-width: 768px) {
        .table__width--30 {
            width: 25%;
        } 
    }

    .table__width--40 {
        width: 40%;
    }
    @media ( min-width: 768px) {
        .table__width--30 {
            width: 30%;
        } 
    }

    /* 先頭行の固定 */
    .sticky_table th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示 */
        z-index: 1;
    }

    /* 横スクロール */
    .tableScroll table{
        width: 100%;
    }
    .tableScroll {
        overflow-x: auto;/*これを指定するとsticky_tableが効かなくなる→要検討*/
        white-space: pre;
        max-width: 350px;/*これを指定しないとスマホで字が極小になる*/
    }
    @media ( min-width: 768px) {
        .tableScroll {
            max-width: 2000px;
        }
    }
    .tableScroll > * {
        font-size: 70%;
    }
    @media ( min-width: 768px) {
        .tableScroll > * {
            font-size: 90%;
        }
    }
    .tableScroll::-webkit-scrollbar{
        height: 20px;
    }
    .tableScroll::-webkit-scrollbar-track{
        background: #f1f1f1;
    }
    .tableScroll::-webkit-scrollbar-thumb{
        background: #bcbcbc;
    }

    .noBorderLeft{
        border-left-style: hidden;
    }

    .noBorderRight{
        border-right-style: hidden;
    }

    .noBorderBottom{
        border-bottom-style: hidden;
    }

    /* メモ欄は改行を反映させる */
    .memo {
        white-space: pre-line;/* 改行を維持する。また右端で折り返す */
    }
    



/* フォーム */
    /* テキストボックスの長さ */
    .input_text_size--50 {
        width: 50%;
    }
    .input_text_size--90 {
        width: 90%;
    }
    /* 改行ありのテキストをtd出力の際に改行させる*/
    .pre-wrap {
        white-space: pre-wrap;
    }



/* ボタン */
    /* ボタン */
    .button {
        width: 30%;
    }

/* 掲示板 */
    /* 投稿 */
    .post {
        background-color: #efefef;
        margin-bottom: 1em;
    }
    /* 投稿一覧の文字列 */
    .postRow {
        margin-right: 1em;
    }
    /* 投稿本文 */
    .post_data {
        font-size: 14px;
        white-space: pre-wrap;/* 改行を維持する。また右端で折り返す */
        line-height: 1.6em;
        padding: 1em 0 1em 0.5em;
        word-break: break-all;/*折り返されないURLを無理に折り返させる https://frontend.seeknext.co.jp/long-url-solution/*/
    }


/* 部品その他：記事：ヘッダーと記事の間のバー 
.post::before {
    content:"";
    background: #eeeeee;
    height: 2px;
    grid-column: 1 / -1;
    grid-row: topicpath;
}*/
/* レイアウトその他：フッターのバー */
body::after {
    content: "";
    background-color: #eeeeee;
    grid-column: 1 / -1;
    grid-row: foot;
    z-index: -1;
}

/* その他/admin_searchの背景色 */
#admin_search_view {
    background-color: #ef9504;
}

/* PC版：画面が広い場合、幅を狭める 
@media (min-width: 768px) {
    .tightMargin {
        margin: 0% 20% 0% 20%;
    }
}*/    

/*カエレバ
.kaerebalink-box {
    border:solid 1px #ccc;
    padding: 1em;
    margin: 1.0em 0 1.0em 0;
}
.kaerebalink-image {
    float: left;
    margin: 0 15px 10px 0;
    height: 10px;
}
.kaerebalink-powered-date {
    font-size: 8pt;
}
div[class^="shoplink"] {
    display: inline;
    margin-right: 5px;
    padding: 2px 0 2px 18px;
}
.shoplinkamazon {
    background: url('//img.yomereba.com/kl.gif') 0 0 no-repeat;
}
.shoplinkrakuten {
    background: url('//img.yomereba.com/kl.gif') 0 -50px no-repeat;
}
.booklink-footer {
    clear: left;
}
*/

/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
    https://rough-log.com/1670
=================================================================================*/

.cstmreba {
	width: 98%;
	height:auto;
	margin:36px 0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
/* WordPressで自動挿入されるPタグの余白を対処 */
.cstmreba p {
	margin: 0;
	padding: 0;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fff;  /* 全体の背景カラー */
	overflow: hidden;
	border: 1px solid #ddd; /* 外枠 */
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
}
.booklink-image a,
.kaerebalink-image a,
.tomarebalink-image a {
	width:100%;
	display:block;
}
/* サムネイル画像 */
.booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px dotted ;
	font-size:16px;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.booklink-powered-date a,
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	border-bottom: 1px dotted ;
	color: #333;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover,
.tomarebalink-powered-date a:hover {
	color:#333;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 img, .booklink-link2 img, .tomarebalink-link1 img {
	display:none !important;
}
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	float:left;
	width:31%;
	min-width:125px;
	margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a, 
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	padding:3% 1%;
	margin: 1px 0;
	border-radius: 4px;
	box-shadow: 0 2px 0 #ccc;
	background: -moz-linear-gradient(top,#fafafa,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
	text-decoration: underline;
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.kaerebalink-link1 .shoplinkwowma a { color:#ea5404; } /* Wowma */ 
.kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.booklink-link2  .shoplinkbk1 a { color:#0085cd; } /* honto */
.booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.booklink-link2 .shoplinkebj a { color:#f8485e; } /* ebookjapan */
.booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a, 
.booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a , 
.booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a, 
.booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.booklink-footer {
	clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:100%;
	float:none;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	width: 49%;
	margin: 0.5%;
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info {
	text-align:center;
	padding-bottom: 1px;
}
}
/*カエレバここまで*/



/* JavaScript */
/*アコーディオンメニュー*/
.accordion-tab {
    cursor: pointer;
}
.accordion-content {
    display: none;
}
.accordion-content.active {
    display: block;
}
.pr-label-content.active {
    display: inline;
}
/*アコーディオンメニュー 掲示板*/
.accordion-need-after::after, .tocAccordionTab::after {
    content: "[開く]";
    float: right;
}
.accordion-need-after.active::after, .tocAccordionTab.active::after {
    content: "[閉じる]";
}

/* ソート可能な表 */
#sort_table th {
    cursor: pointer;
}

/* 目次 */
.tocAccordionTab {
    background-color:#ececec;
    border-style: double ;
    border-width: 4px;
    border-color:#bcbcbc;
    padding: 2%;
}

/* 下のパディングを広くとらないと「閉じる」がはみ出る */
.tocAccordionTab.active {
    padding: 2% 2% 6% 2%;
}

/* PRロゴ */
.pr-label {
    padding: 1px 8px;
    border: 1px solid;
    border-radius: 10%;
}

/* Google広告が読み込まれなかった際に透明ボックスが次の要素の邪魔をする症状を修正するもの */
.adspace {
    min-height: 1px;        /* autorelaxed のはみ出し防止 */
    position: relative;
    z-index: 0;
    overflow:hidden;
}

.adsbygoogle {
    display: block;
    min-height: 1px;        /* collapse 防止 */
}

/* 広告が unfilled（高さ0）でもクリックを邪魔しない */
.adspace:empty,
.adspace > ins[style*="height: 0"] {
    pointer-events: none; /* ★ 透明ボックス問題はこれだけで解決 */
}

/* 自動広告のinsを囲い込む */
.adsbygoogle-noablate {
    display: block !important;
    min-height: 1px !important;
    position: relative !important;
    overflow: hidden !important; /* ← iframe のはみ出しを完全に防ぐ */
    z-index: 0 !important;
}

/* 親要素にもoverflow:hiddenをつける */
.google-auto-placed {
    overflow: hidden !important;
    position: relative !important;
}

/* iframe のはみ出しを強制的に抑える */
.google-auto-placed iframe {
    max-width: 100% !important;
    max-height: 100% !important;
}