@charset "UTF-8";

/*
Theme Name: rodo
Version: 2.6
Description: 労働新聞社
*/


/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
    display: block;
}

html {
    font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

table,
input,
textarea,
select,
option {
    line-height: 1.1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

a {
    word-break: break-all;
}

a:link {
    color: #3399CC;
    text-decoration: none;
}

a:not(.disabled):hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

a:visited {
    color: #663366;
}


/*------------------------------------------------------------
書式設定
------------------------------------------------------------*/


/* テキストの位置 */

.taLeft {
    text-align: left !important;
}

.taCenter {
    text-align: center !important;
}

.taRight {
    text-align: right !important;
}

.vTop {
    vertical-align: top !important;
}

.vMiddle {
    vertical-align: middle !important;
}


/* フォントの太さ */

.fwNormal {
    font-weight: normal !important;
}

.fwBold {
    font-weight: bold !important;
}


/*------------------------------------------------------------
微調整用クラス（※多用しないこと）
------------------------------------------------------------*/

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}


/*------------------------------------------------------------
clearfix（float解除）
------------------------------------------------------------*/

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}


/*------------------------------------------------------------
トラッキングタグの余計なスペースを削除
------------------------------------------------------------*/

.trackTags {
    display: none;
}


/*------------------------------------------------------------
PC ←→ SP 切り替え
------------------------------------------------------------*/


/* 表示・非表示 */

.hideSP {
    display: block !important;
}

.hidePC {
    display: none !important;
}

/*SP用*/

@media only screen and (max-width: 770px) {
    .hideSP {
        display: none !important;
    }
    .hidePC {
        display: block !important;
    }
}


/*------------------------------------------------------------
img hover
------------------------------------------------------------*/

#main a:not(.disabled):hover img,
#sidebar a:hover img {
    opacity: 0.7;
}


/*------------------------------------------------------------
レイアウト
------------------------------------------------------------*/

body {
    /* ウインドウ幅で横スクロール時に背景が切れるバグ対策でコンテンツと同じ幅を指定 */
    line-height: 1.95;
    text-align: center;
    color: #333;
}

#container {
    margin: 0 auto;
    text-align: left;
}

#container .mb0 {
    margin-bottom: 0 !important;
}

#container .mb5 {
    margin-bottom: 5px !important;
}

#container .mb10 {
    margin-bottom: 10px !important;
}

#container .mb15 {
    margin-bottom: 15px !important;
}

#container .mb20 {
    margin-bottom: 20px !important;
}

#container .mb25 {
    margin-bottom: 25px !important;
}

#container .mb30 {
    margin-bottom: 30px !important;
}

#container .mb40 {
    margin-bottom: 40px !important;
}

#main {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    font-size: 140%;
    position: relative;
    margin-top: 80px;
}

#main.withSearchWidget {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    font-size: 140%;
    position: relative;
    margin-top: 20px;
}

#main:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (min-width: 770px) and (max-width: 1300px) {
    #main {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }
}


/*SP用*/

@media only screen and (max-width: 770px) {
    body {
        min-width: 320px;
    }
    #main {
        margin-bottom: 17px;
        padding: 73px 15px 0;
        width: auto;
        margin-top: 0;
    }
    #main.withSearchWidget {
        margin-bottom: 17px;
        padding: 73px 15px 0;
        width: auto;
        margin-top: 0;
    }
    #main #conts {
        margin-bottom: 20px;
    }
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #666;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.searchField {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    position: relative;
}

.searchField input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 2px;
    border: 1px solid #DFDFDF;
}

.searchField button {
    width: 30px;
    height: 30px;
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: #57444A url("/wp/wp-content/themes/rodo/img/common/icon/icon_search.png") no-repeat center center;
}

.searchField button span {
    display: none;
}

.fsChange ul:after {
    display: block;
    clear: both;
    content: "";
}

.snsBtns .fsChange ul li {
    float: left;
    margin-right: 3px;
    margin-left: 0px;
}

.fsChange ul li:last-child {
    margin-right: 0;
}

.fsChange ul li a {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_fs.png");
    background-repeat: no-repeat;
}

.fsChange ul li a.sizeS {
    background-position: 0 0;
}

.fsChange ul li a:hover.sizeS,
.fsChange ul li a.active.sizeS,
.fsChange ul li a.textresizer-active.sizeS {
    background-position: 0 -22px;
}

.fsChange ul li a.sizeM {
    background-position: -22px 0;
}

.fsChange ul li a:hover.sizeM,
.fsChange ul li a.active.sizeM,
.fsChange ul li a.textresizer-active.sizeM {
    background-position: -22px -22px;
}

.fsChange ul li a.sizeL {
    background-position: -44px 0;
}

.fsChange ul li a:hover.sizeL,
.fsChange ul li a.active.sizeL,
.fsChange ul li a.textresizer-active.sizeL {
    background-position: -44px -22px;
}


/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/

@media only screen and (min-width: 770px) {
    #header {
        height: 76px;
        font-size: 110%;
    }
    #header .inner {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }
    #header .inner .logoBox {
        width: 258px;
        margin: 10px 0 10px;
        float: left;
    }
    #header .inner .logoBox .btn {
        display: none;
    }
    #header .inner .logoBox h1 a {
        display: block;
    }
    #header .inner .logoBox h1 a img {
        height: auto;
        max-width: 100%;
        width: auto;
        /* ie8 */
    }
    #header .inner .headerBox {
        width: 527px;
        height: 76px;
        float: right;
        position: relative;
        display: block !important;
    }
    #header .inner .headerBox .usernameBox {
        position: absolute;
        top: 16.8px;
        right: 290px;
        line-height: 1.6;
        width: 200px;
    }
    #header .inner .headerBox .usernameBox.logined {
        margin-left: 70px;
    }
    #header .inner .headerBox .usernameBox.nonLogined {
        left: 160px;
    }
    #header .inner .headerBox .usernameBox p {
        text-align: right;
        margin-right: 10px;
        font-size: 120%;
    }
    #header .inner .headerBox .usernameBox p a {
        color: #000;
    }
    .nonLogindSupportArea {
        padding-top: 15px;
        padding-left: 108px;
        display: inline-flex !important;
    }

    .logindSupportArea {
        padding-top: 15px;
        padding-left: 232px;
        display: inline-flex !important;
    }

    a.logindSupportLink {
        display: block;
        color: #000000;
        width: 80px;
        text-align: center;
    }

    a#btnPcSearch {
        display: block;
        color: #000000;
        width: 80px;
        text-align: center;
    }

    #header .inner .headerBox .loginLinks {
        position: absolute;
        top: 0;
        right: 1px;
        background: #f9f9f9;
        float: right;
    }
    #header .inner .headerBox .loginLinks:after {
        display: block;
        clear: both;
        content: "";
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        height: 76px;
        text-align: center;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div p {
        margin-bottom: 8px;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div a:hover img {
        opacity: 0.7;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner .linkL {
        float: left;
        border-left: 1px solid #e9e9e9;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner .linkL .button {
        padding: 0;
        min-width: 100px;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner .linkR {
        float: right;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner .linkR .button {
        padding: 0;
        min-width: 100px;
    }
    .tiralUserLabel {
        color: #FF0000;
    }
}


/*タブレット用*/

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #header .inner .logoBox {
        margin: 10px 0 10px 10px !important;
        width: 220px;
    }
    .tiralUserLabel {
        color: #FF0000;
    }
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #header .inner {
        position: relative;
    }
    #header .inner .logoBox {
        width: 100%;
        position: fixed;
        top: 0px;
        background: #FFF;
        z-index: 100;
        border-bottom: 1px solid #FFF;
        -webkit-box-shadow: 0 1px 1px #F4F4F4;
        box-shadow: 0 1px 1px #F4F4F4;
    }
    #header .inner .logoBox h1 {
        padding: 9px 0 9px 9px;
    }
    #header .inner .logoBox h1 img {
        width: 170px;
    }
    #header .inner .logoBox #btnSpMenu {
        padding-top: 29px;
        display: block;
        width: 36px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 7px;
        color: #333;
        font-size: 6pt;
    }
    #header .inner .logoBox #btnSpMenu:before {
        content: "";
        background-size: 25px 25px;
        -webkit-background-size: 25px 25px;
        width: 29px;
        height: 29px;
        background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_menu.svg");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 4px;
    }
    #header .inner .logoBox #btnSpMenu.open:before {
        background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_x.svg");
    }
    #header .inner .logoBox #btnSpUtil {
        padding-top: 29px;
        width: 36px;
        text-align: center;
        display: block;
        position: absolute;
        top: 10px;
        right: 50px;
        color: #333;
        font-size: 6pt;
    }
    #header .inner .logoBox #btnSpUtil:before {
        content: "";
        background-size: 25px 25px;
        -webkit-background-size: 25px 25px;
        width: 29px;
        height: 29px;
        background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_util.svg");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 4px;
    }
    #header .inner .logoBox #btnSpUtil.open:before {
        background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_x.svg");
    }
    #header .inner .logoBox #btnSpSearch {
        padding-top: 29px;
        width: 36px;
        text-align: center;
        display: block;
        position: absolute;
        top: 10px;
        right: 93px;
        color: #333;
        font-size: 6pt;
    }
    #header .inner .logoBox #btnSpSearch:before {
        content: "";
        background-size: 25px 25px;
        -webkit-background-size: 25px 25px;
        width: 29px;
        height: 29px;
        background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_search02.svg");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 4px;
    }
    #header .inner .logoBox #btnSpSearch.open:before {
        background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_x.svg");
    }
    #header .inner .headerBox {
        display: none;
        width: 100%;
        z-index: 100;
        background: #F4F4F4;
        text-align: center;
        border-top: 1px solid #858585;
        position: fixed;
        top: 58px;
        z-index: 50;
        overflow: scroll;
    }
    #header .inner .headerBox .usernameBox {
        padding: 15px 45px;
        border-bottom: 1px solid #e9e9e9;
    }
    #header .inner .headerBox .usernameBox p {
        font-size: 140%;
    }
    #header .inner .headerBox .usernameBox p a {
        color: #000;
    }
    #header .inner .headerBox .loginLinks {
        padding: 15px 0;
        border-bottom: 1px solid #e9e9e9;
    }
    #header .inner .headerBox .loginLinks:after {
        display: block;
        clear: both;
        content: "";
    }
    #header .inner .headerBox .loginLinks .loginLinksInner {
        margin: 0 auto;
        width: 290px;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div {
        padding: 10px 0;
        height: 75px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 145px;
        border: 1px solid #DFDFDF;
        background: #FFF;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div.linkL {
        float: left;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div.linkR {
        border-left: none;
        float: right;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner.logined>div.linkR {
        border-left: 1px solid #DFDFDF;
        float: left;
        margin: 0px 72.5px 0px 72.5px;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div p {
        margin-bottom: 5px;
    }
    #header .inner .headerBox .loginLinks .loginLinksInner>div a.button {
        padding: 10px;
    }
    #header .inner .headerBox .bnrCol1 {
        padding: 15px 0;
        border-bottom: 1px solid #e9e9e9;
    }
    #header .inner .headerBox .bnrCol1 a {
        display: block;
        width: 290px;
        margin: 0 auto;
        font-size: 140%;
        color: #000000;
    }
    #header .inner .headerBox .bnrCol2 {
        padding: 15px 0;
        border-bottom: 1px solid #e9e9e9;
    }
    #header .inner .headerBox .bnrCol2 .bnrColInner {
        width: 290px;
        margin: 0 auto;
    }
    #header .inner .headerBox .bnrCol2 .bnrColInner:after {
        display: block;
        clear: both;
        content: "";
    }
    #header .inner .headerBox .bnrCol2 .bnrColInner a:first-child {
        float: left;
    }
    #header .inner .headerBox .bnrCol2 .bnrColInner a:last-child {
        float: right;
    }
    #header .inner .headerBox .contact {
        padding: 15px 0;
    }
    #header .inner .headerBox .contact a {
        width: 290px;
        margin: 0 auto;
        display: block;
        padding: 15px 0;
        text-align: center;
        font-size: 130%;
        color: #FFF;
        border: 2px solid #CB4D4D;
        text-decoration: none;
        background: #B50000;
    }
    #header .inner .headerBox .contact a span {
        padding-left: 30px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_contact.png") no-repeat left center;
        background-size: 20px 12px;
        -webkit-background-size: 20px 12px;
    }
    #header .inner .headerSpSearchBox {
        display: none;
        width: 100%;
        z-index: 100;
        background: #F4F4F4;
        text-align: center;
        border-top: 1px solid #858585;
        position: fixed;
        top: 58px;
        z-index: 50;
        overflow: scroll;
    }
    #header .inner .headerSpSearchBox .searchBox {
        padding: 15px 45px;
        border-bottom: 1px solid #e9e9e9;
    }
    #header a.requestBanner:link,
    #header a.requestBanner:visited,
    #header a.requestBanner:hover,
    #header a.requestBanner:active {
        color: white;
        text-decoration: none;
    }
    #header a.requestBanner {
        margin: 0px;
        width: 140px;
        background: #6053A8;
        border: 2px solid #8E84C1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        height: 40px;
        padding: 0px;
        position: relative;
        flat: none;
    }
    #header a.subscriptionBannerInHeader::before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow06.png") no-repeat;
        position: absolute;
        top: 50%;
        right: 7px;
    }
    #header a.subscriptionBannerInHeader {
        padding: 22px 18px 19px;
        width: 250px;
        font-weight: bold;
        border: 2px solid #C4C7D5;
        line-height: 1.2;
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title04.png") repeat left top;
        position: relative;
        display: block;
        color: #3A4773;
    }
    .tiralUserLabel {
        color: #FF0000;
    }
}


/*------------------------------------------------------------
グローバルナビ
------------------------------------------------------------*/


/*PC用*/

@media only screen and (min-width: 770px) {
    .subMenuTopLink {
        height: 40px;
        line-height: 40px;
        padding-bottom: 20px !important;
    }
    .subMenuRightTopLink {
        text-align: right;
    }
    .subMenuTopLink > a {
        padding-right: 10px;
    }
    .subMenuTopLink > a::before {
        padding-top: 2px;
    }
    .subMenuLink {
        padding-top: 5px;
        padding-bottom: 5px;
        // float: left;
        font-size: 140%;
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_global_navi.png") repeat left top;
        font-size: 1em;
        height: 21px;
    }
    .subMenuTwoColumnLink {
      float: left;
    }
    .subMenuLink:nth-last-child(-n+2) {
        padding-bottom: 15px;
    }
    .subMenuLink:first-child {
        padding-bottom: 5px;
    }
    .subMenuRight {
        float: right;
    }
    #globalNav {
        font-size: 140%;
        line-height: 1.4;
        position: absolute;
        width: 100%;
        z-index: 4;
    }
    #globalNav .globalMenuBox {
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_global_navi.png") repeat-x left top;
    }
    #globalNav .globalMenuBox>ul.globalMenu {
        max-width: 1300px;
        margin: 0 auto;
    }
    #globalNav .globalMenuBox>ul.globalMenu:after {
        display: block;
        clear: both;
        content: "";
    }
    #globalNav .globalMenuBox>ul.globalMenu>li {
        position: relative;
        width: 8.333333%;
        padding: 0 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li:before {
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_separator.png") repeat-y left top;
        width: 2px;
        height: 24px;
        // position: absolute;
        top: 15px;
        left: 0;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li:last-child:after {
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_separator.png") repeat-y left top;
        width: 2px;
        height: 24px;
        position: absolute;
        top: 15px;
        right: 0;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li>a {
        padding: 5px 5px 5px 5px;
        display: table-cell;
        color: #FFF;
        text-decoration: none;
        position: relative;
        text-align: center;
        height: 42px;
        width: inherit;
        vertical-align: middle;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active>a:after {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 50%;
        margin-left: -4px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 8px solid #666;
        border-left: 4px solid transparent;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.home>a {
        border-bottom: 3px solid #FFCC00;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.home>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.home>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.home>a {
        background-color: #FFCC00;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.home a:hover {
        background-color: #FFCC00;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.news>a {
        border-bottom: 3px solid #EA6A15;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.news>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.news>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.news>a {
        background-color: #EA6A15;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.news a:hover {
        background-color: #EA6A15;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.series>a {
        border-bottom: 3px solid #EA6A15;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.series>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.series>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.series>a {
        background-color: #EA6A15;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.series a:hover {
        background-color: #EA6A15;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.column>a {
        border-bottom: 3px solid #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.column>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.column>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.column>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.column a:hover {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.laws>a {
        border-bottom: 3px solid #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.laws>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.laws>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.laws>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.laws a:hover {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.precedent>a {
        border-bottom: 3px solid #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.precedent>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.precedent>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.precedent>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.precedent a:hover {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.faq>a {
        border-bottom: 3px solid #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.faq>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.faq>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.faq>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.faq a:hover {
        background-color: #CD3249;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.periodical>a {
        border-bottom: 3px solid #9E58C9;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.periodical>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.periodical>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.periodical>a {
        background-color: #9E58C9;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.periodical a:hover {
        background-color: #9E58C9;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.backnumber>a {
        border-bottom: 3px solid #9E58C9;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.backnumber>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.backnumber>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.backnumber>a {
        background-color: #9E58C9;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.backnumber a:hover {
        background-color: #9E58C9;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.books>a {
        border-bottom: 3px solid #0099FF;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.books>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.books>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.books>a {
        background-color: #0099FF;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.books a:hover {
        background-color: #0099FF;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.download>a {
        border-bottom: 3px solid #13B97B;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.download>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.download>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.download>a {
        background-color: #13B97B;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.download>a:hover {
        background-color: #13B97B;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.movie>a {
        border-bottom: 3px solid #72BC16;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.movie>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.movie>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.movie>a {
        background-color: #72BC16;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.movie>a:hover {
        background-color: #72BC16;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.seminar>a {
        border-bottom: 3px solid #72BC16;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.active.seminar>a,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.seminar>a:hover,
    #globalNav .globalMenuBox>ul.globalMenu>li.active.select.seminar>a {
        background-color: #72BC16;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.seminar a:hover {
        background-color: #72BC16;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenu {
        margin: 0 auto;
        display: none;
        list-style: none outside;
    }

    #globalNav .globalMenuBox>ul.globalMenu .subMenuHome {
        width: 350px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuNews {
        width: 360px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuSeries {
        width: 360px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuColumn {
        width: 400px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuFaq {
        width: 380px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuLaws {
        width: 360px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuPrecedent {
        width: 300px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuPeriodical {
        width: 320px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuBacknumber {
        width: 350px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuBook {
        width: 370px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuDownload {
        width: 400px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuMovie {
        width: 410px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuSeminar {
        width: 400px;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenuLink {
        width: 50%;
    }
    .subMenuOneColumn {
        display: none !important;
    }
    .hidden {
        visibility: hidden;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenu>li {
        display: inline-block;
        color: #FFF;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenu>li>a {
        color: #FFF;
        vertical-align: middle;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenu>li>a::before {
        content: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png");
        padding-left: 15px;
        margin: 0px 4px 0px 0px;
        vertical-align: middle;
        color: #FFF;
        line-height: 1;
    }
    #globalNav .globalMenuBox>ul.globalMenu .subMenu>li>a:hover {
        background: none;
        text-decoration: underline;
    }

    #globalNav .globalMenuBox>ul.globalMenu>li.home {
        width: 6%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.news {
        width: 8%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.series {
        width: 8%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.column {
        width: 6%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.laws {
        width: 5%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.precedent {
        width: 8%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.faq {
        width: 8%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.periodical {
        width: 9%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.backnumber {
        width: 10.5%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.books {
        width: 9%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.download {
        width: 9.5%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.movie {
        width: 5%;
    }
    #globalNav .globalMenuBox>ul.globalMenu>li.seminar {
        width: 8%;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #globalNav {
        font-size: 120%;
    }
    #globalNav ul.globalMenu>li>a {
        padding: 5px 5px 5px 5px !important;
        -webkit-background-size: 16px 16px !important;
        background-size: 16px !important;
        background-position: 6px center !important;
        height: 40px;
        text-align: center;
        display: table-cell !important;
        width: inherit;
        vertical-align: middle;
    }
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #globalNav {
        width: 100%;
        position: relative;
    }
    #globalNav .globalMenu {
        display: none;
        width: 100%;
        position: fixed;
        top: 58px;
        z-index: 50;
        background-color: #666;
        overflow: scroll;
        font-size: 130%;
    }
    #globalNav .globalMenu>li>a {
        width: 50%;
        color: #FFF;
        padding: 10px 10px 10px 12px;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top: 1px solid #555;
        border-bottom: 1px solid #2c2c2c;
        background-size: 19px 19px;
        -webkit-background-size: 19px 19px;
        background-position: 12px center;
        background-repeat: no-repeat;
        background-color: #444;
    }
    #globalNav .globalMenu>li>a:hover {
        background-color: #CD3249;
        text-decoration: none;
    }
    #globalNav .globalMenu>li.home>a:hover {
        background-color: #FFCC00;
    }
    #globalNav .globalMenu>li.home.sp_active>a {
        background-color: #FFCC00;
    }
    #globalNav .globalMenu>li.news>a:hover {
        background-color: #EA6A15;
    }
    #globalNav .globalMenu>li.news.sp_active>a {
        background-color: #EA6A15;
    }
    #globalNav .globalMenu>li.series>a:hover {
        background-color: #EA6A15;
    }
    #globalNav .globalMenu>li.series.sp_active>a {
        background-color: #EA6A15;
    }
    #globalNav .globalMenu>li.column>a:hover {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.column.sp_active>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.laws.sp_active>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.precedent.sp_active>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.faq>a:hover {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.faq.sp_active>a {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.periodical>a:hover {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.periodical.sp_active>a {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.backnumber>a:hover {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.backnumber.sp_active>a {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.books>a:hover {
        background-color: #0099FF;
    }
    #globalNav .globalMenu>li.books.sp_active>a {
        background-color: #0099FF;
    }
    #globalNav .globalMenu>li.download>a:hover {
        background-color: #13B97B;
    }
    #globalNav .globalMenu>li.download.sp_active>a {
        background-color: #13B97B;
    }
    #globalNav .globalMenu>li.movie>a:hover {
        background-color: #72BC16;
    }
    #globalNav .globalMenu>li.movie.sp_active>a {
        background-color: #72BC16;
    }
    #globalNav .globalMenu>li.seminar>a:hover {
        background-color: #72BC16;
    }
    #globalNav .globalMenu>li.seminar.sp_active>a {
        background-color: #72BC16;
    }
    #globalNav .globalMenu>li>.subMenu {
        width: 50%;
        min-height: 568px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        position: absolute;
        top: 0;
        padding: 0 15px;
        margin-left: 0 !important;
        left: 50%;
        background: #CD3249;
    }
    #globalNav .globalMenu>li>.subMenu li a {
        color: #FFF;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat left center;
        display: block;
        padding: 10px 10px 10px 20px;
        border-top: 1px solid #CD3249;
        border-bottom: 1px dotted #D75B6D;
    }
    #globalNav .globalMenu>li.active .subMenu {
        display: block;
    }
    #globalNav .globalMenu>li.home {
        border-left: 2px solid #FFCC00;
    }
    #globalNav .globalMenu>li.home>.subMenu {
        background-color: #FFCC00;
    }
    #globalNav .globalMenu>li.home>.subMenu li a {
        border-top: 1px solid #FFCC00;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.news {
        border-left: 2px solid #EA6A15;
    }
    #globalNav .globalMenu>li.news>.subMenu {
        background-color: #EA6A15;
    }
    #globalNav .globalMenu>li.news>.subMenu li a {
        border-top: 1px solid #EA6A15;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.series {
        border-left: 2px solid #EA6A15;
    }
    #globalNav .globalMenu>li.series>.subMenu {
        background-color: #EA6A15;
    }
    #globalNav .globalMenu>li.series>.subMenu li a {
        border-top: 1px solid #EA6A15;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.column {
        border-left: 2px solid #CD3249;
    }
    #globalNav .globalMenu>li.column>.subMenu {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.column>.subMenu li a {
        border-top: 1px solid #CD3249;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.laws {
        border-left: 2px solid #CD3249;
    }
    #globalNav .globalMenu>li.laws>.subMenu {
        background-color: #CD3249;
    }
    
    #globalNav .globalMenu>li.laws>.subMenu li a {
        border-top: 1px solid #CD3249;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.precedent {
        border-left: 2px solid #CD3249;
    }
    #globalNav .globalMenu>li.precedent>.subMenu {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.precedent>.subMenu li a {
        border-top: 1px solid #CD3249;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.faq {
        border-left: 2px solid #CD3249;
    }
    #globalNav .globalMenu>li.faq>.subMenu {
        background-color: #CD3249;
    }
    #globalNav .globalMenu>li.faq>.subMenu li a {
        border-top: 1px solid #CD3249;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.periodical {
        border-left: 2px solid #9E58C9;
    }
    #globalNav .globalMenu>li.periodical>.subMenu {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.periodical>.subMenu li a {
        border-top: 1px solid #9E58C9;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.backnumber {
        border-left: 2px solid #9E58C9;
    }
    #globalNav .globalMenu>li.backnumber>.subMenu {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.backnumber>.subMenu li a {
        border-top: 1px solid #9E58C9;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.backnumber {
        border-left: 2px solid #9E58C9;
    }
    #globalNav .globalMenu>li.backnumber>.subMenu {
        background-color: #9E58C9;
    }
    #globalNav .globalMenu>li.backnumber>.subMenu li a {
        border-top: 1px solid #9E58C9;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.books {
        border-left: 2px solid #0099FF;
    }
    #globalNav .globalMenu>li.books>.subMenu {
        background-color: #0099FF;
    }
    #globalNav .globalMenu>li.books>.subMenu li a {
        border-top: 1px solid #0099FF;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.download {
        border-left: 2px solid #13B97B;
    }
    #globalNav .globalMenu>li.download>.subMenu {
        background-color: #13B97B;
    }
    #globalNav .globalMenu>li.download>.subMenu li a {
        border-top: 1px solid #13B97B;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.movie {
        border-left: 2px solid #72BC16;
    }
    #globalNav .globalMenu>li.movie>.subMenu {
        background-color: #72BC16;
    }
    #globalNav .globalMenu>li.movie>.subMenu li a {
        border-top: 1px solid #72BC16;
        border-bottom: 1px dotted #dfdfdf;
    }
    #globalNav .globalMenu>li.seminar {
        border-left: 2px solid #72BC16;
    }
    #globalNav .globalMenu>li.seminar>.subMenu {
        background-color: #72BC16;
    }
    #globalNav .globalMenu>li.seminar>.subMenu li a {
        border-top: 1px solid #72BC16;
        border-bottom: 1px dotted #dfdfdf;
    }
}


/*------------------------------------------------------------
パンクズリスト
------------------------------------------------------------*/


/*SP用*/


/*------------------------------------------------------------
コンテンツ
------------------------------------------------------------*/


/*PC用*/

@media only screen and (min-width: 770px) {
    #conts {
        max-width: 960px;
        width: 73.846153%;
        float: left;
    }
}


/*SP用*/


/*------------------------------------------------------------
サイドバー
------------------------------------------------------------*/


/*PC用*/

#sidebar {
    width: 23.076923%;
    float: right;
}

#sidebar a {
    color: #333;
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: underline;
}

#sidebar aside {
    margin-bottom: 20px;
}

#sidebar .bnrCol1 {
    margin-bottom: 20px;
}

@media only screen and (max-width: 770px) {
    #sidebar .bnrCol1 .horizontalBnr:after {
        display: block;
        clear: both;
        content: "";
    }
}

#sidebar .bnrCol1 .horizontalBnr li {
    margin-top: 15px;
}

#sidebar .bnrCol1 .horizontalBnr li:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 770px) {
    #sidebar .bnrCol1 .horizontalBnr li {
        width: 50%;
        margin-top: 0;
        padding: 0 0.666666667%;
        float: left;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #sidebar .bnrCol1 .horizontalBnr li:first-child {
        margin-top: 0;
    }
}

#sidebar .bnrCol1.adsense {
    width: 100%;
}

#sidebar .bnrCol1.adsense .adsbygoogle {
    height: 250px;
    margin: 0 auto;
    display: block;
}

@media only screen and (max-width: 770px) {
    #sidebar .bnrCol1.adsense .adsbygoogle {
        max-width: 728px;
        height: 250px;
        /*90px*/
    }
}

#sidebar .bnrCol1.adsenselong {
    width: 100%;
}

#sidebar .bnrCol1.adsenselong .adsbygoogle {
    height: 600px;
    margin: 0 auto;
    display: block;
}

@media only screen and (max-width: 770px) {
    #sidebar .bnrCol1.adsenselong .adsbygoogle {
        max-width: 728px;
        height: 250px;
        /*90px*/
    }
}

#sidebar .bnrCol2 {
    margin-bottom: 20px;
}

#sidebar .bnrCol2:after {
    display: block;
    clear: both;
    content: "";
}

#sidebar .bnrCol2 a {
    width: 48.33333333%;
    display: block;
}

#sidebar .bnrCol2 .leftbn {
    float: left;
}

#sidebar .bnrCol2 .rightbn {
    float: right;
}

#sidebar .sosialFlexCol {
    display: block;
    margin-bottom: 20px;
}

#sidebar .sosialFlexCol .colBody {
    line-height: 1em;
    padding: 15px;
    background: #FFF;
    border: 2px solid #DFDFDF;
    text-align: center;
}

#sidebar .sosialFlexCol:after {
    display: block;
    clear: both;
    content: "";
}

#sidebar .sosialFlexCol ul {
    display: flex;
    justify-content: center;
}

#sidebar .sosialFlexCol li {
    width: 35px;
    padding:0 5px;
}

#sidebar .movieCol .colBody {
    padding: 15px;
    background: #FFF;
    border: 2px solid #DFDFDF;
}

#sidebar .movieCol .colBody p {
    margin-bottom: 1em;
    font-size: 85.71429%;
}

#sidebar .movieCol .colBody .movieList {
    background-color: #F6F6F6;
}

#sidebar .movieCol .colBody .movieList:after {
    display: block;
    clear: both;
    content: "";
}

#sidebar .movieCol .colBody .movieList li {
    background-color: #F6F6F6;
}

#sidebar .movieCol .colBody .movieList li a:hover span,
#sidebar .movieCol .colBody .movieList li a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

#sidebar .movieCol .colBody .movieList li a:hover span {
    text-decoration: underline;
}

#sidebar .movieCol .colBody .movieList li a .movTtl {
    display: inline-block;
    padding: 0 5px;
    font-size: 85.71429%;
}

#sidebar .movieCol .colFooter {
    border-left: 2px solid #DFDFDF;
    border-bottom: 2px solid #DFDFDF;
    border-right: 2px solid #DFDFDF;
}

#sidebar .movieCol .colFooter a.more {
    background: #72BC16;
    display: block;
    padding: 7px 15px 6px;
    border: 2px solid #9ACF59;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    position: relative;
}

#sidebar .movieCol .colFooter a.more:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#sidebar .movieCol .colFooter a.more span {
    padding-right: 15px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat right center;
}

#sidebar .rankingCol .tabHead:after {
    display: block;
    clear: both;
    content: "";
}

#sidebar .rankingCol .tabHead li {
    width: 50%;
    float: left;
    padding: 0 0.666666667%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sidebar .rankingCol .tabHead li span {
    padding: 5%;
    font-weight: bold;
    display: block;
    background: #AFAFAF;
    cursor: pointer;
    color: #CCC;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sidebar .rankingCol .tabHead li.active span {
    background: url(/wp/wp-content/themes/rodo/img/common/bg/bg_title02.png) repeat top left;
    color: #FFF;
}

#sidebar .rankingCol .tabBody {
    border: 1px solid #57444A;
    border-top: 5px solid #57444A;
}

#sidebar .rankingCol .tabBody .rankingHead {
    padding: 10px 5px 10px 45px;
    display: block;
    background: url(/wp/wp-content/themes/rodo/img/common/bg/bg_title.png) repeat top left;
    font-size: 114.28571%;
    font-weight: bold;
    position: relative;
}

#sidebar .rankingCol .tabBody .rankingHead:before {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    content: "";
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon_head.png) no-repeat;
    position: absolute;
    left: 8px;
    top: 50%;
}

#sidebar .rankingCol .tabBody .rankingHead .linkTxt {
    margin-left: 10px;
    font-size: 81.25%;
}

#sidebar .rankingCol .tabBody .tabConts {
    display: none;
}

#sidebar .rankingCol .tabBody .tabConts.active {
    display: block;
}

#sidebar .rankingCol .tabBody .tabConts ol li {
    padding: 10px 20px 10px 45px;
    position: relative;
    line-height: 1.3em;
}

#sidebar .rankingCol .tabBody .tabConts ol li:before {
    width: 100%;
    height: 1px;
    content: "";
    background: url(/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png) repeat-x left;
    position: absolute;
    top: 0;
    left: 0;
}

#sidebar .rankingCol .tabBody .tabConts ol li:after {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank1:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon01.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank2:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon02.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank3:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon03.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank4:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon04.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank5:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon05.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank6:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon06.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank7:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon07.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank8:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon08.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank9:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon09.png) no-repeat;
}

#sidebar .rankingCol .tabBody .tabConts ol li.rank10:after {
    background: url(/wp/wp-content/themes/rodo/img/ranking/ranking_icon10.png) no-repeat;
}

#sidebar .rankingCol .rank_list li {
    font-size: 85.71429%;
    border-top: 1px dotted #DFDFDF;
}

#sidebar .rankingCol .rank_list li.rank1 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank01.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank2 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank02.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank3 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank03.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank4 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank04.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank5 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank05.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank6 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank06.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank7 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank07.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank8 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank08.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank9 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank09.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li.rank10 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_rank10.png") no-repeat 15px 15px;
}

#sidebar .rankingCol .rank_list li a {
    display: block;
    padding: 15px 15px 15px 55px;
}

#sidebar .trendCol {
    border-left: 1px solid #57444A;
    border-right: 1px solid #57444A;
    border-bottom: 1px solid #57444A;
}

#sidebar .trendCol .colBody {
    padding: 15px;
}

#sidebar .trendCol .colBody ul:after {
    display: block;
    clear: both;
    content: "";
}

#sidebar .trendCol .colBody ul li {
    font-size: 92.85714%;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 20px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png") no-repeat left 1px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 770px) {
    max-width: 300px;
    width: 25%;
    float: right;
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #sidebar .bnrCol2 {
        margin-bottom: 20px;
    }
    #sidebar .bnrCol2:after {
        display: block;
        clear: both;
        content: "";
    }
    #sidebar .bnrCol2 a {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    #sidebar .bnrCol2 a img {
        width: 100%;
    }
    #sidebar .bnrCol2 .rightbn {
        margin: 0;
    }
    #sidebar .trendCol li {
        width: 100% !important;
    }
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #sidebar {
        width: 100%;
    }
    #sidebar .bnrCol1 a img,
    #sidebar .bnrCol2 a img {
        width: 100%;
    }
    #sidebar .movieCol {
        display: none;
    }
}


/* ストア用サイドバー */

#sidebar.book .separator01 {
    margin-bottom: 20px;
}

#sidebar.book .separator02 {
    margin-bottom: 15px;
}

#sidebar.book .separator03 {
    margin-bottom: 10px;
}

#sidebar.book .linkStyle02 {
    padding-left: 20px;
    position: relative;
}

#sidebar.book .linkStyle02:before {
    width: 12px;
    height: 12px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow07.png") no-repeat;
    position: absolute;
    top: 4px;
    left: 0;
}

#sidebar.book .linkStyle03 {
    padding-left: 20px;
    position: relative;
}

#sidebar.book .linkStyle03:before {
    width: 12px;
    height: 12px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png") no-repeat;
    position: absolute;
    top: 4px;
    left: 0;
}

#sidebar.book .head {
    padding: 12px 18px 9px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 2px solid #57444A;
    border-bottom: 1px dashed #DFDFDF;
    line-height: 1.2;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat left top;
    position: relative;
}

#sidebar.book .head .linkTxt {
    display: inline-block;
    padding-left: 17px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png") 0 3px no-repeat;
    font-size: 81.25%;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    position: absolute;
    top: 11px;
    right: 20px;
}

#sidebar.book .head.type2 {
    border-top: none;
}

#sidebar.book .linkBox {
    padding: 22px 18px 19px;
    font-weight: bold;
    border: 2px solid #C4C7D5;
    line-height: 1.2;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title04.png") repeat left top;
    position: relative;
    display: block;
    color: #3A4773;
}

#sidebar.book .linkBox:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow06.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 7px;
}

#sidebar.book .searchBox {
    clear: both;
    position: relative;
}

#sidebar.book .searchBox input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 7px 2px 2px 2px;
    padding-left: 5px;
    padding-right: 69px;
    border: 1px solid #DFDFDF;
}

#sidebar.book .searchBox button {
    width: 64px;
    height: 30px;
    border: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background: #57444A url("/wp/wp-content/themes/rodo/img/common/icon/icon_search.png") no-repeat 13px center;
    text-align: right;
}

#sidebar.book .searchBox button span {
    padding: 0 10px;
    color: #FFF;
}

#sidebar.book .cart {
    border: 1px solid #57444A;
    border-top: none;
}

#sidebar.book .cart .inner {
    padding: 20px;
}

#sidebar.book .cart .inner span.itemSum,
#sidebar.book .cart .inner span.sum {
    display: block;
    line-height: 1.3;
    font-weight: bold;
}

#sidebar.book .cart .inner .button {
    padding: 10px;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}

#sidebar.book .bookSearch {
    border: 1px solid #CCCCCC;
}

#sidebar.book .bookSearch .head {
    padding: 17px 18px 14px;
}

#sidebar.book .bookSearch .inner {
    padding: 20px;
    background-color: #FAFAFA;
}

#sidebar.book .productCategory {
    border: 1px solid #57444A;
}

#sidebar.book .productCategory .inner li {
    padding: 15px;
    border-top: 1px dashed #DFDFDF;
}

#sidebar.book .productCategory .inner li a {
    font-weight: bold;
}

#sidebar.book .productCategory .inner li:first-child {
    border-top: none;
}

#sidebar.book .mainGenre {
    border: 1px solid #CCCCCC;
}

#sidebar.book .mainGenre .inner {
    padding: 15px;
}

#sidebar.book .mainGenre .button {
    color: #FFF;
    text-decoration: none;
}

#sidebar.book .bookNews .heading {
    margin-bottom: 0;
    border-top: 2px solid #57444A;
}

#sidebar.book .bookNews .heading:before {
    height: 2px;
    top: -2px;
}

#sidebar.book .bookNews .inner {
    border: 2px solid #DFDFDF;
}

#sidebar.book .bookNews .inner dl {
    padding: 15px 20px;
    border-top: 1px solid #DFDFDF;
}

#sidebar.book .bookNews .inner dl:first-child {
    border-top: none;
}

#sidebar.book .bookNews .inner dl dt,
#sidebar.book .bookNews .inner dl dd {
    font-size: 85.71429%;
    color: #333;
}

#sidebar.book .bookNews .inner dl dt {
    font-weight: bold;
}

#sidebar.book .bookNews .moreLinkArea {
    border: 2px solid #DFDFDF;
    border-top: none;
}

#sidebar.book .bookNews .moreLinkArea .button {
    color: #FFF;
    text-decoration: none;
}

#sidebar.subscription .linkBox {
    padding: 22px 18px 19px;
    margin-bottom: 20px;
    font-weight: bold;
    border: 2px solid #C4C7D5;
    line-height: 1.2;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title04.png") repeat left top;
    position: relative;
    display: block;
    color: #3A4773;
}

#sidebar.subscription .linkBox a {
    color: #3A4773;
}

#sidebar.subscription .linkBox:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow06.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 7px;
}


/*------------------------------------------------------------
フッター
------------------------------------------------------------*/

#footer {
    font-size: 120%;
    color: #CCC;
    background: #999;
    border-top: 1px solid #666;
}

#footer .footerLinks {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    padding: 20px 175px 15px 135px;
    margin: 0 auto;
    line-height: 1.2;
}

#footer .footerLinks li {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat left center;
    margin: 0 25px 5px 0;
    padding-left: 15px;
    display: inline-block;
}

#footer .footerInfo {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

#footer .footerInfo .geotrust {
    position: absolute;
    top: -30px;
    margin-left: -30px;
}

#footer .footerInfo .contact {
    position: absolute;
    top: -25px;
    right: 0;
}

#footer .copyrightBox {
    background: #666;
}

#footer .copyrightBox>p {
    max-width: 1200px;
    margin: 0 auto;
    padding: 17px 175px 17px 135px;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer a:link {
    color: #FFF;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}


/*タブレット用*/

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #footer .footerLinks {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1200px;
        padding: 15px;
        margin: 0 auto;
    }
    #footer .footerInfo {
        padding: 0 15px 15px;
    }
    #footer .footerInfo:after {
        display: block;
        clear: both;
        content: "";
    }
    #footer .footerInfo .geotrust {
        position: static !important;
        float: left;
        margin-right: 10px;
        margin-left: 0px;
    }
    #footer .footerInfo .contact {
        position: static !important;
        float: left;
    }
    #footer .copyrightBox>p {
        padding: 15px;
    }
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #footer .footerLinks {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1200px;
        padding: 20px 20px 15px;
        margin: 0 auto;
    }
    #footer .footerLinks li {
        margin: 0 10px 5px 0;
    }
    #footer .footerInfo {
        display: none;
    }
    #footer .copyrightBox>p {
        padding: 15px;
    }
}

#pagetop a {
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: 80px;
    display: block;
    border: 5px solid #897C80;
    border-radius: 50%;
    background: #57444A url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow04.png") no-repeat center 10px;
    opacity: 0;
    transition: .2s;
}

#pagetop a.active {
    opacity: 1;
}

#pagetop a span {
    display: none;
}

#pagetop a:hover {
    background: #34292C url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow04.png") no-repeat center 10px;
    border: 5px solid #52484B;
}

@media only screen and (min-width: 770px) {
    #pagetop {
        max-width: 1200px;
        margin: 30px auto 30px;
        text-align: right;
    }
}

@media only screen and (max-width: 770px) {
    #pagetop {
        margin-bottom: 20px;
        text-align: center;
    }
    #pagetop a {
        margin: 0 auto;
    }
    #pagetop a.active {
        opacity: 0.5;
    }
}

.bx-wrapper {
    position: relative;
}

@media only screen and (min-width: 770px) {
    .bx-wrapper {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 770px) {
    .bx-wrapper {
        margin-bottom: 43px;
    }
    .books .bx-wrapper {
        margin-bottom: 0px;
    }
}

.bx-wrapper .bx-viewport {
    width: 100%;
    position: relative;
}

@media only screen and (min-width: 770px) {
    .bx-wrapper .bx-controls .bx-pager {
        position: absolute;
        width: 100%;
        text-align: center;
        background-color: #57444A;
    }
    .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
        vertical-align: middle;
        display: inline-block;
    }
    .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
        width: 6px;
        height: 6px;
        background-color: #352B2E;
        border-radius: 50%;
        margin: 4px;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        color: #352B2E;
        overflow: hidden;
        text-indent: -9999px;
    }
    .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
        background-color: #FFF;
        color: #FFF;
    }
    .bx-wrapper .bx-controls .bx-controls-direction a {
        display: block;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }
    .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
        position: absolute;
        top: 50%;
        right: 20px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_slider_arrow_right.png") center center no-repeat;
    }
    .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
        position: absolute;
        top: 50%;
        left: 20px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_slider_arrow_left.png") center center no-repeat;
    }
}

@media only screen and (max-width: 770px) {
    .bx-wrapper .bx-controls .bx-pager {
        position: absolute;
        width: 100%;
        text-align: center;
        padding-top: 10px;
        background-color: #57444A;
    }
    .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
        display: inline-block;
    }
    .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
        width: 16px;
        height: 16px;
        background-color: #352B2E;
        border-radius: 50%;
        margin: 4px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        color: #352B2E;
        overflow: hidden;
        text-indent: -9999px;
    }
    .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
        background-color: #FFF;
        color: #FFF;
    }
    .bx-wrapper .bx-controls .bx-controls-direction a {
        display: block;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }
    .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
        position: absolute;
        top: 50%;
        right: 20px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_slider_arrow_right.png") center center no-repeat;
    }
    .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
        position: absolute;
        top: 50%;
        left: 20px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_slider_arrow_left.png") center center no-repeat;
    }
}


/*------------------------------------------------------------
トップページ
------------------------------------------------------------*/

#index #main #conts .mainNews:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .mainNews .topicsSlide {
    overflow: hidden;
    width: 36.2093023255814%;
    background: #EFEFEF;
    float: left;
}

#index #main #conts .mainNews .topicsSlide .sliderHeader {
    display: none;
}

#index #main #conts .mainNews .topicsSlide .topicsSlider li .caption {
    display: none;
}

#index #main #conts .mainNews .topicsSlide .topicsSlider li img {
    width: 100%;
}

#index #main #conts .mainNews .topicsSlide .topicsSliderCaption {
    padding: 15px;
}

#index #main #conts .mainNews .topicsSlide .topicsSliderCaption ul li {
    display: none;
}

#index #main #conts .mainNews .topicsSlide .topicsSliderCaption ul li a {
    color: #333;
}

#index #main #conts .mainNews .topicsSlide .topicsSliderCaption ul li a .cat {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 85.71429%;
}

#index #main #conts .mainNews .topicsSlide .topicsSliderCaption ul li a .ttl {
    font-weight: bold;
    font-size: 117%;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.35;
}

#index #main #conts .mainNews .topicsSlide .topicsSliderCaption ul li a .txt {
    font-size: 93%;
    margin-top: 5px;
    line-height: 1.4;
}

#index #main #conts .mainNews .topics {
    width: 61.46511627906977%;
    float: right;
}

#index #main #conts .mainNews .topics .topicsList li {
    border-top: 1px solid #DFDFDF;
}

#index #main #conts .mainNews .topics .topicsList li a {
    display: block;
    padding: 8px 10px;
}

#index #main #conts .mainNews .topics .topicsList li a:hover {
    text-decoration: none;
    background: #F9F9F9;
}

#index #main #conts .mainNews .topics .topicsList li a .newsTtl .ttl {
    margin-top: 0;
    font-size: 112%;
    font-weight: bold;
    color:#444;
    line-height: 1.5;
    padding-top: 4px;
    overflow: hidden;
}

#index #main #conts .mainNews .topics .topicsList li a .newsTtl .label {
    margin-top: 3px;
    margin-right: 12px;
    margin-bottom: 0;
    float: left;
}

#index #main #conts .mainNews .topics .topicsList li a .txt {
    color: #717171;
    line-height: 1.4;
    margin-top: 3px;
}

#index #main #conts .mainNews .topics .topicsList li:first-child {
    border-top: none;
}

#index #main #conts .pickup .boxBody .cateBox {
    width: 100%;
    background: #DFDFDF;
}

#index #main #conts .pickup .boxBody .cateBox:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .pickup .boxBody .cateBox .box {
    padding: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

#index #main #conts .pickup .boxBody .cateBox .box ul li a .inner.img {
    padding-right: 40px;
    position: relative;
}

#index #main #conts .pickup .boxBody .cateBox .box ul li a .inner p {
    font-weight:bold;
    line-height:1.5;
}

#index #main #conts .newConts:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .newConts .box.paper {
    float: left;
}

#index #main #conts .newConts .box.staff {
    float: right;
}

#index #main #conts .newConts .box .linkList li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#index #main #conts .newConts .box .linkList li a:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .newConts .box .linkList li a span {
    display: block;
}

#index #main #conts .newConts .box .linkList li.moreLink a {
    background: #EA6A15;
    color: #FFF;
}

#index #main #conts .newConts .box .linkList li .inner p {
    line-height: 1.4;
}

#index #main #conts .newConts .box .linkList li .date {
    margin-bottom: 5px;
    color: #4f4f4f;
    font-weight: normal;
}

#index #main #conts .newConts .box .linkList li .ttl {
    font-size: 110%;
    font-weight: bold;
}

#index #main #conts .consultation .QABox:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .consultation .QABox .question {
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#index #main #conts .consultation .QABox .question .type {
    background: #3C4975;
    border-bottom: 1px solid #DFDFDF;
}

#index #main #conts .consultation .QABox .question a {
    padding: 12px 25px;
    display: block;
    color: #333;
}

#index #main #conts .consultation .QABox .question a:hover {
    background: #F4F4F4;
    text-decoration: none;
}

#index #main #conts .consultation .QABox .spLink {
    display: none;
}

#index #main #conts .consultation .QABox p {
    line-height: 1.35;
}

#index #main #conts .consultation .QABox p.type {
    margin-bottom: 0;
    padding: 0 0 2px;
    font-size: 128.57143%;
    font-weight: bold;
    line-height: 1.3;
    color: #FFF;
    text-align: center;
}

#index #main #conts .consultation .QABox p.ttl {
    margin-bottom: 8px;
    font-weight: bold;
}

@media only screen and (max-width: 770px) {
    #index #main #conts .consultation .QABox .question a {
        padding-right: 12px;
        padding-left: 15px;
        position: relative;
        background: #F4F4F4;
    }
    #index #main #conts .consultation .QABox .question a:before {
        content: '';
        margin-top: -7px;
        width: 12px;
        height: 12px;
        background: url(/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png) 0 0 no-repeat;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
        position: absolute;
        top: 23px;
        left: 15px;
    }
    #index #main #conts .consultation .QABox p.ttl {
        padding-left: 20px;
    }
}

#index #main #conts .published .boxBody {
    background: #DFDFDF;
}

#index #main #conts .published .boxBody .periodicalList {
    background: #FFF;
}

#index #main #conts .published .boxBody .periodicalList:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .published .boxBody .periodicalList li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-left: 1px solid #DFDFDF;
    background: #FFF;
    float: left;
    color: #333;
    position: relative;
}

#index #main #conts .published .boxBody .periodicalList li.list03,
#index #main #conts .published .boxBody .periodicalList li.list04 {
    border-top: 1px solid #DFDFDF;
}

#index #main #conts .published .boxBody .periodicalList li .overlay {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
}

#index #main #conts .published .boxBody .periodicalList li .overlay .ttl {
    color: #FFF !important;
}

#index #main #conts .published .boxBody .periodicalList li .inner {
    display: block;
    padding: 15px 20px;
}

#index #main #conts .published .boxBody .periodicalList li .inner:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .published .boxBody .periodicalList li .inner .ttl {
    margin-bottom: 14px;
    padding-bottom: 11px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted.png") left bottom repeat-x;
    font-size: 114.3%;
    font-weight: bold;
    line-height: 1.3;
    color: #3C4975;
}

#index #main #conts .published .boxBody .periodicalList li .inner .thumb {
    width: 40%;
    margin-right: 15px;
    float: left;
}

#index #main #conts .published .boxBody .periodicalList li .inner .thumb img {
    width: 100%;
}

#index #main #conts .published .boxBody .periodicalList li .inner .rotate {
    overflow: hidden;
}

#index #main #conts .published .boxBody .periodicalList li .inner .rotate p {
    line-height: 1.5;
}

#index #main #conts .published .boxBody .periodicalList li .inner .rotate p.subttl {
    margin-bottom: 10px;
    font-weight: bold;
}

#index #main #conts .published .boxBody .periodicalSliderCaption {
    display: none;
}

#index #main #conts .seminar .boxBody:after {
    display: block;
    clear: both;
    content: "";
}

#index #main #conts .seminar .boxBody .thumb {
    width: 37.20930233%;
    float: right;
}

@media only screen and (max-width: 770px) {
    #index #main #conts .seminar .boxBody .thumb {
        width: 100%;
    }
}

#index #main #conts .seminar .boxBody .inner {
    padding: 15px 20px;
    overflow: hidden;
}

#index #main #conts .seminar .boxBody .inner p {
    margin-bottom: 6px;
    line-height: 1.5;
}

#index #main #conts .newsHidden .boxBody .spLink {
    display: none;
}

#index a.button {
    padding: 10px;
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #index #main #conts .mainNews .topicsSlide {
        width: 36.2093023255814%;
    }
    #index #main #conts .mainNews .topics {
        width: 61.46511627906977%;
    }
    #index #main #conts .published .boxBody .periodicalList li .inner .rotate {
        overflow: visible;
    }
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #index #main #conts .mainNews .topicsSlide {
        margin-bottom: 15px;
        width: 100%;
        float: none;
        min-height: 350px;
    }
    #index #main #conts .mainNews .topicsSlide .sliderHeader {
        display: block;
    }
    #index #main #conts .mainNews .topics {
        width: 100%;
        float: none;
    }
    #index #main #conts .mainNews .topics .heading {
        display: none;
    }
    #index #main #conts .mainNews .topics .topicsList li a {
        padding-right: 30px;
        background: #F4F4F4;
        position: relative;
    }
    #index #main #conts .mainNews .topics .topicsList li a:after {
        content: '';
        margin-top: -4px;
        width: 8px;
        height: 14px;
        background: url("/wp/wp-content/themes/rodo/img/sp/common/icon/icon_arrow01.png") 0 0 no-repeat;
        -webkit-background-size: 8px 14px;
        background-size: 8px 14px;
        position: absolute;
        top: 50%;
        right: 15px;
    }
    #index #main #conts .mainNews .topics .topicsList li a .newsTtl .ttl {
        overflow: inherit;
        line-height: 1.3;
        font-size: 110%;
    }
    #index #main #conts .mainNews .topics .topicsList li a .txt {
        line-height: 1.2;
        font-size: 95%;
    }
    #index #main #conts .newConts .box:first-child {
        margin-bottom: 15px;
        width: 100%;
        float: none;
    }
    #index #main #conts .newConts .box:last-child {
        width: 100%;
        float: none;
    }
    #index #main #conts .newConts .box .linkList li .date {
        margin-bottom: 3px;
    }
    #index #main #conts .newConts .box .linkList li a {
        background: #F4F4F4;
    }
    #index #main #conts .newConts .box .linkList li a .inner {
        padding-right: 15px;
        position: relative;
    }
    #index #main #conts .newConts .box .linkList li:last-child {
        padding: 15px;
        background: #F4F4F4;
    }
    #index #main #conts .newConts .box .linkList li:last-child a {
        padding: 15px;
        background: #EA6A15;
        color: #FFF;
    }
    #index #main #conts .books .boxBody {
        background: #F4F4F4;
    }
    #index #main #conts .books .boxBody .btn {
        border-top: 1px solid #DFDFDF;
        padding: 13px;
    }
    #index #main #conts .pickup .boxBody {
        overflow: inherit;
    }
    #index #main #conts .pickup .boxBody .cateBox {
        width: 100%;
        background: #DFDFDF;
    }
    #index #main #conts .pickup .boxBody .cateBox .box {
        margin: 0 0 2px;
        width: 100%;
    }
    #index #main #conts .pickup .boxBody .cateBox .box .linkList li a {
        background: #F4F4F4;
    }
    #index #main #conts .pickup .boxBody .cateBox .box .linkList li a .inner {
        padding-left: 35px;
        position: relative;
    }
    #index #main #conts .pickup .boxBody .cateBox .box .linkList li a .inner:after {
        content: '';
        margin-top: -6px;
        width: 12px;
        height: 12px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png") 0 0 no-repeat;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
        position: absolute;
        top: 23px;
        left: 15px;
    }
    #index #main #conts .pickup .boxBody .cateBox .box:last-child {
        margin-bottom: 0;
    }
    #index #main #conts .consultation .heading .linkTxt {
        display: none;
    }
    #index #main #conts .consultation .QABox .question {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }
    #index #main #conts .consultation .QABox .spLink {
        padding: 20px;
        display: block;
        background: #F4F4F4;
    }
    #index #main #conts .seminar .boxBody .thumb {
        float: none;
    }
    #index #main #conts .seminar .boxBody .thumb img {
        width: 100%;
    }
    #index #main #conts .seminar .boxBody .inner {
        padding: 15px 20px;
        overflow: hidden;
    }
    #index #main #conts .seminar .boxBody .inner p {
        line-height: 1.6;
    }
    #index #main #conts .newsHidden .heading .linkTxt {
        display: none;
    }
    #index #main #conts .newsHidden .boxBody {
        height: auto;
        overflow: inherit;
    }
    #index #main #conts .newsHidden .boxBody .linkList li a {
        background: #F4F4F4;
    }
    #index #main #conts .newsHidden .boxBody .linkList li a .inner {
        padding-right: 43px;
        position: relative;
    }
    #index #main #conts .newsHidden .boxBody .linkList li a .inner:after {
        content: '';
        margin-top: -4px;
        width: 8px;
        height: 14px;
        background: url("/wp/wp-content/themes/rodo/img/sp/common/icon/icon_arrow01.png") 0 0 no-repeat;
        -webkit-background-size: 8px 14px;
        background-size: 8px 14px;
        position: absolute;
        top: 50%;
        right: 15px;
    }
    #index #main #conts .newsHidden .boxBody .linkList li:last-child {
        padding: 15px;
        background: #F4F4F4;
    }
    #index #main #conts .newsHidden .boxBody .linkList.wide li a .inner {
        padding: 12px 43px 12px 25px;
    }
    #index #main #conts .newsHidden .boxBody .linkList.wide li a .inner .date {
        display: block;
        margin-right: 0;
        float: none;
    }
    #index #main #conts .newsHidden .boxBody .linkList.wide li a .inner p {
        overflow: inherit;
    }
    #index #main #conts .newsHidden .boxBody .linkList .spLink {
        padding: 20px;
        display: block;
    }
    #index #main #conts .newsHidden .boxBody .linkList .spLink a {
        padding: 15px;
        background: #E0B814;
    }
    #index #main #conts .published .boxBody .periodicalList li {
        height: auto !important;
        background: #F4F4F4;
    }
    #index #main #conts .published .boxBody .periodicalList li .inner {
        padding: 20px 0;
    }
    #index #main #conts .published .boxBody .periodicalList li .inner .ttl,
    #index #main #conts .published .boxBody .periodicalList li .inner .rotate,
    #index #main #conts .published .boxBody .periodicalList li .inner .linkTtl {
        display: none;
    }
    #index #main #conts .published .boxBody .periodicalList li .inner .thumb {
        width: 100% !important;
        margin: 0;
        text-align: center;
    }
    #index #main #conts .published .boxBody .periodicalList li .inner .thumb img {
        width: 30%;
    }
    #index #main #conts .published .boxBody .periodicalSliderCaption {
        display: block;
        padding: 15px;
    }
    #index #main #conts .published .boxBody .periodicalSliderCaption ul li {
        height: auto !important;
        display: none;
    }
    #index #main #conts .published .boxBody .periodicalSliderCaption ul li .ttl {
        margin-bottom: 14px;
        padding-bottom: 11px;
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted.png") left bottom repeat-x;
        font-size: 114.3%;
        font-weight: bold;
        line-height: 1.3;
        color: #3C4975;
    }
    #index #main #conts .published .boxBody .periodicalSliderCaption ul li .subttl {
        margin-bottom: 10px;
        font-weight: bold;
    }
}


/*------------------------------------------------------------
banner
------------------------------------------------------------*/

@media only screen and (max-width: 770px) {
    .requestBtns li {
        display: block !important;
        margin: 10px 0 0 !important;
        width: 100% !important;
    }
    .requestBtns li:first-child {
        margin-top: 0 !important;
    }
}


/*------------------------------------------------------------
定期刊行物
------------------------------------------------------------*/

#periodical #main #conts {
    /*下層*/
}

#periodical #main #conts .snsBtns {
    margin: 20px 0 20px 0;
    padding-bottom: 0;
    background: none;
}

#periodical #main #conts .privilegeBox {
    margin-top: 30px;
}

#periodical #main #conts .headingPublished .subTtl {
    margin-left: 1em;
    font-size: 87.5%;
    display: inline-block;
}

#periodical #main #conts .pageLink {
    width: 100%;
    margin-bottom: 30px;
}

#periodical #main #conts .pageLink:after {
    display: block;
    clear: both;
    content: "";
}

#periodical #main #conts .pageLink li {
    width: 20%;
    height: 60px;
    text-indent: 0;
    padding-left: 1.162790698%;
    float: left;
    display: table;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical #main #conts .pageLink li:first-child {
    padding-left: 0;
}

#periodical #main #conts .pageLink li a {
    text-align: center;
    padding: 10px 20px 10px 20px;
    width: 100%;
    height: 100%;
    display: block;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical #main #conts .pageLink li a:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    top: 50%;
    right: 8px;
}

#periodical #main #conts .pageLink li a.icon09:after {
    width: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_window01.png") no-repeat;
}

#periodical #main #conts .pageLink.btn4 {
    width: 90%;
    margin: 0 auto;
}

#periodical #main #conts .pageLink.btn5 {
    width: 100%;
    margin: 0 auto;
}

#periodical #main #conts .pageLink.btn4 li {
    width: 25%;
}

#periodical #main #conts .pageLink.btn4 li {
    width: 20%;
}

@media only screen and (max-width: 1100px) {
    #periodical #main #conts .pageLink.btn4,
    #periodical #main #conts .pageLink.btn5 {
        width: 100%;
        margin: 0 auto;
    }
    #periodical #main #conts .pageLink.btn4 li,
    #periodical #main #conts .pageLink.btn5 li {
        width: 100%;
    }
}

@media only screen and (max-width: 1100px) {
    #periodical #main #conts .pageLink li {
        width: 100%;
        height: 60px;
        margin-top: 15px;
        padding-left: 0;
        text-indent: 0;
        float: left;
        display: table;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #periodical #main #conts .pageLink li:first-child {
        padding-left: 0;
        margin-top: 0;
    }
    #periodical #main #conts .pageLink li a {
        text-align: center;
        padding: 10px 25px 10px 10px;
        width: 100%;
        height: 100%;
        display: block;
        display: table-cell;
        vertical-align: middle;
        line-height: 1.2;
    }
    #periodical #main #conts .pageLink li a:after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        content: "";
        position: absolute;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
        top: 50%;
        right: 10px;
    }
    #periodical #main #conts .pageLink li a.icon09:after {
        width: 16px;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_window01.png") no-repeat;
    }
}

#periodical #main #conts .contsBox {
    width: 100%;
    margin-bottom: 35px;
}

#periodical #main #conts .contsBox:after {
    display: block;
    clear: both;
    content: "";
}

#periodical #main #conts .contsBox .imgArea {
    width: 23.25581395%;
    float: left;
}

#periodical #main #conts .contsBox .imgArea img {
    box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -webkit-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -moz-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
}

@media only screen and (max-width: 770px) {
    #periodical #main #conts .contsBox .imgArea {
        width: 60%;
        margin: 0 auto;
        margin-bottom: 20px;
        float: none;
        text-align: center;
    }
}

#periodical #main #conts .contsBox .txtArea {
    width: 73.25581395%;
    float: right;
}

#periodical #main #conts .contsBox .txtArea .headTxt {
    margin-bottom: 10px;
    font-size: 171.42857%;
    color: #F27213;
}

#periodical #main #conts .contsBox .txtArea .txtListBox {
    background-color: #F9F9F9;
    padding: 20px;
}

#periodical #main #conts .contsBox .txtArea .txtListBox .attention {
    font-size: 85.71429%;
}

@media only screen and (max-width: 770px) {
    #periodical #main #conts .contsBox .txtArea {
        float: none;
        width: 100%;
    }
}

#periodical #main #conts .horizontalBanner {
    margin-bottom: 35px;
}

#periodical #main #conts .linkArea {
    margin-top: 50px;
    text-align: center;
}

#periodical #main #conts .linkArea ul {
    width: 45.34883721%;
    display: inline-block;
}

#periodical #main #conts .linkArea ul li {
    width: 48.71794872%;
    margin-left: 2.307692308%;
    float: left;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical #main #conts .linkArea ul li:first-child {
    margin-left: 0;
}

#periodical #main #conts .linkArea ul li .button {
    text-align: left;
}

#periodical #main #conts .linkArea ul li .button span {
    padding-left: 20px;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 940px) {
    #periodical #main #conts .linkArea ul {
        width: 60%;
    }
}

@media only screen and (max-width: 770px) {
    #periodical #main #conts .linkArea ul {
        width: 100%;
    }
    #periodical #main #conts .linkArea ul li {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #periodical #main #conts .linkArea ul li:first-child {
        margin-top: 0;
    }
}

#periodical #main #conts .backNumArea:after {
    display: block;
    clear: both;
    content: "";
}

#periodical #main #conts .backNumArea .tableWrapper {
    width: 50%;
    float: left;
}

#periodical #main #conts .backNumArea .tableWrapper .resTable {
    line-height: 1.3em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical #main #conts .backNumArea .tableWrapper .resTable dt,
#periodical #main #conts .backNumArea .tableWrapper .resTable dd {
    font-size: 100%;
    padding: 5px 4.651162791%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical #main #conts .backNumArea .tableWrapper .resTable dt {
    font-weight: bold;
    width: 32.55813953%;
}

#periodical #main #conts .backNumArea .tableWrapper .resTable dd {
    width: 67.44186047%;
}

@media only screen and (max-width: 770px) {
    #periodical #main #conts .backNumArea .tableWrapper {
        width: 100%;
        float: none;
    }
    #periodical #main #conts .backNumArea .tableWrapper .resTable dt {
        width: 100%;
    }
    #periodical #main #conts .backNumArea .tableWrapper .resTable dd {
        width: 100%;
    }
}

#periodical #main #conts .detailList li {
    margin-top: 10px;
    border: 2px solid #CCCCCC;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/periodical_detail.png") repeat-y left top;
}

#periodical #main #conts .detailList li .detailListBox {
    padding: 1.744186047%;
    padding-left: 140px;
    position: relative;
}

#periodical #main #conts .detailList li .detailListBox .listLead {
    font-size: 114.28571%;
    font-weight: bold;
    color: #3A1F4B;
}

#periodical #main #conts .detailList li .detailListBox:before {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_news_icon.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 20px;
}

#periodical #main #conts .detailList li .detailListBox.icon01:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_faq_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon02:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_precedent_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon03:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_pay_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon04:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_tracking_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon05:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_feature_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon06:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_association_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon07:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_feature_icon02.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon08:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_news_icon02.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon09:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_topics_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon10:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_serialization_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon11:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_appendix_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon12:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_monthly_icon.png.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon13:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_reference_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon14:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_report_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon15:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_government_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon16:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_union_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon17:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_public_relations_icon.png") no-repeat;
}

#periodical #main #conts .detailList li .detailListBox.icon18:before {
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_serialization_icon02.png") no-repeat;
}

#periodical #main #conts .detailList li:first-child {
    margin-top: 0;
}

#periodical #main #conts .privilegeBox {
    border: 1px solid #BE494D;
}

#periodical #main #conts .privilegeBox .privilegeList:after {
    display: block;
    clear: both;
    content: "";
}

#periodical #main #conts .privilegeBox .privilegeList li {
    width: 50%;
    padding: 3.488372093%;
    border-left: 1px dashed #DFDFDF;
    border-bottom: 1px dashed #DFDFDF;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #periodical #main #conts .privilegeBox .privilegeList li {
        width: 100%;
        float: none;
        border-left: none;
        border-bottom: none;
        border-top: 1px dashed #DFDFDF;
    }
    #periodical #main #conts .privilegeBox .privilegeList li:first-child {
        border-top: none;
    }
}

#periodical #main #conts .privilegeBox .privilegeList li .leadWithNum {
    display: table;
    margin-bottom: 18px;
}

#periodical #main #conts .privilegeBox .privilegeList li .leadWithNum .num,
#periodical #main #conts .privilegeBox .privilegeList li .leadWithNum .txt {
    display: table-cell;
    vertical-align: middle;
}

#periodical #main #conts .privilegeBox .privilegeList li .leadWithNum .num {
    width: 60px;
    min-width: 60px;
    height: 60px;
    font-size: 142.85714%;
    background: url("/wp/wp-content/themes/rodo/img/periodical/icon/periodical_num_icon.png") no-repeat;
    text-align: center;
    font-weight: bold;
    color: #FFF;
}

#periodical #main #conts .privilegeBox .privilegeList li .leadWithNum .txt {
    padding-left: 10px;
    font-size: 128.57143%;
    color: #BE494D;
    line-height: 1.1em;
    font-weight: bold;
}

@media only screen and (max-width: 770px) {
    #periodical #main #conts .privilegeBox .privilegeList li .imgBox {
        text-align: center;
    }
}

#periodical #main #conts .privilegeBox .privilegeList li .contsTxt {
    margin-bottom: 1em;
    display: block;
    line-height: 1.5em;
}

#periodical #main #conts .privilegeBox .privilegeList li .attention {
    margin: 1em 0;
    font-size: 85.71429%;
    display: inline-block;
}

#periodical #main #conts .privilegeBox .privilegeList li .linkTxt {
    margin: 1em 0;
}

#periodical #main #conts .privilegeBox .privilegeList li.antiBorL {
    border-left: none;
}

#periodical #main #conts .privilegeBox .privilegeList li.antiBorBtm {
    border-bottom: none;
}

#periodical #main #conts .selectAction button {
    background: none;
    border: none;
    cursor: pointer;
}

#periodical #main #conts .itemBox:after {
    display: block;
    clear: both;
    content: "";
}

#periodical #main #conts .itemBox .item {
    float: left;
}

#periodical #main #conts .itemBox .dataBox {
    width: 630px;
    float: right;
}

#periodical #main #conts .itemBox .dataBox p {
    margin-bottom: 20px;
}

#periodical #main #conts .itemBox .dataBox ul.itemizeList {
    margin-bottom: 20px;
    padding-bottom: 15px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
}

#periodical #main #conts .itemBox .dataBox ul.itemizeList li {
    width: 230px;
    float: left;
}

#periodical #main #conts .itemBox .dataBox ul.itemizeList li:last-child {
    margin-top: 5px;
    width: auto;
    clear: both;
}

#periodical #main #conts .itemBox .dataBox ul.banners:after {
    display: block;
    clear: both;
    content: "";
}

#periodical #main #conts .itemBox .dataBox ul.banners li {
    margin-right: 10px;
    width: 190px;
    float: left;
}

#periodical #main #conts .itemBox .dataBox ul.banners li:last-child {
    margin-right: 0;
}

#periodical #main #conts .privilege {
    margin-bottom: 30px;
    border: 2px solid #AE494F;
    border-top: 4px solid #AE494F;
}

#periodical #main #conts .privilege h2 {
    padding: 14px 15px 11px 45px;
    font-size: 128.6%;
    font-weight: bold;
    line-height: 1.2;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat left top;
    border-bottom: 1px solid #AE494F;
    position: relative;
}

#periodical #main #conts .privilege h2:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle03.png") 0 0 no-repeat;
    position: absolute;
    top: 15px;
    left: 19px;
}

#periodical #main #conts .privilege .inner {
    padding: 20px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
}

#periodical #main #conts .privilege .inner:last-child {
    background: none;
}

#periodical #main #conts .privilege .inner h3 {
    margin-bottom: 15px;
    padding: 5px 0 4px 34px;
    font-size: 107.1%;
    color: #AD474D;
}

#periodical #main #conts .privilege .inner h3.tel {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_tel.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner h3.books {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_book.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner h3.mail {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_mail.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner h3.seminar02 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_seminar02.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner h3.seminar03 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_seminar03.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner h3.sale {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_sale.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner h3.data {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_data.png") 0 0 no-repeat;
}

#periodical #main #conts .privilege .inner .colorBox {
    margin-bottom: 10px;
}

#periodical .backNumber {
    border: 2px solid #DFDFDF;
    border-top: none;
}

#periodical .backNumber dt {
    padding: 11px 20px;
    background: #F9F9F9;
    border: 1px solid #EFEFEF;
    font-size: 114.28571%;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}

#periodical .backNumber dt:before {
    content: "";
    margin-top: -14px;
    width: 28px;
    height: 28px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_open.png") 0 0 no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
}

#periodical .backNumber dt.open:before {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_close.png") 0 0 no-repeat;
}

#periodical .backNumber dd {
    display: none;
    padding: 15px 20px;
}

#periodical .backNumber dd.open {
    display: block;
}

#periodical .backNumber dd ul:after {
    display: block;
    clear: both;
    content: "";
}

#periodical .backNumber dd ul li {
    width: 195px;
    float: left;
}

#periodical .backNumber dd ul li a {
    display: inline-block;
    padding-left: 17px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow02.png") 0 4px no-repeat;
    font-weight: normal;
    line-height: 1.6;
}


/*------------------------------------------------------------
定期刊行物購読申込み,見本誌試読申し込み
------------------------------------------------------------*/

#periodical .resTable select {
    width: 23%;
}

@media only screen and (max-width: 770px) {
    #periodical .resTable select {
        width: 80%;
    }
}

#periodical .resTable .etcBox textarea {
    width: 81.39534884%;
}

@media only screen and (max-width: 770px) {
    #periodical .resTable .etcBox textarea {
        width: 100%;
    }
}

#periodical .resTable .occupationBox,
#periodical .resTable .scaleBox {
    margin-bottom: 20px;
}

#periodical .resTable .occupationBox:after,
#periodical .resTable .scaleBox:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (min-width: 770px) {
    #periodical .resTable .occupationBox li,
    #periodical .resTable .scaleBox li {
        width: 16.66666666666667%;
        float: left;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #periodical .resTable .occupationBox li,
    #periodical .resTable .scaleBox li {
        width: 25%;
        float: left;
    }
}

@media only screen and (max-width: 770px) {
    #periodical .resTable .occupationBox li,
    #periodical .resTable .scaleBox li {
        width: 50%;
        float: left;
    }
}

#periodical .resTable label.labelStyle01 {
    display: block;
    padding-left: 1.5em;
    font-weight: bold;
    position: relative;
}

#periodical .resTable label.labelStyle01:before {
    width: 4px;
    height: 4px;
    content: "";
    background-color: #000;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 8px;
}

#periodical .tel_number {
    width: 75%;
    margin: 0 auto;
}

#periodical .tel_number:after {
    display: block;
    clear: both;
    content: "";
}

#periodical .tel_number .box {
    width: 100%;
    display: table;
}

#periodical .tel_number .box .boxHead,
#periodical .tel_number .box .tellBox {
    vertical-align: middle;
    display: table-cell;
}

#periodical .tel_number .box .boxHead {
    width: 28.88888888888889%;
    padding: 30px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 128.57143%;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title05.png") repeat;
    color: #3B4874;
}

#periodical .tel_number .box .tellBox {
    padding-right: 20px;
    border: 2px solid #E0E0E0;
}

#periodical .tel_number .box .tellBox dl {
    width: 100%;
    display: table;
}

#periodical .tel_number .box .tellBox dl dt,
#periodical .tel_number .box .tellBox dl dd {
    width: 50%;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical .tel_number .box .tellBox dl dt {
    font-size: 114.28571%;
    font-weight: bold;
}

#periodical .tel_number .box .tellBox dl dt br {
    display: none;
}

@media only screen and (max-width: 770px) {
    #periodical .formLead {
        margin-bottom: 20px;
    }
    #periodical .tel_number {
        width: 80%;
        margin: 0 auto;
    }
    #periodical .tel_number:after {
        display: block;
        clear: both;
        content: "";
    }
    #periodical .tel_number .box {
        width: 100%;
        display: block;
    }
    #periodical .tel_number .box .boxHead,
    #periodical .tel_number .box .tellBox {
        vertical-align: middle;
        display: block;
    }
    #periodical .tel_number .box .boxHead {
        width: 100%;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 128.57143%;
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat;
        color: #3B4874;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #periodical .tel_number .box .tellBox {
        padding: 10px;
        border: 2px solid #E0E0E0;
    }
    #periodical .tel_number .box .tellBox dl {
        width: 100%;
        display: block;
    }
    #periodical .tel_number .box .tellBox dl dt,
    #periodical .tel_number .box .tellBox dl dd {
        width: 100%;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
        display: block;
    }
    #periodical .tel_number .box .tellBox dl dt {
        font-size: 114.28571%;
        font-weight: bold;
        margin-bottom: 0.5em;
    }
    #periodical .tel_number .box .tellBox dl dt br {
        display: block;
    }
    #periodical .tel_number .box .tellBox dl dd select {
        height: 36px;
    }
}


/*------------------------------------------------------------
バックナンバーページ
------------------------------------------------------------*/

#backnumber.index .contsBox {
    margin-top: 20px;
}

#backnumber.index .contsBox .linkStyle01:after {
    display: block;
    clear: both;
    content: "";
}

#backnumber.index .contsBox .linkStyle01 li {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

#backnumber.index .contsBox .linkStyle01 li a {
    padding-right: 17px;
    font-weight: bold;
}

@media only screen and (max-width: 947px) {
    #backnumber.index .contsBox .linkStyle01 li {
        width: 33.33333333333%;
    }
}

@media only screen and (max-width: 535px) {
    #backnumber.index .contsBox .linkStyle01 li {
        width: 50%;
    }
}

@media only screen and (max-width: 390px) {
    #backnumber.index .contsBox .linkStyle01 li {
        width: 100%;
    }
}


/*------------------------------------------------------------
バックナンバーページ詳細
------------------------------------------------------------*/

#backnumber.detail .snsBtns {
    margin: 20px 0 20px 0;
    padding-bottom: 0;
    background: none;
}

#backnumber.detail .postBody>p a {
    padding-left: 15px;
    position: relative;
}

#backnumber.detail .postBody>p a:before {
    width: 12px;
    height: 12px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow02.png") no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
}

#backnumber.detail .contsOuter .contsBox {
    margin-top: 40px;
}

#backnumber.detail .contsOuter .contsBox .inner .paragraphBox {
    margin-top: 40px;
}

#backnumber.detail .contsOuter .contsBox .inner .paragraphBox .lineHead {
    display: block;
    margin-bottom: 5px;
}

#backnumber.detail .contsOuter .contsBox .inner .paragraphBox.withImg {
    overflow: hidden;
}

#backnumber.detail .contsOuter .contsBox .inner .paragraphBox.withImg .paraBox .imgArea {
    width: 38.37209302%;
    padding-left: 1em;
    padding-bottom: 1em;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #backnumber.detail .contsOuter .contsBox .inner .paragraphBox.withImg .paraBox .imgArea {
        width: 50%;
        padding-left: 1em;
        padding-bottom: 1em;
        float: right;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

#backnumber.detail .contsOuter .contsBox .inner .paragraphBox:first-child {
    margin-top: 0;
}

#backnumber.detail .contsOuter .contsBox:first-child {
    margin-top: 0;
}

#backnumber.detail .btnArea {
    padding: 3.488372093% 1.162790698%;
    background-color: #F9F9F9;
}

#backnumber.detail .btnArea ul {
    width: 76.86046511627907%;
    margin: 0 auto;
}

#backnumber.detail .btnArea ul:after {
    display: block;
    clear: both;
    content: "";
}

#backnumber.detail .btnArea ul li {
    width: 31.31618759455371%;
    margin-left: 2.723146747352496%;
    float: left;
}

#backnumber.detail .btnArea ul li .button {
    padding: 15px 5px;
    font-weight: bold;
}

#backnumber.detail .btnArea ul li .button span {
    display: block;
}

#backnumber.detail .btnArea ul li:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 770px) {
    #backnumber.detail .btnArea ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        float: none;
    }
}

#backnumber.detail .backNumberAco {
    margin-top: 50px;
}

#backnumber.detail .backNumberAco .heading {
    border-top: 2px solid #57444A;
}

#backnumber.detail .backNumberAco .heading:before {
    height: 2px;
    top: -2px;
}

#backnumber.detail .backNumArea {
    border: 2px solid #DFDFDF;
    border-top: none;
}

#backnumber.detail .backNumArea ul>li .year {
    display: block;
    padding: 17px 60px 17px 17px;
    font-size: 114.28571%;
    font-weight: bold;
    background-color: #F9F9F9;
    border-bottom: 1px solid #EFEFEF;
    border-top: 2px solid #DFDFDF;
    cursor: pointer;
    position: relative;
}

#backnumber.detail .backNumArea ul>li .year:before {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/accordion_closed_icon.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
}

#backnumber.detail .backNumArea ul>li .subList {
    padding: 1em 15px;
    display: none;
}

#backnumber.detail .backNumArea ul>li .subList ul {
    width: 100%;
}

#backnumber.detail .backNumArea ul>li .subList ul:after {
    display: block;
    clear: both;
    content: "";
}

#backnumber.detail .backNumArea ul>li .subList ul li {
    width: 25%;
    float: left;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#backnumber.detail .backNumArea ul>li .subList ul li .linkTxt {
    font-size: 107.69231%;
    font-weight: bold;
}

@media only screen and (max-width: 998px) {
    #backnumber.detail .backNumArea ul>li .subList ul li {
        width: 33.33333333333%;
    }
}

@media only screen and (max-width: 841px) {
    #backnumber.detail .backNumArea ul>li .subList ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 446px) {
    #backnumber.detail .backNumArea ul>li .subList ul li {
        width: 100%;
    }
}

#backnumber.detail .backNumArea ul>li.active .year:before {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/accordion_opened_icon.png") no-repeat;
}

#backnumber.detail .backNumArea ul>li.active .subList {
    display: block;
}

#backnumber.detail .issueTime {
    margin: 20px 0;
    text-align: right;
}

#backnumber.detail .postBody p {
    margin: 20px 0;
}

#backnumber.detail .postBody h3,
#backnumber.detail .postBody h4 {
    font-weight: normal;
}

#backnumber.detail .postBody .subHead {
    margin-bottom: 20px;
    padding: 12px 18px 10px 25px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 3px solid #57444A;
    line-height: 1.2;
    background: #FFF url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
    position: relative;
}

#backnumber.detail .postBody .subHead .linkTxt {
    font-size: 81.25%;
    color: #333333;
    float: right;
}

#backnumber.detail .postBody .subHead:before {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 20px;
    background: #9E58C9;
}

#backnumber.detail .postBody .subHead:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle01.png") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 0;
}

#backnumber.detail .postBody .lineHead {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    border-left: 2px solid #CCC;
    font-size: 114.28571%;
    color: #394672;
    line-height: 1.3;
    font-weight: bold;
}

#backnumber.detail .postBody ul {
    margin: 20px 0;
    list-style: disc inside;
}

#backnumber.detail .postBody ul li {
    padding-left: 1em;
    text-indent: -1em;
}

#backnumber.detail .postBody ol {
    margin: 20px 0;
    list-style: decimal inside;
}

#backnumber.detail .postBody ol li {
    padding-left: 1em;
    text-indent: -1em;
}

#backnumber.detail .postBody table {
    margin: 20px 0;
    width: 100%;
    border-collapse: collapse;
}

#backnumber.detail .postBody table th,
#backnumber.detail .postBody table td {
    padding: 5px;
    border: 1px solid #CCC;
}

#backnumber.detail .postBody table th {
    font-weight: bold;
}

#backnumber.detail .postBody code {
    padding: 3px;
    background-color: #CCC;
}

#backnumber.detail .postBody small {
    font-size: 85.71429%;
}

#backnumber.detail .postBody .tableWrapper {
    margin: 20px 0;
}

#backnumber.detail .postBody .tableWrapper dt {
    font-weight: bold;
}

#backnumber.detail .postBody .movArea {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#backnumber.detail .postBody .movArea iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#backnumber.detail .postBody .alignleft,
#backnumber.detail .postBody img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

#backnumber.detail .postBody .alignright,
#backnumber.detail .postBody img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#backnumber.detail .postBody .aligncenter,
#backnumber.detail .postBody img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#backnumber.detail .postBody img.alignleft,
#backnumber.detail .postBody img.alignright,
#backnumber.detail .postBody img.aligncenter {
    margin-bottom: 12px;
}

@media only screen and (max-width: 770px) {
    #backnumber.detail .postBody img.alignleft,
    #backnumber.detail .postBody img.alignright {
        float: none;
    }
    #backnumber.detail .postBody img.alignleft,
    #backnumber.detail .postBody img.alignright,
    #backnumber.detail .postBody img.aligncenter {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}

#backnumber.detail .postBody .wp-caption {
    background: #f1f1f1;
    border: none;
    border-radius: 0;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    width: 100% !important;
    padding: 4px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#backnumber.detail .postBody .wp-caption a {
    background-image: none;
    padding: 0;
}

#backnumber.detail .postBody .wp-caption a img {
    max-width: inherit;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#backnumber.detail .postBody .gallery-item a {
    background-image: none;
    padding: 0;
}

#backnumber.detail .postBody .wp-caption img {
    margin: 5px;
}

#backnumber.detail .postBody .wp-caption p.wp-caption-text {
    margin: 0 0 4px;
}

#backnumber.detail .postBody .wp-smiley {
    margin: 0;
}

#backnumber.detail .postBody .detailPageNavi {
    margin-top: 20px;
    text-align: center;
}

#backnumber.detail .postBody .detailPageNavi .spHide {
    display: inline;
}

#backnumber.detail .postBody .detailPageNavi ul {
    width: 100%;
    display: inline-block;
}

#backnumber.detail .postBody .detailPageNavi ul li {
    display: inline-block;
    margin-left: 2px;
}

#backnumber.detail .postBody .detailPageNavi ul li>span {
    padding: 6px 13px;
    text-align: center;
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

#backnumber.detail .postBody .detailPageNavi ul li a {
    color: #999;
    padding: 6px 13px;
    border: 1px solid #CCC;
    text-decoration: none;
    text-align: center;
}

#backnumber.detail .postBody .detailPageNavi ul li a:hover {
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

@media only screen and (max-width: 893px) {
    #backnumber.detail .btnArea ul {
        width: 92%;
    }
}

#backnumber.detail .downloadThumbnail {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    float: right;
    text-align: center;
    margin: 16px 0px 16px 16px;
    width: 235px;
}

#backnumber.detail .downloadThumbnail .popupimage {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#backnumber.detail .downloadThumbnail .downloadLink {
    margin: 5px 0px 5px 0px;
}

#backnumber.detail .downloadThumbnail .downloadLink ul {
    margin: 0;
}

#backnumber.detail .downloadThumbnail .downloadLink ul li {
    padding-left: 0em;
}

#backnumber.detail .downloadThumbnail .downloadLink ul li a {
    background-color: #6053A8;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    position: relative;
    display: block;
    width: 167px;
    border: 2px solid #8E84C1;
    text-indent: 0em;
    height: 35px;
}

#backnumber.detail .downloadThumbnail .downloadLink ul li a p {
    margin: 7px;
}

@media only screen and (max-width: 500px) {
    #backnumber.detail .downloadThumbnail {
        display: table;
        float: none;
        margin: 16px auto;
    }
}



/*------------------------------------------------------------
定期刊行物
------------------------------------------------------------*/

@media only screen and (max-width: 770px) {
    #periodical #main #conts {
        /*下層*/
    }
    #periodical #main #conts .itemBox .item {
        margin-bottom: 10px !important;
        text-align: center;
        float: none !important;
    }
    #periodical #main #conts .itemBox .dataBox {
        width: 100% !important;
        float: none !important;
    }
    #periodical #main #conts .itemBox .dataBox ul.itemizeList li {
        margin-top: 10px !important;
        width: 100% !important;
        float: none !important;
    }
    #periodical #main #conts .itemBox .dataBox ul.itemizeList li:first-child {
        margin-top: 0 !important;
    }
    #periodical #main #conts .itemBox .dataBox ul.banners:after {
        display: block;
        clear: both;
        content: "";
    }
    #periodical #main #conts .itemBox .dataBox ul.banners li {
        margin-top: 10px !important;
        margin-right: 0 !important;
        width: 100% !important;
        float: none !important;
    }
    #periodical #main #conts .itemBox .dataBox ul.banners li:first-child {
        margin-top: 0 !important;
    }
}


/*------------------------------------------------------------
定期刊行物 TOP
------------------------------------------------------------*/

#periodical.page .heading {
    margin-bottom: 20px;
}

#periodical.page .headingMovie {
    margin-bottom: 0px;
}

#periodical.page .headingSNS {
    margin-bottom: 0px;
}

#periodical.page #main #conts .publicationList {
    border: 2px solid #DFDFDF;
    margin-bottom: 40px;
}

#periodical.page #main #conts .publicationList:after {
    display: block;
    clear: both;
    content: "";
}

#periodical.page #main #conts .publicationList li {
    width: 25%;
    padding: 1.744186047%;
    border-left: 1px solid #DFDFDF;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#periodical.page #main #conts .publicationList li:first-child {
    border: none;
}

#periodical.page #main #conts .publicationList li a {
    display: block;
}

@media only screen and (max-width: 770px) {
    #periodical.page #main #conts .publicationList li {
        width: 100%;
        padding: 3.744186047%;
        margin: 0 auto;
        border-left: none;
        border-top: 1px solid #DFDFDF;
        float: none;
    }
    #periodical.page #main #conts .publicationList li:first-child {
        border: none;
    }
}

#periodical.page #main #conts .publicationBox {
    margin-bottom: 50px;
}

#periodical.page #main #conts .publicationBox .recommendBox {
    background-color: #F5F1E2;
    margin-bottom: 30px;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendTtl {
    margin-bottom: 12 px;
    padding: 1.162790698% 3.162790698%;
    border-bottom: 4px solid #65A813;
    background-color: #72BC16;
    text-align: center;
    position: relative;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendTtl:before {
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    margin-left: -6px;
    border-width: 12px 12px 0 12px;
    border-color: #65a813 transparent transparent transparent;
    position: absolute;
    bottom: -16px;
    left: 50%;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendTtl:after {
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    margin-left: -4px;
    border-width: 10px 10px 0 10px;
    border-color: #71bc16 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendList {
    padding: 2.325581395%;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendList li {
    margin-top: 10px;
    padding-left: 40px;
    font-size: 114.28571%;
    font-weight: bold;
    position: relative;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendList li:before {
    width: 30px;
    height: 24px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_check_box.png") no-repeat;
    position: absolute;
    top: 2px;
    left: 0;
}

#periodical.page #main #conts .publicationBox .recommendBox .recommendList li:first-child {
    margin-top: 0;
}

#periodical.page #main #conts .publicationBox .horizontalBanner {
    width: 91.86046512%;
    margin: 0 auto 15px auto;
}

@media only screen and (max-width: 770px) {
    #periodical.page #main #conts .publicationBox .horizontalBanner {
        width: 100%;
        margin: 0;
    }
}

#periodical.page #main #conts .publicationBox .goTopBtn {
    text-align: right;
}

#periodical.page #main #conts .publicationBox .goTopBtn a {
    font-size: 71.42857%;
    padding-left: 22px;
    color: #57444A;
    position: relative;
}

#periodical.page #main #conts .publicationBox .goTopBtn a:before {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_go_top.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
}


/*------------------------------------------------------------
/book/以下
------------------------------------------------------------*/

#book #main #conts .col3 .rightRow .genre .lead {
    padding: 0;
    background: none;
    display: inline-block;
}

#book #main #cartForm .selectAction .left a {
    line-height: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#book #main #cartForm .selectAction .right .btn {
    cursor: pointer;
    padding: 20px 5px;
    border: 2px solid #F0975C;
    background-color: #EA6A15;
    color: #FFF;
    letter-spacing: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.1;
}

#book #main #cartForm .selectAction .right .btn span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    font-weight: bold;
    line-height: 1;
}

#book .spHide {
    display: block;
}

@media only screen and (max-width: 770px) {
    #book .spHide {
        display: none;
    }
}

#book .pcHide {
    display: none;
}

@media only screen and (max-width: 770px) {
    #book .pcHide {
        display: block;
    }
}

#book .pcHide.attention {
    margin-top: 15px;
}

#book .heading.headingBook {
    margin-bottom: 20px;
}

#book .subHead.subBook {
    margin-top: 20px;
    margin-bottom: 20px;
}

#book .flow {
    margin-bottom: 30px;
}

#book .heading {
    margin-bottom: 20px;
}

#book .subHead {
    margin-bottom: 0;
}

#book .itemizeList {
    padding: 10px;
    background-color: #F9F9F9;
}

#book .itemizeList.secondary {
    padding: 0;
    margin-left: 4px;
}

#book .itemizeList.secondary li {
    line-height: 2em;
}

#book .itemizeList.secondary li:before {
    top: 10px;
}

#book .formLead {
    margin-bottom: 20px;
}

#book .error_notice {
    margin-bottom: 30px;
    padding: 20px;
    background: #FFEAEA;
    font-weight: bold;
    color: #990000;
}

#book .link_top {
    margin: 20px 0;
    text-align: center;
}

#book .link_top li {
    display: inline-block;
}

@media only screen and (max-width: 770px) {
    #book .link_top li {
        display: block;
    }
}

#book .link_top li .separate {
    margin: 0 8px 0 12px;
    display: inline-block;
}

@media only screen and (max-width: 770px) {
    #book .link_top li .separate {
        display: none;
    }
}

#book .lead {
    padding: 10px;
    background-color: #F9F9F9;
    font-weight: bold;
    color: #3B4874;
    display: block;
}

#book .lead.secondary {
    padding: 10px 20px 10px 40px;
    color: #333;
    font-weight: normal;
    position: relative;
}

#book .lead.secondary:before {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50px;
    background-color: #333333;
    position: absolute;
    top: 20px;
    left: 28px;
}

#book .lead.again {
    font-weight: bold;
    color: #394672;
    background: #F9F9F9;
}

#book .reloadNum {
    width: 100%;
    margin-top: 20px;
    display: table;
}

@media only screen and (max-width: 770px) {
    #book .reloadNum {
        display: block;
    }
}

#book .reloadNum span {
    width: 90%;
    display: table-cell;
}

@media only screen and (max-width: 770px) {
    #book .reloadNum span {
        width: 100%;
        display: block;
    }
}

#book .reloadNum button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: table-cell;
    padding: 5px;
    display: inline-block;
    padding: 10px;
    background: none;
    border: none;
    cursor: pointer;
    border: 2px solid #F0975C;
    background-color: #EA6A15;
    color: #FFF;
    font-weight: bold;
}

#book .reloadNum button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

@media only screen and (max-width: 770px) {
    #book .reloadNum button {
        width: 60%;
        margin: 0 auto;
        margin-top: 20px;
        display: block;
    }
}

#book .newsList {
    border: 1px solid #58454B;
    border-top: none;
}

#book .newsList .subHead {
    margin-bottom: 0;
    border-bottom: 1px solid #DFDFDF;
}

#book .newsList .boxBody .box .linkList {
    height: 270px;
    overflow: auto;
}

#book .newsList .boxBody .box .linkList .inner {
    padding: 16px 15px 16px 25px;
}

#book .newsList .boxBody .box .linkList .inner dl {
    width: 100%;
    display: table;
}

#book .newsList .boxBody .box .linkList .inner dl dt,
#book .newsList .boxBody .box .linkList .inner dl dd {
    vertical-align: middle;
    display: table-cell;
}

#book .newsList .boxBody .box .linkList .inner dl dt {
    width: 10%;
    font-weight: bold;
}

@media only screen and (max-width: 770px) {
    #book .newsList .boxBody .box .linkList .inner dl dt {
        width: 12.95843520782396%;
    }
}

#book .newsList .boxBody .box .linkList .inner dl dd {
    width: 91%;
    padding-left: 20px;
}

#book .orderingProduct {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
}

#book .orderingProduct .fwb {
    font-weight: bold;
}

#book .orderingProduct .center {
    text-align: center;
}

#book .orderingProduct .left {
    text-align: left;
}

#book .orderingProduct .right {
    text-align: right;
}

#book .orderingProduct .head {
    text-align: center;
    background-color: #EFEFEF;
    font-weight: bold;
}

#book .orderingProduct .head.secondary {
    background-color: #F6F6F6;
}

#book .orderingProduct .rowHead td,
#book .orderingProduct .rowHead th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #FFF;
    padding: 15px;
    position: relative;
}

#book .orderingProduct .rowHead td:before,
#book .orderingProduct .rowHead th:before {
    width: 100%;
    height: 1px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x;
    position: absolute;
    top: -1px;
    left: 0;
}

#book .orderingProduct .rowHead td:after,
#book .orderingProduct .rowHead th:after {
    width: 100%;
    height: 1px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x;
    position: absolute;
    bottom: 0px;
    left: 0;
}

#book .orderingProduct .rowHead .col01 {
    width: 4%;
}

#book .orderingProduct .rowHead .col02 {
    width: 7%;
}

#book .orderingProduct .rowHead .col03 {
    width: 52%;
}

#book .orderingProduct .rowHead .col04 {
    width: 8%;
}

#book .orderingProduct .rowHead .col05 {
    width: 10%;
}

#book .orderingProduct .rowHead .priceSum {
    background-color: #FFF;
}

#book .orderingProduct .productRow .spHideImg img {
    max-width: inherit;
}

#book .orderingProduct .productRow td {
    padding: 20px;
    border-left: 1px solid #FFF;
}

#book .orderingProduct .productRow .orderNum input {
    padding: 3px;
    width: 44px;
}

#book .orderingProduct .productRow .del {
    min-width: 36px;
    padding: 7px;
    background: none;
    border: none;
    cursor: pointer;
    border: 2px solid #949494;
    background-color: #666666;
    color: #FFF;
    font-weight: bold;
}

#book .orderingProduct .productRow .del:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#book .orderingProduct .productRow .head {
    background-color: #F6F6F6;
}

#book .orderingProductSp {
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 20px;
}

#book .orderingProductSp .box {
    width: 100%;
    display: table;
}

#book .orderingProductSp .box .tHead,
#book .orderingProductSp .box .conts {
    padding: 1.5625%;
    vertical-align: middle;
    display: table-cell;
    border-top: 1px dotted #DFDFDF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#book .orderingProductSp .box .tHead {
    width: 26.5625%;
    background-color: #F6F6F6;
    font-weight: bold;
    text-align: center;
}

#book .orderingProductSp .box .conts .banner {
    padding: 0;
}

#book .orderingProductSp .box.product {
    border-top: 1px solid #DFDFDF;
}

#book .orderingProductSp .box.product .tHead {
    width: 76.5625%;
    background-color: #FFF;
    font-weight: normal;
}

#book .orderingProductSp .box.product .tHead .sub {
    width: 100%;
    display: table;
}

#book .orderingProductSp .box.product .tHead .sub .subThead,
#book .orderingProductSp .box.product .tHead .sub .subConts {
    display: table-cell;
    vertical-align: middle;
}

#book .orderingProductSp .box.product .tHead .sub .subThead {
    width: 32.65306122%;
    text-align: center;
}

#book .orderingProductSp .box.product .tHead .sub .subConts {
    text-align: left;
}

#book .orderingProductSp .box.product .conts .banner {
    float: right;
    width: 100%;
    max-width: 200px;
    padding: 10px 0;
}

#book .orderingProductSp .box.quantity .conts .sub {
    width: 100%;
    display: table;
}

#book .orderingProductSp .box.quantity .conts .sub .subThead,
#book .orderingProductSp .box.quantity .conts .sub .subConts {
    display: table-cell;
    vertical-align: middle;
}

#book .orderingProductSp .box.quantity .conts .sub .subThead {
    width: 44.68085106%;
    padding-right: 5px;
}

#book .orderingProductSp .box.quantity .conts .sub .subThead input {
    width: 100%;
    padding: 10px 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#book .orderingProductSp .box.quantity .conts .sub .subConts {
    width: 50.31914894%;
}

#book .orderingProductSp .box.quantity .conts .sub .subConts .banner {
    width: 100%;
    max-width: 200px;
    padding: 7px 5px 7px 0;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#book .orderingProductSp .box.confirmProduct {
    border-top: 1px solid #DFDFDF;
}

#book .orderingProductSp .box.confirmProduct .tHead {
    background-color: #FFF;
}

#book .selectAction {
    width: 33.33333333333333%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    letter-spacing: -0.06em;
}

#book .selectAction:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (max-width: 770px) {
    #book .selectAction {
        width: 100%;
    }
}

#book .selectAction .button {
    padding: 15px 5px;
    letter-spacing: -0.08em;
    font-weight: bold;
}

#book .selectAction .button.left span {
    padding-left: 15px;
}

#book .selectAction .button.right span {
    padding-right: 15px;
}

#book .selectAction .continue {
    width: 47.5%;
    float: left;
    font-size: 100%;
}

#book .selectAction .next {
    width: 47.5%;
    float: right;
}

#book .attention {
    padding: 20px;
    background-color: #F9F9F9;
}

#book .attention.secondary {
    padding: 10px 20px;
}

#book .attention.secondary span {
    padding-left: 20px;
    color: #333;
    font-weight: normal;
    display: inline-block;
    position: relative;
}

#book .attention.secondary span:before {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50px;
    background-color: #333333;
    position: absolute;
    top: 10px;
    left: 9px;
}

#book .attention.tertiary {
    padding: 10px;
}

#book #customerInfoForm .col01 {
    width: 43.01075268817204%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .col01 {
        width: 80%;
    }
}

#book #customerInfoForm .col02 {
    width: 23.65591397849462%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .col02 {
        width: 80%;
    }
}

#book #customerInfoForm .col03 {
    width: 21.93548387096774%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .col03 {
        width: 80%;
    }
}

#book #customerInfoForm .col04 {
    width: 12.90322580645161%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .col04 {
        width: 80%;
    }
}

#book #customerInfoForm .col05 {
    width: 69.89247311827957%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .col05 {
        width: 80%;
    }
}

#book #customerInfoForm .col06 {
    margin-right: 10px;
    width: 80px;
}

#book #customerInfoForm .tableWrapper .resTable.form dt {
    width: 22.5%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .tableWrapper .resTable.form dt {
        width: 100%;
    }
}

#book #customerInfoForm .tableWrapper .resTable.form dd {
    width: 77.5%;
}

@media only screen and (max-width: 770px) {
    #book #customerInfoForm .tableWrapper .resTable.form dd {
        width: 100%;
    }
    #book #customerInfoForm .tableWrapper .resTable.form dd input {
        line-height: 1.6;
    }
}

#book #customerInfoForm .tableWrapper .privacyTxtArea .list {
    display: inline-block;
    margin-top: 15px;
}

#book #customerInfoForm .tableWrapper .privacyTxtArea .privacyLead {
    font-weight: bold;
}

#book .bookDetail .bookBasicInfo {
    margin-top: -5px;
}

#book .bookDetail .snsBtns {
    margin: 20px 0 0 0;
    padding-bottom: 0;
    background: none;
}

@media only screen and (max-width: 770px) {
    #book .bookDetail {
        margin-top: 35px;
    }
}

#book .bookDetail .heading {
    margin-bottom: 20px;
}

#book .bookDetail .subHead {
    margin-bottom: 20px;
}

#book .bookDetail .detailConts {
    margin-top: 14px;
    margin-bottom: 25px;
}

#book .bookDetail .detailConts .imgBox {
    margin-top: 10px;
    width: 23.25581395348837%;
    float: left;
}

@media only screen and (max-width: 770px) {
    #book .bookDetail .detailConts .imgBox {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        float: none;
        text-align: center;
    }
}

#book .bookDetail .detailConts .imgBox .bookImg img {
    margin-bottom: 20px;
    box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -webkit-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -moz-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
}

@media only screen and (max-width: 770px) {
    #book .bookDetail .detailConts .imgBox .bookImg img {
        width: 44.11764705882353%;
    }
}

#book .bookDetail .detailConts .imgBox .button {
    padding: 10px 5px;
    font-size: 92.85714%;
    font-weight: bold;
}

@media only screen and (max-width: 770px) {
    #book .bookDetail .detailConts .imgBox .button {
        width: 62.5%;
        margin: 0 auto;
    }
}

#book .bookDetail .detailConts .imgBox .googleBooks {
    text-align: center;
}

#book .bookDetail .detailConts .contsBox {
    width: 73.25581395348837%;
    margin-top: -14px;
    float: right;
}

@media only screen and (max-width: 770px) {
    #book .bookDetail .detailConts .contsBox {
        margin-top: 20px;
        width: 100%;
        float: none;
    }
}

#book .bookDetail .detailConts .contsBox .txtConts {
    margin-bottom: 20px;
}

#book .bookDetail .detailConts .contsBox .notes {
    display: block;
    font-size: 85.71429%;
}

#book .bookDetail .detailConts .contsBox .publishData {
    margin-top: 25px;
    text-align: right;
}

#book .bookDetail .detailConts .contsBox .bookInfo {
    padding: 20px;
    background-color: #F9F9F9;
}

#book .bookDetail .detailConts .contsBox .bookInfo span {
    padding-left: 10px;
    display: block;
    position: relative;
}

#book .bookDetail .detailConts .contsBox .bookInfo span:before {
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: #000;
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
}

#book .bookDetail .catGenre {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #DFDFDF;
    background-position: center;
}

#book .bookDetail .catGenre .genreLead {
    padding: 0 5px;
    border: 1px solid #000;
    font-size: 78.57143%;
}

#book .bookDetail .catGenre .genreLink {
    display: inline-block;
}

#book .bookDetail .catGenre .genreLink li {
    margin-left: 15px;
    display: inline-block;
}

#book .bookDetail .catGenre .genreLink li:first-child {
    margin-left: 3px;
}

@media only screen and (max-width: 770px) {
    #book .bookDetail .catGenre .genreLink li:first-child {
        margin-left: 15px;
    }
}

#book .buyWay {
    margin-bottom: 50px;
}

#book .buyWay .head {
    margin-bottom: 20px;
    padding-left: 25px;
    font-size: 114.28571%;
    position: relative;
}

#book .buyWay .head:before {
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle05.png") no-repeat;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
}

#book .buyWay .wayBox {
    border-bottom: 1px solid #DFDFDF;
}

#book .buyWay .wayBox dl {
    width: 100%;
    border-top: 1px solid #DFDFDF;
    display: table;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl {
        display: block;
    }
}

#book .buyWay .wayBox dl dt,
#book .buyWay .wayBox dl dd {
    vertical-align: middle;
    display: table-cell;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dt,
    #book .buyWay .wayBox dl dd {
        display: block;
    }
}

#book .buyWay .wayBox dl dt {
    width: 21%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    color: #394672;
    background-color: #F9F9F9;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dt {
        width: 100%;
    }
}

#book .buyWay .wayBox dl dt.style01 {
    padding: 30px 20px;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dt.style01 {
        padding: 10px;
    }
}

#book .buyWay .wayBox dl dt.style02 {
    padding: 15px 20px;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dt.style02 {
        padding: 10px;
    }
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dt br {
        display: none;
    }
}

#book .buyWay .wayBox dl dd {
    width: 80%;
    padding-left: 20px;
}

#book .buyWay .wayBox dl dd:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dd {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

#book .buyWay .wayBox dl dd span.txt {
    width: 67%;
    float: left;
    display: block;
    letter-spacing: -0.06em;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dd span.txt {
        width: 100%;
        float: none;
    }
}

#book .buyWay .wayBox dl dd .button {
    width: 29%;
    margin-top: 4px;
    padding: 8px 6px;
    float: right;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dd .button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 62.5%;
        margin: 0 auto;
        margin-top: 15px;
        padding: 6px;
        float: none;
    }
}

@media only screen and (max-width: 770px) {
    #book .buyWay .wayBox dl dd .button {
        width: 80%;
    }
}

#book .buyWay .wayBox dl dd .button>span {
    font-weight: bold;
    letter-spacing: -0.06em;
}

#book .buyWay .wayBox dl dd .btn {
    width: 31.25%;
    float: right;
    cursor: pointer;
    padding: 12px 6px;
    margin-top: 16px;
    border: 2px solid #F0975C;
    background-color: #EA6A15;
    color: #FFF;
    letter-spacing: -0.08em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 960px) {
    #book .buyWay .wayBox dl dd .btn {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 80%;
        margin: 0 auto;
        display: block;
        margin-top: 15px;
        padding: 11px 6px;
        float: none;
    }
}

#book .buyWay .wayBox dl dd .btn span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 107.14286%;
    font-weight: bold;
}

#book .buyWay .wayBox dl dd :not(.disabled).btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#book .buyWay .wayBox dl dd .btn.primary {
    border: 2px solid #F0975C;
    background-color: #EA6A15;
    color: #FFF;
}

#book .buyWay .wayBox dl dd .btn.primary span {
    padding-right: 15px;
}

#book .buyWay .wayBox dl dd .btn.primary span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
}

#book .buyWay .wayBox dl dd .btn.secondary {
    border: 2px solid #F9D4BC;
    background-color: #FFF;
    color: #EA6A15;
}

#book .buyWay .wayBox dl dd .btn.secondary span {
    padding-left: 15px;
}

#book .buyWay .wayBox dl dd .btn.secondary span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow08.png") no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
}

@media only screen and (max-width: 960px) {
    #book .c-tabs__link {
        display: block;
    }
}

#book .storeTab .yarpp-related {
    margin: 0;
}

#book .storeTab .c-tabs__content {
    border: 2px solid #DFDFDF;
    border-top: 4px solid #444444;
    background-color: #FFF;
    display: none;
    width: 100%;
    font-size: 14px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#book .storeTab .c-tabs__content .contsInner {
    padding: 20px;
}

@media only screen and (max-width: 960px) {
    #book .storeTab .c-tabs__content {
        border-top: none;
    }
}

#book .storeTab .c-tabs {
    background-color: #fff;
    overflow: hidden;
}

#book .storeTab .c-tabs__item {
    display: inline;
    font-size: 0;
    margin-left: 0.7%;
}

#book .storeTab .c-tabs__item:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 960px) {
    #book .storeTab .c-tabs__item {
        margin-left: 0;
    }
    #book .storeTab .c-tabs__item a {
        border-bottom: 4px solid #444444;
    }
}

#book .storeTab .c-tabs__item .c-tabs__link {
    font-weight: bold;
    width: 19.44%;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    background-color: #AFAFAF;
    border-radius: 3px 3px 0 0 / 3px 3px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #FFF;
    display: inline-block;
}

#book .storeTab .c-tabs__item .c-tabs__link.is-active {
    background-color: #666;
}

#book .storeTab .c-tabs__item .c-tabs__link:hover {
    background-color: #666;
}

@media only screen and (max-width: 960px) {
    #book .storeTab .c-tabs__item .c-tabs__link {
        width: 100%;
        padding: 15px;
        text-align: left;
        background-color: #666666;
        border-radius: 0 0 0 0 / 0 0 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        color: #FFF;
        display: inline-block;
        position: relative;
    }
    #book .storeTab .c-tabs__item .c-tabs__link:before {
        width: 24px;
        height: 24px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_tab_close.png") no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px;
        position: absolute;
        top: 17px;
        right: 17px;
    }
    #book .storeTab .c-tabs__item .c-tabs__link.is-active:before {
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_tab_open.png") no-repeat;
        content: " ";
    }
    #book .storeTab .c-tabs__item .c-tabs__link:first-child {
        margin-left: 0;
    }
    #book .storeTab .c-tabs__item .c-tabs__link:hover {
        background-color: #666;
    }
}

#book #books {
    width: 100%;
    background-color: #57444A;
    display: table;
}

#book #books .bx-wrapper {
    border-right: 2px solid #DFDFDF;
    background-color: #FFF;
    margin: 0px auto;
}

#book #books .bookSliderPrev {
    width: 22px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#book #books .bookSliderPrev span {
    display: none;
}

#book #books .bookSliderPrev .bx-prev {
    height: 100%;
    min-height: 100%;
    display: block;
    text-decoration: none;
    color: #FFF;
    background: #57444A;
    font-size: 14px;
    border-bottom: none;
}

#book #books .bookSlider {
    border-left: 1px solid #DFDFDF;
    border-right: 2px solid #DFDFDF;
    background-color: #DFDFDF;
}

#book #books .bookSlider .book {
    height: 100%;
    padding: 20px 0;
    border-top: 2px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    text-align: center;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#book #books .bookSlider .book img {
    width: 45%;
    display: inline-block;
    margin-bottom: 20px;
    box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -webkit-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -moz-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
}

#book #books .bookSlider .book a {
    border: none;
}

#book #books .bookSlider .book .bookLink {
    font-size: 92.30769%;
    width: 150px;
    margin: 0 auto;
    line-height: 1.3em;
}

#book #books .bookSliderNext {
    width: 22px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#book #books .bookSliderNext span {
    display: none;
}

#book #books .bookSliderNext .bx-next {
    text-decoration: none;
    color: #FFF;
    background-color: #57444A;
    font-size: 14px;
    border-bottom: none;
}

#book .bookTile {
    margin-bottom: 40px;
}

#book .bookTile ul {
    border: 2px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

#book .bookTile ul:after {
    display: block;
    clear: both;
    content: "";
}

#book .bookTile ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    padding: 20px 10px;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    float: left;
}

@media only screen and (max-width: 1000px) {
    #book .bookTile ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 500px) {
    #book .bookTile ul li {
        width: 100%;
    }
}

#book .bookTile ul li .bookTtl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 114.28571%;
    line-height: 1.2em;
    font-weight: bold;
    display: block;
}

#book .bookTile ul li .bookTtl a {
    color: #394672;
}

#book .bookTile ul li .imgArea {
    height: 170px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

#book .bookTile ul li .imgArea img {
    box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -webkit-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -moz-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
}

#book .bookTile ul li .releaseDate {
    font-size: 92.85714%;
}

@media only screen and (max-width: 1000px) {
    #book .bookTile ul li .releaseDate {
        display: block;
    }
}

#book .showProductList {
    margin-bottom: 50px;
}

#book .showProductList .subHead.noColor.circleSecondary {
    margin-bottom: 20px;
}

#book .showProductList .productLinkList:after {
    display: block;
    clear: both;
    content: "";
}

#book .showProductList .productLinkList li {
    width: 31.62790697674419%;
    margin-left: 2.441860465116279%;
    float: left;
}

@media only screen and (max-width: 770px) {
    #book .showProductList .productLinkList li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        float: none;
    }
}

#book .showProductList .productLinkList li:first-child {
    margin-left: 0;
}

#book .showProductList .productLinkList li a {
    padding: 12px 0;
    font-weight: bold;
}

#book .showProductList .productLinkList li span {
    padding-left: 10px;
    text-align: left;
}

#book .bookListConts .heading {
    margin-bottom: 20px;
}

#book .bookListConts .subHead {
    margin-bottom: 0;
}

#book .bookListConts .bookListContsInner {
    margin-bottom: 30px;
}

#book .bookListConts .bookListContsInner:after {
    display: block;
    clear: both;
    content: "";
}

#book .bookListConts .bookListContsInner .bookBox {
    width: 48.8372093%;
    margin-top: 20px;
    border: 1px solid #DFDFDF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox {
        width: 100%;
    }
}

#book .bookListConts .bookListContsInner .bookBox .lead {
    padding: 15px 20px 15px 30px;
    position: relative;
    background: #F9F9F9 url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x bottom;
    font-size: 114.28571%;
}

#book .bookListConts .bookListContsInner .bookBox .lead:before {
    width: 3px;
    height: 17px;
    content: "";
    background-color: #CCCCCC;
    position: absolute;
    top: 13px;
    left: 20px;
}

#book .bookListConts .bookListContsInner .bookBox .lead a {
    display: inline-block;
    color: #394672;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox .lead {
        background-color: #F9F9F9;
        border-bottom: 1px dashed #DFDFDF;
    }
}

#book .bookListConts .bookListContsInner .bookBox .bookConts {
    padding: 22px;
    display: table;
    vertical-align: top;
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookImg {
    display: table-cell;
    width: 120px;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox .bookConts .bookImg {
        float: none;
        width: 40%;
        margin: 0 auto;
        margin-bottom: 15px;
        text-align: center;
    }
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookImg a {
    display: block;
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookImg img {
    width: auto;
    max-height: 170px;
    height: auto;
    margin: 0 auto;
    display: block;
    box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -webkit-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -moz-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox .bookConts .bookImg img {
        width: 100%;
        max-width: inherit;
        max-height: inherit;
        display: inline-block;
    }
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookExcerpt {
    padding-left: 20px;
    display: table-cell;
    vertical-align: top;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox .bookConts .bookExcerpt {
        width: 240px;
        float: none;
    }
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookExcerpt .excerpt {
    margin-bottom: 12px;
    display: block;
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookExcerpt .linkStyle01 {
    padding-left: 15px;
    position: relative;
}

#book .bookListConts .bookListContsInner .bookBox .bookConts .bookExcerpt .linkStyle01:before {
    width: 12px;
    height: 12px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow02.png") no-repeat;
    position: absolute;
    top: 4px;
    left: 0;
}

#book .bookListConts .bookListContsInner .bookBox.odd {
    float: left;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox.odd {
        float: none;
    }
}

#book .bookListConts .bookListContsInner .bookBox.even {
    float: right;
}

@media only screen and (max-width: 770px) {
    #book .bookListConts .bookListContsInner .bookBox.even {
        float: none;
    }
}

#book .bookListConts .bookListContsInner .bookBox .bookPrice {
    padding: 20px;
    background-color: #F9F9F9;
    display: block;
}

#book .bookListConts .bookListContsInner .bookBox .bookPrice p {
    font-weight: bold;
}

#book .bookListConts .bookListContsInner .bookBox .bookPrice p .separator {
    color: #646464;
}

#book .forShopConts .forShopBox {
    margin-bottom: 20px;
}

#book .forShopConts p {
    margin-bottom: 20px;
}

#book .forShopConts .telInfo {
    padding: 1.162790698% 1.744186047%;
    background-color: #F9F9F9;
    display: inline-block;
}

#book .forShopConts .telInfo .telNum {
    font-size: 142.85714%;
    color: #394672;
    font-weight: bold;
    display: block;
    line-height: 1.3;
}

#book .forShopConts .telInfo .time {
    font-weight: bold;
}


/*------------------------------------------------------------
購入ガイド
------------------------------------------------------------*/

#guide .heading.headingBook {
    margin-bottom: 25px;
}

#guide .subHead.subBook {
    margin-bottom: 20px;
}

#guide .notesList li {
    font-size: 85.71429%;
}

#guide .contsBox {
    margin-bottom: 40px;
}

#guide .aboutOrder .conts01 .box {
    margin-top: 40px;
}

#guide .aboutOrder .conts01 .box:first-child {
    margin-top: 0;
}

#guide .aboutOrder .conts02 .glayBox {
    margin-bottom: 15px;
    padding: 20px;
    background-color: #F9F9F9;
}

#guide .aboutOrder .conts02 .glayBox span {
    margin-top: 15px;
    display: block;
    font-weight: bold;
}

#guide .aboutOrder .conts02 .glayBox span .fs01 {
    margin: 0 5px 0 5px;
    display: inline-block;
    font-size: 142.85714%;
    color: #3A4773;
}

#guide .aboutOrder .conts03 .notesList {
    margin-top: 5px;
}

#guide .aboutOrder .conts04 .glayBox {
    margin-top: 15px;
    padding: 20px;
    background-color: #F9F9F9;
}

#guide .aboutOrder .conts04 .glayBox .fee {
    margin-top: 25px;
    margin-bottom: 25px;
}

#guide .aboutOrder .conts04 .glayBox .fee span {
    font-weight: bold;
}

#guide .aboutOrder .conts04 .glayBox .itemizeList li {
    width: 48%;
    display: inline-block;
}

#guide .aboutOrder .conts06 .notes {
    display: inline-block;
    margin-top: 5px;
    font-size: 85.71429%;
    line-height: 1.3;
}

#guide .aboutOrder .conts06 .contact {
    margin-top: 25px;
}

#guide .aboutOrder .conts06 .contact .tableWrapper {
    margin-bottom: 10px;
}

#guide .aboutOrder .conts08 .notes {
    font-size: 85.71429%;
}

@media only screen and (max-width: 770px) {
    #guide .heading.headingBook {
        margin-bottom: 25px;
    }
    #guide .subHead.subBook {
        margin-bottom: 20px;
    }
    #guide .notesList li {
        font-size: 85.71429%;
    }
    #guide .contsBox {
        margin-bottom: 40px;
    }
    #guide .aboutOrder .conts01 .box {
        margin-top: 40px;
    }
    #guide .aboutOrder .conts01 .box:first-child {
        margin-top: 0;
    }
    #guide .aboutOrder .conts02 .glayBox {
        margin-bottom: 15px;
        padding: 20px;
        background-color: #F9F9F9;
    }
    #guide .aboutOrder .conts02 .glayBox span {
        margin-top: 15px;
        display: block;
        font-weight: bold;
    }
    #guide .aboutOrder .conts02 .glayBox span .fs01 {
        margin: 0 5px 0 5px;
        display: inline-block;
        font-size: 142.85714%;
        color: #3A4773;
    }
    #guide .aboutOrder .conts03 .notesList {
        margin-top: 5px;
    }
    #guide .aboutOrder .conts04 .glayBox {
        margin-top: 15px;
        padding: 20px;
        background-color: #F9F9F9;
    }
    #guide .aboutOrder .conts04 .glayBox .fee {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    #guide .aboutOrder .conts04 .glayBox .fee span {
        font-weight: bold;
    }
    #guide .aboutOrder .conts04 .glayBox .itemizeList li {
        width: 100%;
        display: block;
    }
    #guide .aboutOrder .conts06 .notes {
        display: inline-block;
        margin-top: 5px;
        font-size: 85.71429%;
        line-height: 1.3;
    }
    #guide .aboutOrder .conts06 .contact {
        margin-top: 25px;
    }
    #guide .aboutOrder .conts06 .contact .tableWrapper {
        margin-bottom: 10px;
    }
    #guide .aboutOrder .conts08 .notes {
        font-size: 85.71429%;
    }
}


/*------------------------------------------------------------
ボックス
------------------------------------------------------------*/

.row p {
    margin-bottom: 15px;
}

.row p:last-child {
    margin-bottom: 0;
}


/*------------------------------------------------------------
ページャー
------------------------------------------------------------*/

.pager ul {
    margin-top: 30px;
    text-align: center;
}

.pager ul li {
    display: inline-block;
    line-height: 1.1;
    font-weight: bold;
}

.pager ul li a {
    display: block;
    padding: 9px 12px;
    border: 1px solid #CCC;
    color: #999;
    text-decoration: none;
}

.pager ul li a:hover {
    background: #545454;
    border: 1px solid #6D6D6D;
    color: #FFF;
}

.pager ul li.prev a,
.pager ul li.prev span,
.pager ul li.next a,
.pager ul li.next span,
.pager ul li.current a,
.pager ul li.current span {
    display: block;
    padding: 9px 12px;
    background: #545454;
    border: 1px solid #6D6D6D;
    font-weight: bold;
    color: #FFF;
}

.pager ul li.prev a:hover,
.pager ul li.next a:hover,
.pager ul li.current a:hover {
    background: #FFF;
    border: 1px solid #CCC;
    color: #999;
}


/*------------------------------------------------------------
セミナー
------------------------------------------------------------*/

#seminar #main #conts .tableWrapper .resTable .txtStyle01 {
    font-weight: bold;
    color: #394672;
}

#seminar #main #conts .tableWrapper .resTable .notes {
    font-size: 85.71429%;
}

#seminar #main #conts .pageNavi {
    margin-top: 30px;
}

#seminar #main #conts .link_top {
    text-align: center;
}

#seminar #main #conts .link_top li {
    display: inline-block;
}

#seminar #main #conts .link_top li .separate {
    margin: 0 8px 0 12px;
    display: inline-block;
}

#seminar #main #conts .kind {
    margin-bottom: 30px;
    border: 1px solid #57444A;
}

#seminar #main #conts .kind .ttl {
    padding: 13px 10px 10px 85px;
    background: #444 url("/wp/wp-content/themes/rodo/img/seminar/icon_seminar.png") 10px bottom no-repeat;
    font-size: 114.3%;
    color: #FFF;
}

#seminar #main #conts .kind .inner:after {
    display: block;
    clear: both;
    content: "";
}

#seminar #main #conts .kind .inner .thumb {
    width: 35.74418604651163%;
    float: right;
}

#seminar #main #conts .kind .inner .thumb .middle {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#seminar #main #conts .kind .inner .thumb .middle img {
    max-width: inherit;
    height: 100%;
    position: absolute;
    top: 0;
}

#seminar #main #conts .kind .inner .rotate {
    width: 62%;
    padding: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar #main #conts .kind .inner .rotate .button {
    width: 170px;
}

#seminar #main #conts .lead_box {
    margin-bottom: 20px;
}

#seminar #main #conts .lead_box:after {
    display: block;
    clear: both;
    content: "";
}

#seminar #main #conts .lead_box:last-child {
    margin-bottom: 0;
}

#seminar #main #conts .lead_box .photo {
    width: 34.88372093%;
    margin-left: 4.651162791%;
    margin-bottom: 1em;
    float: right;
}

#seminar #main #conts .lecturer_box {
    width: 100%;
    display: table;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar #main #conts .lecturer_box .photo,
#seminar #main #conts .lecturer_box .rotate {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar #main #conts .lecturer_box .photo {
    width: 150px;
    height: 100%;
    padding-right: 20px;
}

#seminar #main #conts .lecturer_box .photo img {
    max-width: 150px;
}

#seminar #main #conts .lecturer_box .rotate {
    vertical-align: top;
    width: 81.67441860465117%;
}

#seminar #main #conts .reception .col2:after {
    display: block;
    clear: both;
    content: "";
}

#seminar #main #conts .reception .col2 .box {
    width: 48.83720930232558%;
    margin-bottom: 30px;
    float: right;
}

#seminar #main #conts .reception .col2 .box:first-child {
    float: left;
}

#seminar #main #conts .reception .col2 .box .button {
    padding-top: 5px;
    padding-bottom: 5px;
}

#seminar #main #conts .reception .col2 .box .button span br {
    display: none;
}

#seminar #main #conts .reception .col2 .box .boxInner {
    margin-bottom: 30px;
}

#seminar #main #conts .reception .col2 .box .boxInner .listBox .ttl_bg {
    background: #F9F9F9 url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x bottom;
}

#seminar #main #conts .reception .col2 .box .button {
    font-weight: bold;
}

#seminar #main #conts .reception .centerBn {
    margin-top: 30px;
}

#seminar #main #conts .reception .centerBn .button {
    font-weight: bold;
}

#seminar #main #conts .reception .centerBn .button span {
    display: block;
}

#seminar #main #conts .reception .cooperate {
    text-align: right;
}

#seminar #main #conts .reception .cooperate img {
    margin-left: 5px;
    vertical-align: middle;
}

#seminar #main #conts .btnArea a {
    width: 29.06976744%;
    padding: 10px 0;
    margin: 0 auto;
    font-weight: bold;
}

@media only screen and (max-width: 842px) {
    #seminar #main #conts .btnArea a {
        width: 40%;
    }
}

@media only screen and (max-width: 770px) {
    #seminar #main #conts .btnArea a {
        width: 90%;
    }
}

@media only screen and (max-width: 770px) {
    #seminar #main #conts .link_top {
        text-align: center;
    }
    #seminar #main #conts .link_top li {
        display: block;
    }
    #seminar #main #conts .link_top li .separate {
        display: none;
    }
    #seminar #main #conts .kind .inner {
        height: 100%;
    }
    #seminar #main #conts .kind .inner:after {
        display: block;
        clear: both;
        content: "";
    }
    #seminar #main #conts .kind .inner .thumb {
        width: 100%;
        padding: 15px;
        float: block;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #seminar #main #conts .kind .inner .thumb .middle {
        text-align: center;
        width: 100%;
        height: 100%;
        overflow: none;
        position: static;
    }
    #seminar #main #conts .kind .inner .thumb .middle img {
        max-width: 100%;
        height: auto;
        position: static;
        top: 0;
    }
    #seminar #main #conts .kind .inner .rotate {
        width: 100%;
        padding: 15px;
        float: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #seminar #main #conts .kind .inner .rotate .button {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #seminar #main #conts .lead_box .photo {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        float: none;
    }
    #seminar #main #conts .lead_box .photo img {
        width: 100%;
    }
    #seminar #main #conts .lead_box .rotate {
        overflow: visible;
    }
    #seminar #main #conts .lecturer_box {
        display: block;
        margin-bottom: 30px;
    }
    #seminar #main #conts .lecturer_box:after {
        display: block;
        clear: both;
        content: "";
    }
    #seminar #main #conts .lecturer_box .photo,
    #seminar #main #conts .lecturer_box .rotate {
        display: block;
    }
    #seminar #main #conts .lecturer_box .photo {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0;
        text-align: center;
    }
    #seminar #main #conts .lecturer_box .rotate {
        width: 100%;
    }
    #seminar #main #conts .reception .col2:after {
        display: block;
        clear: both;
        content: "";
    }
    #seminar #main #conts .reception .col2 .box {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    #seminar #main #conts .reception .col2 .box:last-child {
        float: right;
    }
    #seminar #main #conts .reception .col2 .box .listBox {
        margin-bottom: 30px;
    }
    #seminar #main #conts .reception .col2 .box .button {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #seminar #main #conts .reception .col2 .box .button span br {
        display: block;
    }
    #seminar #main #conts .reception .col2 .box .boxInner {
        height: auto;
        margin-bottom: 30px;
    }
    #seminar #main #conts .reception .inner:after {
        display: block;
        clear: both;
        content: "";
    }
    #seminar #main #conts .reception .inner .box {
        width: auto;
        float: none;
    }
    #seminar #main #conts .reception .inner .box:last-child {
        float: none;
    }
    #seminar #main #conts .reception .cooperate {
        text-align: right;
    }
    #seminar #main #conts .reception .cooperate img {
        margin-left: 5px;
        vertical-align: middle;
    }
}


/*------------------------------------------------------------
セミナー 定期刊行物購読者様向け無料セミナー一覧
------------------------------------------------------------*/

#seminar.freeseminar #main #conts .centerBn .button {
    width: 48.37209302325581%;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar.freeseminar #main #conts .centerBn .button span {
    margin: 0 auto;
    width: 65.625%;
    display: block;
}

@media only screen and (max-width: 770px) {
    #seminar.freeseminar #main #conts .centerBn .button {
        width: 100%;
        margin: 0 auto;
    }
    #seminar.freeseminar #main #conts .centerBn .button span {
        margin: 0 auto;
        width: 65.625%;
        display: block;
    }
}

/*------------------------------------------------------------
セミナー その他労働関係セミナー一覧
------------------------------------------------------------*/

#seminar.ohterseminar #main #conts .centerBn .button {
    width: 48.37209302325581%;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar.ohterseminar #main #conts .centerBn .button span {
    width: 90.56730769230769%;
    margin: 0 auto;
    display: block;
}

@media only screen and (max-width: 770px) {
    #seminar.ohterseminar #main #conts .centerBn .button {
        width: 100%;
        margin: 0 auto;
    }
    #seminar.ohterseminar #main #conts .centerBn .button span {
        margin: 0 auto;
        width: 90.56730769230769%;
        display: block;
    }
}

/*------------------------------------------------------------
セミナー TOP
------------------------------------------------------------*/

#seminar.index .button {
    padding: 8px 15px;
}

#seminar.detail #main #conts .btnArea .button {
    width: 29.06976744%;
    padding: 10px 0;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    #seminar.detail #main #conts .btnArea .button {
        width: 60%;
    }
}

/*------------------------------------------------------------
ニュース 詳細 全文
------------------------------------------------------------*/

#news.detail.all .snsBtns {
    margin-bottom: 10px;
}


/*------------------------------------------------------------
ニュース 詳細 リード文のみ
------------------------------------------------------------*/

#news.detail .relatedArticle .subHead {
    margin-bottom: 0;
    background-image: none;
}

#news.detail .relatedArticle .columnList {
    margin-top: 0;
}

@media only screen and (max-width: 1029px) {
    #news.detail .loginBox {
        margin-bottom: 20px;
    }
    #news.detail .relatedArticle .subHead {
        margin-bottom: 0;
        background-image: none;
    }
    #news.detail .relatedArticle .columnList {
        margin-top: 0;
    }
}

#book_info.single .rightRow .genre {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFDFDF;
}


/*------------------------------------------------------------
実務相談　カテゴリTOP
------------------------------------------------------------*/

#faq .leftRow .cmnTagList .linkTxt {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow10.png") 0 3px no-repeat;
}

#faq .rightRow .faqBox {
    margin-top: 30px;
    padding: 10px 15px 15px 15px;
    border: 2px solid #DFDFDF;
    position: relative;
}

#faq .rightRow .faqBox .postBody {
    margin-bottom: 0;
}

#faq .rightRow .faqBox .date {
    font-size: 105%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#faq .rightRow .faqBox .lineHead span a {
    color: #394672;
}

#faq .rightRow .faqBox .lineHead.type02 {
    font-size: 129%;
    margin: 7px 0;
}

#faq .rightRow .faqBox .lineHead.type02 span a {
    color: #394672;
}

#faq .rightRow .faqBox .lineHead.lock span {
    padding-right: 20px;
    position: relative;
}

#faq .rightRow .faqBox .lineHead.lock span:before {
    width: 12px;
    height: 18px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
    content: "";
    position: absolute;
    bottom: 5px;
    right: 0;
}

@media only screen and (max-width: 770px) {
    #faq .rightRow .faqBox .lineHead.lock span:before {
        bottom: 0;
    }
}

#faq .rightRow .faqBox .lineHead.lock span a {
    color: #394672;
}

#faq .rightRow .faqBox .genre {
    margin-bottom: 10px;
}

#faq .rightRow .faqBox .genre .ttl {
    display: inline-block;
    font-weight: bold;
    font-size: 96.85714%;
}

#faq .rightRow .faqBox .genre .genreList {
    display: inline-block;
}

#faq .rightRow .faqBox .genre .genreList li {
    display: inline-block;
}

#faq .rightRow .faqBox .genre .genreList li span {
    padding: 3px 8px;
    border: 1px solid #F99597;
    display: block;
    font-size: 85.71429%;
    line-height: 1em;
    color: #333333;
}

#faq .rightRow .faqBox .mianConts .QA .answer dd {
    padding-bottom: 0;
}

#faq .rightRow .faqBox .mianConts .QA .answer dd ul {
    margin-bottom: 15px;
}

#faq .rightRow .faqBox .mianConts .QA .answer .linkTxt {
    margin-top: 5px;
    display: inline-block;
}

#faq .rightRow .faqBox.secondary {
    padding: 7px 0 3px 0;
    border: none;
    margin-top: 0;
    position: relative;
    /*background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted.png") repeat-x center bottom; }*/
    border-bottom: 2px solid #DFDFDF;
}

#faq .rightRow .faqBox.secondary .lineHead {
    margin: 7px 0;
}

#faq .rightRow .faqBox.secondary .lineHead span a {
    color: #394672;
}

#faq .rightRow .faqBox .new img {
    position: absolute;
    top: 0;
    left: 0;
}

#faq .rightRow .faqBox .new.date {
    padding-left: 8px;
}

#faq .rightRow .faqBox.secondary .new.date {
    padding-left: 25px;
}

#faq .rightRow .moreBtn {
    margin-top: 20px;
}

#faq .rightRow .moreBtn .banner {
    margin: 0 auto;
    width: 21.875%;
}

#faq .rightRow .relatedArticle {
    border: none;
}

#faq .rightRow .relatedArticle .subHead {
    margin-bottom: 0;
    border-bottom: 2px solid #DFDFDF;
}

#faq_consul .heading.headingColumn {
    margin-bottom: 20px;
}

a.consul {
    background-color: #CD3249;
    border: 2px solid #ffb6c1;
    box-sizing:border-box;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    height: 70px;
    padding: 0px;
    position: relative;
    text-decoration: none;
    width: 100%;
    margin-bottom: 20px;
    line-height: 1.2;
}

.consul span {
    padding-right: 20px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat right center;
}

#btnAboutFaqConsulArea {
    text-align: center;
    padding-bottom: 20px;
}

#btnAboutFaqConsul {
    cursor: pointer;
    padding: 20px;
    border: 2px solid #F0975C !important;
    background-color: #EA6A15 !important;
    color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#btnAboutFaqConsul span {
    width: 40%;
    padding-right: 20px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat right center;
    font-weight:bold;
}


.themeLoginPopup {
    background: white;
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    display:none;
    left: 0;
    right: 0;
    top: 300px;
    margin:auto;
    padding: 16px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 10000;
}


.themeLoginPopup.show {
    display: block;
    animation: show 500ms linear 0s;
}

.themeLoginPopup h2 {
    display: inline;
}

.themeLoginPopup p {
    margin: 0;
    font-size: 16px;
}

.themeLoginPopup .close {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_close.png") no-repeat;
    background-size: 20px 20px;
    display: inline-flex;
    position: absolute;
    right: 16px;
}

.themeLoginPopup .content {
    border-top: 2px dotted gray;
}

.themeLoginPopup.login {
    width: 320px;
}

@media only screen and (max-width: 359px) {
    .themeLoginPopup.login {
        padding: 16px 8px;
        width: 300px;
    }
}

.themeLoginPopup.login .induce {
    color: #3B4874;
    font-weight: bold;
    padding: 16px;
}

.themeLoginPopup.login .loginPopupButtonRow {
    justify-content: space-around;
}

.themeLoginPopup.login .loginPopupRowItem {
    margin: 0;
    width: 100px;
}

.themeLoginPopup.login .loginPopupRowItem a {
    font-size: 12px;
    padding: 0;
}

.loginPopupButtonRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.loginPopupRowItem {
    margin: 10px;
    width: 400px;
}

#customerInfoForm  .error {
    display: table;
}

#faq-form #customerInfoForm textarea {
    width: 100%;
    max-width: 550px;
}

@media only screen and (max-width: 770px) {
    #faq-form #customerInfoForm textarea {
        width: 100%;
        max-width: 250px;
    }
    #faq-form .tel_number {
        width: 80%;
        margin: 0 auto;
    }
    #faq-form .tel_number:after {
        display: block;
        clear: both;
        content: "";
    }
    #faq-form .tel_number .box {
        width: 100%;
        display: block;
    }
    #faq-form .tel_number .box .boxHead,
    #faq-form .tel_number .box .tellBox {
        vertical-align: middle;
        display: block;
    }
    #faq-form .tel_number .box .boxHead {
        width: 100%;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 128.57143%;
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat;
        color: #3B4874;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #faq-form .tel_number .box .tellBox {
        padding: 10px;
        border: 2px solid #E0E0E0;
    }
    #faq-form .tel_number .box .tellBox dl {
        width: 100%;
        display: block;
    }
    #faq-form .tel_number .box .tellBox dl dt,
    #faq-form .tel_number .box .tellBox dl dd {
        width: 100%;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
        display: block;
    }
    #faq-form .tel_number .box .tellBox dl dt {
        font-size: 114.28571%;
        font-weight: bold;
    }
}

/*------------------------------------------------------------
  労働関係法令
------------------------------------------------------------*/
#laws p.p {
    margin-top:0px !important;
    margin-bottom:0px !important;
}

#laws p.br {
    margin-top:0px !important;
}

/*------------------------------------------------------------
  動画で学ぶ労働災害事例・KYTシート動画設定
------------------------------------------------------------*/

#jiko_learning .movList {
    width: 100%;
    overflow: hidden;
}

#jiko_learning .movList ul {
    margin-left: -2.5%;
    margin-right: -2.5%;
}

#jiko_learning .movList ul:after {
    display: block;
    clear: both;
    content: "";
}

#jiko_learning .movList ul li {
    width: 45%;
    margin-top: 30px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: left;
    line-height: 1.5em;
}

#jiko_learning .movList ul li .movBox {
    width: 100%;
}

#jiko_learning .movList ul li .movBox a {
    display: block;
}

#jiko_learning .movList ul li .movDescription {
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#jiko_learning .movList .conts .movDescription.lock {
    padding-right: -10px;
    position: relative;
}

#jiko_learning .movList .conts .movDescription {
    padding-right: 16px;
    display: inline-block;
    position: relative;
    line-height: 1.3em;
}

#jiko_learning .movList .conts .movDescription.lock:before {
    width: 12px;
    height: 18px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
    position: absolute;
    top: auto;
    right: 0;
}

#jiko_learning .movList .sumbnail {
    width: 360px;
}

#jiko_learning .movImgArea,
#kytsheet .movImgArea {
    position: relative;
}

#jiko_learning .movImgArea:hover ,
#kytsheet .movImgArea:hover{
    opacity: 0.7;
}

#jiko_learning .movimg {
    width: 100%;
    height: auto;
    margin: 20px 0 0;   
}

#kytsheet .movimg {
    width: 100%;
    height: auto;
    margin: 20px 0 0;
}

#kytsheet .printmovimg {
    width: 100%;
    height: auto;
    margin: 20px 0 10px;
}

#jiko_learning .playbtn,
#kytsheet .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
}

#jiko_learning .movList .conts .movDescription.lock {
    padding-right: -10px;
    position: relative;
}

#jiko_learning .movList .conts .movDescription {
    padding-right: 16px;
    display: inline-block;
    position: relative;
    line-height: 1.3em;
}

#jiko_learning .movList .conts .movDescription.lock:before {
    width: 12px;
    height: 18px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
    position: absolute;
    top: auto;
    right: 0;
}

@media only screen and (max-width: 770px) {
    #jiko_learning .movList {
        width: 100%;
        overflow: hidden;
    }

    #jiko_learning .movList ul {
        margin-left: 0;
        margin-right: 0;
    }

    #jiko_learning .movList ul:after {
        display: block;
        clear: both;
        content: "";
    }

    #jiko_learning .movList ul li {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }

    #jiko_learning .movList ul li .movBox {
        text-align: center;
        width: 100%;
    }

    #jiko_learning .movList ul li .movBox img {
        width: 80%;
    }

    #jiko_learning .movList ul li .movDescription {
        padding: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #jiko_learning .movList .conts .movDescription.lock {
        padding-right: -10px;
        position: relative;
    }

    #jiko_learning .movList .conts .movDescription {
        padding-right: 16px;
        position: relative;
        display: inline-block;
        line-height: 1.3em;
    }

    #jiko_learning .movList .conts .movDescription.lock:before {
        width: 12px;
        height: 18px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
        position: absolute;
        top: auto;
        right: 0;
    }

    #jiko_learning .movList .sumbnail {
        width: 276px;
        height: auto;
    }

    #jiko_learning .movimg,
    #kytsheet .movimg {
        width: 100%;
        height: auto;    
    }

    #jiko_learning .movList .conts .movDescription.lock {
        padding-right: -10px;
        position: relative;
    }

    #jiko_learning .movList .conts .movDescription {
        padding-right: 16px;
        position: relative;
        display: inline-block;
        line-height: 1.3em;
    }

    #jiko_learning .movList .conts .movDescription.lock:before {
        width: 12px;
        height: 18px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
        position: absolute;
        top: auto;
        right: 0;
    }
}

#jiko_learning .needLoginBox {
    border: 2px solid #CECECE;
    margin: 20px 20px 35px;
    padding: 8px 16px;
}

#jiko_learning .snsBtns {
    margin: 20px 0 0;
    padding-bottom: 0;
}

/*------------------------------------------------------------
  労働判例　カテゴリTOP
------------------------------------------------------------*/

#precedent .leftRow .cmnTagList .linkTxt {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow10.png") 0 3px no-repeat;
}

#precedent .rightRow .columnList .genre {
    margin-bottom: 10px;
}

#precedent .rightRow .columnList .genre .ttl {
    display: inline-block;
    font-weight: bold;
    font-size: 87%;
}

#precedent .rightRow .columnList .genre .genreList {
    display: inline-block;
}

#precedent .rightRow .columnList .genre .genreList li {
    margin-left: 0;
    margin-right: 10px;
    display: inline-block;
}

#precedent .rightRow .columnList .genre .genreList li span {
    padding: 3px 8px;
    border: 1px solid #F99597;
    display: block;
    font-size: 74.5%;
    line-height: 1em;
    color: #333333;
}


/*------------------------------------------------------------
動画コーナートップ
------------------------------------------------------------*/

#movie .movList {
    width: 100%;
    overflow: hidden;
}

#movie .movList ul {
    margin-left: -2.5%;
    margin-right: -2.5%;
}

#movie .movList ul:after {
    display: block;
    clear: both;
    content: "";
}

#movie .movList ul li {
    width: 45%;
    margin-top: 30px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: left;
    line-height: 1.5em;
}

#movie .movList ul li .movBox {
    width: 100%;
}

#movie .movList ul li .movBox a {
    display: block;
}

#movie .movList ul li .movDescription {
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#movie .movList .conts .movDescription.lock {
    padding-right: -10px;
    position: relative;
}

#movie .movList .conts .movDescription {
    padding-right: 16px;
    display: inline-block;
    position: relative;
    line-height: 1.3em;
}

#movie .movList .conts .movDescription.lock:before {
    width: 12px;
    height: 18px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
    position: absolute;
    top: auto;
    right: 0;
}

@media only screen and (max-width: 770px) {
    #movie .movList {
        width: 100%;
        overflow: hidden;
    }
    #movie .movList ul {
        margin-left: 0;
        margin-right: 0;
    }
    #movie .movList ul:after {
        display: block;
        clear: both;
        content: "";
    }
    #movie .movList ul li {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    #movie .movList ul li .movBox {
        text-align: center;
        width: 100%;
    }
    #movie .movList ul li .movBox img {
        width: 80%;
    }
    #movie .movList ul li .movDescription {
        padding: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #movie .movList .conts .movDescription.lock {
        padding-right: -10px;
        position: relative;
    }

    #movie .movList .conts .movDescription {
        padding-right: 16px;
        position: relative;
        display: inline-block;
        line-height: 1.3em;
    }

    #movie .movList .conts .movDescription.lock:before {
        width: 12px;
        height: 18px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
        position: absolute;
        top: auto;
        right: 0;
    }
}


/*------------------------------------------------------------
動画コーナー詳細
------------------------------------------------------------*/

#movie.detail #main .rightRow .genre {
    padding-bottom: 20px;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 50px;
}

#movie.detail #main .rightRow .postBody .catenoid {
    text-align: center;
}


/*------------------------------------------------------------
会社概要
------------------------------------------------------------*/

#company .tableWrapper dd .linkTxt {
    margin-bottom: 5px;
    font-size: 100%;
    background-position: 0 4px;
}

#company .tableWrapper dd .txtHead {
    font-weight: bold;
    color: #394672;
}

#company .tableWrapper dd p {
    margin-bottom: 10px;
}

#company .tableWrapper dd p:last-child {
    margin-bottom: 0;
}

#company .headOffice {
    margin-bottom: 30px;
}

#company .headOffice:after {
    display: block;
    clear: both;
    content: "";
}

#company .headOffice .rotate {
    width: 51.5%;
    padding-right: 2.525581395348838%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#company .headOffice .gmap {
    width: 48.5%;
    float: right;
    position: relative;
    padding-bottom: 37.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#company .headOffice .gmap iframe,
#company .headOffice .gmap object,
#company .headOffice .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#company .branchOffice .inner {
    margin: 0 -1.262790697674419%;
}

#company .branchOffice .inner:after {
    display: block;
    clear: both;
    content: "";
}

#company .branchOffice .inner .box {
    width: 50%;
    padding: 0 1.262790697674419%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#company .branchOffice .inner .box .boxInner {
    padding: 15px 0;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
    position: relative;
}

#company .branchOffice .inner .box .boxInner:before {
    content: "";
    width: 100%;
    height: 1px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left repeat-x;
    position: absolute;
    top: -1px;
    left: 0;
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #company .mb0 {
        margin-bottom: 0;
    }
    #company .headOffice .rotate {
        margin-bottom: 20px;
        width: auto;
        float: none;
        padding-right: 0;
    }
    #company .headOffice .gmap {
        width: 100%;
        float: right;
        position: relative;
        padding-bottom: 37.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #company .headOffice .gmap iframe,
    #company .headOffice .gmap object,
    #company .headOffice .gmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #company .branchOffice {
        overflow: visible;
    }
    #company .branchOffice .inner {
        width: auto;
    }
    #company .branchOffice .inner .box {
        margin: 0 20px 0 0;
        padding: 0;
        background: none;
        width: 100%;
        float: none;
    }
}

#recruit h2 {
    margin-bottom: 20px;
}

#recruit .postBody {
    margin-bottom: 20px;
}

#recruit .pageLink {
    width: 100%;
    margin-bottom: 30px;
}

#recruit .pageLink:after {
    display: block;
    clear: both;
    content: "";
}

#recruit .pageLink li {
    width: 20%;
    height: 60px;
    padding-left: 1.162790698%;
    float: left;
    display: table;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#recruit .pageLink li:first-child {
    padding-left: 0;
}

#recruit .pageLink li a {
    text-align: left;
    padding: 10px 25px 10px 10px;
    width: 100%;
    height: 100%;
    display: block;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#recruit .pageLink li a:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    top: 50%;
    right: 10px;
}

@media only screen and (max-width: 770px) {
    #recruit .pageLink li {
        width: 100%;
        height: 60px;
        margin-top: 15px;
        padding-left: 0;
        float: left;
        display: table;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #recruit .pageLink li:first-child {
        padding-left: 0;
        margin-top: 0;
    }
    #recruit .pageLink li a {
        text-align: left;
        padding: 10px 25px 10px 10px;
        width: 100%;
        height: 100%;
        display: block;
        display: table-cell;
        vertical-align: middle;
        line-height: 1.2;
    }
    #recruit .pageLink li a:after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        content: "";
        position: absolute;
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
        top: 50%;
        right: 10px;
    }
}

#recruit .tableWrapper {
    margin-bottom: 50px;
}


/*------------------------------------------------------------
リンク集
------------------------------------------------------------*/

#link .heading {
    margin-bottom: 30px;
}

#link .linkTxt {
    font-size: 107.69231%;
}

#link .linkTxt:after {
    width: 14px;
    height: 10px;
    margin-left: 5px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_window02.png") no-repeat;
    display: inline-block;
}

#link .linkDescList li {
    padding-bottom: 15px;
    border-bottom: 1px dashed #DFDFDF;
    margin-bottom: 15px;
}

#link .linkDescList li .desc {
    display: table;
}

@media only screen and (max-width: 770px) {
    #link .linkDescList li .desc {
        display: block;
    }
}

#link .linkDescList li .desc .descTxt,
#link .linkDescList li .desc img {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 770px) {
    #link .linkDescList li .desc .descTxt,
    #link .linkDescList li .desc img {
        display: block;
    }
}

#link .linkDescList li .desc img {
    padding-left: 15px;
    min-width: 100%;
    max-width: inherit;
}

@media only screen and (max-width: 770px) {
    #link .linkDescList li .desc img {
        min-width: inherit;
        width: 50%;
        margin: 0 auto;
        padding-left: 0;
    }
}

#link .linkOnlyList {
    width: 104.255814%;
    margin-left: -1.627906977%;
    margin-right: -1.627906977%;
    margin-bottom: 20px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#link .linkOnlyList:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (max-width: 770px) {
    #link .linkOnlyList {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

#link .linkOnlyList li {
    width: 33.10810811%;
    padding: 0 1.627906977%;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #link .linkOnlyList li {
        width: 100%;
        padding: 0;
    }
}

#link .linkOnlyList li a {
    border-bottom: 1px dashed #DFDFDF;
    padding-bottom: 15px;
    display: block;
}


/*------------------------------------------------------------
個人情報保護方針
------------------------------------------------------------*/

#privacy #main #conts .itemize_list li {
    line-height: 2em;
}

#privacy #main #conts .colorBox {
    margin-bottom: 20px;
}

#privacy #main #conts .colorBox .white {
    margin-bottom: 15px;
}

#privacy #main #conts .colorBox .white:last-child {
    margin-bottom: 0;
}

#privacy #main #conts .colorBox .defineNumList .defineClList {
    padding: 0 20px;
}

#privacy #main #conts .colorBox .defineNumList .defineClList dt {
    font-weight: normal;
    color: #333;
}

#privacy #main #conts .colorBox .defineNumList .defineNumList {
    padding: 0 20px;
}

#privacy #main #conts .colorBox .defineNumList .defineNumList.fwn dt {
    font-weight: normal;
}

#privacy #main #conts .colorBox .defineNumList .defineNumList dt {
    color: #333;
}

#privacy #main #conts .colorBox:last-child {
    margin-bottom: 0;
}

#privacy #main #conts .note {
    font-size: 85.71429%;
    color: #333;
}

#privacy .tableWrapper .resTable dt {
    width: 25%;
}

@media only screen and (max-width: 770px) {
    #privacy .tableWrapper .resTable dt {
        width: 100%;
    }
}


/*------------------------------------------------------------
特定商取引に関する表示
------------------------------------------------------------*/

#law .heading {
    margin-bottom: 20px;
}

#sitemap h2 {
    margin-bottom: 25px;
}

#sitemap .row section {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #CCC;
}

#sitemap .row section.last {
    border-bottom: none;
}

#sitemap .row section h3 {
    position: relative;
    padding-left: 50px;
    font-size: 114.28571%;
}

#sitemap .row section h3:before {
    content: "";
    background-size: 22px 22px;
    -webkit-background-size: 22px 22px;
    width: 40px;
    height: 40px;
    border-radius: 50% 50%;
    background-color: #444;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -21px 0 0;
}

#sitemap .row section h3.home:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_home02.png");
    background-color: #FFCC00;
}

#sitemap .row section h3.news:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_news02.png");
    background-color: #EA6A15;
}

#sitemap .row section h3.column:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_column02.png");
    background-color: #CD3249;
}

#sitemap .row section h3.laws:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_laws02.png");
    background-color: #CD3249;
}

#sitemap .row section h3.precedent:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_precedent02.png");
    background-color: #CD3249;
}

#sitemap .row section h3.faq:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_faq02.png");
    background-color: #CD3249;
}

#sitemap .row section h3.periodical:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_periodical02.png");
    background-color: #9E58C9;
}

#sitemap .row section h3.backnumber:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_backnumber02.png");
    background-color: #9E58C9;
}

#sitemap .row section h3.book:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_book02.png");
    background-color: #0099FF;
}

#sitemap .row section h3.movie:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_movie02.png");
    background-color: #72BC16;
}

#sitemap .row section h3.download:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_download02.png");
    background-color: #13B97B;
}

#sitemap .row section h3.seminar:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_seminar04.png");
    background-color: #72BC16;
}

#sitemap .row section h3.support:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_support02.png");
    background-color: #6F273C;
}

#sitemap .row section h3.company:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_company.png");
}

#sitemap .row section h3.recruit:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_recruit.png");
}

#sitemap .row section h3.information:before {
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_information.png");
}

#sitemap .row section ul:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (min-width: 770px) {
    #sitemap .row section ul li {
        width: 25%;
        float: left;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    #sitemap .row section ul li {
        width: 33%;
        float: left;
    }
}

@media only screen and (max-width: 770px) {
    #sitemap .row section ul li {
        width: 50%;
        float: left;
    }
}

#sitemap .row section h3+ul {
    padding-top: 25px;
}

#sitemap .row .inLine {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #CCC;
}

#sitemap .row .inLine:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (max-width: 770px) {
    #sitemap .row .inLine {
        padding-bottom: 5px;
    }
}

#sitemap .row .inLine section {
    width: 25%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    float: left;
}

@media only screen and (max-width: 770px) {
    #sitemap .row .inLine section {
        width: 100%;
        height: 40px;
        margin-top: 15px;
        border-bottom: none;
        float: none;
    }
    #sitemap .row .inLine section:first-child {
        margin-top: 0;
    }
}


/*------------------------------------------------------------
お問い合わせ入力ページ
------------------------------------------------------------*/

#contact #customerInfoForm textarea {
    width: 80%;
}

#contact .heading {
    margin-bottom: 20px;
}

#contact .tel_number {
    width: 75%;
    margin: 0 auto;
}

#contact .tel_number:after {
    display: block;
    clear: both;
    content: "";
}

#contact .tel_number .box {
    width: 100%;
    display: table;
}

#contact .tel_number .box .boxHead,
#contact .tel_number .box .tellBox {
    vertical-align: middle;
    display: table-cell;
}

#contact .tel_number .box .boxHead {
    width: 28.88888888888889%;
    padding: 30px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 128.57143%;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat;
    color: #3B4874;
}

#contact .tel_number .box .tellBox {
    padding-right: 20px;
    border: 2px solid #E0E0E0;
}

#contact .tel_number .box .tellBox dl {
    width: 100%;
    display: table;
}

#contact .tel_number .box .tellBox dl dt,
#contact .tel_number .box .tellBox dl dd {
    width: 50%;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#contact .tel_number .box .tellBox dl dt {
    font-size: 114.28571%;
    font-weight: bold;
}

@media only screen and (max-width: 770px) {
    #contact #customerInfoForm textarea {
        width: 100%;
    }
    #contact .tel_number {
        width: 80%;
        margin: 0 auto;
    }
    #contact .tel_number:after {
        display: block;
        clear: both;
        content: "";
    }
    #contact .tel_number .box {
        width: 100%;
        display: block;
    }
    #contact .tel_number .box .boxHead,
    #contact .tel_number .box .tellBox {
        vertical-align: middle;
        display: block;
    }
    #contact .tel_number .box .boxHead {
        width: 100%;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        font-size: 128.57143%;
        background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat;
        color: #3B4874;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #contact .tel_number .box .tellBox {
        padding: 10px;
        border: 2px solid #E0E0E0;
    }
    #contact .tel_number .box .tellBox dl {
        width: 100%;
        display: block;
    }
    #contact .tel_number .box .tellBox dl dt,
    #contact .tel_number .box .tellBox dl dd {
        width: 100%;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
        display: block;
    }
    #contact .tel_number .box .tellBox dl dt {
        font-size: 114.28571%;
        font-weight: bold;
    }
}


/*------------------------------------------------------------
労働新聞・安全スタッフ電子版のご案内ページ
------------------------------------------------------------*/

#readers #main #conts .button {
    padding: 8px 15px;
}

#readers #main #conts .readersHead {
    padding: 20px 20px 20px 50px;
    font-size: 114.28571%;
    background: url(/wp/wp-content/themes/rodo/img/common/bg/bg_title03.png) repeat left top;
    font-weight: bold;
    color: #FFF;
    position: relative;
}

#readers #main #conts .readersHead:before {
    width: 28px;
    height: 28px;
    margin-top: -15px;
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
}

#readers #main #conts .readersHead.icon01:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon01.png) no-repeat;
}

#readers #main #conts .readersHead.icon02:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon02.png) no-repeat;
}

#readers #main #conts .readersHead.icon03:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon03.png) no-repeat;
}

#readers #main #conts .readersHead.icon04:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon04.png) no-repeat;
}

#readers #main #conts .readersHead.icon05:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon05.png) no-repeat;
}

#readers #main #conts .readersHead.icon06:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon06.png) no-repeat;
}

#readers #main #conts .readersHead.icon07:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon07.png) no-repeat;
}

#readers #main #conts .readersHead.icon08:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon08.png) no-repeat;
}

#readers #main #conts .readersHead.icon09:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon09.png) no-repeat;
}

#readers #main #conts .readersHead.icon10:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon10.png) no-repeat;
}

#readers #main #conts .readersHead.icon11:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon11.png) no-repeat;
}

#readers #main #conts .readersHead.icon12:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon12.png) no-repeat;
}

#readers #main #conts .readersHead.icon13:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon13.png) no-repeat;
}

#readers #main #conts .readersHead.icon14:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon14.png) no-repeat;
}

#readers #main #conts .readersHead.icon15:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon15.png) no-repeat;
}

#readers #main #conts .readersHead.icon_jiko_learning:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon_jiko_learning.png) no-repeat;
}

#readers #main #conts .readersHead.icon_staff-supplement:before {
    background: url(/wp/wp-content/themes/rodo/img/readers/icon/readers_icon_staff-supplement.png) no-repeat;
}

#readers #main #conts .mainBox {
    margin-top: 20px;
    margin-bottom: 40px;
}

#readers #main #conts .mainBox:after {
    display: block;
    clear: both;
    content: "";
}

#readers #main #conts .mainBox .img {
    float: left;
    width: 38.37209302%;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .mainBox .img {
        text-align: center;
        float: none;
        width: 100%;
    }
}

#readers #main #conts .mainBox .txt {


}

@media only screen and (max-width: 770px) {
    #readers #main #conts .mainBox .txt {
        float: none;
        width: 100%;
    }
}

#readers #main #conts .mainBox .txt .mainLead {
    font-size: 171.42857%;
    font-weight: bold;
    color: #F27213;
    line-height: 1.6;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .mainBox .txt .mainLead {
        text-align: center;
    }
}

#readers #main #conts .mainBox .txt .bnr {
    width: 60%;
    margin: 0 auto;
    margin-top: 25px;
}

#readers #main #conts .mainBox .txt .bnr:after {
    display: block;
    clear: both;
    content: "";
}

#readers #main #conts .mainBox .txt .bnr li {
    float: right;
    width: 45.23809524%;
}

#readers #main #conts .mainBox .txt .bnr li:first-child {
    float: left;
}

@media only screen and (max-width: 1190px) {
    #readers #main #conts .mainBox .txt .bnr {
        width: 60%;
    }
    #readers #main #conts .mainBox .txt .bnr li {
        width: 47%;
    }
}

@media only screen and (max-width: 965px) {
    #readers #main #conts .mainBox .txt .bnr {
        width: 100%;
    }
    #readers #main #conts .mainBox .txt .bnr li {
        float: none;
        width: 80%;
        margin: 0 auto;
        margin-top: 10px;
    }
    #readers #main #conts .mainBox .txt .bnr li:first-child {
        margin-top: 0;
        float: none;
    }
}

#readers #main #conts .readersBox {
    margin-bottom: 20px;
    border: 4px solid #CCCCCC;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F9F9F9;
}

#readers #main #conts .readersBox:before {
    width: 100px;
    height: 4px;
    background-color: #57444A;
    content: "";
    position: absolute;
    top: -4px;
    left: 20px;
}

#readers #main #conts .readersBox:first-child {
    margin-left: 0;
}

#readers #main #conts .readersBox .inner {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#readers #main #conts .readersBox .inner .tagArea {
    margin-bottom: 10px;
}

#readers #main #conts .readersBox .inner .tagArea ul {
    line-height: 1;
}

#readers #main #conts .readersBox .inner .tagArea ul li {
    width: 90px;
    padding: 7px;
    margin-left: 4px;
    text-align: center;
    display: inline-block;
    font-size: 85.71429%;
    color: #FFF;
    background-color: #F57315;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#readers #main #conts .readersBox .inner .tagArea ul li.secondary {
    background-color: #006633;
}

#readers #main #conts .readersBox .inner .tagArea ul li:first-child {
    margin-left: 0;
}

#readers #main #conts .readersBox .inner .box {
    margin-top: 15px;
}

#readers #main #conts .readersBox .inner .box:after {
    display: block;
    clear: both;
    content: "";
}

#readers #main #conts .readersBox .inner .box .img {
    width: 50.49261084%;
    float: left;
}

#readers #main #conts .readersBox .inner .box .imgCenter {
    text-align: center;
    float: none;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .readersBox .inner .box .img {
        text-align: center;
        float: none;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

#readers #main #conts .readersBox .inner .box .txt {
    width: 48.15270936%;
    float: right;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .readersBox .inner .box .txt {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}

#readers #main #conts .readersBox .inner .box .txtConts {
    margin-bottom: 20px;
}

#readers #main #conts .readersBox .inner .imgCol {
    margin-top: 20px;
}

#readers #main #conts .readersBox .inner .imgCol ul:after {
    display: block;
    clear: both;
    content: "";
}

#readers #main #conts .readersBox .inner .imgCol ul li {
    width: 45.69892473%;
    float: right;
}

#readers #main #conts .readersBox .inner .imgCol ul li:first-child {
    float: left;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .readersBox .inner .imgCol ul li {
        text-align: center;
    }
}

#readers #main #conts .col2Box:after {
    display: block;
    clear: both;
    content: "";
}

#readers #main #conts .col2Box .readersBox {
    width: 48.8372093%;
    float: right;
}

#readers #main #conts .col2Box .readersBox:first-child {
    float: left;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .col2Box .readersBox {
        width: 100%;
        float: none;
    }
    #readers #main #conts .col2Box .readersBox:first-child {
        float: none;
    }
}

#readers #main #conts .col2BoxType2:after {
    display: block;
    clear: both;
    content: "";
}

#readers #main #conts .col2BoxType2>.readersBox,
#readers #main #conts .col2BoxType2 .row2 {
    width: 48.8372093%;
}

#readers #main #conts .col2BoxType2>.readersBox {
    float: left;
}

#readers #main #conts .col2BoxType2>.readersBox .img {
    width: 75.2688172%;
    margin: 0 auto;
    margin-top: 20px;
}

#readers #main #conts .col2BoxType2 .row2 {
    float: right;
}

#readers #main #conts .col2BoxType2 .row2 .readersBox {
    margin: 0;
    margin-top: 20px;
}

#readers #main #conts .col2BoxType2 .row2 .readersBox:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .col2BoxType2>.readersBox,
    #readers #main #conts .col2BoxType2 .row2 {
        width: 100%;
    }
    #readers #main #conts .col2BoxType2>.readersBox {
        float: none;
    }
    #readers #main #conts .col2BoxType2>.readersBox .img {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
    }
    #readers #main #conts .col2BoxType2 .row2 {
        float: none;
        margin-bottom: 20px;
    }
    #readers #main #conts .col2BoxType2 .row2 .readersBox {
        margin: 0;
        margin-top: 20px;
    }
    #readers #main #conts .col2BoxType2 .row2 .readersBox:first-child {
        margin-top: 0;
    }
}

#readers #main #conts .descriptionBox {
    margin-top: 40px;
}

#readers #main #conts .descriptionBox .inner .heading {
    margin-bottom: 20px;
}

#readers #main #conts .descriptionBox .inner .bnrArea {
    margin-top: 20px;
}

#readers #main #conts .descriptionBox .inner .bnrArea .button {
    width: 22.09302326%;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    #readers #main #conts .descriptionBox .inner .bnrArea .button {
        width: 80%;
    }
}

#ranking #main #conts h2.heading {
    margin-bottom: 20px;
}

#ranking #main #conts .rankingBody .date {
    font-size: 92.85714%;
}

#ranking #main #conts .rankingBody .rankingTab {
    border-bottom: 2px solid #666666;
}

#ranking #main #conts .rankingBody .rankingTab li {
    width: 47.02325581%;
    margin-left: 5px;
    text-align: center;
    display: inline-block;
    background-color: #AFAFAF;
    font-weight: bold;
    color: #CCC;
    line-height: 1.3;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#ranking #main #conts .rankingBody .rankingTab li.active {
    background: url(/wp/wp-content/themes/rodo/img//common/bg/rank_bg.png) repeat left top;
    color: #FFF;
}

#ranking #main #conts .rankingBody .rankingTab li:hover {
    background: url(/wp/wp-content/themes/rodo/img//common/bg/rank_bg.png) repeat left top;
    color: #FFF;
}

#ranking #main #conts .rankingBody .rankingTab li span {
    padding: 10px;
    display: block;
    word-break: break-all;
}

#ranking #main #conts .rankingBody .rankingTab li:first-child {
    margin-left: 0;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts.hide {
    display: none;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList {
    overflow: hidden;
    border-bottom: none;
    border-top: none;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box:first-child {
    border-top: none;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box .imgArea {
    width: 27%;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dl {
    width: 72.117647%;
}

@media only screen and (max-width: 770px) {
    #ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box .imgArea {
        width: 100%;
        text-align: center;
    }
    #ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box .imgArea img {
        width: 70%;
    }
    #ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dl {
        width: 100%;
    }
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt {
    font-size: 107.14286%;
    padding: 11px 3px 9px 40px;
    font-weight: bold;
    position: relative;
    line-height: 1.5;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt a {
    color: #394672;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt:before {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank01:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon01.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank02:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon02.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank03:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon03.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank04:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon04.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank05:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon05.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank06:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon06.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank07:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon07.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank08:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon08.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank09:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon09.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank10:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon10.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank11:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon11.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank12:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon12.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank13:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon13.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank14:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon14.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank15:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon15.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank16:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon16.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank17:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon17.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank18:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon18.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank19:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon19.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .box dt.rank20:before {
    background: url(/wp/wp-content/themes/rodo/img//ranking/ranking_icon20.png) no-repeat;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol {
    margin: 0 -1.07%;
    border-top: 2px solid #DFDFDF;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol:after {
    display: block;
    clear: both;
    content: "";
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol .box {
    float: left;
    width: 47.837209%;
    margin: 0 1.07%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid #DFDFDF;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol .box .imgArea {
    text-align: right;
    width: 19%;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol .box dl {
    width: 80.117647%;
}

#ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol .box dd {
    padding-left: 40px;
}

@media only screen and (max-width: 770px) {
    #ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol {
        margin: 0;
        border-top: 2px solid #DFDFDF;
    }
    #ranking #main #conts .rankingBody .rankingOuter .rankingConts .columnList .rankingCol .box {
        float: none;
        width: 100%;
        margin: 0;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        border-bottom: 2px solid #DFDFDF;
    }
}


/*------------------------------------------------------------
403, 404ページ
------------------------------------------------------------*/

.error403 #main #conts .heading, .error404 #main #conts .heading {
    margin-bottom: 20px;
}

.error403 #main #conts .box1, .error404 #main #conts .box1 {
    margin-bottom: 40px;
}

.error403 #main #conts .box2, .error404 #main #conts .box2 {
    margin-bottom: 20px;
}

.error403 #main #conts .link_top, .error404 #main #conts .link_top {
    margin: 20px 0;
    text-align: center;
}

.error403 #main #conts .link_top l, .error404 #main #conts .link_top li {
    display: inline-block;
}

@media only screen and (max-width: 770px) {
    .error403 #main #conts .link_top li, .error404 #main #conts .link_top li {
        display: block;
    }
}

.error403 #main #conts .link_top li .separate, .error404 #main #conts .link_top li .separate {
    margin: 0 8px 0 12px;
    display: inline-block;
}

@media only screen and (max-width: 770px) {
    .error403 #main #conts .link_top li .separate, .error404 #main #conts .link_top li .separate {
        display: none;
    }
}

.error403 #main #conts .searchBox, .error404 #main #conts .searchBox {
    margin: 0 auto;
    width: 30.23255813953488%;
}

@media only screen and (max-width: 910px) {
    .error403 #main #conts .searchBox, .error404 #main #conts .searchBox {
        width: 50%;
    }
}

@media only screen and (max-width: 770px) {
    .error403 #main #conts .searchBox, .error404 #main #conts .searchBox {
        width: 100%;
    }
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#colorbox {
    outline: 0;
}

.modalArea {
    display: none;
}

#cboxContent {
    margin-top: 20px;
    background: #000;
}

#cboxContent #onlineStore.storeOuter .boxHead {
    padding: 1.973684211% 1.315789474% 1.578947368% 1.315789474%;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted06.png") repeat-x left bottom;
    text-align: center;
    font-size: 140%;
}

#cboxContent #onlineStore.storeOuter .boxHead .modalLead {
    font-size: 128.57143%;
}

#cboxContent #onlineStore.storeOuter .linkArea {
    padding: 1.973684211%;
    text-align: center;
}

#cboxContent #onlineStore.storeOuter .linkArea ul {
    width: 600px;
    border: 2px solid #CCCCCC;
    border-bottom: none;
    border-right: none;
    display: inline-block;
}

@media only screen and (max-width: 770px) {
    #cboxContent #onlineStore.storeOuter .linkArea ul {
        width: 90%;
    }
}

#cboxContent #onlineStore.storeOuter .linkArea ul:after {
    display: block;
    clear: both;
    content: "";
}

#cboxContent #onlineStore.storeOuter .linkArea ul li {
    width: 299px;
    height: 64px;
    float: left;
    border: 2px solid #CCCCCC;
    border-top: none;
    border-left: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #cboxContent #onlineStore.storeOuter .linkArea ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 520px) {
    #cboxContent #onlineStore.storeOuter .linkArea ul li {
        width: 100%;
    }
}

#cboxContent #onlineStore.storeOuter .linkArea ul li a {
    display: block;
}

#cboxContent #onlineStore.storeOuter .linkArea ul li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    border: 1px solid #57444A;
    border-top: 4px solid #57444A;
    background: #fff;
}

#cboxTitle {
    position: absolute;
    top: -20px;
    left: 0;
    color: #ccc;
}

#cboxCurrent {
    position: absolute;
    top: -20px;
    right: 0px;
    color: #ccc;
}


/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}


/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff;
}

#cboxClose {
    position: absolute;
    top: 3px;
    right: 0px;
    display: block;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_close02.png") no-repeat top center;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/


/*------------------------------------------------------------
ボックス
------------------------------------------------------------*/

.row {
    margin-bottom: 30px;
}

.row:after {
    display: block;
    clear: both;
    content: "";
}

.row.col2 {
    clear: both;
}

.row.col2 .box {
    width: 48.83720930232558%;
    float: left;
}

.row.col2 .box:first-child {
    float: right;
}

.row .boxBody {
    border: 2px solid #DFDFDF;
}

.row .subRow {
    margin-bottom: 50px;
}

.row .subRow p {
    margin-bottom: 15px;
}

.row .subRow p:last-child {
    margin-bottom: 0;
}

.row .subRow .grandRow {
    margin-bottom: 30px;
}

.row .headRow {
    margin-top: 30px;
}

.col3 {
    margin-bottom: 40px;
}

.col3:after {
    display: block;
    clear: both;
    content: "";
}

.col3 .leftRow {
    float: left;
    width: 18.2291666%;
}

.col3 .leftRow .genre {
    margin-bottom: 0;
    padding: 15px 10px;
    background: #F9F9F9;
}

.col3 .leftRow .genre .genreChild+.genreChild {
    margin-top: 10px;
}

.col3 .leftRow .genre .genreChild .moreSeriesTagBtn {
    margin-bottom: 15px;
}

.col3 .leftRow .genre .genreChildTtl {
    margin-bottom: 5px;
}

.col3 .rightRow {
    width: 78.125%;
    float: right;
}

@media only screen and (max-width: 770px) {
    .row {
        margin-bottom: 15px;
    }
    .col3 .leftRow {
        margin-bottom: 40px;
        width: 100%;
        float: none;
    }
    .col3 .rightRow {
        width: 100%;
        float: none;
    }
}


/*------------------------------------------------------------
プレースホルダー用
------------------------------------------------------------*/

.placeholder {
    color: silver;
}


/*------------------------------------------------------------
adsense用
------------------------------------------------------------*/

.AdsArea {
    margin-top: 30px;
}

@media only screen and (max-width: 770px) {
    .AdsArea {
        margin-top: 30px;
        min-height: 250px;
    }
}

.AdsArea ul {
    width: 91.17647058823529%;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    .AdsArea ul {
        width: 100%;
    }
}

.AdsArea ul:after {
    display: block;
    clear: both;
    content: "";
}

.AdsArea ul li {
    width: 48.38709677419355%;
    margin-left: 3.225806451612903%;
    float: left;
}

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

@media only screen and (max-width: 1190px) {
    .AdsArea ul li {
        width: 80%;
        float: none;
        margin-left: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .AdsArea ul li:first-child {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 770px) {
    .AdsArea ul li {
        width: 100%;
        text-align: center;
    }
}

.AdsArea ul li .adsbygoogle {
    width: 100%;
    height: 250px;
    display: block;
}

@media only screen and (max-width: 770px) {
    .AdsArea ul li .adsbygoogle {
        width: 100%;
        height: 250px;
        /*90px*/
    }
}


/*------------------------------------------------------------
adsense用記事直下
------------------------------------------------------------*/

.AdsAreaU {
    margin-top: 20px;
}

@media only screen and (max-width: 770px) {
    .AdsAreaU {
        margin-top: 0px;
        min-height: 250px;
    }
}

.AdsAreaU ul {
    width: 91.17647058823529%;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    .AdsAreaU ul {
        width: 100%;
    }
}

.AdsAreaU ul:after {
    display: block;
    clear: both;
    content: "";
}

.AdsAreaU ul li {
    width: 48.38709677419355%;
    margin-left: 3.225806451612903%;
    float: left;
}

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

@media only screen and (max-width: 1190px) {
    .AdsAreaU ul li {
        width: 80%;
        float: none;
        margin-left: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .AdsAreaU ul li:first-child {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 770px) {
    .AdsAreaU ul li {
        width: 100%;
        text-align: center;
    }
}

.AdsAreaU ul li .adsbygoogle {
    width: 100%;
    height: 250px;
    display: block;
}

@media only screen and (max-width: 770px) {
    .AdsAreaU ul li .adsbygoogle {
        width: 100%;
        height: 250px;
        /*90px*/
    }
}


/*------------------------------------------------------------
adsense用（あわせて読みたい関連記事用）
------------------------------------------------------------*/

.AdsAreaRelated {
    margin-top: 30px;
}

@media only screen and (max-width: 770px) {
    .AdsAreaRelated {
        margin-top: 40px;
    }
}

.AdsAreaRelated ul {
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    .AdsAreaRelated ul {
        width: 100%;
    }
}

.AdsAreaRelated ul:after {
    display: block;
    clear: both;
    content: "";
}

.AdsAreaRelated ul li {
    width: 100%;
    margin-left: 3.225806451612903%;
    float: left;
}

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

@media only screen and (max-width: 1190px) {
    .AdsAreaRelated ul li {
        width: 100%;
        float: none;
        margin-left: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .AdsAreaRelated ul li:first-child {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 770px) {
    .AdsAreaRelated ul li {
        width: 100%;
    }
}

.AdsAreaRelated ul li .adsbygoogle {
    width: 100%;
    height: 100px;
    display: block;
}

@media only screen and (max-width: 770px) {
    .AdsAreaRelated ul li .adsbygoogle {
        width: 100%;
        height: 250px;
    }
}


/*------------------------------------------------------------
adsense　ニュース記事TOP表示（モバイルのみ表示）
------------------------------------------------------------*/

@media only screen and (max-width: 770px) {
    .AdsAreaContentTop {
        margin-top: 10px;
        margin-bottom: 12px;
        min-height: 50px;
    }
}

@media only screen and (max-width: 770px) {
    .AdsAreaContentTop ul {
        width: 100%;
    }
}

.AdsAreaContentTop ul:after {
    display: block;
    clear: both;
    content: "";
}

@media only screen and (max-width: 770px) {
    .AdsAreaContentTop ul li {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 770px) {
    .AdsAreaContentTop ul li .adsbygoogle {
        margin: 0 auto;
    }
}


/*------------------------------------------------------------
ローディングアイコン用
------------------------------------------------------------*/

#ajaxMoreBtn #ajaxLoadIcon {
    display: none;
}

#ajaxMoreBtn.loading {
    position: relative;
}

#ajaxMoreBtn.loading #moreReadPostBtn {
    pointer-events: none;
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha(opacity=20)";
}

#ajaxMoreBtn.loading #moreReadPostBtn:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha(opacity=20)";
}

#ajaxMoreBtn.loading #ajaxLoadIcon {
    display: block;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    top: 50%;
    left: 50%;
}


/*------------------------------------------------------------
フォーム用
------------------------------------------------------------*/

.mw_wp_form_confirm .hidden_confirm,
.mw_wp_form_confirm .required {
    display: none !important;
}

.selectHide {
    display: none;
}


/*------------------------------------------------------------
見出し
------------------------------------------------------------*/

#main .heading {
    padding: 12px 18px 9px;
    font-size: 129%;
    font-weight: bold;
    border-top: 5px solid #57444A;
    line-height: 1.2;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat left top;
    position: relative;
}

#main .heading .linkTxt {
    display: inline-block;
    padding-left: 17px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png") 0 3px no-repeat;
    font-size: 81.25%;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    position: absolute;
    top: 11px;
    right: 20px;
}

#main .heading:before {
    content: "";
    width: 100px;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 20px;
    background: #FFCC00;
}

#main .heading.secondary {
    padding-left: 40px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title02.png") repeat left top;
    color: #FFF;
    font-size: 142.85714%;
}

#main .heading.secondary:after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_published.png") no-repeat;
    position: absolute;
    left: 9px;
    top: 50%;
}

#main .heading.secondary .subLead {
    margin-left: 1em;
    font-size: 70%;
}

@media only screen and (max-width: 770px) {
    #main .heading.secondary .subLead {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
}

#main .smallHeading {
    padding: 12px 18px 9px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 3px solid #57444A;
    line-height: 1.2;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_title.png") repeat left top;
    position: relative;
}

#main .smallHeading:before {
    content: "";
    width: 68%;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 15%;
    background: #FFCC00;
}

#main .headingNews:before {
    background: #EA6A15;
}

#main .headingColumn:before {
    background: #CD3249;
}

#main .headingPublished:before {
    background: #9E58C9;
}

#main .headingBook:before {
    background: #0099FF;
}

#main .headingMovie:before {
    background: #72BC16;
}

#main .headingSeminar:before {
    background: #72BC16;
}

#main .headingDownload:before {
    background: #13B97B;
}

#main .heading_nocolor:before {
    background: #57444A;
}

#main .cateTtl {
    padding: 10px 10px 10px 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2475c+0,d2475c+50,cd3249+51,cd3249+100 */
    background: #d2475c;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2475c), color-stop(50%, #d2475c), color-stop(51%, #cd3249), color-stop(100%, #cd3249));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d2475c 0%, #d2475c 50%, #cd3249 51%, #cd3249 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#d2475c), color-stop(50%, #d2475c), color-stop(51%, #cd3249), to(#cd3249));
    background: linear-gradient(to bottom, #d2475c 0%, #d2475c 50%, #cd3249 51%, #cd3249 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2475c', endColorstr='#cd3249', GradientType=0);
    /* IE6-9 */
    color: #FFF;
    line-height: 18px;
    position: relative;
}

#main .cateTtl:after {
    content: '';
    display: block;
    width: 3px;
    height: 18px;
    background: #86202F;
    position: absolute;
    top: 10px;
    left: 10px;
}

#main .cateTtl .linkTxt {
    position: absolute;
    top: 11px;
    right: 20px;
}

#main .subHead {
    margin-bottom: 20px;
    padding: 12px 18px 10px 25px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 3px solid #57444A;
    line-height: 1.2;
    background: #FFF url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
    position: relative;
}

#main .subHead .linkTxt {
    font-size: 81.25%;
    color: #333333;
    float: right;
}

#main .subHead:before {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 20px;
    background: #FFCC00;
}

#main .subHead:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle01.png") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 0;
}

#main .subHead.circlePrimary:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle03.png") 0 0 no-repeat;
}

#main .subHead.circleSecondary:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle05.png") 0 0 no-repeat;
}

#main .subHead.circleTertiary:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle06.png") 0 0 no-repeat;
}

#main .subHead.circleQuaternary:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle07.png") 0 0 no-repeat;
}

#main .subHead.circleQuinary:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle08.png") 0 0 no-repeat;
}

#main .subHead.circleMovie:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle_movie.png") 0 0 no-repeat;
}

#main .subHead.noColor {
    padding-left: 42px;
    background-color: #F9F9F9;
}

#main .subHead.noColor.noBg {
    background-image: none;
}

#main .subHead.noColor:before {
    display: none;
}

#main .subHead.noColor:after {
    left: 20px;
}

#main .subHead.secondary {
    margin-bottom: 0;
    padding: 20px 20px 15px 40px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: none;
    line-height: 1.2;
    color: #FFF;
    background: #FFF url("/wp/wp-content/themes/rodo/img/common/bg/bg_title03.png") repeat left top;
    position: relative;
}

#main .subHead.secondary:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle09.png") 0 0 no-repeat;
    position: absolute;
    top: 19px;
    left: 15px;
}

#main .subHead.secondary:before {
    display: none;
}

#main .subNews:before {
    background: #EA6A15;
}

#main .subColumn:before {
    background: #CD3249;
}

#main .subPublished:before {
    background: #9E58C9;
}

#main .subBook:before {
    background: #0099FF;
}

#main .subMovie:before {
    background: #72BC16;
}

#main .subSeminar:before {
    background: #72BC16;
}

#main .subDownload:before {
    background: #13b97b;
}

#main .lineHead {
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 2px solid #CCC;
    font-size: 114.28571%;
    color: #394672;
    line-height: 1.3;
    font-weight: bold;
}

#main .lineHead.type01 {
    border-left: 4px solid #EA6A15;
}

#main .lineHead.type02 {
    border-left: 4px solid #CD3249;
}

#main .lineHead.type03 {
    border-left: 4px solid #FFCC00;
}

#main .lineHead.type04 {
    border-left: 4px solid #9E58C9;
}

#main .lineHead.type05 {
    border-left: 4px solid #0099FF;
}

#main .lineHead.type06 {
    border-left: 4px solid #13B97B;
}

#main .lineHead.type07 {
    border-left: 4px solid #72BC16;
}

#main .lineHead.side {
    padding-left: 6px;
    font-size: 100%;
    color: #333;
}

#main .circleHead {
    margin-bottom: 15px;
    padding-left: 25px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle02.png") 0 0 no-repeat;
    font-size: 114.28571%;
    color: #394672;
}

#main .circleHead.circlePrimary {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle03.png") 0 0 no-repeat;
}

#main .circleHead.circleSecondary {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle05.png") 0 0 no-repeat;
}

#main .circleHead.circleTertiary {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle06.png") 0 0 no-repeat;
}

#main .circleHead.circleQuaternary {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle07.png") 0 0 no-repeat;
}


/*SP用*/

@media only screen and (max-width: 770px) {
    #main .pageTtl {
        margin: 23px 0 25px;
        font-size: 114.28571%;
    }
    #main .ttl01 {
        margin-bottom: 10px;
        padding-bottom: 11px;
    }
    #main .ttl01 img {
        display: none;
    }
    #main .ttl01 .ttl {
        display: block;
        font-size: 107.14286%;
        font-weight: normal;
        line-height: 1.3;
    }
    #main .ttl01:before {
        width: 143px;
    }
}

@media only screen and (max-width: 460px) {
    #main .subHead .linkTxt {
        float: none;
    }
    #main .subHead.circleSecondary.noBg:after {
        top: 20px;
    }
}

/*------------------------------------------------------------
パンくず
------------------------------------------------------------*/

.breadcrumb {
    margin-bottom: 8px;
    line-height: 1.4em;
}

.breadcrumb a,
.breadcrumb strong {
    font-size: 85.71429%;
    line-height: 1.2em;
}

.breadcrumb strong {
    font-weight: normal;
}

.breadcrumb a {
    color: #3399CC;
}

.breadcrumb a:first-child {
    padding-left: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_bread.png") 0 2px no-repeat;
}


/*------------------------------------------------------------
ページャー
------------------------------------------------------------*/

.pageNavi {
    margin-top: 20px;
    text-align: center;
}

.pageNavi .spHide {
    display: inline;
}

.pageNavi ul {
    width: 100%;
    display: inline-block;
}

.pageNavi ul li {
    display: inline-block;
    margin-left: 2px;
}

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

.pageNavi ul li .page-numbers {
    width: 35px;
    padding: 3px 0;
    border: 1px solid #CCC;
    text-decoration: none;
    display: block;
    color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pageNavi ul li .page-numbers.current {
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

.pageNavi ul li .page-numbers:hover {
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

.pageNavi ul li .page-numbers.next,
.pageNavi ul li .page-numbers.prev {
    width: auto;
    padding: 3px 13px;
}

@media only screen and (max-width: 770px) {
    .pageNavi .spHide {
        display: none;
    }
    .pageNavi ul {
        width: 100%;
        display: inline-block;
    }
    .pageNavi ul li {
        margin-left: 0;
        margin-bottom: 5px;
        display: inline-block;
    }
    .pageNavi ul li:first-child {
        margin-left: 0;
    }
    .pageNavi ul li .page-numbers {
        border: 1px solid #CCC;
        text-decoration: none;
        display: block;
        color: #999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pageNavi ul li .page-numbers.current {
        border: 1px solid #6D6D6D;
        background-color: #545454;
        color: #FFF;
    }
    .pageNavi ul li .page-numbers:hover {
        border: 1px solid #6D6D6D;
        background-color: #545454;
        color: #FFF;
    }
}


/*------------------------------------------------------------
ラベル
------------------------------------------------------------*/

.label {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    position: relative;
    font-size: 71.42857%;
    margin-bottom: 10px;
    padding: 0 2px 0 5px;
    background: #FFCC00;
    color: #FFF;
}

.label:after {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #FFCC00;
    border-style: solid;
    border-width: 10px 0 10px 6px;
}

.labelNews {
    background: #EA6A15;
}

.labelNews:after {
    border-color: transparent transparent transparent #EA6A15;
}

.labelColumn {
    background: #CD3249;
}

.labelColumn:after {
    border-color: transparent transparent transparent #CD3249;
}

.labelPublished {
    background: #9E58C9;
}

.labelPublished:after {
    border-color: transparent transparent transparent #9E58C9;
}

.labelBook {
    background: #0099FF;
}

.labelBook:after {
    border-color: transparent transparent transparent #0099FF;
}

.labelMovie {
    background: #72BC16;
}

.labelMovie:after {
    border-color: transparent transparent transparent #72BC16;
}

.labelSeminar {
    background: #72BC16;
}

.labelSeminar:after {
    border-color: transparent transparent transparent #72BC16;
}


/*------------------------------------------------------------
テキスト
------------------------------------------------------------*/

#main p {
    line-height: 1.6;
}

#main p.paragraph {
    margin-bottom: 1.6em;
}

#main p .blue {
    color: #394672;
    font-weight: bold;
}


/*点線*/

.breakOff {
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
}


/*------------------------------------------------------------
リスト
------------------------------------------------------------*/

.linkList li {
    line-height: 1.5;
    border-top: 1px solid #DFDFDF;
    position: relative;
}

.linkList li:first-child {
    border-top: none;
}

.linkList li a {
    display: block;
    background: #FFF;
    color: #333;
}

.linkList li a:after {
    display: block;
    clear: both;
    content: "";
}

.linkList li a:hover {
    text-decoration: none;
    background: #F9F9F9;
}

.linkList li a:hover img {
    opacity: 1 !important;
}

.linkList li.type2 .inner {
    margin-right: 110px;
}

.linkList li .inner {
    padding: 12px 15px 12px 25px;
    overflow: hidden;
}

.linkList li .date {
    font-weight: bold;
}

.linkList li .thumb {
    width: 100px;
    float: right;
}

.linkList li .thumb img {
    vertical-align: top;
}

.linkList li .pickupthumb {
    width: 60px;
    height: 60px;
    float: right;
}

.linkList li .new {
    position: absolute;
    top: 0;
    left: 0;
}

.linkList.wide li a .inner {
    padding: 15px 25px;
}

.linkList.wide li a .inner:after {
    display: block;
    clear: both;
    content: "";
}

.linkList.wide li a .inner .date {
    margin-right: 20px;
    float: left;
}

.linkList.wide li a .inner p {
    overflow: hidden;
}

.itemizeList li {
    padding-left: 14px;
    margin-bottom: 0.5em;
    line-height: 1.5em;
    position: relative;
}

.itemizeList li:before {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50px;
    background-color: #333333;
    position: absolute;
    top: 7px;
    left: 0;
}

.itemizeList.secondary li:before {
    background-color: #3C4975;
}

.defineList {
    line-height: 1.5;
}

.defineList dt {
    margin-top: 25px;
    padding-left: 21px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle02.png") 0 3px no-repeat;
    font-weight: bold;
    color: #3C4975;
}

.defineList dt:first-child {
    margin-top: 0;
}

.defineList dd {
    margin-top: 7px;
}

.defineNumList {
    margin-bottom: 30px;
    line-height: 1.5;
}

.defineNumList dt {
    margin-top: 25px;
    font-weight: bold;
}

.defineNumList dt:first-child {
    margin-top: 0;
}

.defineNumList dd {
    margin-top: 7px;
}

.defineNumList.blue dt {
    color: #3B4874;
}

.defineNumList:last-child {
    margin-bottom: 0;
}

.defineClList {
    line-height: 1.5;
}

.defineClList dt {
    margin-top: 15px;
    padding-left: 20px;
    font-weight: bold;
    color: #3A4773;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle02.png") 0 2px no-repeat;
}

.defineClList dt:first-child {
    margin-top: 0;
}

.defineClList dd {
    margin-top: 5px;
}

.mediaList li {
    line-height: 1.5;
    width: 16.66666666666667%;
    float: left;
    position: relative;
}

.mediaList li:first-child {
    border-left: none;
}

.mediaList li a {
    display: block;
    border-left: 1px solid #DFDFDF;
}

.mediaList li a:after {
    display: block;
    clear: both;
    content: "";
}

.mediaList li .inner {
    display: block;
    padding: 20px 0 15px;
}

.mediaList li .inner .thumb {
    margin: 0 auto 10px;
    width: 108px;
    height: 149px;
}

.mediaList li .inner .thumb img {
    vertical-align: top;
}

.mediaList li .inner p {
    margin: 0 auto;
    padding-left: 17px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow02.png") 0 3px no-repeat;
    width: 120px;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4 !important;
}


/*タブレット用*/

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    .mediaList li {
        line-height: 1.5;
        width: 33.33333333333333%;
        float: left;
        position: relative;
        margin-top: -1px;
        border-top: 1px solid #DFDFDF;
    }
    .mediaList li:first-child {
        border-left: none;
    }
    .mediaList li a {
        display: block;
        border-left: 1px solid #DFDFDF;
    }
    .mediaList li a:after {
        display: block;
        clear: both;
        content: "";
    }
    .mediaList li .inner p {
    width: 140px;
    }
}

@media only screen and (max-width: 770px) {
    .mediaList li {
        line-height: 1.5;
        width: 100%;
        position: relative;
    }
    .mediaList li:first-child {
        border-left: none;
    }
    .mediaList li a {
        display: block;
        margin: 0 auto;
        padding: 20px 0;
        width: 108px;
        border-left: none;
    }
    .mediaList li a:after {
        display: block;
        clear: both;
        content: "";
    }
    .mediaList li .inner {
        display: block;
        padding: 0;
    }
    .mediaList li .inner .thumb {
        margin: 0;
    }
    .mediaList li .inner .thumb img {
        vertical-align: top;
    }
    .mediaList li .inner p {
        display: none;
    }
}

ol.numList {
    margin-bottom: 20px;
}

ol.numList:after {
    display: block;
    clear: both;
    content: "";
}

ol.numList li {
    clear: left;
}

ol.numList li span {
    display: block;
    overflow: hidden;
}

ol.numList li span.num {
    float: left;
    overflow: visible;
}

ol.numList:last-child {
    margin-bottom: 0;
}


/* リンクテキスト*/

.linkTxt {
    display: inline-block;
    font-size: 92.85714%;
    font-weight: normal;
    line-height: 1.5;
}

.leftRow .linkTxt[class*="type"], .rankingHead .linkTxt, .cateBox .linkTxt, .newsList .linkTxt, .linkTxt.movie, .linkTxt.bookCategory {
    padding-left: 17px;
}

a[class*="linkTxt"]:not([class*="type"]):not([class*="hideSP"]):not([class*="wh"]):not([class*="black"]):not([class*="movie"]):before {
    content: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow02.png");
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.linkTxt.wh {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") 0 3px no-repeat;
    color: #FFF;
}

.linkTxt.black {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow01.png") 0 3px no-repeat;
    color: #333;
}

.linkTxt.pdf {
    padding-right: 20px;
    position: relative;
    color: #0099FF;
    padding-left: 0px;
}

.linkTxt.pdf:after {
    content: "";
    width: 14px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_pdf.png") 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.linkTxt.type1 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow05.png") 0 3px no-repeat;
}

.linkTxt.type2 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow06.png") 0 3px no-repeat;
}

.linkTxt.type3 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow07.png") 0 3px no-repeat;
}

.linkTxt.type4 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow10.png") 0 3px no-repeat;
}

.linkTxt.type5 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow11.png") 0 3px no-repeat;
}

.linkTxt.type6 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow12.png") 0 3px no-repeat;
}

.linkTxt.type7 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow14.png") 0 3px no-repeat;
}

.linkTxt.movie {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow_movie.png") 0 3px no-repeat;
}


/* コラムリスト */

.columnList {
    border-top: 2px solid #DFDFDF;
    border-bottom: 2px solid #DFDFDF;
}

.columnList .box {
    width: 100%;
    border-top: 2px solid #DFDFDF;
    font-size: 115%;
}

.columnList .box:after {
    display: block;
    clear: both;
    content: "";
}

.columnList .box:first-child {
    border-top: none;
}

.columnList .box.withImg dl {
    width: 69.11764705882354%;
    float: left;
}

.columnList .box.withImg .imgArea {
    width: 28%;
    float: right;
    text-align: right;
}

.columnList .box.withImg .imgArea img {
    margin-bottom: 15px;
    max-width: 100%;
    height: auto;
}

.columnList .box.withSmallImg {
    position: relative;
}

.columnList .box.withSmallImg dl {
    padding-right: 70px;
}

.columnList .box.withSmallImg .imgArea {
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
}

.columnList .box.new dl {
    position: relative;
}

.columnList .box.new dl dt {
    padding: 5px 25px 5px 25px;
}

.columnList .box dl dt {
    padding: 5px 0;
    font-size: 92.85714%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.columnList .box dl dt .catName {
    margin-left: 10px;
    display: inline-block;
}

.columnList .box dl dd {
    padding-bottom: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.columnList .box dl dd .conts .listTtl {
    padding-right: 16px;
    font-size: 107.14286%;
    font-weight: bold;
    display: inline-block;
    position: relative;
    line-height: 1.3em;
}

.columnList .box dl dd .conts .listTtl a {
    color: #394672;
}

.columnList .box dl dd .conts .listTtl.lock:before {
    width: 12px;
    height: 18px;
    margin-top: -10px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
}

.columnList .box dl dd .conts .new {
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 770px) {
    .columnList {
        border-top: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
    }
    .columnList .box {
        width: 100%;
        border-top: 1px solid #DFDFDF;
    }
    .columnList .box:after {
        display: block;
        clear: both;
        content: "";
    }
    .columnList .box:first-child {
        border-top: none;
    }
    .columnList .box.withImg dl {
        width: 100%;
        float: none;
    }
    .columnList .box.withImg .imgArea {
        width: 100%;
        float: none;
        text-align: center;
    }
    .columnList .box.withImg .imgArea img {
        width: 70%;
        height: auto;
    }
    .columnList .box.withSmallImg {
        position: relative;
    }
    .columnList .box.withSmallImg dl {
        padding-right: 70px;
    }
    .columnList .box.withSmallImg .imgArea {
        position: absolute;
        top: 0;
        right: 0;
    }
    .columnList .box.new dl {
        position: relative;
    }
    .columnList .box.new dl dt {
        padding: 5px 25px 5px 25px;
    }
    .columnList .box dl dt {
        padding: 5px 0;
        font-size: 92.85714%;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
    .columnList .box dl dt .catName {
        margin-left: 10px;
        display: inline-block;
    }
    .columnList .box dl dd {
        padding-bottom: 10px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
    .columnList .box dl dd .conts .listTtl {
        padding-right: 16px;
        font-size: 107.14286%;
        font-weight: bold;
        display: inline-block;
        position: relative;
    }
    .columnList .box dl dd .conts .listTtl a {
        color: #394672;
    }
    .columnList .box dl dd .conts .listTtl.lock:before {
        width: 12px;
        height: 18px;
        margin-top: -10px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png") no-repeat;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .columnList .box dl dd .conts .new {
        position: absolute;
        top: 0;
        left: 0;
    }
}


/* 3カラム左カテゴリリストスタイル */

.col3LinkList ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    border-bottom: 1px dashed #DFDFDF;
}

#laws .col3LinkList ul li {
    padding: 5px 0px 5px 10px;
}

.col3LinkList ul li .linkTxt {
    color: #333333;
    font-size: 100%;
}

.col3LinkList ul li .linkTxt.type01 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow05.png") 0 4px no-repeat;
}

.col3LinkList ul li .linkTxt.type3 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow07.png") 0 4px no-repeat;
}

.col3LinkList ul li .linkTxt.type4 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow10.png") 0 4px no-repeat;
}

.col3LinkList ul li .linkTxt.type6 {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow12.png") 0 4px no-repeat;
}

@media only screen and (max-width: 770px) {
    #main .smallHeading:before {
        width: 88%;
        left: 6%;
    }
    .col3LinkList ul li {
        padding: 10px;
        border-bottom: 1px dotted #DFDFDF;
    }
}


/*------------------------------------------------------------
banner
------------------------------------------------------------*/

a.banner,
a.banner:hover {
    display: block;
    padding: 15px;
    background: #EA6A15;
    border: 2px solid #F0975C;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    position: relative;
}

a:not(.disabled).banner:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

a.banner.red {
    background: #CD3249;
    border: 2px solid #DC6E7F;
}

a.banner.yellow {
    background: #E0B814;
    border: 2px solid #E9CD5B;
    color: #FFF;
}

a.banner.green {
    background: #52944D;
    border: 2px solid #86B483;
}

a.banner.anzen_green {
    background: #006633;
    border: 2px solid #52944D;
}

a.banner.light_green {
    background: #72BC16;
    border: 2px solid #9ACF59;
}

a.banner.blue {
    background: #4E88B6;
    border: 2px solid #81AACB;
}

a.banner.white {
    background: #FFF;
    border: 2px solid #F9D4BC;
    color: #EA6A15;
}

a.banner.gray {
    background: #666666;
    border: 2px solid #949494;
}

a.banner.lightBlue {
    background: #0099FF;
    border: 2px solid #6FC6FF;
}

a.banner.purple {
    background: #6053A8;
    border: 2px solid #8E84C1;
}

a.banner.lightyellow {
    background: #FFBF00;
    border: 2px solid #FFD149;
}

a.banner.icon01 span {
    position: relative;
}

a.banner.icon01 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    top: 50%;
}

a.banner.icon01.right span {
    padding-right: 20px;
}

a.banner.icon01.right span:before {
    right: 0;
}

a.banner.icon01.left span {
    padding-left: 20px;
}

a.banner.icon01.left span:before {
    left: 0;
}

a.banner.icon02 span {
    position: relative;
}

a.banner.icon02 span:before {
    width: 12px;
    height: 20px;
    margin-top: -12px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_book_trial.png") no-repeat;
    top: 50%;
}

a.banner.icon02.right span {
    padding-right: 20px;
}

a.banner.icon02.right span:before {
    right: 0;
}

a.banner.icon02.left span {
    padding-left: 20px;
}

a.banner.icon02.left span:before {
    left: 0;
}

a.banner.icon03 span {
    position: relative;
}

a.banner.icon03 span:before {
    width: 16px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_cart.png") no-repeat;
    top: 50%;
    right: 20px;
}

a.banner.icon03.right span {
    padding-right: 20px;
}

a.banner.icon03.right span:before {
    right: 0;
}

a.banner.icon03.left span {
    padding-left: 20px;
}

a.banner.icon03.left span:before {
    left: 0;
}

a.banner.icon04 span {
    position: relative;
}

a.banner.icon04 span:before {
    width: 20px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_online.png") no-repeat;
    top: 50%;
}

a.banner.icon04.right span {
    padding-right: 25px;
}

a.banner.icon04.right span:before {
    right: 0;
}

a.banner.icon04.left span {
    padding-left: 25px;
}

a.banner.icon04.left span:before {
    left: 0;
}

a.banner.icon05 span {
    position: relative;
}

a.banner.icon05 span:before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_big_cart.png") no-repeat;
    top: 50%;
}

a.banner.icon05.right span {
    padding-right: 28px;
}

a.banner.icon05.right span:before {
    right: 0;
}

a.banner.icon05.left span {
    padding-left: 28px;
}

a.banner.icon05.left span:before {
    left: 0;
}

a.banner.icon06 span {
    position: relative;
}

a.banner.icon06 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow08.png") no-repeat;
    top: 50%;
}

a.banner.icon06.right span {
    padding-right: 20px;
}

a.banner.icon06.right span:before {
    right: 0;
}

a.banner.icon06.left span {
    padding-left: 20px;
}

a.banner.icon06.left span:before {
    left: 0;
}

a.banner.icon07 span {
    position: relative;
}

a.banner.icon07 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow09.png") no-repeat;
    top: 50%;
}

a.banner.icon07.right span {
    padding-right: 20px;
}

a.banner.icon07.right span:before {
    right: 0;
}

a.banner.icon07.left span {
    padding-left: 20px;
}

a.banner.icon07.left span:before {
    left: 0;
}

a.banner.icon08 span {
    position: relative;
}

a.banner.icon08 span:before {
    width: 12px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_login.png") no-repeat;
    top: 50%;
}

a.banner.icon08.right span {
    padding-right: 20px;
}

a.banner.icon08.right span:before {
    right: 0;
}

a.banner.icon08.left span {
    padding-left: 20px;
}

a.banner.icon08.left span:before {
    left: 0;
}

a.banner.icon09 span {
    position: relative;
}

a.banner.icon09 span:before {
    width: 16px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_window01.png") no-repeat;
    top: 50%;
}

a.banner.icon09.right span {
    padding-right: 23px;
}

a.banner.icon09.right span:before {
    right: 0;
}

a.banner.icon09.left span {
    padding-left: 23px;
}

a.banner.icon09.left span:before {
    left: 0;
}

a.banner.logout span {
    position: relative;
}

a.banner.logout span:before {
    width: 12px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_logout.png") no-repeat;
    top: 50%;
}

a.banner.logout.right span {
    padding-right: 20px;
}

a.banner.logout.right span:before {
    right: 0;
}

a.banner.logout.left span {
    padding-left: 20px;
}

a.banner.logout.left span:before {
    left: 0;
}

.centerBn {
    text-align: center;
}

.centerBn a.banner {
    display: inline-block;
}

.requestBtns {
    padding: 20px;
    background: #F9F9F9;
    text-align: center;
}

.requestBtns li {
    display: inline-block;
    margin: 0 2px;
    width: 190px;
    vertical-align: bottom;
}

@media only screen and (max-width: 770px) {
    a.banner:hover {
        opacity: 1 !important;
    }
    .centerBn {
        text-align: center;
    }
    .centerBn a.banner {
        display: block;
        padding: 20px;
    }
}

.horizontalBanner {
    width: 100%;
    display: table;
}

.horizontalBanner a,
.horizontalBanner .separate {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.horizontalBanner a span,
.horizontalBanner .separate span {
    text-align: left;
    height: 100%;
    line-height: 1.2em;
    display: block;
}

.horizontalBanner a {
    width: 19.06976744%;
}

.horizontalBanner .separate {
    width: 1.046511628%;
}

@media only screen and (max-width: 770px) {
    .horizontalBanner {
        display: block;
    }
    .horizontalBanner a {
        display: block;
    }
    .horizontalBanner a span {
        text-align: left;
        height: 100%;
        line-height: 1.2em;
        display: block;
    }
    .horizontalBanner a span br {
        display: none;
    }
    .horizontalBanner a {
        width: 100%;
        margin-top: 10px;
    }
    .horizontalBanner a:first-child {
        margin-top: 0;
    }
    .horizontalBanner .separate {
        display: none;
    }
}

/*------------------------------------------------------------
button (adブロックがbannerを非表示にするため、徐々にbuttonに変更する）
------------------------------------------------------------*/

a.button,
a.button:hover {
    display: block;
    padding: 15px;
    background: #EA6A15;
    border: 2px solid #F0975C;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    position: relative;
}

a:not(.disabled).button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

a.button.red {
    background: #CD3249;
    border: 2px solid #DC6E7F;
}

a.button.yellow {
    background: #E0B814;
    border: 2px solid #E9CD5B;
    color: #FFF;
}

a.button.green {
    background: #52944D;
    border: 2px solid #86B483;
}

a.button.anzen_green {
    background: #006633;
    border: 2px solid #52944D;
}

a.button.light_green {
    background: #72BC16;
    border: 2px solid #9ACF59;
}

a.button.blue {
    background: #4E88B6;
    border: 2px solid #81AACB;
}

a.button.white {
    background: #FFF;
    border: 2px solid #F9D4BC;
    color: #EA6A15;
}

a.button.gray {
    background: #666666;
    border: 2px solid #949494;
}

a.button.lightBlue {
    background: #0099FF;
    border: 2px solid #6FC6FF;
}

a.button.purple {
    background: #6053A8;
    border: 2px solid #8E84C1;
}

a.button.lightyellow {
    background: #FFBF00;
    border: 2px solid #FFD149;
}

a.button.icon01 span {
    position: relative;
}

a.button.icon01 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    top: 50%;
}

a.button.icon01.right span {
    padding-right: 20px;
}

a.button.icon01.right span:before {
    right: 0;
}

a.button.icon01.left span {
    padding-left: 20px;
}

a.button.icon01.left span:before {
    left: 0;
}

a.button.icon02 span {
    position: relative;
}

a.button.icon02 span:before {
    width: 12px;
    height: 20px;
    margin-top: -12px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_book_trial.png") no-repeat;
    top: 50%;
}

a.button.icon02.right span {
    padding-right: 20px;
}

a.button.icon02.right span:before {
    right: 0;
}

a.button.icon02.left span {
    padding-left: 20px;
}

a.button.icon02.left span:before {
    left: 0;
}

a.button.icon03 span {
    position: relative;
}

a.button.icon03 span:before {
    width: 16px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_cart.png") no-repeat;
    top: 50%;
    right: 20px;
}

a.button.icon03.right span {
    padding-right: 20px;
}

a.button.icon03.right span:before {
    right: 0;
}

a.button.icon03.left span {
    padding-left: 20px;
}

a.button.icon03.left span:before {
    left: 0;
}

a.button.icon04 span {
    position: relative;
}

a.button.icon04 span:before {
    width: 20px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_online.png") no-repeat;
    top: 50%;
}

a.button.icon04.right span {
    padding-right: 25px;
}

a.button.icon04.right span:before {
    right: 0;
}

a.button.icon04.left span {
    padding-left: 25px;
}

a.button.icon04.left span:before {
    left: 0;
}

a.button.icon05 span {
    position: relative;
}

a.button.icon05 span:before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_big_cart.png") no-repeat;
    top: 50%;
}

a.button.icon05.right span {
    padding-right: 28px;
}

a.button.icon05.right span:before {
    right: 0;
}

a.button.icon05.left span {
    padding-left: 28px;
}

a.button.icon05.left span:before {
    left: 0;
}

a.button.icon06 span {
    position: relative;
}

a.button.icon06 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow08.png") no-repeat;
    top: 50%;
}

a.button.icon06.right span {
    padding-right: 20px;
}

a.button.icon06.right span:before {
    right: 0;
}

a.button.icon06.left span {
    padding-left: 20px;
}

a.button.icon06.left span:before {
    left: 0;
}

a.button.icon07 span {
    position: relative;
}

a.button.icon07 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow09.png") no-repeat;
    top: 50%;
}

a.button.icon07.right span {
    padding-right: 20px;
}

a.button.icon07.right span:before {
    right: 0;
}

a.button.icon07.left span {
    padding-left: 20px;
}

a.button.icon07.left span:before {
    left: 0;
}

a.button.icon08 span {
    position: relative;
}

a.button.icon08 span:before {
    width: 12px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_login.png") no-repeat;
    top: 50%;
}

a.button.icon08.right span {
    padding-right: 20px;
}

a.button.icon08.right span:before {
    right: 0;
}

a.button.icon08.left span {
    padding-left: 20px;
}

a.button.icon08.left span:before {
    left: 0;
}

a.button.icon09 span {
    position: relative;
}

a.button.icon09 span:before {
    width: 16px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_window01.png") no-repeat;
    top: 50%;
}

a.button.icon09.right span {
    padding-right: 23px;
}

a.button.icon09.right span:before {
    right: 0;
}

a.button.icon09.left span {
    padding-left: 23px;
}

a.button.icon09.left span:before {
    left: 0;
}

/*icon10は連載記事左カラムの連載記事一覧の矢印を規定*/
a.button.icon10 span {
    position: relative;
}
a.button.icon10 span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    top: 50%;
}
a.button.icon10.right span {
    padding-right: 20px;
}
a.button.icon10.right span:before {
    right: 0;
}
a.button.icon10.left span {
    padding-left: 20px;
}
a.button.icon10.left span:before {
    left: 0;
}

a.button.logout span {
    position: relative;
}

a.button.logout span:before {
    width: 12px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_logout.png") no-repeat;
    top: 50%;
}

a.button.logout.right span {
    padding-right: 20px;
}

a.button.logout.right span:before {
    right: 0;
}

a.button.logout.left span {
    padding-left: 20px;
}

a.button.logout.left span:before {
    left: 0;
}

.centerBn {
    text-align: center;
}

.centerBn a.button {
    display: inline-block;
}

@media only screen and (max-width: 770px) {
    a.button:hover {
        opacity: 1 !important;
    }
    .centerBn {
        text-align: center;
    }
    .centerBn a.button {
        display: block;
        padding: 20px;
    }
}

/*------------------------------------------------------------
SNSボタン
------------------------------------------------------------*/

.snsBtns {
    margin: 20px 0;
    padding-bottom: 10px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
}

.snsBtns:after {
    display: block;
    clear: both;
    content: "";
}

.snsBtns.noBg {
    background-image: none;
}

.snsBtns ul {
    float: right;
}

.snsBtns ul:after {
    display: block;
    clear: both;
    content: "";
}

.snsBtns ul li {
    height: 20px;
    overflow: hidden;
    margin-left: 5px;
    float: left;
}

.snsBtns ul li .fb_iframe_widget>span {
    vertical-align: baseline !important;
}

.snsBtns ul li.snsPcHide {
    display: none;
}

.snsBtns ul li.snsSpHide {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .snsBtns ul {
        float: none;
    }
}

@media only screen and (max-width: 770px) {
    .snsBtns ul {
        text-align: center;
    }
    .snsBtns ul li {
        display: inline-block;
        height: 33px;
        margin: 0px 3px 5px 3px;
        float: none;
    }
    .snsBtns ul li.snsPcHide {
        display: inline-block;
    }
    .snsBtns ul li.snsSpHide {
        display: none;
    }
}


/*twitterタイムライン表示*/

.twTL {
    line-height: 1.5;
    text-decoration: underline;
    color: #3399CC;
    vertical-align: top;
}

.twTL a {
    vertical-align: top;
}

.twTL a:visited {
    color: #3399CC;
}


/*Googleプラスワン幅調整*/

#___plusone_0 {
    width: 65px !important;
}


/*------------------------------------------------------------
レスポンシブテーブル
------------------------------------------------------------*/

.tableWrapper {
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x top;
}

.tableWrapper .resTable {
    width: 100%;
    display: table;
}

.tableWrapper .resTable dt,
.tableWrapper .resTable dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x bottom;
    display: table-cell;
    padding: 20px;
}

.tableWrapper .resTable dd input,
.tableWrapper .resTable dd select {
    padding: 6px 10px;
    border: 1px solid #DFDFDF;
}

.tableWrapper .resTable dd textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #DFDFDF;
}

.tableWrapper .resTable dd .head {
    font-weight: bold;
    color: #394672;
    display: block;
}

.tableWrapper .resTable dt {
    width: 22.5%;
    background-color: #F6F6F6;
    font-weight: bold;
}

.tableWrapper .resTable:first-child dt {
    position: relative;
}

.tableWrapper .resTable:first-child dt:before {
    width: 100%;
    height: 1px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") repeat-x;
    position: absolute;
    top: 0;
    left: 0;
}

.tableWrapper .resTable.form dt {
    font-weight: bold;
}

.tableWrapper .resTable.form .name {
    margin-left: 5px;
}

.tableWrapper .resTable.form .name input {
    margin-left: 5px;
}

.tableWrapper .resTable.form .name:first-child {
    margin-left: 0;
}

.tableWrapper .resTable.form .notes {
    display: block;
}

.tableWrapper .resTable.form .inputRow {
    padding-left: 20px;
    margin-right: 20px;
}

.tableWrapper .resTable.form .inputRow.rowCheckbox {
    padding-left: 20px;
    position: relative;
}

.tableWrapper .resTable.form .inputRow.rowCheckbox input[type="checkbox"] {
    margin: 0;
}

.tableWrapper .resTable.form .inputRow.rowCheckbox input {
    padding: 0;
    margin-top: -0.5em;
    position: absolute;
    border: none;
    left: 0;
    top: 4px;
}

@media only screen and (max-width: 770px) {
    .tableWrapper .resTable.form .inputRow.rowCheckbox input {
        padding: 0;
        margin-top: 0;
        position: absolute;
        border: none;
        left: 0;
        top: 0;
    }
}

.tableWrapper .resTable.form .inputRow.rowRadio {
    position: relative;
}

.tableWrapper .resTable.form .inputRow.rowRadio input {
    position: absolute;
    left: 0;
    top: 2px;
}

.tableWrapper .resTable.form .resTxtArea {
    width: 100%;
    display: block;
}

.tableWrapper .resTable.form .privacyTxtArea {
    width: 100%;
    height: 123px;
    margin-top: 20px;
    padding: 16px 15px;
    display: block;
    border: 1px solid #DFDFDF;
    overflow: auto;
    -ms-word-wrap: break;
    word-wrap: break;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tableWrapper .resTable.form .afterNotes {
    margin-left: 20px;
    font-size: 85.71429%;
}

.tableWrapper .resTable.form .txt {
    font-weight: bold;
}

#main #conts #customerInfoForm .tableWrapper .resTable dt {
    width: 31%;
}

@media only screen and (max-width: 770px) {
    .tableWrapper .resTable {
        display: block;
    }
    .tableWrapper .resTable dt,
    .tableWrapper .resTable dd {
        width: 100%;
        display: block;
    }
    .tableWrapper .resTable.form dt br {
        display: none;
    }
    .tableWrapper .resTable.form dt .required {
        display: inline-block;
        margin-left: 10px;
    }
    .tableWrapper .resTable.form .name {
        display: block;
        margin-left: 0px;
        margin-top: 15px;
    }
    .tableWrapper .resTable.form .name:first-child {
        margin-top: 0;
    }
    .tableWrapper .resTable.form .notes {
        display: block;
    }
    .tableWrapper .resTable.form .inputRow {
        padding-left: 20px;
        padding-right: 20px;
        display: block;
    }
    .tableWrapper .resTable.form .inputRow.rowCheckbox {
        position: relative;
    }
    .tableWrapper .resTable.form .inputRow.rowCheckbox input {
        position: absolute;
        left: 0;
        top: -20px;
    }
    #digest_ebook_form .tableWrapper .resTable.form .inputRow.rowCheckbox input {
        top: 3px
    }
    .tableWrapper .resTable.form .inputRow.rowRadio {
        position: relative;
    }
    .tableWrapper .resTable.form .inputRow.rowRadio input {
        position: absolute;
        left: 0;
        top: 4px;
    }
    .tableWrapper .resTable.form .resTxtArea {
        width: 100%;
        display: block;
    }
    .tableWrapper .resTable.form .privacyTxtArea {
        width: 100%;
        height: 123px;
        margin-top: 20px;
        padding: 16px 15px;
        display: block;
        border: 1px solid #DFDFDF;
        overflow: auto;
        -ms-word-wrap: break;
        word-wrap: break;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tableWrapper .resTable.form .afterNotes {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
    #main #conts #customerInfoForm .tableWrapper .resTable dt {
        width: 100%;
    }
}


/*------------------------------------------------------------
Q アンド A
------------------------------------------------------------*/

.QA .question dt {
    background-color: #3C4975;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 128.57143%;
    line-height: 1.4;
}

.QA .question dd {
    padding: 12px;
    background-color: #F4F4F4;
}

.QA .answer dt {
    background-color: #CD3249;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 128.57143%;
    line-height: 1.4;
}

.QA .answer dd {
    padding: 12px;
}

.QA .answer dd p {
    margin-bottom: 5px;
}

.QA .answer dd ul {
    margin-bottom: 5px;
    padding-left: 2em;
    font-weight: bold;
    list-style-type: decimal;
}


/*------------------------------------------------------------
購入フロー
------------------------------------------------------------*/

ol.flow {
    overflow: hidden;
    position: relative;
    display: table;
    width: 100%;
}

ol.flow li {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
}

ol.flow li:first-child .arrow {
    padding-left: 30px;
}

ol.flow li .arrow {
    width: 100%;
    padding: 11px 6px 11px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #E0E0E0;
    position: relative;
}

ol.flow li .arrow:before {
    content: " ";
    position: absolute;
    top: 50%;
    background-color: transparent;
    margin-top: -69px;
    border-top: 69px solid transparent;
    border-bottom: 69px solid transparent;
    border-left: 27px solid #FFF;
    right: -24px;
    z-index: 2;
}

ol.flow li .arrow:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -50px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 20px solid #E0E0E0;
    right: -17px;
    z-index: 3;
}

ol.flow li .arrow.current {
    background-color: #20CAC1;
}

ol.flow li .arrow.current:after {
    border-left: 20px solid #20CAC1;
}

ol.flow li .arrow.current .box .txt {
    color: #FFF;
}

ol.flow li .arrow .box {
    width: 100%;
    display: table;
}

ol.flow li .arrow .box .stepImg,
ol.flow li .arrow .box .txt {
    height: 9.302325581%;
    vertical-align: middle;
    display: table-cell;
}

ol.flow li .arrow .box .stepImg {
    width: 26.97674419%;
    text-align: right;
}

ol.flow li .arrow .box .txt {
    width: 73.02325581%;
    padding-left: 10px;
    line-height: 1;
    font-size: 114.28571%;
    font-weight: bold;
    color: #333;
}

ol.flow li .arrow .box .txt .pc {
    display: block;
}

ol.flow li .arrow .box .txt .sp {
    display: none;
}

@media only screen and (max-width: 770px) {
    ol.flow li .arrow .box .txt .pc {
        display: none;
    }
    ol.flow li .arrow .box .txt .sp {
        display: block;
    }
}

ol.flow li:first-child .arrow {
    border-left: none;
}

ol.flow.secondary li {
    width: 33.333333333333%;
}

@media only screen and (max-width: 770px) {
    ol.flow {
        overflow: hidden;
        background-color: #FFF;
    }
    ol.flow li {
        width: 50%;
        float: left;
        overflow: hidden;
    }
    ol.flow li.spRow {
        margin-bottom: 15px;
    }
    ol.flow li .arrow {
        padding: 20px 6px 20px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        background-color: #E0E0E0;
        position: relative;
        z-index: 0;
    }
    ol.flow li .arrow:before {
        content: "";
        position: absolute;
        top: 50%;
        background-color: transparent;
        margin-top: -50px;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 20px solid #FFF;
        right: 0px;
        z-index: 2;
    }
    ol.flow li .arrow:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -50px;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 20px solid #E0E0E0;
        right: 5px;
        z-index: 3;
    }
    ol.flow li .arrow.current {
        background-color: #20CAC1;
    }
    ol.flow li .arrow.current:after {
        border-left: 20px solid #20CAC1;
    }
    ol.flow li .arrow.current .box {
        position: relative;
    }
    ol.flow li .arrow.current .box .txt {
        color: #FFF;
    }
    ol.flow li .arrow.last:before {
        display: none;
    }
    ol.flow li .arrow.last:after {
        display: none;
    }
    ol.flow li .arrow .box {
        width: 100%;
        display: block;
    }
    ol.flow li .arrow .box .stepImg,
    ol.flow li .arrow .box .txt {
        vertical-align: middle;
        display: block;
    }
    ol.flow li .arrow .box .stepImg {
        width: 0;
        display: none;
    }
    ol.flow li .arrow .box .stepImg img {
        display: none;
    }
    ol.flow li .arrow .box .txt {
        text-align: center;
        padding-left: 0;
        line-height: 1;
        font-size: 114.28571%;
        font-weight: bold;
        color: #333;
    }
    ol.flow li .arrow .box:before {
        height: 80px;
        width: 25px;
        margin-top: -40px;
        content: "";
        background-color: #E0E0E0;
        position: absolute;
        right: -7px;
        top: 50%;
    }
    ol.flow li .arrow .box.primaryBg:before {
        background-color: #FFF;
    }
    ol.flow li .arrow .box.secondaryBg:before {
        background-color: #20CAC1;
    }
    ol.flow.secondary li .arrow {
        display: table;
        padding: 20px 6px 20px 7%;
    }
    ol.flow.secondary li .box .txt {
        font-size: 100%;
    }
}


/*------------------------------------------------------------
枠付き、色付きボックス
------------------------------------------------------------*/

.colorBox {
    padding: 20px;
    background: #F9F9F9;
}

.colorBox.red {
    background: #FBF6F6;
}

.colorBox.white {
    background: #FFF;
}

.borderBox {
    padding: 20px;
    background: #FFF;
    border: 1px solid #DFDFDF;
}

.listBox {
    border: 1px solid #DFDFDF;
}

.listBox .ttl_bg {
    padding: 16px 18px;
    background: #F9F9F9;
}

.listBox .ttl_bg .lineHead {
    margin-bottom: 0 !important;
}

.listBox .article li {
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left top repeat-x;
}

.listBox .article li:after {
    display: block;
    clear: both;
    content: "";
}

.listBox .article li:first-child {
    background: none;
}

.listBox .article li:first-child .thumb {
    padding-top: 0;
}

.listBox .article li .thumb {
    padding-top: 1px;
    border-right: none;
    float: right;
}

.listBox .article li .thumb img {
    border: 1px solid #DFDFDF;
    border-right: none;
}

.listBox .article li .inner {
    padding: 16px 18px;
    overflow: hidden;
}

.listBox .article li p {
    margin-bottom: 2px;
}

.listBox .article li .cate {
    font-size: 85.71429%;
    font-weight: bold;
}

.listBox .article li .linkTxt {
    font-size: 100%;
    font-weight: bold;
    background-position: 0 4px;
}


/*------------------------------------------------------------
フォーム
------------------------------------------------------------*/

#customerInfoForm .col01,
#cartForm .col01 {
    width: 43.01075268817204%;
}

#customerInfoForm .col02,
#cartForm .col02 {
    width: 23.65591397849462%;
}

#customerInfoForm .col03,
#cartForm .col03 {
    width: 21.93548387096774%;
}

#customerInfoForm .col04,
#cartForm .col04 {
    width: 12.90322580645161%;
}

#customerInfoForm .col05,
#cartForm .col05 {
    width: 69.89247311827957%;
}

#customerInfoForm .col06,
#cartForm .col06 {
    margin-right: 10px;
    width: 80px;
}

#customerInfoForm .required,
#cartForm .required {
    margin-bottom: 20px;
}

#customerInfoForm .error_notice,
#cartForm .error_notice {
    margin-bottom: 30px;
    padding: 20px;
    background: #FFEAEA;
    font-weight: bold;
    color: #990000;
}

#customerInfoForm .error_notice p,
#cartForm .error_notice p {
    padding-left: 1em;
    position: relative;
}

#customerInfoForm .error_notice p .icon,
#cartForm .error_notice p .icon {
    position: absolute;
    top: 0;
    left: 0;
}

#customerInfoForm .error_notice p .required,
#cartForm .error_notice p .required {
    font-weight: normal;
}

#customerInfoForm .btn,
#cartForm .btn {
    cursor: pointer;
    padding: 20px 5px;
    border: 2px solid #F0975C !important;
    background-color: #EA6A15 !important;
    color: #FFF;
    letter-spacing: -0.08em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#customerInfoForm .btn span,
#cartForm .btn span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    font-size: 107.14286%;
    font-weight: bold;
}

#customerInfoForm .btn:hover,
#cartForm .btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#customerInfoForm .btn.primary,
#cartForm .btn.primary {
    border: 2px solid #F0975C;
    background-color: #EA6A15;
    color: #FFF;
}

#customerInfoForm .btn.primary span,
#cartForm .btn.primary span {
    padding-right: 15px;
}

#customerInfoForm .btn.primary,
#cartForm .btn.primary {
    padding-right: 17px;
}

#customerInfoForm .btn.primary span:before,
#cartForm .btn.primary span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
}

#customerInfoForm .wpcf7 .resTable.form.error {
    font-size: 93%;
    color: #b70000;
}

#customerInfoForm .wpcf7-submit.form-confirm {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    background-position: calc(50% + 62px) center;
}

#customerInfoForm .wpcf7-submit.form-complete {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    background-position: calc(50% + 27px) center;
}

#customerInfoForm .wpcf7-previous.btn.secondary {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow08.png") no-repeat;
    background-position: calc(50% - 27px) center;
}

#customerInfoForm .btn.secondary,
#cartForm .btn.secondary {
    border: 2px solid #F9D4BC !important;
    background-color: #FFF !important;
    color: #EA6A15;
}

#customerInfoForm .btn.secondary span,
#cartForm .btn.secondary span {
    padding-left: 15px;
}
#customerInfoForm .btn.secondary,
#cartForm .btn.secondary {
    padding-left: 17px;
}

#customerInfoForm .btn.secondary span:before,
#cartForm .btn.secondary span:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow08.png") no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
}

#customerInfoForm .tableWrapper .resTable.form dt,
#cartForm .tableWrapper .resTable.form dt {
    width: 19.16666667%;
}

#customerInfoForm .tableWrapper .resTable.form dt .notes,
#cartForm .tableWrapper .resTable.form dt .notes {
    font-size: 85.71429%;
    font-weight: normal;
}

#customerInfoForm .tableWrapper .resTable.form dd,
#cartForm .tableWrapper .resTable.form dd {
    width: 84%;
}

#customerInfoForm .tableWrapper .resTable.form dd input,
#cartForm .tableWrapper .resTable.form dd input {
    line-height: 1.6;
}

#customerInfoForm .tableWrapper .resTable.form.error dt,
#cartForm .tableWrapper .resTable.form.error dt {
    background: #FFEAEA;
}

#customerInfoForm .tableWrapper .resTable.form.error dd .error,
#cartForm .tableWrapper .resTable.form.error dd .error {
    display: inline-block;
    margin-top: 5px;
    color: #990000;
}

#customerInfoForm .tableWrapper .resTable.form.error dd input[type="text"],
#customerInfoForm .tableWrapper .resTable.form.error dd input[type="email"],
#customerInfoForm .tableWrapper .resTable.form.error dd input[type="tel"],
#customerInfoForm .tableWrapper .resTable.form.error dd textarea,
#customerInfoForm .tableWrapper .resTable.form.error dd select,
#cartForm .tableWrapper .resTable.form.error dd input[type="text"],
#cartForm .tableWrapper .resTable.form.error dd input[type="email"],
#cartForm .tableWrapper .resTable.form.error dd input[type="tel"],
#cartForm .tableWrapper .resTable.form.error dd textarea,
#cartForm .tableWrapper .resTable.form.error dd select {
    background: #FFEAEA;
}

#customerInfoForm .tableWrapper .resTable.form.error dd span.error,
#cartForm .tableWrapper .resTable.form.error dd span.error {
    display: block;
}

#customerInfoForm .tableWrapper .privacyTxtArea .list,
#cartForm .tableWrapper .privacyTxtArea .list {
    display: inline-block;
    margin-top: 15px;
}

#customerInfoForm .tableWrapper .privacyTxtArea .privacyLead,
#cartForm .tableWrapper .privacyTxtArea .privacyLead {
    font-weight: bold;
}

#customerInfoForm .tableWrapper.separate,
#cartForm .tableWrapper.separate {
    margin-bottom: 40px;
}

#customerInfoForm .btnArea,
#cartForm .btnArea {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#customerInfoForm .btnArea .btn.w250,
#cartForm .btnArea .btn.w250 {
    width: 22%;
}

#customerInfoForm .btnArea input,
#cartForm .btnArea input {
    width: 100%;
}

#customerInfoForm .btnArea .btn.primary, 
#customerInfoForm .btnArea .btn.secondary, 
#customerInfoForm .btnArea .btn.form-complete,
#cartForm .btnArea .btn.primary, 
#cartForm .btnArea .btn.secondary, 
#cartForm .btnArea .btn.form-complete {
    font-weight: 700;
}

#customerInfoForm .btnArea .selectAction,
#cartForm .btnArea .selectAction {
    width: 33.3333333333%;
    margin: 0 auto;
    display: block;
}

#customerInfoForm .btnArea .selectAction:after,
#cartForm .btnArea .selectAction:after {
    display: block;
    clear: both;
    content: "";
}

#customerInfoForm .btnArea .selectAction li,
#cartForm .btnArea .selectAction li {
    width: 47.5%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#customerInfoForm .btnArea .selectAction li .btn,
#cartForm .btnArea .selectAction li .btn {
    width: 100%;
}

#customerInfoForm .btnArea .selectAction li.left,
#cartForm .btnArea .selectAction li.left {
    float: left;
}

#customerInfoForm .btnArea .selectAction li.right,
#cartForm .btnArea .selectAction li.right {
    float: right;
}

#customerInfoForm.confirm .resTable dt,
#cartForm.confirm .resTable dt {
    width: 15.83333333333333%;
    font-weight: bold;
}

#customerInfoForm.confirm .resTable dt span.notes,
#cartForm.confirm .resTable dt span.notes {
    display: block;
    font-size: 85.71429%;
    font-weight: normal;
}

#customerInfoForm.confirm .resTable dd,
#cartForm.confirm .resTable dd {
    width: 84%;
    color: #666;
}

#main #conts #customerInfoForm .col01 {
    width: 70%;
}

#main #conts #customerInfoForm .col02 {
    width: 34.655914%;
}

#main #conts #customerInfoForm .col03 {
    width: 21.93548387096774%;
}

#main #conts #customerInfoForm .col04 {
    width: 18.5%;
}

#main #conts #customerInfoForm .col05 {
    width: 94.792473%;
}

#main #conts #customerInfoForm .col06 {
    width: 24.8%;
    margin-right: 20px;
    float: left;
}

#main #conts #customerInfoForm .tableWrapper .resTable.form dt {
    width: 31%;
}

#main #conts #customerInfoForm .tableWrapper .resTable.form dd.contract:after {
    display: block;
    clear: both;
    content: "";
}

#main #conts #customerInfoForm .tableWrapper .resTable.form dd.contract .afterNotes {
    margin-left: 0;
    overflow: hidden;
    display: block;
    line-height: 1.5;
}

#main #conts .btnArea .btn.w250 {
    width: 29%;
}

#main #conts .btnArea .selectAction {
    width: 45%;
}

@media only screen and (max-width: 770px) {
    #customerInfoForm .col01,
    #cartForm .col01 {
        width: 80%;
    }
    #customerInfoForm .col02,
    #cartForm .col02 {
        width: 80%;
    }
    #customerInfoForm .col03,
    #cartForm .col03 {
        width: 80%;
    }
    #customerInfoForm .col04,
    #cartForm .col04 {
        width: 80%;
    }
    #customerInfoForm .col05,
    #cartForm .col05 {
        width: 80%;
    }
    #customerInfoForm .col06,
    #cartForm .col06 {
        margin-right: 10px;
        width: 80px;
    }
    #customerInfoForm .required,
    #cartForm .required {
        margin-bottom: 0;
    }
    #customerInfoForm .btn,
    #cartForm .btn {
        cursor: pointer;
        padding: 20px 5px;
        border: 2px solid #F0975C;
        background-color: #EA6A15;
        color: #FFF;
        letter-spacing: -0.08em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #customerInfoForm .btn span,
    #cartForm .btn span {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        font-size: 107.14286%;
        font-weight: bold;
    }
    #customerInfoForm .btn:hover,
    #cartForm .btn:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }
    #customerInfoForm .btn.primary,
    #cartForm .btn.primary {
        border: 2px solid #F0975C;
        background-color: #EA6A15;
        color: #FFF;
    }
    #customerInfoForm .btn.primary span,
    #cartForm .btn.primary span {
        padding-right: 15px;
    }
    #customerInfoForm .btn.primary span:before,
    #cartForm .btn.primary span:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
    }
    #customerInfoForm .btn.secondary,
    #cartForm .btn.secondary {
        border: 2px solid #F9D4BC;
        background-color: #FFF;
        color: #EA6A15;
    }
    #customerInfoForm .btn.secondary span,
    #cartForm .btn.secondary span {
        padding-left: 15px;
    }
    #customerInfoForm .btn.secondary span:before,
    #cartForm .btn.secondary span:before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow08.png") no-repeat;
        position: absolute;
        left: 0;
        top: 50%;
    }
    #customerInfoForm .tableWrapper .resTable.form dt,
    #cartForm .tableWrapper .resTable.form dt {
        width: 100%;
    }
    #customerInfoForm .tableWrapper .resTable.form dt .notes,
    #cartForm .tableWrapper .resTable.form dt .notes {
        font-size: 85.71429%;
        font-weight: normal;
    }
    #customerInfoForm .tableWrapper .resTable.form dd,
    #cartForm .tableWrapper .resTable.form dd {
        width: 100%;
    }
    #customerInfoForm .tableWrapper .resTable.form dd input,
    #cartForm .tableWrapper .resTable.form dd input {
        padding: 6px 10px;
        line-height: 1.6;
    }
    #customerInfoForm .tableWrapper .privacyTxtArea .list,
    #cartForm .tableWrapper .privacyTxtArea .list {
        display: inline-block;
        margin-top: 15px;
    }
    #customerInfoForm .tableWrapper .privacyTxtArea .privacyLead,
    #cartForm .tableWrapper .privacyTxtArea .privacyLead {
        font-weight: bold;
    }
    #customerInfoForm .tableWrapper.separate,
    #cartForm .tableWrapper.separate {
        margin-bottom: 40px;
    }
    #customerInfoForm .btnArea,
    #cartForm .btnArea {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #customerInfoForm .btnArea .btn.w250,
    #cartForm .btnArea .btn.w250 {
        width: 80%;
    }
    #customerInfoForm .btnArea .selectAction,
    #cartForm .btnArea .selectAction {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    #customerInfoForm .btnArea .selectAction li,
    #cartForm .btnArea .selectAction li {
        width: 47.5%;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #customerInfoForm .btnArea .selectAction li .btn,
    #cartForm .btnArea .selectAction li .btn {
        width: 100%;
    }
    #customerInfoForm .btnArea .selectAction li.left,
    #cartForm .btnArea .selectAction li.left {
        float: left;
    }
    #customerInfoForm .btnArea .selectAction li.right,
    #cartForm .btnArea .selectAction li.right {
        float: right;
    }
    #customerInfoForm.confirm .resTable dt,
    #cartForm.confirm .resTable dt {
        width: 100%;
    }
    #customerInfoForm.confirm .resTable dd,
    #cartForm.confirm .resTable dd {
        width: 100%;
    }
    #main #conts #customerInfoForm .col01 {
        width: 80%;
    }
    #main #conts #customerInfoForm .col02 {
        width: 80%;
    }
    #main #conts #customerInfoForm .col03 {
        width: 80%;
    }
    #main #conts #customerInfoForm .col04 {
        width: 80%;
    }
    #main #conts #customerInfoForm .col05 {
        width: 80%;
    }
    #main #conts #customerInfoForm .col06 {
        width: 80%;
        margin-right: 0;
        float: none;
    }
    #main #conts #customerInfoForm .tableWrapper .resTable.form dt {
        width: 100%;
    }
    #main #conts #customerInfoForm .tableWrapper .resTable.form dd.contract .col02 {
        margin-right: 0;
        float: none;
    }
    #main #conts .btnArea .btn.w250 {
        width: 80%;
    }
    #main #conts .btnArea .selectAction {
        width: 100%;
    }
    #main #conts .btnArea .selectAction li {
        width: 47.5%;
    }
    #main #conts .btnArea .selectAction li .btn {
        width: 100%;
    }
    #main #conts .btnArea .selectAction li.left {
        float: left;
    }
    #main #conts .btnArea .selectAction li.right {
        float: right;
    }
}

.intro {
    margin: 20px 0 20px;
}

.intro .flow {
    margin-bottom: 30px;
}

@media only screen and (max-width: 770px) {
    .intro .flow {
        margin-bottom: 0;
    }
}

.intro .error_notice {
    margin-bottom: 20px;
    padding: 20px;
    background: #FFEAEA;
    font-weight: bold;
    color: #990000;
}

.intro .error_notice p {
    padding-left: 1em;
    position: relative;
}

.intro .error_notice p .icon {
    position: absolute;
    top: 0;
    left: 0;
}

.intro .error_notice p .required {
    font-weight: normal;
}

.intro p {
    margin-bottom: 10px;
}

.intro p:last-child {
    margin-bottom: 0;
}

.required {
    display: inline-block;
    margin: 0 7px 0 0;
    padding: 0 8px;
    background: #990000;
    font-size: 78.57143%;
    color: #FFF;
    line-height: 1.6;
}

.thanks .intro {
    margin-bottom: 40px;
}

.thanks .intro .flow {
    margin-bottom: 0;
}

.thanks .subRow p {
    margin-bottom: 45px;
}

.thanks .subRow p.pagetop {
    margin-top: 45px;
    text-align: center;
}

@media only screen and (max-width: 770px) {
    .thanks .intro {
        margin-bottom: 5px;
    }
    .thanks .intro .flow {
        margin-bottom: 0;
    }
    .thanks .subRow p {
        margin-bottom: 45px;
    }
    .thanks .subRow p.pagetop {
        margin-top: 45px;
        text-align: center;
    }
}

.submit {
    text-align: center;
}

.submit li {
    display: inline-block;
    margin: 0 8px;
}

.submit li input[type="image"] {
    display: block;
    padding: 20px 45px;
    background: #EA6A15 !important;
    border: 2px solid #F0975C;
}

.submit li input[type="image"].white {
    background: #FFF !important;
    border: 2px solid #F9D4BC;
}

.submit li input[type="image"]:hover {
    opacity: 0.7;
}


/*------------------------------------------------------------
ニュース詳細　FAQ詳細
------------------------------------------------------------*/

#news .yarpp-related h3,
#faq .yarpp-related h3,
#column .yarpp-related h3,
#precedent .yarpp-related h3,
#series .yarpp-related h3,
#movie .yarpp-related h3,
#information .yarpp-related h3,
#seminar .yarpp-related h3,
#book .yarpp-related h3 {
    padding-bottom: 0;
}

#news .yarpp-related .genreList a,
#faq .yarpp-related .genreList a,
#column .yarpp-related .genreList a,
#precedent .yarpp-related .genreList a,
#series .yarpp-related .genreList a,
#movie .yarpp-related .genreList a,
#information .yarpp-related .genreList a,
#seminar .yarpp-related .genreList a,
#book .yarpp-related .genreList a {
    font-weight: normal;
}

#news a.banner,
#faq a.banner,
#column a.banner,
#precedent a.banner,
#series a.banner,
#movie a.banner,
#information a.banner,
#seminar a.banner,
#book a.banner,
#laws a.banner {
    padding: 6px 0;
}
/*bannerからbuttonへ変更*/
#news a.button,
#faq a.button,
#column a.button,
#precedent a.button,
#series a.button,
#movie a.button,
#information a.button,
#seminar a.button,
#book a.button,
#laws a.button {
    padding: 6px 0;
}

#news .centerBn,
#faq .centerBn,
#column .centerBn,
#precedent .centerBn,
#series .centerBn,
#movie .centerBn,
#information .centerBn,
#seminar .centerBn,
#book .centerBn,
#laws .centerBn {
    margin-top: 20px;
    text-align: center;
}

#news .centerBn a.banner,
#faq .centerBn a.banner,
#column .centerBn a.banner,
#precedent .centerBn a.banner,
#series .centerBn a.banner,
#movie .centerBn a.banner,
#information .centerBn a.banner,
#seminar .centerBn a.banner,
#book .centerBn a.banner,
#laws .centerBn a.banner {
    display: inline-block;
    padding: 6px 28px;
}
/*bannerからbuttonへ変更*/
#news .centerBn a.button,
#faq .centerBn a.button,
#column .centerBn a.button,
#precedent .centerBn a.button,
#series .centerBn a.button,
#movie .centerBn a.button,
#information .centerBn a.button,
#seminar .centerBn a.button,
#book .centerBn a.button,
#laws .centerBn a.button {
    display: inline-block;
    padding: 6px 28px;
}

#news .postingDate,
#faq .postingDate,
#column .postingDate,
#precedent .postingDate,
#series .postingDate,
#movie .postingDate,
#information .postingDate,
#seminar .postingDate,
#book .postingDate {
    margin-bottom: 0px;
    text-align: right;
    border-top: 2px solid #DFDFDF;
}

#news .postingDate .date,
#faq .postingDate .date,
#column .postingDate .date,
#precedent .postingDate .date,
#series .postingDate .date,
#movie .postingDate .date,
#information .postingDate .date,
#seminar .postingDate .date,
#book .postingDate .date {
    padding: 5px;
    font-size: 85.71429%;
}

#news .postBody,
#faq .postBody,
#column .postBody,
#precedent .postBody,
#series .postBody,
#movie .postBody,
#information .postBody,
#seminar .postBody,
#book .postBody,
#laws .postBody {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 115%;
}

#news .postBody p,
#faq .postBody p,
#column .postBody p,
#precedent .postBody p,
#series .postBody p,
#movie .postBody p,
#information .postBody p,
#seminar .postBody p,
#book .postBody p,
#laws .postBody p,
#jiko_learning .postBody p {
    margin: 20px 0;
}

#news .postBody h3,
#news .postBody h4,
#faq .postBody h3,
#faq .postBody h4,
#column .postBody h3,
#precedent .postBody h3,
#series .postBody h3,
#column .postBody h4,
#precedent .postBody h4,
#series .postBody h4,
#movie .postBody h3,
#movie .postBody h4,
#information .postBody h3,
#information .postBody h4,
#seminar .postBody h3,
#seminar .postBody h4,
#book .postBody h3,
#book .postBody h4,
#laws .postBody h3,
#laws .postBody h4 {
    font-weight: normal;
}

#news .postBody .subHead,
#faq .postBody .subHead,
#column .postBody .subHead,
#precedent .postBody .subHead,
#series .postBody .subHead,
#movie .postBody .subHead,
#information .postBody .subHead,
#seminar .postBody .subHead,
#book .postBody .subHead,
#laws .postBody .subHead {
    margin-bottom: 20px;
    padding: 12px 18px 10px 25px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 3px solid #57444A;
    line-height: 1.2;
    background: #FFF url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
    position: relative;
}

#news .postBody .subHead .linkTxt,
#faq .postBody .subHead .linkTxt,
#column .postBody .subHead .linkTxt,
#precedent .postBody .subHead .linkTxt,
#series .postBody .subHead .linkTxt,
#movie .postBody .subHead .linkTxt,
#information .postBody .subHead .linkTxt,
#seminar .postBody .subHead .linkTxt,
#book .postBody .subHead .linkTxt,
#laws .postBody .subHead .linkTxt {
    font-size: 81.25%;
    color: #333333;
    float: right;
}

#news .postBody .subHead:before,
#faq .postBody .subHead:before,
#column .postBody .subHead:before,
#precedent .postBody .subHead:before,
#series .postBody .subHead:before,
#movie .postBody .subHead:before,
#information .postBody .subHead:before,
#seminar .postBody .subHead:before,
#book .postBody .subHead:before {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 20px;
    background: #FFCC00;
}

#news .postBody .subHead:after,
#faq .postBody .subHead:after,
#column .postBody .subHead:after,
#precedent .postBody .subHead:after,
#series .postBody .subHead:after,
#movie .postBody .subHead:after,
#information .postBody .subHead:after,
#seminar .postBody .subHead:after,
#book .postBody .subHead:after,
#laws .postBody .subHead:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle01.png") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 0;
}

#news .postBody .lineHead,
#faq .postBody .lineHead,
#column .postBody .lineHead,
#precedent .postBody .lineHead,
#series .postBody .lineHead,
#movie .postBody .lineHead,
#information .postBody .lineHead,
#seminar .postBody .lineHead,
#book .postBody .lineHead,
#laws .postBody .lineHead {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    border-left: 2px solid #CCC;
    font-size: 114.28571%;
    color: #394672;
    line-height: 1.3;
    font-weight: bold;
}

#news .postBody ul,
#faq .postBody ul,
#column .postBody ul,
#precedent .postBody ul,
#series .postBody ul,
#movie .postBody ul,
#information .postBody ul,
#seminar .postBody ul,
#book .postBody ul,
#laws .postBody ul {
    margin: 20px 0;
    list-style: disc inside;
}

#news .postBody ul li,
#faq .postBody ul li,
#column .postBody ul li,
#precedent .postBody ul li,
#series .postBody ul li,
#movie .postBody ul li,
#information .postBody ul li,
#seminar .postBody ul li,
#book .postBody ul li,
#laws .postBody ul li {
    padding-left: 1em;
    text-indent: -1em;
}

#news .postBody ol,
#faq .postBody ol,
#column .postBody ol,
#precedent .postBody ol,
#series .postBody ol,
#movie .postBody ol,
#information .postBody ol,
#seminar .postBody ol,
#book .postBody ol,
#laws .postBody ol {
    margin: 20px 0;
    list-style: decimal inside;
}

#news .postBody ol li,
#faq .postBody ol li,
#column .postBody ol li,
#precedent .postBody ol li,
#series .postBody ol li,
#movie .postBody ol li,
#information .postBody ol li,
#seminar .postBody ol li,
#book .postBody ol li,
#laws .postBody ol {
    padding-left: 1em;
    text-indent: -1em;
}

#news .postBody table,
#faq .postBody table,
#column .postBody table,
#precedent .postBody table,
#series .postBody table,
#movie .postBody table,
#information .postBody table,
#seminar .postBody table,
#book .postBody table,
#gj #conts table,
#laws #conts table {
    margin: 20px 0;
    width: 100%;
    border-collapse: collapse;
}

#news .postBody table th,
#news .postBody table td,
#faq .postBody table th,
#faq .postBody table td,
#column .postBody table th,
#precedent .postBody table th,
#series .postBody table th,
#column .postBody table td,
#precedent .postBody table td,
#series .postBody table td,
#movie .postBody table th,
#movie .postBody table td,
#information .postBody table th,
#information .postBody table td,
#seminar .postBody table th,
#seminar .postBody table td,
#book .postBody table th,
#book .postBody table td,
#gj #conts table th,
#gj #conts table td,
#laws #conts table th,
#laws #conts table td {
    padding: 5px;
    border: 1px solid #CCC;
}

#news .postBody table th,
#faq .postBody table th,
#column .postBody table th,
#precedent .postBody table th,
#series .postBody table th,
#movie .postBody table th,
#information .postBody table th,
#seminar .postBody table th,
#book .postBody table th,
#gj #conts table th,
#laws #conts table th {
    font-weight: bold;
}

#news .postBody code,
#faq .postBody code,
#column .postBody code,
#precedent .postBody code,
#series .postBody code,
#movie .postBody code,
#information .postBody code,
#seminar .postBody code,
#book .postBody code,
#laws .postBody code {
    padding: 3px;
    background-color: #CCC;
}

#news .postBody small,
#faq .postBody small,
#column .postBody small,
#precedent .postBody small,
#series .postBody small,
#movie .postBody small,
#information .postBody small,
#seminar .postBody small,
#book .postBody small,
#laws .postBody small {
    font-size: 85.71429%;
}

#news .postBody .tableWrapper,
#faq .postBody .tableWrapper,
#column .postBody .tableWrapper,
#precedent .postBody .tableWrapper,
#series .postBody .tableWrapper,
#movie .postBody .tableWrapper,
#information .postBody .tableWrapper,
#seminar .postBody .tableWrapper,
#book .postBody .tableWrapper,
#laws .postBody .tableWrapper {
    margin: 20px 0;
}

#news .postBody .tableWrapper dt,
#faq .postBody .tableWrapper dt,
#column .postBody .tableWrapper dt,
#precedent .postBody .tableWrapper dt,
#series .postBody .tableWrapper dt,
#movie .postBody .tableWrapper dt,
#information .postBody .tableWrapper dt,
#seminar .postBody .tableWrapper dt,
#book .postBody .tableWrapper dt,
#laws .postBody .tableWrapper dt {
    font-weight: bold;
}

#news .postBody .movArea,
#faq .postBody .movArea,
#column .postBody .movArea,
#precedent .postBody .movArea,
#series .postBody .movArea,
#movie .postBody .movArea,
#information .postBody .movArea,
#seminar .postBody .movArea,
#book .postBody .movArea,
#laws .postBody .movArea,
#jiko_learning .postBody .movArea {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#news .postBody .movArea iframe,
#faq .postBody .movArea iframe,
#column .postBody .movArea iframe,
#precedent .postBody .movArea iframe,
#series .postBody .movArea iframe,
#movie .postBody .movArea iframe,
#information .postBody .movArea iframe,
#seminar .postBody .movArea iframe,
#book .postBody .movArea iframe,
#laws .postBody .movArea iframe,
#jiko_learning .postBody .movArea iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#news .postBody .alignleft,
#news .postBody img.alignleft,
#faq .postBody .alignleft,
#faq .postBody img.alignleft,
#column .postBody .alignleft,
#precedent .postBody .alignleft,
#series .postBody .alignleft,
#column .postBody img.alignleft,
#precedent .postBody img.alignleft,
#series .postBody img.alignleft,
#movie .postBody .alignleft,
#movie .postBody img.alignleft,
#information .postBody .alignleft,
#information .postBody img.alignleft,
#seminar .postBody .alignleft,
#seminar .postBody img.alignleft,
#book .postBody .alignleft,
#book .postBody img.alignleft,
#laws .postBody .alignleft,
#laws .postBody img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

#news .postBody .alignright,
#news .postBody img.alignright,
#faq .postBody .alignright,
#faq .postBody img.alignright,
#column .postBody .alignright,
#precedent .postBody .alignright,
#series .postBody .alignright,
#column .postBody img.alignright,
#precedent .postBody img.alignright,
#series .postBody img.alignright,
#movie .postBody .alignright,
#movie .postBody img.alignright,
#information .postBody .alignright,
#information .postBody img.alignright,
#seminar .postBody .alignright,
#seminar .postBody img.alignright,
#book .postBody .alignright,
#book .postBody img.alignright,
#laws .postBody .alignright,
#laws .postBody img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#news .postBody .aligncenter,
#news .postBody img.aligncenter,
#faq .postBody .aligncenter,
#faq .postBody img.aligncenter,
#column .postBody .aligncenter,
#precedent .postBody .aligncenter,
#series .postBody .aligncenter,
#column .postBody img.aligncenter,
#precedent .postBody img.aligncenter,
#series .postBody img.aligncenter,
#movie .postBody .aligncenter,
#movie .postBody img.aligncenter,
#information .postBody .aligncenter,
#information .postBody img.aligncenter,
#seminar .postBody .aligncenter,
#seminar .postBody img.aligncenter,
#book .postBody .aligncenter,
#book .postBody img.aligncenter,
#laws .postBody .aligncenter,
#laws .postBody img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#news .postBody img.alignleft,
#news .postBody img.alignright,
#news .postBody img.aligncenter,
#faq .postBody img.alignleft,
#faq .postBody img.alignright,
#faq .postBody img.aligncenter,
#column .postBody img.alignleft,
#precedent .postBody img.alignleft,
#series .postBody img.alignleft,
#column .postBody img.alignright,
#precedent .postBody img.alignright,
#series .postBody img.alignright,
#column .postBody img.aligncenter,
#precedent .postBody img.aligncenter,
#series .postBody img.aligncenter,
#movie .postBody img.alignleft,
#movie .postBody img.alignright,
#movie .postBody img.aligncenter,
#information .postBody img.alignleft,
#information .postBody img.alignright,
#information .postBody img.aligncenter,
#seminar .postBody img.alignleft,
#seminar .postBody img.alignright,
#seminar .postBody img.aligncenter,
#book .postBody img.alignleft,
#book .postBody img.alignright,
#book .postBody img.aligncenter,
#laws .postBody img.alignleft,
#laws .postBody img.alignright,
#laws .postBody img.aligncenter {
    margin-bottom: 12px;
}

@media only screen and (max-width: 770px) {
    #news .postBody img.alignleft,
    #news .postBody img.alignright,
    #faq .postBody img.alignleft,
    #faq .postBody img.alignright,
    #column .postBody img.alignleft,
    #precedent .postBody img.alignleft,
    #series .postBody img.alignleft,
    #column .postBody img.alignright,
    #precedent .postBody img.alignright,
    #series .postBody img.alignright,
    #movie .postBody img.alignleft,
    #movie .postBody img.alignright,
    #information .postBody img.alignleft,
    #information .postBody img.alignright,
    #seminar .postBody img.alignleft,
    #seminar .postBody img.alignright,
    #book .postBody img.alignleft,
    #book .postBody img.alignright,
    #laws .postBody img.alignleft,
    #laws .postBody img.alignright {
        float: none;
    }
    #news .postBody img.alignleft,
    #news .postBody img.alignright,
    #news .postBody img.aligncenter,
    #faq .postBody img.alignleft,
    #faq .postBody img.alignright,
    #faq .postBody img.aligncenter,
    #column .postBody img.alignleft,
    #precedent .postBody img.alignleft,
    #series .postBody img.alignleft,
    #column .postBody img.alignright,
    #precedent .postBody img.alignright,
    #series .postBody img.alignright,
    #column .postBody img.aligncenter,
    #precedent .postBody img.aligncenter,
    #series .postBody img.aligncenter,
    #movie .postBody img.alignleft,
    #movie .postBody img.alignright,
    #movie .postBody img.aligncenter,
    #information .postBody img.alignleft,
    #information .postBody img.alignright,
    #information .postBody img.aligncenter,
    #seminar .postBody img.alignleft,
    #seminar .postBody img.alignright,
    #seminar .postBody img.aligncenter,
    #book .postBody img.alignleft,
    #book .postBody img.alignright,
    #book .postBody img.aligncenter,
    #laws .postBody img.alignleft,
    #laws .postBody img.alignright,
    #laws .postBody img.aligncenter {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}

#news .postBody .wp-caption,
#faq .postBody .wp-caption,
#column .postBody .wp-caption,
#precedent .postBody .wp-caption,
#series .postBody .wp-caption,
#movie .postBody .wp-caption,
#information .postBody .wp-caption,
#seminar .postBody .wp-caption,
#book .postBody .wp-caption,
#laws .postBody .wp-caption {
    border: none;
    border-radius: 0;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#news .postBody .wp-caption a,
#faq .postBody .wp-caption a,
#column .postBody .wp-caption a,
#precedent .postBody .wp-caption a,
#series .postBody .wp-caption a,
#movie .postBody .wp-caption a,
#information .postBody .wp-caption a,
#seminar .postBody .wp-caption a,
#book .postBody .wp-caption a,
#laws .postBody .wp-caption a {
    background-image: none;
    padding: 0;
}

#news .postBody .wp-caption a img,
#faq .postBody .wp-caption a img,
#column .postBody .wp-caption a img,
#precedent .postBody .wp-caption a img,
#series .postBody .wp-caption a img,
#movie .postBody .wp-caption a img,
#information .postBody .wp-caption a img,
#seminar .postBody .wp-caption a img,
#book .postBody .wp-caption a img,
#laws .postBody .wp-caption a img {
    max-width: inherit;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #news .postBody .wp-caption,
    #faq .postBody .wp-caption,
    #column .postBody .wp-caption,
    #precedent .postBody .wp-caption,
    #series .postBody .wp-caption,
    #movie .postBody .wp-caption,
    #information .postBody .wp-caption,
    #seminar .postBody .wp-caption,
    #book .postBody .wp-caption,
    #laws .postBody .wp-caption {
        margin: 0 auto 20px;
        width: 100% !important;
    }
}

#news .postBody .gallery-item a,
#faq .postBody .gallery-item a,
#column .postBody .gallery-item a,
#precedent .postBody .gallery-item a,
#series .postBody .gallery-item a,
#movie .postBody .gallery-item a,
#information .postBody .gallery-item a,
#seminar .postBody .gallery-item a,
#book .postBody .gallery-item a,
#laws .postBody .gallery-item a {
    background-image: none;
    padding: 0;
}

#news .postBody .wp-caption img,
#faq .postBody .wp-caption img,
#column .postBody .wp-caption img,
#precedent .postBody .wp-caption img,
#series .postBody .wp-caption img,
#movie .postBody .wp-caption img,
#information .postBody .wp-caption img,
#seminar .postBody .wp-caption img,
#book .postBody .wp-caption img,
#laws .postBody .wp-caption img {
    margin: 5px;
}

#news .postBody .wp-caption p.wp-caption-text,
#faq .postBody .wp-caption p.wp-caption-text,
#column .postBody .wp-caption p.wp-caption-text,
#precedent .postBody .wp-caption p.wp-caption-text,
#series .postBody .wp-caption p.wp-caption-text,
#movie .postBody .wp-caption p.wp-caption-text,
#information .postBody .wp-caption p.wp-caption-text,
#seminar .postBody .wp-caption p.wp-caption-text,
#book .postBody .wp-caption p.wp-caption-text,
#laws .postBody .wp-caption p.wp-caption-text {
    margin: 5px 0 4px;
}

#news .postBody .wp-smiley,
#faq .postBody .wp-smiley,
#column .postBody .wp-smiley,
#precedent .postBody .wp-smiley,
#series .postBody .wp-smiley,
#movie .postBody .wp-smiley,
#information .postBody .wp-smiley,
#seminar .postBody .wp-smiley,
#book .postBody .wp-smiley,
#laws .postBody .wp-smiley {
    margin: 0;
}

#news .postBody .detailPageNavi,
#faq .postBody .detailPageNavi,
#column .postBody .detailPageNavi,
#precedent .postBody .detailPageNavi,
#series .postBody .detailPageNavi,
#movie .postBody .detailPageNavi,
#information .postBody .detailPageNavi,
#seminar .postBody .detailPageNavi,
#book .postBody .detailPageNavi,
#laws .postBody .detailPageNavi {
    margin-top: 20px;
    text-align: center;
}

#news .postBody .detailPageNavi .spHide,
#faq .postBody .detailPageNavi .spHide,
#column .postBody .detailPageNavi .spHide,
#precedent .postBody .detailPageNavi .spHide,
#series .postBody .detailPageNavi .spHide,
#movie .postBody .detailPageNavi .spHide,
#information .postBody .detailPageNavi .spHide,
#seminar .postBody .detailPageNavi .spHide,
#book .postBody .detailPageNavi .spHide,
#laws .postBody .detailPageNavi .spHide {
    display: inline;
}

#news .postBody .detailPageNavi ul,
#faq .postBody .detailPageNavi ul,
#column .postBody .detailPageNavi ul,
#precedent .postBody .detailPageNavi ul,
#series .postBody .detailPageNavi ul,
#movie .postBody .detailPageNavi ul,
#information .postBody .detailPageNavi ul,
#seminar .postBody .detailPageNavi ul,
#book .postBody .detailPageNavi ul,
#laws .postBody .detailPageNavi ul {
    width: 100%;
    display: inline-block;
}

#news .postBody .detailPageNavi ul li,
#faq .postBody .detailPageNavi ul li,
#column .postBody .detailPageNavi ul li,
#precedent .postBody .detailPageNavi ul li,
#series .postBody .detailPageNavi ul li,
#movie .postBody .detailPageNavi ul li,
#information .postBody .detailPageNavi ul li,
#seminar .postBody .detailPageNavi ul li,
#book .postBody .detailPageNavi ul li,
#laws .postBody .detailPageNavi ul li {
    display: inline-block;
    margin-left: 2px;
}

#news .postBody .detailPageNavi ul li>span,
#faq .postBody .detailPageNavi ul li>span,
#column .postBody .detailPageNavi ul li>span,
#precedent .postBody .detailPageNavi ul li>span,
#series .postBody .detailPageNavi ul li>span,
#movie .postBody .detailPageNavi ul li>span,
#information .postBody .detailPageNavi ul li>span,
#seminar .postBody .detailPageNavi ul li>span,
#book .postBody .detailPageNavi ul li>span,
#laws .postBody .detailPageNavi ul li>span {
    padding: 6px 13px;
    text-align: center;
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

#news .postBody .detailPageNavi ul li a,
#faq .postBody .detailPageNavi ul li a,
#column .postBody .detailPageNavi ul li a,
#precedent .postBody .detailPageNavi ul li a,
#series .postBody .detailPageNavi ul li a,
#movie .postBody .detailPageNavi ul li a,
#information .postBody .detailPageNavi ul li a,
#seminar .postBody .detailPageNavi ul li a,
#book .postBody .detailPageNavi ul li a,
#laws .postBody .detailPageNavi ul li a {
    color: #999;
    padding: 6px 13px;
    border: 1px solid #CCC;
    text-decoration: none;
    text-align: center;
}

#news .postBody .detailPageNavi ul li a:hover,
#faq .postBody .detailPageNavi ul li a:hover,
#column .postBody .detailPageNavi ul li a:hover,
#precedent .postBody .detailPageNavi ul li a:hover,
#series .postBody .detailPageNavi ul li a:hover,
#movie .postBody .detailPageNavi ul li a:hover,
#information .postBody .detailPageNavi ul li a:hover,
#seminar .postBody .detailPageNavi ul li a:hover,
#book .postBody .detailPageNavi ul li a:hover,
#laws .postBody .detailPageNavi ul li a:hover {
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

#news .snsBtns.date,
#faq .snsBtns.date,
#column .snsBtns.date,
#precedent .snsBtns.date,
#series .snsBtns.date,
#movie .snsBtns.date,
#information .snsBtns.date,
#seminar .snsBtns.date,
#book .snsBtns.date,
#laws .snsBtns {
    margin: 20px 0 0 0;
    padding-bottom: 0;
    background: none;
}

#news .snsBtns.date .txt,
#faq .snsBtns.date .txt,
#column .snsBtns.date .txt,
#precedent .snsBtns.date .txt,
#series .snsBtns.date .txt,
#movie .snsBtns.date .txt,
#information .snsBtns.date .txt,
#seminar .snsBtns.date .txt,
#book .snsBtns.date .txt {
    float: left;
    line-height: 1.6em;
}

#news .snsBtns.date ul,
#faq .snsBtns.date ul,
#column .snsBtns.date ul,
#precedent .snsBtns.date ul,
#series .snsBtns.date ul,
#movie .snsBtns.date ul,
#information .snsBtns.date ul,
#seminar .snsBtns.date ul,
#book .snsBtns.date ul,
#laws .snsBtns.date ul {
    margin-top: 0;
    float: right;
}

#news .rightRow .columnList,
#faq .rightRow .columnList,
#column .rightRow .columnList,
#precedent .rightRow .columnList,
#series .rightRow .columnList,
#movie .rightRow .columnList,
#information .rightRow .columnList,
#seminar .rightRow .columnList,
#book .rightRow .columnList,
#laws .rightRow .columnList {
    margin-top: 20px;
}

#news .rightRow .genre,
#faq .rightRow .genre,
#column .rightRow .genre,
#precedent .rightRow .genre,
#series .rightRow .genre,
#movie .rightRow .genre,
#information .rightRow .genre,
#seminar .rightRow .genre,
#book .rightRow .genre {
    margin-bottom: 20px;
}

#news .rightRow .genre .lead,
#faq .rightRow .genre .lead,
#laws .rightRow .genre .lead,
#column .rightRow .genre .lead,
#precedent .rightRow .genre .lead,
#series .rightRow .genre .lead,
#movie .rightRow .genre .lead,
#information .rightRow .genre .lead,
#seminar .rightRow .genre .lead,
#book .rightRow .genre .lead {
    font-size: 85.71429%;
    color: #333;
    font-weight: bold;
}

#news .rightRow .genre ul,
#faq .rightRow .genre ul,
#column .rightRow .genre ul,
#precedent .rightRow .genre ul,
#series .rightRow .genre ul,
#movie .rightRow .genre ul,
#information .rightRow .genre ul,
#seminar .rightRow .genre ul,
#book .rightRow .genre ul {
    display: inline-block;
}

#news .rightRow .genre ul li,
#faq .rightRow .genre ul li,
#column .rightRow .genre ul li,
#precedent .rightRow .genre ul li,
#series .rightRow .genre ul li,
#movie .rightRow .genre ul li,
#information .rightRow .genre ul li,
#seminar .rightRow .genre ul li,
#book .rightRow .genre ul li {
    display: inline-block;
    margin-left: 10px;
}

#news .rightRow .genre ul li:first-child,
#faq .rightRow .genre ul li:first-child,
#column .rightRow .genre ul li:first-child,
#precedent .rightRow .genre ul li:first-child,
#series .rightRow .genre ul li:first-child,
#movie .rightRow .genre ul li:first-child,
#information .rightRow .genre ul li:first-child,
#seminar .rightRow .genre ul li:first-child,
#book .rightRow .genre ul li:first-child {
    margin-left: 0;
}

#news .rightRow .genre ul li a,
#faq .rightRow .genre ul li a,
#column .rightRow .genre ul li a,
#precedent .rightRow .genre ul li a,
#series .rightRow .genre ul li a,
#movie .rightRow .genre ul li a,
#information .rightRow .genre ul li a,
#seminar .rightRow .genre ul li a,
#book .rightRow .genre ul li a {
    font-size: 85.71429%;
}

#news .rightRow .relatedArticle .subHead,
#faq .rightRow .relatedArticle .subHead,
#column .rightRow .relatedArticle .subHead,
#precedent .rightRow .relatedArticle .subHead,
#series .rightRow .relatedArticle .subHead,
#movie .rightRow .relatedArticle .subHead,
#information .rightRow .relatedArticle .subHead,
#seminar .rightRow .relatedArticle .subHead,
#book .rightRow .relatedArticle .subHead {
    margin-bottom: 0;
    background-image: none;
}

#news .rightRow .relatedArticle .columnList,
#faq .rightRow .relatedArticle .columnList,
#column .rightRow .relatedArticle .columnList,
#precedent .rightRow .relatedArticle .columnList,
#series .rightRow .relatedArticle .columnList,
#movie .rightRow .relatedArticle .columnList,
#information .rightRow .relatedArticle .columnList,
#seminar .rightRow .relatedArticle .columnList,
#book .rightRow .relatedArticle .columnList {
    margin-top: 0;
}

#news .needLogin,
#faq .needLogin,
#column .needLogin,
#precedent .needLogin,
#series .needLogin,
#movie .needLogin,
#information .needLogin,
#seminar .needLogin,
#book .needLogin {
    padding: 20px;
    text-align: center;
}

#news .needLogin .txt,
#faq .needLogin .txt,
#column .needLogin .txt,
#precedent .needLogin .txt,
#series .needLogin .txt,
#movie .needLogin .txt,
#information .needLogin .txt,
#seminar .needLogin .txt,
#book .needLogin .txt {
    padding-left: 25px;
    font-weight: bold;
    color: #B20000;
    position: relative;
}

#news .needLogin .txt:before,
#faq .needLogin .txt:before,
#column .needLogin .txt:before,
#precedent .needLogin .txt:before,
#series .needLogin .txt:before,
#movie .needLogin .txt:before,
#information .needLogin .txt:before,
#seminar .needLogin .txt:before,
#book .needLogin .txt:before {
    width: 16px;
    height: 24px;
    margin-top: -13px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock_large.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
}

#news .loginBox,
#faq .loginBox,
#column .loginBox,
#precedent .loginBox,
#series .loginBox,
#movie .loginBox,
#information .loginBox,
#seminar .loginBox,
#book .loginBox {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#news .loginBox .outer,
#faq .loginBox .outer,
#column .loginBox .outer,
#precedent .loginBox .outer,
#series .loginBox .outer,
#movie .loginBox .outer,
#information .loginBox .outer,
#seminar .loginBox .outer,
#book .loginBox .outer {
    margin: 0 2.325581395348837%;
    border: 2px solid #CECECE;
}

#news .loginBox .outer .loginBtnArea,
#faq .loginBox .outer .loginBtnArea,
#column .loginBox .outer .loginBtnArea,
#precedent .loginBox .outer .loginBtnArea,
#series .loginBox .outer .loginBtnArea,
#movie .loginBox .outer .loginBtnArea,
#information .loginBox .outer .loginBtnArea,
#seminar .loginBox .outer .loginBtnArea,
#book .loginBox .outer .loginBtnArea {
    padding: 20px;
}

#news .loginBox .outer .loginBtnArea .inner:after,
#faq .loginBox .outer .loginBtnArea .inner:after,
#column .loginBox .outer .loginBtnArea .inner:after,
#precedent .loginBox .outer .loginBtnArea .inner:after,
#series .loginBox .outer .loginBtnArea .inner:after,
#movie .loginBox .outer .loginBtnArea .inner:after,
#information .loginBox .outer .loginBtnArea .inner:after,
#seminar .loginBox .outer .loginBtnArea .inner:after,
#book .loginBox .outer .loginBtnArea .inner:after {
    display: block;
    clear: both;
    content: "";
}

#news .loginBox .outer .loginBtnArea .inner .description,
#faq .loginBox .outer .loginBtnArea .inner .description,
#column .loginBox .outer .loginBtnArea .inner .description,
#precedent .loginBox .outer .loginBtnArea .inner .description,
#series .loginBox .outer .loginBtnArea .inner .description,
#movie .loginBox .outer .loginBtnArea .inner .description,
#information .loginBox .outer .loginBtnArea .inner .description,
#seminar .loginBox .outer .loginBtnArea .inner .description,
#book .loginBox .outer .loginBtnArea .inner .description {
    width: 45.46979865771812%;
    float: left;
}

#news .loginBox .outer .loginBtnArea .inner .description .lead,
#faq .loginBox .outer .loginBtnArea .inner .description .lead,
#column .loginBox .outer .loginBtnArea .inner .description .lead,
#precedent .loginBox .outer .loginBtnArea .inner .description .lead,
#series .loginBox .outer .loginBtnArea .inner .description .lead,
#movie .loginBox .outer .loginBtnArea .inner .description .lead,
#information .loginBox .outer .loginBtnArea .inner .description .lead,
#seminar .loginBox .outer .loginBtnArea .inner .description .lead,
#book .loginBox .outer .loginBtnArea .inner .description .lead {
    font-size: 114.28571%;
    color: #394672;
    font-weight: bold;
    display: block;
}

#news .loginBox .outer .loginBtnArea .inner .btn,
#faq .loginBox .outer .loginBtnArea .inner .btn,
#column .loginBox .outer .loginBtnArea .inner .btn,
#precedent .loginBox .outer .loginBtnArea .inner .btn,
#series .loginBox .outer .loginBtnArea .inner .btn,
#movie .loginBox .outer .loginBtnArea .inner .btn,
#information .loginBox .outer .loginBtnArea .inner .btn,
#seminar .loginBox .outer .loginBtnArea .inner .btn,
#book .loginBox .outer .loginBtnArea .inner .btn {
    width: 52.01342281879195%;
    float: right;
}

#news .loginBox .outer .loginBtnArea .inner .btn ul:after,
#faq .loginBox .outer .loginBtnArea .inner .btn ul:after,
#column .loginBox .outer .loginBtnArea .inner .btn ul:after,
#precedent .loginBox .outer .loginBtnArea .inner .btn ul:after,
#series .loginBox .outer .loginBtnArea .inner .btn ul:after,
#movie .loginBox .outer .loginBtnArea .inner .btn ul:after,
#information .loginBox .outer .loginBtnArea .inner .btn ul:after,
#seminar .loginBox .outer .loginBtnArea .inner .btn ul:after,
#book .loginBox .outer .loginBtnArea .inner .btn ul:after {
    display: block;
    clear: both;
    content: "";
}

#news .loginBox .outer .loginBtnArea .inner .btn ul li,
#faq .loginBox .outer .loginBtnArea .inner .btn ul li,
#column .loginBox .outer .loginBtnArea .inner .btn ul li,
#precedent .loginBox .outer .loginBtnArea .inner .btn ul li,
#series .loginBox .outer .loginBtnArea .inner .btn ul li,
#movie .loginBox .outer .loginBtnArea .inner .btn ul li,
#information .loginBox .outer .loginBtnArea .inner .btn ul li,
#seminar .loginBox .outer .loginBtnArea .inner .btn ul li,
#book .loginBox .outer .loginBtnArea .inner .btn ul li {
    width: 48.38709677419355%;
    padding-left: 2.903225806451613%;
    float: left;
    text-align: center;
}

#news .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#faq .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#column .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#precedent .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#series .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#movie .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#information .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#seminar .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
#book .loginBox .outer .loginBtnArea .inner .btn ul li:first-child {
    padding-left: 0;
}

#news .loginBox .outer .loginBtnArea .notes,
#faq .loginBox .outer .loginBtnArea .notes,
#column .loginBox .outer .loginBtnArea .notes,
#precedent .loginBox .outer .loginBtnArea .notes,
#series .loginBox .outer .loginBtnArea .notes,
#movie .loginBox .outer .loginBtnArea .notes,
#information .loginBox .outer .loginBtnArea .notes,
#seminar .loginBox .outer .loginBtnArea .notes,
#book .loginBox .outer .loginBtnArea .notes {
    font-size: 85.71429%;
    color: #333;
}

#news .loginBox .outer .toSignUp,
#faq .loginBox .outer .toSignUp,
#column .loginBox .outer .toSignUp,
#precedent .loginBox .outer .toSignUp,
#series .loginBox .outer .toSignUp,
#movie .loginBox .outer .toSignUp,
#information .loginBox .outer .toSignUp,
#seminar .loginBox .outer .toSignUp,
#book .loginBox .outer .toSignUp {
    background-color: #F9F9F9;
}

#news .loginBox .outer .toSignUp .inner,
#faq .loginBox .outer .toSignUp .inner,
#column .loginBox .outer .toSignUp .inner,
#precedent .loginBox .outer .toSignUp .inner,
#series .loginBox .outer .toSignUp .inner,
#movie .loginBox .outer .toSignUp .inner,
#information .loginBox .outer .toSignUp .inner,
#seminar .loginBox .outer .toSignUp .inner,
#book .loginBox .outer .toSignUp .inner {
    width: 100%;
    display: table;
}

#news .loginBox .outer .toSignUp .inner .lead,
#news .loginBox .outer .toSignUp .inner .btn,
#faq .loginBox .outer .toSignUp .inner .lead,
#faq .loginBox .outer .toSignUp .inner .btn,
#column .loginBox .outer .toSignUp .inner .lead,
#precedent .loginBox .outer .toSignUp .inner .lead,
#series .loginBox .outer .toSignUp .inner .lead,
#column .loginBox .outer .toSignUp .inner .btn,
#precedent .loginBox .outer .toSignUp .inner .btn,
#series .loginBox .outer .toSignUp .inner .btn,
#movie .loginBox .outer .toSignUp .inner .lead,
#movie .loginBox .outer .toSignUp .inner .btn,
#information .loginBox .outer .toSignUp .inner .lead,
#information .loginBox .outer .toSignUp .inner .btn,
#seminar .loginBox .outer .toSignUp .inner .lead,
#seminar .loginBox .outer .toSignUp .inner .btn,
#book .loginBox .outer .toSignUp .inner .lead,
#book .loginBox .outer .toSignUp .inner .btn {
    vertical-align: middle;
    display: table-cell;
}

#news .loginBox .outer .toSignUp .inner .lead,
#faq .loginBox .outer .toSignUp .inner .lead,
#column .loginBox .outer .toSignUp .inner .lead,
#precedent .loginBox .outer .toSignUp .inner .lead,
#series .loginBox .outer .toSignUp .inner .lead,
#movie .loginBox .outer .toSignUp .inner .lead,
#information .loginBox .outer .toSignUp .inner .lead,
#seminar .loginBox .outer .toSignUp .inner .lead,
#book .loginBox .outer .toSignUp .inner .lead {
    width: 72.14765100671141%;
    padding: 20px 1.677852348993289% 20px 20px;
}

#news .loginBox .outer .toSignUp .inner .btn,
#faq .loginBox .outer .toSignUp .inner .btn,
#column .loginBox .outer .toSignUp .inner .btn,
#precedent .loginBox .outer .toSignUp .inner .btn,
#series .loginBox .outer .toSignUp .inner .btn,
#movie .loginBox .outer .toSignUp .inner .btn,
#information .loginBox .outer .toSignUp .inner .btn,
#seminar .loginBox .outer .toSignUp .inner .btn,
#book .loginBox .outer .toSignUp .inner .btn {
    width: 25.16778523489933%;
    padding: 20px 20px 20px 1.677852348993289%;
}

#news.detail.separate .pageNavi,
#faq.detail.separate .pageNavi,
#column.detail.separate .pageNavi,
#precedent.detail.separate .pageNavi,
#series.detail.separate .pageNavi,
#movie.detail.separate .pageNavi,
#information.detail.separate .pageNavi,
#seminar.detail.separate .pageNavi,
#book.detail.separate .pageNavi ,
#laws.detail.separate .pageNavi {
    margin: 25px 0;
}

@media only screen and (max-width: 1200px) {
    #news .snsBtns.date .txt,
    #faq .snsBtns.date .txt,
    #column .snsBtns.date .txt,
    #precedent .snsBtns.date .txt,
    #series .snsBtns.date .txt,
    #movie .snsBtns.date .txt,
    #information .snsBtns.date .txt,
    #seminar .snsBtns.date .txt,
    #book .snsBtns.date .txt,
    #laws .snsBtns.date .txt {
        float: none;
    }
    #news .snsBtns.date ul,
    #faq .snsBtns.date ul,
    #column .snsBtns.date ul,
    #precedent .snsBtns.date ul,
    #series .snsBtns.date ul,
    #movie .snsBtns.date ul,
    #information .snsBtns.date ul,
    #seminar .snsBtns.date ul,
    #book .snsBtns.date ul,
    #laws .snsBtns.date ul {
        margin-top: 10px;
        float: none;
    }
    #news .snsBtns.date ul li ul,
    #faq .snsBtns.date ul li ul,
    #column .snsBtns.date ul li ul,
    #precedent .snsBtns.date ul li ul,
    #series .snsBtns.date ul li ul,
    #movie .snsBtns.date ul li ul,
    #information .snsBtns.date ul li ul,
    #seminar .snsBtns.date ul li ul,
    #book .snsBtns.date ul li ul,
    #laws .snsBtns.date ul li ul {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1029px) {
    #news a.banner,
    #faq a.banner,
    #column a.banner,
    #precedent a.banner,
    #series a.banner,
    #movie a.banner,
    #information a.banner,
    #laws a.banner {
        padding: 6px 0;
    }
    /*bannerからbuttonに変更*/
    #news a.button,
    #faq a.button,
    #column a.button,
    #precedent a.button,
    #series a.button,
    #movie a.button,
    #information a.button,
    #laws a.button {
        padding: 6px 0;
    }
    #news .centerBn,
    #faq .centerBn,
    #column .centerBn,
    #precedent .centerBn,
    #series .centerBn,
    #movie .centerBn,
    #information .centerBn,
    #laws .centerBn {
        margin-top: 20px;
        text-align: center;
    }
    #news .centerBn a.banner,
    #faq .centerBn a.banner,
    #column .centerBn a.banner,
    #precedent .centerBn a.banner,
    #series .centerBn a.banner,
    #movie .centerBn a.banner,
    #information .centerBn a.banner,
    #laws .centerBn a.banner {
        display: inline-block;
        padding: 6px 28px;
    }
    /*bannerからbuttonに変更*/
    #news .centerBn a.button,
    #faq .centerBn a.button,
    #column .centerBn a.button,
    #precedent .centerBn a.button,
    #series .centerBn a.button,
    #movie .centerBn a.button,
    #information .centerBn a.button,
    #laws .centerBn a.button {
        display: inline-block;
        padding: 6px 28px;
    }
    #news .postingDate,
    #faq .postingDate,
    #column .postingDate,
    #precedent .postingDate,
    #series .postingDate,
    #movie .postingDate,
    #information .postingDate,
    #laws .postingDate {
        margin-bottom: 20px;
        text-align: right;
        border-top: 2px solid #DFDFDF;
    }
    #news .postingDate .date,
    #faq .postingDate .date,
    #column .postingDate .date,
    #precedent .postingDate .date,
    #series .postingDate .date,
    #movie .postingDate .date,
    #information .postingDate .date,
    #laws .postingDate .date {
        padding: 5px;
        font-size: 85.71429%;
    }
    #news .rightRow .columnList,
    #faq .rightRow .columnList,
    #column .rightRow .columnList,
    #precedent .rightRow .columnList,
    #series .rightRow .columnList,
    #movie .rightRow .columnList,
    #information .rightRow .columnList,
    #laws .rightRow .columnList {
        margin-top: 20px;
    }
    #news .needLogin,
    #faq .needLogin,
    #column .needLogin,
    #precedent .needLogin,
    #series .needLogin,
    #movie .needLogin,
    #information .needLogin {
        padding: 20px;
        text-align: center;
    }
    #news .needLogin .txt,
    #faq .needLogin .txt,
    #column .needLogin .txt,
    #precedent .needLogin .txt,
    #series .needLogin .txt,
    #movie .needLogin .txt,
    #information .needLogin .txt {
        padding-left: 25px;
        font-weight: bold;
        color: #B20000;
        position: relative;
    }
    #news .needLogin .txt:before,
    #faq .needLogin .txt:before,
    #column .needLogin .txt:before,
    #precedent .needLogin .txt:before,
    #series .needLogin .txt:before,
    #movie .needLogin .txt:before,
    #information .needLogin .txt:before {
        width: 16px;
        height: 24px;
        margin-top: -13px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock_large.png") no-repeat;
        position: absolute;
        top: 50%;
        left: 0;
    }
    #news .loginBox,
    #faq .loginBox,
    #column .loginBox,
    #precedent .loginBox,
    #series .loginBox,
    #movie .loginBox,
    #information .loginBox {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #news .loginBox .outer,
    #faq .loginBox .outer,
    #column .loginBox .outer,
    #precedent .loginBox .outer,
    #series .loginBox .outer,
    #movie .loginBox .outer,
    #information .loginBox .outer {
        margin: 0 2.325581395348837%;
        border: 2px solid #CECECE;
    }
    #news .loginBox .outer .loginBtnArea,
    #faq .loginBox .outer .loginBtnArea,
    #column .loginBox .outer .loginBtnArea,
    #precedent .loginBox .outer .loginBtnArea,
    #series .loginBox .outer .loginBtnArea,
    #movie .loginBox .outer .loginBtnArea,
    #information .loginBox .outer .loginBtnArea {
        padding: 20px;
    }
    #news .loginBox .outer .loginBtnArea .inner:after,
    #faq .loginBox .outer .loginBtnArea .inner:after,
    #column .loginBox .outer .loginBtnArea .inner:after,
    #precedent .loginBox .outer .loginBtnArea .inner:after,
    #series .loginBox .outer .loginBtnArea .inner:after,
    #movie .loginBox .outer .loginBtnArea .inner:after,
    #information .loginBox .outer .loginBtnArea .inner:after {
        display: block;
        clear: both;
        content: "";
    }
    #news .loginBox .outer .loginBtnArea .inner .description,
    #faq .loginBox .outer .loginBtnArea .inner .description,
    #column .loginBox .outer .loginBtnArea .inner .description,
    #precedent .loginBox .outer .loginBtnArea .inner .description,
    #series .loginBox .outer .loginBtnArea .inner .description,
    #movie .loginBox .outer .loginBtnArea .inner .description,
    #information .loginBox .outer .loginBtnArea .inner .description {
        width: 100%;
        float: none;
    }
    #news .loginBox .outer .loginBtnArea .inner .description .lead,
    #faq .loginBox .outer .loginBtnArea .inner .description .lead,
    #column .loginBox .outer .loginBtnArea .inner .description .lead,
    #precedent .loginBox .outer .loginBtnArea .inner .description .lead,
    #series .loginBox .outer .loginBtnArea .inner .description .lead,
    #movie .loginBox .outer .loginBtnArea .inner .description .lead,
    #information .loginBox .outer .loginBtnArea .inner .description .lead {
        font-size: 114.28571%;
        color: #394672;
        font-weight: bold;
        display: block;
    }
    #news .loginBox .outer .loginBtnArea .inner .btn,
    #faq .loginBox .outer .loginBtnArea .inner .btn,
    #column .loginBox .outer .loginBtnArea .inner .btn,
    #precedent .loginBox .outer .loginBtnArea .inner .btn,
    #series .loginBox .outer .loginBtnArea .inner .btn,
    #movie .loginBox .outer .loginBtnArea .inner .btn,
    #information .loginBox .outer .loginBtnArea .inner .btn {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
    }
    #news .loginBox .outer .loginBtnArea .inner .btn ul:after,
    #faq .loginBox .outer .loginBtnArea .inner .btn ul:after,
    #column .loginBox .outer .loginBtnArea .inner .btn ul:after,
    #precedent .loginBox .outer .loginBtnArea .inner .btn ul:after,
    #series .loginBox .outer .loginBtnArea .inner .btn ul:after,
    #movie .loginBox .outer .loginBtnArea .inner .btn ul:after,
    #information .loginBox .outer .loginBtnArea .inner .btn ul:after {
        display: block;
        clear: both;
        content: "";
    }
    #news .loginBox .outer .loginBtnArea .inner .btn ul li,
    #faq .loginBox .outer .loginBtnArea .inner .btn ul li,
    #column .loginBox .outer .loginBtnArea .inner .btn ul li,
    #precedent .loginBox .outer .loginBtnArea .inner .btn ul li,
    #series .loginBox .outer .loginBtnArea .inner .btn ul li,
    #movie .loginBox .outer .loginBtnArea .inner .btn ul li,
    #information .loginBox .outer .loginBtnArea .inner .btn ul li {
        width: 48.38709677419355%;
        padding-left: 2.903225806451613%;
        float: left;
        text-align: center;
    }
    #news .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
    #faq .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
    #column .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
    #precedent .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
    #series .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
    #movie .loginBox .outer .loginBtnArea .inner .btn ul li:first-child,
    #information .loginBox .outer .loginBtnArea .inner .btn ul li:first-child {
        padding-left: 0;
    }
    #news .loginBox .outer .loginBtnArea .notes,
    #faq .loginBox .outer .loginBtnArea .notes,
    #column .loginBox .outer .loginBtnArea .notes,
    #precedent .loginBox .outer .loginBtnArea .notes,
    #series .loginBox .outer .loginBtnArea .notes,
    #movie .loginBox .outer .loginBtnArea .notes,
    #information .loginBox .outer .loginBtnArea .notes {
        font-size: 85.71429%;
        color: #333;
    }
    #news .loginBox .outer .toSignUp,
    #faq .loginBox .outer .toSignUp,
    #column .loginBox .outer .toSignUp,
    #precedent .loginBox .outer .toSignUp,
    #series .loginBox .outer .toSignUp,
    #movie .loginBox .outer .toSignUp,
    #information .loginBox .outer .toSignUp {
        background-color: #F9F9F9;
    }
    #news .loginBox .outer .toSignUp .inner,
    #faq .loginBox .outer .toSignUp .inner,
    #column .loginBox .outer .toSignUp .inner,
    #precedent .loginBox .outer .toSignUp .inner,
    #series .loginBox .outer .toSignUp .inner,
    #movie .loginBox .outer .toSignUp .inner,
    #information .loginBox .outer .toSignUp .inner {
        width: 100%;
        display: block;
    }
    #news .loginBox .outer .toSignUp .inner .lead,
    #news .loginBox .outer .toSignUp .inner .btn,
    #faq .loginBox .outer .toSignUp .inner .lead,
    #faq .loginBox .outer .toSignUp .inner .btn,
    #column .loginBox .outer .toSignUp .inner .lead,
    #precedent .loginBox .outer .toSignUp .inner .lead,
    #series .loginBox .outer .toSignUp .inner .lead,
    #column .loginBox .outer .toSignUp .inner .btn,
    #precedent .loginBox .outer .toSignUp .inner .btn,
    #series .loginBox .outer .toSignUp .inner .btn,
    #movie .loginBox .outer .toSignUp .inner .lead,
    #movie .loginBox .outer .toSignUp .inner .btn,
    #information .loginBox .outer .toSignUp .inner .lead,
    #information .loginBox .outer .toSignUp .inner .btn {
        vertical-align: middle;
        display: block;
    }
    #news .loginBox .outer .toSignUp .inner .lead,
    #faq .loginBox .outer .toSignUp .inner .lead,
    #laws .loginBox .outer .toSignUp .inner .lead,
    #column .loginBox .outer .toSignUp .inner .lead,
    #precedent .loginBox .outer .toSignUp .inner .lead,
    #series .loginBox .outer .toSignUp .inner .lead,
    #movie .loginBox .outer .toSignUp .inner .lead,
    #information .loginBox .outer .toSignUp .inner .lead {
        width: 100%;
        padding: 20px 20px 2px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #news .loginBox .outer .toSignUp .inner .btn,
    #faq .loginBox .outer .toSignUp .inner .btn,
    #column .loginBox .outer .toSignUp .inner .btn,
    #precedent .loginBox .outer .toSignUp .inner .btn,
    #series .loginBox .outer .toSignUp .inner .btn,
    #movie .loginBox .outer .toSignUp .inner .btn,
    #information .loginBox .outer .toSignUp .inner .btn {
        width: 50%;
        margin: 0 auto;
        padding: 3px 20px 20px 20px;
    }
    #news .postingDate,
    #faq .postingDate,
    #column .postingDate,
    #precedent .postingDate,
    #series .postingDate,
    #movie .postingDate,
    #information .postingDate {
        margin-bottom: 20px;
        text-align: right;
        border-top: 2px solid #DFDFDF;
    }
    #news .postingDate .date,
    #faq .postingDate .date,
    #column .postingDate .date,
    #precedent .postingDate .date,
    #series .postingDate .date,
    #movie .postingDate .date,
    #information .postingDate .date {
        padding: 5px;
        font-size: 85.71429%;
    }
}

#information .postBody .subHead:before {
    background: #FFCC00;
}

#news .postBody {
    margin-top: 20px;
}

#news .postBody .subHead:before,
#series .postBody .subHead:before {
    background: #EA6A15;
}

#faq .postBody .subHead:before,
#column .postBody .subHead:before,
#precedent .postBody .subHead:before,
#laws .subHead:before  {
    background: #CD3249;
}

#faq .postBody {
    margin-top: 20px;
}

#backnumber .postBody .subHead:before {
    background: #9E58C9;
}

#book .postBody .subHead:before {
    background: #0099FF;
}

#movie .postBody {
    margin-top: 20px;
}

#movie .postBody .subHead:before {
    background: #72BC16;
}

#seminar .postBody {
    margin-bottom: 30px;
}

#seminar .postBody p {
    margin: 20px 0;
}

#seminar .postBody h3,
#seminar .postBody h4 {
    font-weight: normal;
}

#seminar .postBody .subHead {
    margin-bottom: 20px;
    padding: 12px 18px 10px 25px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 3px solid #57444A;
    line-height: 1.2;
    background: #FFF url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
    position: relative;
}

#seminar .postBody .subHead .linkTxt {
    font-size: 81.25%;
    color: #333333;
    float: right;
}

#seminar .postBody .subHead:before {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 20px;
    background: #72BC16;
}

#seminar .postBody .subHead:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle01.png") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 0;
}

#seminar .postBody .lineHead {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    border-left: 2px solid #CCC;
    font-size: 114.28571%;
    color: #394672;
    line-height: 1.3;
    font-weight: bold;
}

#seminar .postBody ul {
    margin: 20px 0;
    list-style: disc inside;
}

#seminar .postBody ul li {
    padding-left: 1em;
    text-indent: -1em;
}

#seminar .postBody ol {
    margin: 20px 0;
    list-style: decimal inside;
}

#seminar .postBody ol li {
    padding-left: 1em;
    text-indent: -1em;
}

#seminar .postBody table {
    margin: 20px 0;
    width: 100%;
    border-collapse: collapse;
}

#seminar .postBody table th,
#seminar .postBody table td {
    padding: 5px;
    border: 1px solid #CCC;
}

#seminar .postBody table th {
    font-weight: bold;
}

#seminar .postBody code {
    padding: 3px;
    background-color: #CCC;
}

#seminar .postBody small {
    font-size: 85.71429%;
}

#seminar .postBody .tableWrapper {
    margin: 20px 0;
}

#seminar .postBody .tableWrapper dt {
    font-weight: bold;
}

#seminar .postBody .movArea {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#seminar .postBody .movArea iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#seminar .postBody .alignleft,
#seminar .postBody img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

#seminar .postBody .alignright,
#seminar .postBody img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#seminar .postBody .aligncenter,
#seminar .postBody img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#seminar .postBody img.alignleft,
#seminar .postBody img.alignright,
#seminar .postBody img.aligncenter {
    margin-bottom: 12px;
}

@media only screen and (max-width: 770px) {
    #seminar .postBody img.alignleft,
    #seminar .postBody img.alignright {
        float: none;
    }
    #seminar .postBody img.alignleft,
    #seminar .postBody img.alignright,
    #seminar .postBody img.aligncenter {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}

#seminar .postBody .wp-caption {
    background: #f1f1f1;
    border: none;
    border-radius: 0;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    width: 100% !important;
    padding: 4px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar .postBody .wp-caption a {
    background-image: none;
    padding: 0;
}

#seminar .postBody .wp-caption a img {
    max-width: inherit;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#seminar .postBody .gallery-item a {
    background-image: none;
    padding: 0;
}

#seminar .postBody .wp-caption img {
    margin: 5px;
}

#seminar .postBody .wp-caption p.wp-caption-text {
    margin: 0 0 4px;
}

#seminar .postBody .wp-smiley {
    margin: 0;
}

#seminar .postBody .detailPageNavi {
    margin-top: 20px;
    text-align: center;
}

#seminar .postBody .detailPageNavi .spHide {
    display: inline;
}

#seminar .postBody .detailPageNavi ul {
    width: 100%;
    display: inline-block;
}

#seminar .postBody .detailPageNavi ul li {
    display: inline-block;
    margin-left: 2px;
}

#seminar .postBody .detailPageNavi ul li>span {
    padding: 6px 13px;
    text-align: center;
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

#seminar .postBody .detailPageNavi ul li a {
    color: #999;
    padding: 6px 13px;
    border: 1px solid #CCC;
    text-decoration: none;
    text-align: center;
}

#seminar .postBody .detailPageNavi ul li a:hover {
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

#seminar.page .subRow {
    margin-top: 20px;
}

#search .gs-title,
#search .gs-image-box {
    height: auto !important;
}

#search .gsc-cursor {
    margin: 30px 0;
    display: block !important;
    text-align: center;
    line-height: 1;
}

#search .gsc-cursor .gsc-cursor-page {
    width: 29px !important;
    padding: 8px 0 !important;
    border: 1px solid #CCC;
    text-decoration: none;
    display: inline-block !important;
    color: #999;
}

#search .gsc-cursor .gsc-cursor-current-page,
#search .gsc-cursor .gsc-cursor-page:hover {
    border: 1px solid #6D6D6D !important;
    background-color: #545454 !important;
    color: #FFF !important;
}


/*!
*  - v1.2.4
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/


/* Core
--------------------------------------------------*/

.slider-pro {
    position: relative;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.sp-slides-container {
    position: relative;
}

.sp-mask {
    position: relative;
    overflow: hidden;
}

.sp-slides {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.sp-slide {
    position: absolute;
}

.sp-image-container {
    overflow: hidden;
}

.sp-image {
    position: relative;
    display: block;
    border: none;
}

.sp-no-js {
    overflow: hidden;
    max-width: 100%;
}


/* Thumbnails
--------------------------------------------------*/

.sp-thumbnails-container {
    position: relative;
    overflow: hidden;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails {
    left: 0;
    margin: 0 auto;
}

.sp-top-thumbnails {
    position: absolute;
    top: 0;
    margin-bottom: 4px;
}

.sp-bottom-thumbnails {
    margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
    position: absolute;
    top: 0;
}

.sp-right-thumbnails {
    right: 0;
    margin-left: 4px;
}

.sp-left-thumbnails {
    left: 0;
    margin-right: 4px;
}

.sp-thumbnails {
    position: relative;
}

.sp-thumbnail {
    border: none;
}

.sp-thumbnail-container {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Horizontal thumbnails
------------------------*/

.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
    margin-left: 2px;
    margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
    margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
    margin-right: 0;
}


/* Vertical thumbnails
----------------------*/

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
    margin-top: 2px;
    margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
    margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
    margin-bottom: 0;
}


/* Right thumbnails with pointer
--------------------------------*/

.sp-right-thumbnails.sp-has-pointer {
    margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    left: 18px;
    margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    left: 0;
    top: 0;
    margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-right: 13px solid #F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}


/* Left thumbnails with pointer
-------------------------------*/

.sp-left-thumbnails.sp-has-pointer {
    margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    right: 0;
    top: 0;
    margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 50%;
    margin-top: -8px;
    border-left: 13px solid #F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}


/* Bottom thumbnails with pointer
---------------------------------*/

.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    top: 18px;
    margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #F00;
    top: 0;
    margin-top: 13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0;
    margin-left: -8px;
    border-bottom: 13px solid #F00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}


/* Top thumbnails with pointer
------------------------------*/

.sp-top-thumbnails.sp-has-pointer {
    margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #F00;
    bottom: 0;
    margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    margin-left: -8px;
    border-top: 13px solid #F00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}


/* Layers
--------------------------------------------------*/

.sp-layer {
    position: absolute;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
}

.sp-black {
    color: #FFF;
    background: black;
    background: rgba(0, 0, 0, 0.7);
}

.sp-white {
    color: #000;
    background: white;
    background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
    border-radius: 10px;
}

.sp-padding {
    padding: 10px;
}


/* Touch Swipe
--------------------------------------------------*/

.sp-grab {}

.sp-grabbing {}

.sp-selectable {
    cursor: default;
}


/* Caption
--------------------------------------------------*/

.sp-caption-container {
    text-align: center;
    margin-top: 10px;
}


/* Full Screen
--------------------------------------------------*/

.sp-full-screen {
    margin: 0 !important;
    background-color: #000;
}

.sp-full-screen-button {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sp-full-screen-button:before {
    content: '\2195';
}

.sp-fade-full-screen {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
    opacity: 1;
}


/* Buttons
--------------------------------------------------*/

.sp-buttons {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    background-color: #57444A;
}

.sp-button {
    width: 7px;
    height: 7px;
    border: 2px solid #352B2E;
    border-radius: 50%;
    margin: 4px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #352B2E;
}

.sp-selected-button {
    border: 2px solid #FFF;
    background-color: #FFF;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sp-button {
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
    .sp-button {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
    .sp-button {
        width: 18px;
        height: 18px;
    }
}


/* Arrows
--------------------------------------------------*/

.sp-arrows {
    position: absolute;
}

.sp-fade-arrows {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
    opacity: 1;
}

.sp-horizontal .sp-arrows {
    width: 100%;
    left: 0;
    top: 50%;
}

.sp-vertical .sp-arrows {
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -10px;
}

.sp-arrow {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.sp-vertical .sp-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
    left: 20px;
}

.sp-horizontal .sp-next-arrow {
    right: 20px;
}

.sp-vertical .sp-previous-arrow {
    top: 20px;
}

.sp-vertical .sp-next-arrow {
    bottom: 20px;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
}

.sp-previous-arrow:before {
    left: 5%;
    top: 0;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_slider_arrow_left.png") center center no-repeat;
}

.sp-next-arrow:before {
    right: 5%;
    top: 0;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_slider_arrow_right.png") center center no-repeat;
}

/* Thumbnail Arrows
--------------------------------------------------*/

.sp-thumbnail-arrows {
    position: absolute;
}

.sp-fade-thumbnail-arrows {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
    opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -7px;
}

.sp-thumbnail-arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 25px;
    cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
    left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
    right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
    top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
    bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #FFF;
}

.sp-previous-thumbnail-arrow:before {
    left: 30%;
    top: 0;
    -webkit-transform: skew(145deg, 0deg);
    -ms-transform: skew(145deg, 0deg);
    transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
    left: 30%;
    top: 50%;
    -webkit-transform: skew(-145deg, 0deg);
    -ms-transform: skew(-145deg, 0deg);
    transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
    right: 30%;
    top: 0;
    -webkit-transform: skew(35deg, 0deg);
    -ms-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
    right: 30%;
    top: 50%;
    -webkit-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
}

/* Video
--------------------------------------------------*/

a.sp-video {
    text-decoration: none;
}

a.sp-video img {
    -webkit-backface-visibility: hidden;
    border: none;
}

a.sp-video:after {
    content: '\25B6';
    position: absolute;
    width: 45px;
    padding-left: 5px;
    height: 50px;
    border: 2px solid #FFF;
    text-align: center;
    font-size: 30px;
    border-radius: 30px;
    top: 0;
    color: #FFF;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    line-height: 52px;
}


/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
    max-width: none;
    max-height: none;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -mox-box-shadow: none !important;
    box-shadow: none !important;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.slider-pro a {
    position: static;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
    max-width: none;
    max-height: none;
}

.slider-pro p.sp-layer {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h1.sp-layer {
    font-size: 32px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h2.sp-layer {
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h3.sp-layer {
    font-size: 19px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h4.sp-layer {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h5.sp-layer {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h6.sp-layer {
    font-size: 11px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro img.sp-layer {
    border: none;
}


/*------------------------------------------------------------
試読希望者紹介キャンペーン
------------------------------------------------------------*/

#campaign #main #conts .descriptionBox {
    margin-top: 40px;
}

#campaign #main #conts .descriptionBox .inner .heading {
    margin-bottom: 20px;
}

#campaign #main #conts .descriptionBox .inner .bnrArea {
    margin-top: 20px;
}

#campaign #main #conts .descriptionBox .inner .bnrArea a.button {
    text-align: center;
    width: 22.09302326%;
    margin: 0 auto;
}

@media only screen and (max-width: 770px) {
    #campaign #main #conts .descriptionBox .inner .bnrArea a.button {
        width: 80%;
    }
}

#campaign #main #conts .alignleft,
#campaign #main #conts img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

#campaign #main #conts .alignright,
#campaign #main #conts img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#campaign #main #conts .aligncenter,
#campaign #main #conts img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#campaign #main #conts img.alignleft,
#campaign #main #conts img.alignright,
#campaign #main #conts img.aligncenter {
    margin-bottom: 12px;
}

@media only screen and (max-width: 770px) {
    #campaign #main #conts img.alignleft,
    #campaign #main #conts img.alignright {
        float: none;
    }
    #campaign #main #conts img.alignleft,
    #campaign #main #conts img.alignright,
    #campaign #main #conts img.aligncenter {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}


/*------------------------------------------------------------
SP用小さい画像表示
------------------------------------------------------------*/

.spbox {
    width: 10%;
    float: left;
}

.spbox_r {
    width: 10%;
    float: right;
}


/*------------------------------------------------------------
hr設定用
------------------------------------------------------------*/

hr.style1 {
    border: none;
    border-top: dashed 1px #999999;
    height: 1px;
    color: #FFFFFF;
    width: 95%;
}

.fontsizeIgnore {
    font-size: 10px;
}


/*------------------------------------------------------------
人事労務だより
------------------------------------------------------------*/

#main .subHead.letterTitle {
    margin-bottom: 0;
    margin-top: 16px;
    background-image: none;
}

.letterTile {
    margin-bottom: 40px;
}

.letterTile ul {
    border: 2px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.letterTile ul:after {
    display: block;
    clear: both;
    content: '';
}

.letterTile ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 10px;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    float: left;
}

@media only screen and (max-width: 500px) {
    .letterTile ul li {
        width: 100%;
    }
}

.letterTile ul li .title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 114.28571%;
    line-height: 1.2em;
    font-weight: bold;
    display: block;
    color: #394672;
    text-align: center;
}

.letterTile ul li .imageArea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px;
    display: block;
    text-align: center;
}

.letterTile ul li .imageArea img {
    box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -webkit-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
    -moz-box-shadow: rgba(113, 135, 164, 0.407843) 1px 1px 9px 1px;
}

.letterTile ul li .download {
    margin: 0 auto;
    max-width: 200px;
}

.letterTile ul li .download a {
    background: #13B97B;
    border: 2px solid #5ACEA3;
    color: white;
    display: block;
    font-weight: bold;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.letterTile ul li .download a span {
    margin-left: 8px;
}

.col3LinkList ul li .linkTxt.type4down {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrowdown10.png") 0 4px no-repeat;
}

.col3LinkList ul li .linkTxt.type5down {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrowdown11.png") 0 3px no-repeat;
}

.col3LinkList ul li .linkTxt.type7down {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrowdown13.png") 0 3px no-repeat;
}

.col3LinkList ul li .linkTxt.type1down {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrowdown12.png") 0 3px no-repeat;
}

.col3LinkList ul li .linkTxt.type6down {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrowdown14.png") 0 3px no-repeat;
}

.col3LinkList ul li .linkTxt.type3down {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrowdown15.png") 0 3px no-repeat;
}

.col3LinkList ul li ul li {
    border-bottom: none;
    border-top: 1px dashed #DFDFDF;
}


/*------------------------------------------------------------
ダウンロードコーナー共通
------------------------------------------------------------*/

.downloadArea {
    border: 1px solid #DFDFDF;
    display: flex;
    flex-direction: column;
    margin: 16px 0px;
    padding: 16px;
}

.downloadArea h3, .printPage h3 {
    color: #394672;
    font-size: 114.28571%;
    margin-top: 10px;
    padding-left: 24px;
    position: relative;
}

.downloadArea h3:after, .printPage h3:after {
    content: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle01.png");
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
}

.downloadLink {
    margin: 16px 0px;
}

.downloadLink ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px auto;
}

.downloadLink ul li {
    list-style-type: none;
    margin: 4px;
}

.downloadLink ul li a,
.downloadLink ul li a:hover {
    background: #13B97B;
    border: 2px solid #5ACEA3;
    font-weight: bold;
    padding: 16px 24px 16px 8px;
    text-align: center;
    text-decoration: none;
    color: white;
    position: relative;
    display: block;
    min-width: 108px;
    width: 160px;
}

.downloadLink ul li a:not(.disabled):hover {
    opacity: 0.7;
}

.downloadLink ul li a.count3 {
    width: 120px;
}

.downloadLink ul li a span:before {
    width: 28px;
    height: 28px;
    margin: -15px 0px 0px 8px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_download.png") no-repeat;
    top: 50%;
}

.downloadLink ul li a.viewer span:before {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_viewer.png") no-repeat;
}

.downloadArea .note {
    text-align: center;
    font-size: 0.75em;
}

.downloadArea .notekyt {
    text-align: center;
}

.downloadThumbnail {
    border: 1px solid #DFDFDF;
    float: right;
    margin: 16px 0px 16px 16px;
}

.downloadPostBody {
    margin-bottom: 32px;
}

.downloadPostBody:after {
    clear: both;
    content: "";
    display: block;
}

.downloadPostBody .subHead {
    display: flex;
}

@media only screen and (max-width: 500px) {
    .downloadThumbnail {
        display: table;
        float: none;
        margin: 16px auto;
    }
    .downloadLink ul li a.count3 {
        width: 160px;
    }
}

.downloadConts ul.bnr {
    width: 90%;
    margin: -10px auto 20px;
    margin-bottom: 20px;
    font-size: 1.45em;
    font-weight: bold;
   display: flex;
   justify-content: center;
}

.downloadConts ul.bnr:after {
    display: block;
    clear: both;
    content: "";
}

.downloadConts ul.bnr li {
    float: right;
    width: 45.23809524%;
    margin:0 10px;
}

.downloadConts ul.bnr li:first-child {
    float: left;
}

@media only screen and (max-width: 1190px) {
    .downloadConts ul.bnr {
        width: 100%;
    display: block;
    }
    .downloadConts ul.bnr li {
        width: 47%;
    }
}

@media only screen and (max-width: 1000px) {
    .downloadConts ul.bnr {
    display: block;
        width: 100%;
    }
    .downloadConts ul.bnr li {
        float: none;
        width: 80%;
        margin: 0 auto;
        margin-top: 10px;
    }
    .downloadConts ul.bnr li:first-child {
        margin-top: 0;
        float: none;
    }
}

.downloadConts .bnr a.button span {
    padding-right: 50px;
    background: url(/wp/wp-content/themes/rodo/img/common/icon/icon_services.png) no-repeat right 1px top;
    background-size: 31px;
}

.downloadConts .bnr a.button.roumu {
    background: #EA6A15;
    background: -moz-linear-gradient(top, #e97147 20%, #ea4615);
    background: -webkit-linear-gradient(top, #e97147 20%, #ea4615);
    background: linear-gradient(to bottom, #e97147 20%, #ea4615);
    border: 2px solid #F0975C;
}

.downloadConts .bnr a.button.anzen {
    background: #006633;
    background: -moz-linear-gradient(top, #348910 20%, #006633);
    background: -webkit-linear-gradient(top, #348910 20%, #006633);
    background: linear-gradient(to bottom, #348910 20%, #006633);
    border: 2px solid #52944D;
}

/*------------------------------------------------------------
画像ポップアップ
------------------------------------------------------------*/

.popupimage {
    position: relative;
}

.popupimage a:after {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/enlarge.png") no-repeat;
    bottom: 0;
    content: "";
    height: 15px;
    position: absolute;
    right: 0;
    width: 15px;
}

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

.popupimage.left {
    display: inline;
    float: left;
}

.popupimage.center {
    display: flex;
    justify-content: center;
}

.popupimage.right {
    display: inline;
    float: right;
}

.popupimage.center a {
    position: relative;
}

.popupimage.none a {
    display: inline-grid;
    display: -ms-inline-flexbox;
    position: relative;
}

.popupimage.left a:after {
    bottom: 12px;
    right: 24px;
}

.popupimage.center a:after,
.popupimage.right a:after {
    bottom: 12px;
}

@media only screen and (max-width: 770px) {
    .popupimage.left,
    .popupimage.center,
    .popupimage.right,
    .popupimage.center a {
        width: 100%;
    }

    .popupimage.left a:after {
        bottom: 20px;
        right: 0;
    }

    .popupimage.center a:after,
    .popupimage.right a:after {
        bottom: 20px;
    }
}


/*------------------------------------------------------------
ダウンロードコーナーの投稿タイプ ※他の投稿タイプと同じ
------------------------------------------------------------*/

.downloadPost .yarpp-related h3 {
    padding-bottom: 0;
}

.downloadPost .yarpp-related .genreList a {
    font-weight: normal;
}

.downloadPost a.button {
    padding: 6px 0;
}

.downloadPost .centerBn {
    margin-top: 20px;
    text-align: center;
}

.downloadPost .centerBn a.button {
    display: inline-block;
    padding: 6px 28px;
}

.downloadPost .postingDate {
    margin-bottom: 40px;
    text-align: right;
    border-top: 2px solid #DFDFDF;
}

.downloadPost .postingDate .date {
    padding: 5px;
    font-size: 85.71429%;
}

.downloadPost .postBody {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 115%;
}

#jiko_learning .downloadPost .postBody {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 115%;
}

.downloadPost .postBody p {
    margin: 20px 0;
}

.downloadPost .postBody h3,
.downloadPost .postBody h4 {
    font-weight: normal;
}

#main.downloadPost .postBody .subHead {
    margin-bottom: 20px;
    padding: 12px 18px 10px 25px;
    font-size: 114.28571%;
    font-weight: bold;
    border-top: 3px solid #57444A;
    line-height: 1.2;
    background: #FFF url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted02.png") left bottom repeat-x;
    position: relative;
}

#main.downloadPost .postBody .subHead .linkTxt {
    font-size: 81.25%;
    color: #333333;
    float: right;
}

#main.downloadPost .postBody .subHead:before {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 20px;
    background: #13B97B;
}

#main.downloadPost .postBody .subHead:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_circle01.png") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 0;
}

.downloadPost .postBody .lineHead {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    border-left: 2px solid #CCC;
    font-size: 114.28571%;
    color: #394672;
    line-height: 1.3;
    font-weight: bold;
}

.downloadPost .postBody ul {
    margin: 20px 0;
    list-style: disc inside;
}

.downloadPost .postBody ul li {
    padding-left: 1em;
    text-indent: -1em;
}

.downloadPost .postBody ol {
    margin: 20px 0;
    list-style: decimal inside;
}

.downloadPost .postBody ol li {
    padding-left: 1em;
    text-indent: -1em;
}

.downloadPost .postBody table {
    margin: 20px 0;
    width: 100%;
    border-collapse: collapse;
}

.downloadPost .postBody table th,
.downloadPost .postBody table td {
    padding: 5px;
    border: 1px solid #CCC;
}

.downloadPost .postBody table th {
    font-weight: bold;
}

.downloadPost .postBody code {
    padding: 3px;
    background-color: #CCC;
}

.downloadPost .postBody small {
    font-size: 85.71429%;
}

.downloadPost .postBody .tableWrapper {
    margin: 20px 0;
}

.downloadPost .postBody .tableWrapper dt {
    font-weight: bold;
}

.downloadPost .postBody .movArea,
#jiko_learning .movArea,
#kytsheet .movArea {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.downloadPost .postBody .movArea iframe,
#jiko_learning .movArea iframe,
#kytsheet .movArea iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#jiko_learning .movArea, 
#kytsheet .movArea {
    margin-top: 20px;
}

.downloadPost .postBody .alignleft,
.downloadPost .postBody img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.downloadPost .postBody .alignright,
.downloadPost .postBody img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

.downloadPost .postBody .aligncenter,
.downloadPost .postBody img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.downloadPost .postBody img.alignleft,
.downloadPost .postBody img.alignright,
.downloadPost .postBody img.aligncenter {
    margin-bottom: 12px;
}

@media only screen and (max-width: 770px) {
    .downloadPost .postBody img.alignleft,
    .downloadPost .postBody img.alignright {
        float: none;
    }
    .downloadPost .postBody img.alignleft,
    .downloadPost .postBody img.alignright,
    .downloadPost .postBody img.aligncenter {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}

.downloadPost .postBody .wp-caption {
    border: none;
    border-radius: 0;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.downloadPost .postBody .wp-caption a {
    background-image: none;
    padding: 0;
}

.downloadPost .postBody .wp-caption a img {
    max-width: inherit;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    .downloadPost .postBody .wp-caption {
        margin: 0 auto 20px;
        width: 100% !important;
        float: none;
    }
}

.downloadPost .postBody .gallery-item a {
    background-image: none;
    padding: 0;
}

.downloadPost .postBody .wp-caption img
{
    margin: 5px;
}

.downloadPost .postBody .wp-caption p.wp-caption-text {
    margin: 5px 0 4px;
}

.downloadPost .postBody .wp-smiley {
    margin: 0;
}

.downloadPost .postBody .detailPageNavi {
    margin-top: 20px;
    text-align: center;
}

.downloadPost .postBody .detailPageNavi .spHide {
    display: inline;
}

.downloadPost .postBody .detailPageNavi ul {
    width: 100%;
    display: inline-block;
}

.downloadPost .postBody .detailPageNavi ul li {
    display: inline-block;
    margin-left: 2px;
}

.downloadPost .postBody .detailPageNavi ul li>span {
    padding: 6px 13px;
    text-align: center;
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

.downloadPost .postBody .detailPageNavi ul li a {
    color: #999;
    padding: 6px 13px;
    border: 1px solid #CCC;
    text-decoration: none;
    text-align: center;
}

.downloadPost .postBody .detailPageNavi ul li a:hover {
    border: 1px solid #6D6D6D;
    background-color: #545454;
    color: #FFF;
}

.downloadPost .snsBtns.date {
    margin: 20px 0 0 0;
    padding-bottom: 0;
    background: none;
}

.downloadPost .snsBtns.date .txt {
    float: left;
    line-height: 1.6em;
}

.downloadPost .snsBtns.date ul {
    margin-top: 0;
    float: right;
}

.downloadPost .rightRow .columnList {
    margin-top: 20px;
}

.downloadPost .rightRow .genre {
    margin-bottom: 20px;
}

.downloadPost .rightRow .genre .lead {
    font-size: 85.71429%;
    color: #333;
    font-weight: bold;
}

.downloadPost .rightRow .genre ul {
    display: inline-block;
}

.downloadPost .rightRow .genre ul li {
    display: inline-block;
    margin-left: 10px;
}

.downloadPost .rightRow .genre ul li:first-child {
    margin-left: 0;
}

.downloadPost .rightRow .genre ul li a {
    font-size: 85.71429%;
}

#main.downloadPost .rightRow .relatedArticle .subHead {
    margin-bottom: 0;
    background-image: none;
}

.downloadPost .rightRow .relatedArticle .columnList {
    margin-top: 0;
}

.downloadPost .needLogin {
    padding: 20px;
    text-align: center;
}

.downloadPost .needLogin .txt {
    padding-left: 25px;
    font-weight: bold;
    color: #B20000;
    position: relative;
}

.downloadPost .needLogin .txt:before {
    width: 16px;
    height: 24px;
    margin-top: -13px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock_large.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
}

.downloadPost .loginBox {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.downloadPost .loginBox .outer {
    margin: 0 2.325581395348837%;
    border: 2px solid #CECECE;
}

.downloadPost .loginBox .outer .loginBtnArea {
    padding: 20px;
}

.downloadPost .loginBox .outer .loginBtnArea .inner:after {
    display: block;
    clear: both;
    content: "";
}

.downloadPost .loginBox .outer .loginBtnArea .inner .description {
    width: 45.46979865771812%;
    float: left;
}

.downloadPost .loginBox .outer .loginBtnArea .inner .description .lead {
    font-size: 114.28571%;
    color: #394672;
    font-weight: bold;
    display: block;
}

.downloadPost .loginBox .outer .loginBtnArea .inner .btn {
    width: 52.01342281879195%;
    float: right;
}

.downloadPost .loginBox .outer .loginBtnArea .inner .btn ul:after {
    display: block;
    clear: both;
    content: "";
}

.downloadPost .loginBox .outer .loginBtnArea .inner .btn ul li {
    width: 48.38709677419355%;
    padding-left: 2.903225806451613%;
    float: left;
    text-align: center;
}

.downloadPost .loginBox .outer .loginBtnArea .inner .btn ul li:first-child {
    padding-left: 0;
}

.downloadPost .loginBox .outer .loginBtnArea .notes {
    font-size: 85.71429%;
    color: #333;
}

.downloadPost .loginBox .outer .toSignUp {
    background-color: #F9F9F9;
}

.downloadPost .loginBox .outer .toSignUp .inner {
    width: 100%;
    display: table;
}

.downloadPost .loginBox .outer .toSignUp .inner .lead,
.downloadPost .loginBox .outer .toSignUp .inner .btn {
    vertical-align: middle;
    display: table-cell;
}

.downloadPost .loginBox .outer .toSignUp .inner .lead {
    width: 72.14765100671141%;
    padding: 20px 1.677852348993289% 20px 20px;
}

.downloadPost .loginBox .outer .toSignUp .inner .btn {
    width: 25.16778523489933%;
    padding: 20px 20px 20px 1.677852348993289%;
}

.downloadPost.detail.separate .pageNavi {
    margin: 25px 0;
}

@media only screen and (max-width: 1200px) {
    .downloadPost .snsBtns.date .txt {
        float: none;
    }
    .downloadPost .snsBtns.date ul {
        margin-top: 10px;
        float: none;
    }
    .downloadPost .snsBtns.date ul li ul {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1029px) {
    .downloadPost a.button {
        padding: 6px 0;
    }
    .downloadPost .centerBn {
        margin-top: 20px;
        text-align: center;
    }
    .downloadPost .centerBn a.button {
        display: inline-block;
        padding: 6px 28px;
    }
    .downloadPost .postingDate {
        margin-bottom: 40px;
        text-align: right;
        border-top: 2px solid #DFDFDF;
    }
    .downloadPost .postingDate .date {
        padding: 5px;
        font-size: 85.71429%;
    }
    .downloadPost .rightRow .columnList {
        margin-top: 20px;
    }
    .downloadPost .needLogin {
        padding: 20px;
        text-align: center;
    }
    .downloadPost .needLogin .txt {
        padding-left: 25px;
        font-weight: bold;
        color: #B20000;
        position: relative;
    }
    .downloadPost .needLogin .txt:before {
        width: 16px;
        height: 24px;
        margin-top: -13px;
        content: "";
        background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock_large.png") no-repeat;
        position: absolute;
        top: 50%;
        left: 0;
    }
    .downloadPost .loginBox {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .downloadPost .loginBox .outer {
        margin: 0 2.325581395348837%;
        border: 2px solid #CECECE;
    }
    .downloadPost .loginBox .outer .loginBtnArea {
        padding: 20px;
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner:after {
        display: block;
        clear: both;
        content: "";
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner .description {
        width: 100%;
        float: none;
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner .description .lead {
        font-size: 114.28571%;
        color: #394672;
        font-weight: bold;
        display: block;
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner .btn {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        float: none;
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner .btn ul:after {
        display: block;
        clear: both;
        content: "";
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner .btn ul li {
        width: 48.38709677419355%;
        padding-left: 2.903225806451613%;
        float: left;
        text-align: center;
    }
    .downloadPost .loginBox .outer .loginBtnArea .inner .btn ul li:first-child {
        padding-left: 0;
    }
    .downloadPost .loginBox .outer .loginBtnArea .notes {
        font-size: 85.71429%;
        color: #333;
    }
    .downloadPost .loginBox .outer .toSignUp {
        background-color: #F9F9F9;
    }
    .downloadPost .loginBox .outer .toSignUp .inner {
        width: 100%;
        display: block;
    }
    .downloadPost .loginBox .outer .toSignUp .inner .lead,
    .downloadPost .loginBox .outer .toSignUp .inner .btn {
        vertical-align: middle;
        display: block;
    }
    .downloadPost .loginBox .outer .toSignUp .inner .lead {
        width: 100%;
        padding: 20px 20px 2px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .downloadPost .loginBox .outer .toSignUp .inner .btn {
        width: 50%;
        margin: 0 auto;
        padding: 3px 20px 20px 20px;
    }
    .downloadPost .postingDate {
        margin-bottom: 40px;
        text-align: right;
        border-top: 2px solid #DFDFDF;
    }
    .downloadPost .postingDate .date {
        padding: 5px;
        font-size: 85.71429%;
    }
}


/*------------------------------------------------------------
規定例
------------------------------------------------------------*/

.downloadLink ul li a.forRules {
    width: 152px;
}


/*------------------------------------------------------------
ダウンロードコーナーの投稿タイプ ※他の投稿タイプにはない独自の定義
------------------------------------------------------------*/

.downloadPost .explane p {
    margin-bottom: 0px;
}

.downloadPost .columnList .box.withImg {
    display: flex;
}

.downloadPost .columnList .box.withImg dl {
    float: none;
    width: auto;
}

.downloadPost .columnList .box.withImg .imgArea {
    display: flex;
    float: none;
    margin-left: auto;
    padding-left: 16px;
    width: auto;
}

.downloadPost .columnList .box.withImg .imgArea img {
    border: 1px solid #DFDFDF;
    height: auto;
    margin-bottom: 8px;
    margin-top: 8px;
    max-width: none;
}

@media only screen and (max-width: 770px) {
    .downloadPost .columnList .box.withImg .imgArea img {
        height: 60px;
        width: 60px;
    }
    .downloadPost .columnList .box.withImg .imgArea img.medium {
        height: 75px;
        width: 75px;
    }
}


/*------------------------------------------------------------
通達
------------------------------------------------------------*/

#notification .rightRow .genre {
    margin-bottom: 10px;
}

#notification .rightRow .genre .ttl {
    display: inline-block;
    font-weight: bold;
    font-size: 87%;
}

#notification .rightRow .genreList li {
    padding: 3px 8px;
    border: 1px solid #F99597;
    font-size: 74.5%;
    line-height: 1em;
    color: #333333;
}

#notification p.p {
    margin-top:0px !important;
    margin-bottom:0px !important;
}

#notification p.br {
    margin-top:0px !important;
}

/*------------------------------------------------------------
書籍閲覧
------------------------------------------------------------*/

#main .availableLibrary .subHead {
    margin-bottom: 0;
    background-image: none;
}

.availableLibrary .columnList .box dl dd {
    padding: 16px 0px;
}

.availableLibraryTitle {
    margin-top: 24px;
}

.columnList .box.new .libraryPost {
    padding: 5px 25px;
}

/*------------------------------------------------------------
別冊付録
------------------------------------------------------------*/

#main .staffsupplement .subHead {
    margin-bottom: 0;
    background-image: none;
}

.staffsupplement .columnList .box dl dd {
    padding-bottom: 10px;
}

.staffsupplementTitle {
    margin-top: 24px;
}

/*------------------------------------------------------------
ウィジェット
------------------------------------------------------------*/

.requestButtonRow {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sidebar a.requestButton {
    background: #6053A8;
    border: 2px solid #8E84C1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    height: 50px;
    padding: 0px;
    position: relative;
    text-decoration: none;
    width: 140px;
}
.requestButtonRow a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 770px) and (max-width: 1200px) {
    .requestButtonRow {
        height: 100px;
    }
    #sidebar a.requestButton {
        margin-bottom: 4px;
        width: 100%;
    }
}

#sidebar a.requestButton:link,
#sidebar a.requestButton:visited,
#sidebar a.requestButton:hover,
#sidebar a.requestButton:active {
    color: white;
    text-decoration: none;
}

.requestButton span {
    padding-right: 20px;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat right center;
}

.searchWidget {
    display: none;
    background-color: #efefef;
    border: 1px solid #DFDFDF;
    margin: 54px 0px 0px;
    padding: 25px 16px 15px 16px;
}

.searchWidgetRow {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 8px;
    width: 386px;
}

.searchWidget .searchScope {
    font-size: 140%;
    list-style: none;
    text-align: center;
}

.searchWidget .searchScope li {
    display: inline;
    margin-right: 15px;
    white-space: nowrap;
}

.searchWidget input[type="search"] {
    -webkit-box-sizing: border-box;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    height: 35px;
    margin: 0;
    padding: 2px;
    width: calc(100% - 64px);
}

.searchWidget input[type="search"].googleSearch {
    background: url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") left center no-repeat rgb(255, 255, 255);
    text-indent: 48px;
}

.searchWidget button {
    background: #57444A url("/wp/wp-content/themes/rodo/img/common/icon/icon_search.png") no-repeat 8px center;
    border: 0;
    cursor: pointer;
    height: 35px;
    margin: 0;
    padding: 0;
    right: 20px;
    text-align: right;
    top: 20px;
    width: 64px;
}

.searchWidget button span {
    padding: 0 12px;
    color: #FFF;
}

.searchWidget input[type="radio"] {
    margin: 0;
    vertical-align: middle;
}

.searchWidget ul span {
    vertical-align: middle;
}

@media only screen and (max-width: 770px) {
    .searchWidget {
        display: block;
        background-color: #FAFAFA;
        border: 1px solid #DFDFDF;
        margin: 16px 0px;
        padding: 16px 16px 8px 16px;
    }
    
    .searchWidgetRow {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        width: auto;
    }
    
    .searchWidget .searchScope {
        font-size: 85%;
        list-style: none;
    }

    .searchWidget button {
        background: #57444A url("/wp/wp-content/themes/rodo/img/common/icon/icon_search.png") no-repeat 8px center;
        border: 0;
        cursor: pointer;
        height: 30px;
        margin: 0;
        padding: 0;
        right: 20px;
        text-align: right;
        top: 20px;
        width: 64px;
    }

    .searchWidget input[type="search"] {
        -webkit-box-sizing: border-box;
        border: 1px solid #DFDFDF;
        box-sizing: border-box;
        height: 30px;
        margin: 0;
        padding: 2px;
        width: calc(100% - 64px);
    }
}

/*------------------------------------------------------------
プレビュー
------------------------------------------------------------*/

.previewSentence {
    font-size: 11.5px;
}

a.previewReaderSwitch {
    padding: 2px 5px !important;
}


/*------------------------------------------------------------
WordPress検索結果
------------------------------------------------------------*/

.wpSearchedTitle {
    font-size: 18px;
    margin: 16px;
}

.wpSearchedItem {
    font-size: 12px;
    margin: 18px 24px;
}

.wpSearchedItem hr {
    margin-top:15px;
}

.wpSearchedItem .lock:after {
    width: 12px;
    height: 18px;
    margin: -4px 0px 0px 12px;
    content: "";
    background: url(/wp/wp-content/themes/rodo/img/common/icon/icon_lock.png) no-repeat;
    position: absolute;
}

.wpSearchedItemTitle {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px;
}

.wpSearchedItemTitle a {
    color: #394672;
}

.wpSearchedItemUrl {
    color: green;
}

.wpSearchedItemDate {
    color: #a9a9a9;
}


/*------------------------------------------------------------
ダウンロード総合ページ
------------------------------------------------------------*/

.downloadConts .mainBox {
    margin-bottom: 40px;
    margin-top: 20px;
}

.downloadConts .readersBoxes {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.downloadConts .readersBox {
    border: 1px solid #444444;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 49%;
}

@media only screen and (max-width: 770px) {
    .downloadConts .readersBox {
        width: 100%;
    }
}

.downloadConts .readersHead {
    flex-grow: 0;
    background-color: #444444;
    color: #FFF;
    font-size: 114.28571%;
    font-weight: bold;
    padding: 20px 20px 20px 50px;
    position: relative;
}

.downloadConts .readersHead:before {
    content: "";
    height: 28px;
    left: 12px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 28px;
}

.downloadConts .readersHead.letter:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/letter.png) no-repeat;
}

.downloadConts .readersHead.accident:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/accident.png) no-repeat;
}

.downloadConts .readersHead.kytsheet:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/kytsheet.png) no-repeat;
}

.downloadConts .readersHead.rules:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/rules.png) no-repeat;
}

.downloadConts .readersHead.application:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/application.png) no-repeat;
}

.downloadConts .readersHead.notification:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/notification.png) no-repeat;
}

.downloadConts .readersHead.library:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/library.png) no-repeat;
}

.downloadConts .readersHead.staffsupplement:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/staff-supplement.png) no-repeat;
}

.downloadConts .readersHead.jiko_learning:before {
    background: url(/wp/wp-content/themes/rodo/img/download/icon/jiko_learning.png) no-repeat;
}

.downloadConts .tagArea {
    margin: 16px;
}

.downloadConts .tagArea ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    line-height: 1;
}

.downloadConts .tagArea li {
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: inline-block;
    font-size: 85.71429%;
    margin-right: 8px;
    padding: 7px;
    text-align: center;
    width: 7.6em;
}

.downloadConts .tagArea li.labor {
    background-color: #EA6A15;
}

.downloadConts .tagArea li.staff {
    background-color: #006633;
}

.downloadConts .description {
    margin: 0 16px 16px 16px;
}

.downloadConts .imgRow {
    margin: 0 16px 16px 16px;
    text-align: center;
}

.downloadConts .imgRow ul {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.downloadConts .imgRow li {
    width: 48%;
}

.downloadConts .linkRow {
    margin: 0 16px 16px 16px;
}

.downloadConts .linkRow a {
    background: #13B97B;
    border: 2px solid #5ACEA3;
    color: white;
    display: block;
    flex-grow: 1;
    font-weight: bold;
    max-width: 280px;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

.downloadConts .linkRow a:link,
.downloadConts .linkRow a:visited,
.downloadConts .linkRow a:hover,
.downloadConts .linkRow a:active {
    color: white;
    text-decoration: none;
}

.downloadConts .linkRow a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.downloadConts .linkRow span:before {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    content: "";
    height: 12px;
    margin: 0 0 16px 8px;
    position: absolute;
    bottom: 0;
    width: 12px;
}

/*------------------------------------------------------------
バックナンバー総合ページ
------------------------------------------------------------*/

.rightRow .mainBox {
    margin-bottom: 40px;
    margin-top: 20px;
}

.rightRow .readersBoxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}

.rightRow .readersBoxes .list01,
.rightRow .readersBoxes .list02{
    border: 1px solid #DFDFDF ;
    display: block;
    padding: 15px 20px;
    box-sizing: border-box;
    width: 50%;
}
.rightRow .readersBoxes .list03,
.rightRow .readersBoxes .list04,
.rightRow .readersBoxes .list05{
    border: 1px solid #DFDFDF;
    padding: 15px 20px;
    box-sizing: border-box;
    width: 33.3%;
}

.rightRow .readersBoxes .list05{
    width: 33.4%;
}

.rightRow .readersBoxes .ttl {
    margin-bottom: 14px;
    padding-bottom: 11px;
    background: url("/wp/wp-content/themes/rodo/img/common/bg/bg_dotted.png") left bottom repeat-x;
    font-size: 114.3%;
    font-weight: bold;
    color: #3C4975;
}

.rightRow .linkRow a {
    background: #6053A8;
    border: 2px solid #8E84C1;
    color: white;
    display: block;
    flex-grow: 1;
    font-weight: bold;
    max-width: 230px;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

.rightRow .linkRow a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.rightRow .linkRow span:before {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_arrow03.png") no-repeat;
    content: "";
    height: 12px;
    margin: 0 0 15px 8px;
    position: absolute;
    bottom: 0;
    width: 12px;
}

.rightRow .readersBoxes .thumb img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 80%;
}

.rightRow .readersBoxes .list01 .thumb img,
.rightRow .readersBoxes .list02 .thumb img {
    width: 60%;
}

.rightRow .list03 .linkRow a,
.rightRow .list04 .linkRow a,
.rightRow .list05 .linkRow a {
    background: #6053A8;
    border: 2px solid #8E84C1;
    color: white;
    display: block;
    flex-grow: 1;
    font-weight: bold;
    max-width: 190px;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
}

.rightRow .readersBoxes  :after {
    display: block;
    clear: both;
    content: "";
}

.rightRow .readersBoxes p.subttl {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}

@media only screen and (max-width: 770px) {

    .rightRow .readersBoxes div[class*="list"]{
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #000000;
    }

    .rightRow li .inner p.subttl {
        font-size: 13px;
    }

    .rightRow .list03 .linkRow a,
    .rightRow .list04 .linkRow a,
    .rightRow .list05 .linkRow a {
        max-width: 280px;
    }
}
/*------------------------------------------------------------
ログイン誘導ページ・パーツ
------------------------------------------------------------*/

.needLoginCauseArea {
    margin: 20px;
    text-align: center;
}

.needLoginCause {
    padding-left: 25px;
    font-weight: bold;
    color: #B20000;
    position: relative;
    text-align: left;
    margin-left: 30px;
}

.needLoginCause:before {
    width: 16px;
    height: 24px;
    margin-top: -13px;
    content: "";
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_lock_large.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
}

.needLoginBox {
    border: 2px solid #CECECE;
    margin: 20px;
    padding: 8px 16px;
}

.needLoginBox .lead {
    font-size: 114.28571%;
    color: #394672;
    font-weight: bold;
    display: block;
}

.needLoginBox .notes {
    font-size: 85.71429%;
    color: #333;
}

.needLoginBox p {
    margin-bottom: 0;
}

.loginButtonRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.loginButtonRowItem {
    margin: 16px;
    width: 224px;
}

a.loginButton {
    display: block;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    position: relative;
}

a.loginButton.labor {
    background: #EA6A15;
    border: 2px solid #F0975C;
}

a.loginButton.staff {
    background: #006633;
    border: 2px solid #52944D;
}

a.loginButton:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-decoration: none;
    -ms-filter: "alpha(opacity=70)";
}

a.loginButton span {
    position: relative;
    padding-left: 20px;
}

a.loginButton span:before {
    width: 12px;
    height: 14px;
    margin-top: -7px;
    content: "";
    position: absolute;
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_login.png") no-repeat;
    top: 50%;
    left: 0;
}


/*------------------------------------------------------------
マイクリップ・印刷
------------------------------------------------------------*/

.imageButton {
    background: transparent;
    border: none;
    display: inherit;
    height: 20px;
    padding: 0;
    width: 20px;
 }

 .imageButton:hover {
    cursor : pointer;
    opacity: 0.7;
}

.imageButton:disabled,
.imageButton.disabled,
.imageButton:disabled:hover,
.imageButton.disabled:hover {
    cursor: default;
    opacity: 0.2;
}

.imageButton.preview:disabled:hover {
    cursor: not-allowed;
}

@media only screen and (max-width: 770px) {
    .imageButton {
        height: 33px;
        width: 33px;
    }
}

.myclip.unclipped {
    background: url("/wp/wp-content/themes/rodo/img/common/btn/clip.png") no-repeat;
    background-size: 20px 20px;
    width: 50px;
}

.myclip.clipped {
    background: url("/wp/wp-content/themes/rodo/img/common/btn/clip.png") no-repeat;
    background-size: 20px 20px;
    width: 75px;
}

.myclip.unclipped:after {
    content: "保存";
    line-height: 20px;
    float: right;
}

.myclip.clipped:after {
    content: "保存済み";
    line-height: 20px;
    float: right;
}

@media only screen and (max-width: 770px) {
    .myclip.unclipped {
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_clip.png") no-repeat;
        background-size: 33px 33px;
        width: 33px;
    }
    .myclip.clipped {
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_clip_save.png") no-repeat;
        background-size: 33px 33px;
        width: 33px;
    }
    .myclip.unclipped:after {
        content: "";
        padding: 16px;
    }
    .myclip.clipped:after {
        content: "";
        padding: 16px;
    }
}

.printPost {
    background: url("/wp/wp-content/themes/rodo/img/common/btn/print.png") no-repeat;
    background-size: 20px 20px;
    width: 50px;
}

.printPost:after {
    content: "印刷";
    line-height: 20px;
    float: right;
}

.myclipPopup {
    background: white;
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    display:none;
    left: 0;
    right: 0;
    margin:auto;
    padding: 16px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 10000;
}

@keyframes show {
    from { opacity: 0; }
    to { opacity: 1; }
}

.myclipPopup.show {
    display: block;
    animation: show 500ms linear 0s;
}

.myclipPopup h2 {
    display: inline;
}

.myclipPopup p {
    margin: 0;
}

.myclipPopup .close {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_close.png") no-repeat;
    background-size: 20px 20px;
    display: inline-flex;
    position: absolute;
    right: 16px;
}

.myclipPopup .content {
    border-top: 2px dotted gray;
}

.myclipPopup.login,
.myclipPopup.tooMany {
    width: 320px;
}

@media only screen and (max-width: 359px) {
    .myclipPopup.login,
    .myclipPopup.tooMany {
        padding: 16px 8px;
        width: 300px;
    }
}

.myclipPopup.login .induce {
    color: #3B4874;
    font-weight: bold;
    padding: 16px;
}

.myclipPopup.login .loginButtonRow {
    justify-content: space-around;
}

.myclipPopup.login .loginButtonRowItem {
    margin: 0;
    width: 100px;
}

.myclipPopup.login .loginButtonRowItem a {
    font-size: 12px;
    padding: 0;
}

.myclipPopup.sorry {
    width: 280px;
}


/*------------------------------------------------------------
文字サイズ変更ボタン
------------------------------------------------------------*/

ul li a.sizeM,
ul li a.sizeL {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("/wp/wp-content/themes/rodo/img/common/icon/icon_fs.png");
    background-repeat: no-repeat;
}

ul li a.sizeM {
    background-position: -20px 0;
}

ul li a:hover.sizeM,
ul li a.active.sizeM,
ul li a.textresizer-active.sizeM {
    cursor: pointer;
    background-position: -20px -20px;
}

ul li a.sizeL {
    background-position: -40px 0;
}

ul li a:hover.sizeL,
ul li a.active.sizeL,
ul li a.textresizer-active.sizeL {
    cursor: pointer;
    background-position: -40px -20px;
}


/*------------------------------------------------------------
はてなブックマーク・LINE・SNSボタン
------------------------------------------------------------*/

a.hatenaBookmarkButton {
    display: inherit;
    background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_hatena.png") no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
a.lineButton {
    display: inherit;
    background: url("/wp/wp-content/themes/rodo/img/common/btn/sns03.png") no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
a.twitterButton {
    display: inherit;
    background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_x.png") no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
a.facebookButton {
    display: inherit;
    background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_facebook.png") no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
a.commentButton {
    display: inherit;
    background: url("/wp/wp-content/themes/rodo/img/common/btn/sns03.png") no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

@media only screen and (max-width: 770px) {
    a.hatenaBookmarkButton {
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_hatena.png") no-repeat;
        background-size: 33px 33px;
        height: 33px;
        width: 33px;
    }
    a.lineButton {
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_line.png") no-repeat;
        background-size: 33px 33px;
        height: 33px;
        width: 33px;
    }
    a.twitterButton {
        display: inherit;
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_x.png") no-repeat;
        background-size: 33px 33px;
        height: 33px;
        width: 33px;
    }
    a.facebookButton {
        display: inherit;
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_facebook.png") no-repeat;
        background-size: 33px 33px;
        height: 33px;
        width: 33px;
    }
    a.clipButton {
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_clip.png") no-repeat;
        background-size: 33px 33px;
        height: 33px;
        width: 33px;
    }
    a.commentButton {
        background: url("/wp/wp-content/themes/rodo/img/common/btn/snsbtn_comment.png") no-repeat;
        background-size: 33px 33px;
        height: 33px;
        width: 33px;
    }
}


/*------------------------------------------------------------
掲載情報
------------------------------------------------------------*/

.postingDate {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.postingDate .date {
    margin: auto 0;
}

.publishedOn {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #DFDFDF;
    border-radius: 3px;
    padding: 8px;
    margin: 8px 3px 8px 0;
    height: 20px;
}

.publishedOn.labor {
    content: url("/wp/wp-content/themes/rodo/img/common/labor.png");
    width: 100px;
}

.publishedOn.staff {
    content: url("/wp/wp-content/themes/rodo/img/common/staff.png");
    width: 77px;
}


/*------------------------------------------------------------
コーナー説明
------------------------------------------------------------*/

.explane {
    margin-top: 20px;
    font-size: 105%;
}

.explane .alignleft,
.explane img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.explane .alignright,
.explane img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

.explane img.alignleft,
.explane img.alignright {
    margin-bottom: 0px;
}

@media only screen and (max-width: 770px) {
    .explane img.alignleft,
    .explane img.alignright {
        float: none;
    }
    .explane img.alignleft,
    .explane img.alignright {
        margin: 0;
        margin-bottom: 10px;
        width: 100%;
    }
}


/*------------------------------------------------------------
印刷
------------------------------------------------------------*/

#header.print {
    height: auto;
}

#header.print .inner {
    max-width: none;
    margin: 0 8px;
    width: auto;
}

#header.print .printLogoBox {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
}

.printButton {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inherit;
}

.printLogoBox .imageButton {
    height: 20px;
    width: 20px;
}

.printLogoBox .printPost {
    background-size: 20px 20px;
}

@media print {
    a.printlink {
        display: none;
    }
}

a.printlink,
a.printlink:hover {
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
}

a.printlink img {
    margin-right: 4px;
}

#main.print {
    max-width: none;
    margin: 0 8px;
    width: auto;
}

#main.print #conts {
    width: 100%;
}

#footer.print {
    color: black;
    background: white;
    border: none;
}

#footer.print .inner {
    max-width: none;
    margin: 0 8px;
    width: auto;
}

#footer.print .copyright {
    border-top: 2px solid #DFDFDF;
    padding: 8px 0 0;
}

@media only screen {
    #header.print .printLogoBox {
        max-width: 860px;
    }

    #footer.print .copyright {
        max-width: 860px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 770px) {
    #main.print {
        box-sizing: unset;
        padding: 0;
    }
}

@media only screen and (max-width: 770px) {
    #main.print {
        box-sizing: unset;
        padding: 0;
    }
}

.print .col3 .rightRow {
    width: auto;
    float: none;
}

#main.print .postingDate {
    border-top: none;
    margin-bottom: 0;
}

.print .col3 {
    margin-bottom: 8px;
}

.print .row {
    margin-bottom: 8px;
}

.print .col3 .row {
    margin-bottom: 0;
}

.print .row .subRow {
    margin-bottom: 0;
}

#movie.detail #main.print .rightRow .genre {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.print .storeTab {
    margin-bottom: 16px;
}

/*------------------------------------------------------------
入力フォームでのローディング画像表示
------------------------------------------------------------*/

#loading{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 1;
}

.cannotDownloadPopup {
    background: white;
    border: 3px solid #DFDFDF;
    border-radius: 8px;
    display:none;
    left: 0;
    right: 0;
    top: 50%;
    margin:auto;
    padding: 16px;
    position: fixed;
    text-align: center;
    width: 300px;
    z-index: 10000;
    font-size: medium;
}

.cannotDownloadPopup.show {
    display: block;
    animation: show 500ms linear 0s;
}

.cannotDownloadPopup .close {
    background: url("/wp/wp-content/themes/rodo/img/common/icon/icon_close.png") no-repeat;
    background-size: 20px 20px;
    display: inline-flex;
    position: absolute;
    right: 16px;
}

.cannotDownloadPopup .content {
    border-top: 2px dotted gray;
}

.cannotDownloadPopup h2 {
    display: inline;
}

.student-header {
    margin-top: -5px;
}

.membership-header {
    margin-top: -3px;
}

.bg{
    background-color: #1119;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999!important;
}
/*------------------------------------------------------------
印刷時の画像表示制御(Edge, Chorome)
------------------------------------------------------------*/
@media print {
    #main {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}

/*------------------------------------------------------------
ダイジェスト電子版利用方法ページの動画レスポンシブ対応
------------------------------------------------------------*/

.digestebookhowto-movArea_parent {
  width: 80%; /* サイト幅の50% */
  margin:0 auto 20px;
}
@media screen and (max-width: 959px) {
  .digestebookhowto-movArea_parent {
    width: 100%; /* タブレット以下だとサイト幅100%になる */
  }
}
.digestebookhowto-movArea_child {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56%;/* 16:9 */
}
.digestebookhowto-movArea_child iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------
Contact Form 7 カスタマイズ対応
------------------------------------------------------------*/

.cf7_error {
    & .wpcf7-not-valid-tip {
        display: none;
    }

    & .error-message {
        color: #dc3232;
        display: none;
    }

    &:has(.wpcf7-not-valid-tip) {
        & .error-message {
            display: block;
        }
    }
}

.wpcf7-spinner {
    display: none !important;
}

.wpcf7-form.invalid .wpcf7-response-output {
  display: none;
}

.wpcf7 form div.visible-only-if-invalid {
  display: none;
}
 
.wpcf7 form.invalid div.visible-only-if-invalid {
  display: block;
}

.textHidden {
    display: none!important;
}

.formTextAreaArrange {
    white-space: pre-wrap;
    word-break: break-all;
}


/*------------------------------------------------------------
連載記事コーナートップページ
------------------------------------------------------------*/

#series #conts .newConts:after {
    display: block;
    clear: both;
    content: "";
}

#series #conts .newConts .box.paper {
    float: left;
    width: 48%;
}

#series #conts .newConts .box.staff {
    float: right;
    width: 48%;
}

#series #conts .newConts .box .linkList li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#series #conts .newConts .box .linkList li a:after {
    display: block;
    clear: both;
    content: "";
}

#series #conts .newConts .box .linkList li a span {
    display: block;
}

#series #conts .newConts .box .linkList li.moreLink a {
    background: #EA6A15;
    color: #FFF;
    padding: 10px;
}

#series #conts .newConts .box .linkList li .inner p {
    line-height: 1.4;
}

#series #conts .newConts .box .linkList li .date {
    margin-bottom: 5px;
    color: #4f4f4f;
    font-weight: normal;
}

#series #conts .newConts .box .linkList li .ttl {
    font-size: 110%;
    font-weight: bold;
}


@media only screen and (max-width: 770px) {
    #series #conts .newConts .box:first-child {
        margin-bottom: 15px;
        width: 100%;
        float: none;
    }
    #series #conts .newConts .box:last-child {
        width: 100%;
        float: none;
    }
    #series #conts .newConts .box .linkList li .date {
        margin-bottom: 3px;
    }
    #series #conts .newConts .box .linkList li a {
        background: #F4F4F4;
    }
    #series #conts .newConts .box .linkList li a .inner {
        padding-right: 15px;
        position: relative;
    }
    #series #conts .newConts .box .linkList li:last-child {
        padding: 15px;
        background: #F4F4F4;
    }
    #series #conts .newConts .box .linkList li:last-child a {
        padding: 15px;
        background: #EA6A15;
        color: #FFF;
    }
}

#series #conts .currently .box.paper {
    float: left;
    width: 48%;
}

#series #conts .currently .box.staff {
    float: right;
    width: 48%;
}

#series .subHead {
    margin-bottom: 0px;
}

#series .seriList {
    width: 100%;
    overflow: hidden;
}

#series .seriList ul {
    margin-left: -2.5%;
    margin-right: -2.5%;
    margin-top:25px;
    margin-bottom:25px;
}

#series .seriList ul:after {
    display: block;
    clear: both;
    content: "";
}

#series .seriList ul li {
    width: 45%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: left;
    line-height: 1.5em;
    margin-bottom:15px;
}

#series .seriList ul li .seriBox {
    width: 100%;
    margin-bottom:8px
}
#series .seriList ul li .seriBox a {
    display: block;
}
#series .seriList ul li .seriTitle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:bold;
    color:#333;
    font-size:110%;
}
#series .seriList ul li .seriAuthor {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top:3px;
    color:#333;
    font-size:90%;
}
#series .seriList .conts .seriTitle {
    display: inline-block;
    position: relative;
    line-height: 1.3em;
}
#series .seriList .conts .seriAuthor {
    display: inline-block;
    position: relative;
    line-height: 1.3em;
}

@media only screen and (max-width: 770px) {

    #series #conts .currently .box:first-child {
        margin-bottom: 45px;
        width: 100%;
        float: none;
    }
    #series #conts .currently .box:last-child {
        width: 100%;
        float: none;
    }
    #series .seriList {
        width: 100%;
        overflow: hidden;
    }
    #series .seriList ul {
        margin-left: 0;
        margin-right: 0;
    }
    #series .seriList ul:after {
        display: block;
        clear: both;
        content: "";
    }
    #series .seriList ul li {
        width: 45%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        float: left;
        line-height: 1.5em;
    }
    #series .seriList ul li .seriBox {
        text-align: center;
        width: 100%;
    }
    #series .seriList ul li .seriBox img {
        width: 95%;
    }

}