/*
Theme Name: theme01
*/

@charset "UTF-8";

/* kaeten-x-ver1.0【expanse】fc2 css_3c_ブラック : 03 Oct 2013 */

/*--------------------------------------------------------
     // 要素
--------------------------------------------------------*/

body {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
        "Meiryo", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif, Ariel;
    color: #393939;
    margin: 0 auto;
    text-align: center;
    line-height: 1.3;
    font-size: 100%;
    background: #fff;
}

* {
    box-sizing: border-box;
}

img {
    display: block;
    padding: 0;
    border: none;
}

a:hover img,
.side_image:hover {
    opacity: 0.7;
    filter: alpha(opacity=60);
}

a:link,
a:visited {
    color: #004bac;
    outline: none;
}

a:hover,
a:active {
    color: #c00;
    outline: none;
}

a:hover img,
.side_image:hover {
    opacity: 1 !important;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

.user_tag {
    height: 350px;
    overflow: auto;
}

.img_border {
    padding: 3px;
    border: 1px solid #777;
}

/*--------------------------------------------------------
    // 全体
--------------------------------------------------------*/

#container {
    width: 1200px;
    margin: 0 auto;
}

#container {
    display: grid;
    grid-template-columns: 210px 640px 310px;
    gap: 20px;
}

#global_menu-in:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

main {
    order: 2;
    grid-column: 2 / 3;
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------
     // 共通パーツ
--------------------------------------------------------*/

.caption {
    border: 1px solid;
    border-radius: 4px;

    margin: 10px 0;
    padding: 7.5px 15px;

    text-align: left;
    font-size: 13px;
    font-weight: bold;
    color: #393939;
}

/*h3見出し装飾*/
.entry_commentshead,
.articles-body h3,
.postmain2 h3,
.topinfo h3,
.sidebar-body h3,
.kijishita h3 {
    border-radius: 4px;

    margin: 10px 0;
    padding: 5px 10px;

    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

/*h4見出し・コメントタイトル装飾*/
.entry_thumbnail_boxhead,
.articles-body h4,
.postmain2 h4,
.topinfo h4,
.sidebar-body h4,
.tb-title,
.comment-reply-title {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 0;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    position: relative;
}

/* ----------------------------------------------------------------
    // header
---------------------------------------------------------------- */

#header-in .blog_title {
    font-size: 26px;
}

#header-in .blog_introduction,
.header-img {
    font-size: 12px;
}

#global_menu-in a {
    font-size: 12px;
}

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

header {
    position: relative;
    border-bottom: 5px solid var(--dark_color);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);

    width: 100%;
    min-width: 1200px;
    margin: 0 0 20px;
    padding: 20px 0 0;
}

#header-in {
    width: 950px;
    margin: 0 auto;
}

#header-in .blog_title {
    font-weight: 700;
    margin: 0 auto;
    line-height: 100%;
}

#header-in .blog_title a {
    outline: none;
    font-weight: 700;
    text-decoration: none;
}

#header-in .blog_introduction,
.header-img {
    margin: 0 auto;
}

/*ブログタイトルの文字位置*/
#header-in .blog_title {
    padding: 20px 0 5px 0;
    text-align: left;
}

/*ブログ説明文の文字位置*/
#header-in .blog_introduction {
    padding: 0 0 10px 0;
    text-align: left;
}

/*ヘッダーの文字色*/
#header-in .blog_title a {
    color: #fff;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

#header-in .blog_introduction {
    color: #fff;
}

h1,
#header-ue-in p {
    color: #ffffff;
}

/*ヘッダーの文字色（マウスオーバー時）*/
#header-in .blog_title a:hover {
    text-decoration: underline;
    color: #ffff00;
}

/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/
#global_menu {
    width: 100%;
    min-width: 1200px;
    padding: 10px 0;
}

#global_menu ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

#global_menu li {
    display: inline-block;
}

#global_menu a {
    display: inline-block;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    padding: 2.5px 10px;
    margin-right: 5px;

    color: #fff;
    font-size: 12px;
    text-decoration: none;
    outline: none;
}

#global_menu a:hover {
    outline: none;
    color: #ffff00;
}

/* ----------------------------------------------------------------
    // index
---------------------------------------------------------------- */

.articles {
    border-bottom: 1px dashed #ccc;

    margin: 0 0 30px;
    padding: 0 0 10px;
}

.articles-body {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 0 20px;
    padding: 10px 0;
}

.articles-body .picture {
    grid-row: 1 / -1;
}

.articles-body .tag_word {
    grid-column: 2 / -1;
}

/*続きを読む*/
a.postmore,
a.postmore:visited {
    position: relative;

    border: 1px solid var(--dark_color);
    border-radius: 4px;

    width: auto;
    margin: auto 0;
    padding: 5px;

    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

a.postmore:hover {
    text-decoration: underline;
    color: #ffff00;
    background: var(--main_color);
}

a.postmore::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";

    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* ----------------------------------------------------------------
    // single
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
    // article
----------------------------------------------------------------*/

.articles-title {
    font-size: 16px;
    margin: 0 auto;
    text-align: left;
    line-height: 100%;
}

.articles-title a {
    outline: none;
    text-decoration: none;
}

.articles-title a:hover {
    outline: none;
    text-decoration: none;
}

.posted-header {
    clear: both;
    font-size: 12px;
    text-align: right;
    margin: 0 auto;
}

.posted {
    border-top: solid 1px #999;
    clear: both;
    font-size: 11px;
    text-align: right;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.posted-header,
.posted-header a,
.posted,
.posted a {
    text-decoration: none;
    color: #777;
}

.posted-header a:visited,
.posted a:visited {
    text-decoration: none;
}

.posted-header a:hover,
.posted a:hover {
    text-decoration: underline;
    color: #c00;
}

/*-------- 記事本文 --------*/

.single .articles-body {
    display: block;
    overflow: hidden;

    margin: 0 auto;
    padding: 20px 0 0;

    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.6;
}

.picture {
    display: inline-block;
    border-radius: 5px;
    box-sizing: content-box;

    margin: 0;
    padding: 3px;

    background-color: var(--light_color_1);
}

.picture img {
    box-sizing: content-box;

    width: 200px;
    height: auto;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.entryinfo {
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;

    width: calc(100% - 40px - 156px);
    height: calc(23.4px * 6);
    margin: 10px 20px;
    padding: 0;

    font-size: 13px;
    line-height: 1.8;
    vertical-align: top;
}

.single .picture img {
    width: 350px;
}

.single .entryinfo {
    -webkit-line-clamp: 11;
    width: calc(100% - 40px - 356px);
    height: calc(23.4px * 11);
}

.movielink {
    width: 100%;
    margin: 30px 0;
}

.movielink a {
    position: relative;

    display: block;
    box-sizing: border-box;
    width: 400px;
    text-align: center;
    margin: 0 auto 10px;
    padding: 10px !important;

    background: rgb(255, 178, 178);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2b2', endColorstr='#66BB66', GradientType=0);
    background: -moz-linear-gradient(
        top,
        rgba(255, 178, 178, 1) 0%,
        rgba(255, 0, 0, 1) 100%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 178, 178, 1) 0%,
        rgba(255, 0, 0, 1) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 178, 178, 1) 0%,
        rgba(255, 0, 0, 1) 100%
    );

    border-radius: 4px;
    border: solid 1px #400000;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none;
}

.movielink a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,edf783+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(237, 247, 131, 1) 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(237, 247, 131, 1) 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(237, 247, 131, 1) 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf783', GradientType=0);
    /* IE6-9 */
    color: #000 !important;
}

.dmmlink a,
a.dmm_link,
.erKokLinkWrapper a {
    position: relative;
    display: block;
    text-align: center;
    margin: 30px auto !important;
}

.dmmlink a,
.dmm_link a,
a.dmm_link,
.erKokLinkWrapper a {
    border: solid 1px #202020;
    border-radius: 4px;

    width: 400px;
    padding: 10px;

    text-align: center;
    text-decoration: none;
    font-size: 20px !important;
    line-height: 1.7;
    font-weight: bold;
    color: #fff !important;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb2b2+0,66BB66+100 */
    background: rgb(255, 178, 178);
    /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(255, 178, 178, 1) 0%,
        rgba(255, 0, 0, 1) 100%
    ) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 178, 178, 1) 0%,
        rgba(255, 0, 0, 1) 100%
    ) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 178, 178, 1) 0%,
        rgba(255, 0, 0, 1) 100%
    ) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2b2', endColorstr='#66BB66', GradientType=0);
    /* IE6-9 */
}

.dmmlink a:hover,
.dmm_link a:hover,
a.dmm_link:hover,
.erKokLinkWrapper a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,edf783+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(237, 247, 131, 1) 100%
    ) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(237, 247, 131, 1) 100%
    ) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(237, 247, 131, 1) 100%
    ) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf783', GradientType=0);
    /* IE6-9 */
    color: #000 !important;
}

.movielink a::after,
.dmmlink a::after,
.dmm_link a::after,
a.dmm_link::after,
.erKokLinkWrapper a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";

    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.dmmpicture {
    margin: 10px auto 0;
    text-align: center;
}

.dmmpicture img {
    width: 600px;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.dmmpicture img:hover {
    border: 1px solid #c00 !important;
    opacity: 0.7;
}

/*----------------------------------------------------------------
　エロタレ連動 商品BP
----------------------------------------------------------------*/

.erKokItem {
    display: flex;
    flex-direction: column;
}

.erKokItemImage {
    order: 1;
}

.erKokItem > a {
    order: 2;
}

.dmmtitle {
    display: none;
    margin: 5px 10px 0;
    padding: 10px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px dotted;
}

.dmminfo {
    display: none;
}

.itemDesc {
    order: 2;
    padding: 1em 2em;
}

.dmm_comment {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
    border-radius: 5px;
    max-height: 300px;
    overflow-y: auto;
    background-color: #f5f5f5;
    padding: 1em;
}

.dmm_comment > div {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 5px 10px;
}

.dmm_comment .rate40 {
    order: 3;
}

.dmm_comment .rate45 {
    order: 2;
}

.dmm_comment .rate50 {
    order: 1;
}

.dmm_comment > div > div {
    width: 100px;
    height: 25px;
    vertical-align: middle;
    align-self: center;
    background: url(./bg_stars.png);
    background-repeat: no-repeat;
}

.dmm_comment .rate40 > div {
    background-position-y: 0;
}

.dmm_comment .rate45 > div {
    background-position-y: -25px;
}

.dmm_comment .rate50 > div {
    background-position-y: -50px;
}

.dmm_comment span,
.dmm_comment em {
    align-self: center;
    font-size: 16px;
    font-weight: bold;
}

.dmm_comment p {
    grid-column: 1 / -1;
    padding: 0 1em;
}

.spacer {
    margin: 0 0 40px 0;
}

.notfound {
    display: block;
    width: fit-content;
    margin: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.more_movie {
    margin: 30px 0 10px;
    text-align: center;
}

.more_movie a {
    display: inline-block;
    font-size: 14px;
}

/* ----------------------------------------------------------------
    // sidebar
----------------------------------------------------------------*/

.sidebar.left {
    order: 1;
    grid-column: 1 / 2;
}

.sidebar.right {
    order: 3;
    grid-column: 3 / 4;
}

.sidebar > div {
    margin: 0 auto 25px;
    text-align: left;
}

.sidebar a {
    text-decoration: none;
    outline: 0;
}

.sidebar ul,
.sidebar ol {
    padding: 0;
    margin: 0;
}

.sidebar ul li {
    list-style-type: none;
    text-align: left;
}

.sidebar ol li {
    margin-left: 2.4em;
    text-align: left;
}

.main_menu ul li,
.sub_menu ul li,
.main_list ul li,
.sub_menu ul li,
.sub_list_end ul li {
    border: none;
}

/* ----------------------------------------------------------------
footer
---------------------------------------------------------------- */

footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;

    color: #fff;
    font-size: 11px;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.4);
}

.copyright a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

/*----------------------------------------------------------------
エロタレ 記事BP eroterest_partsv2
----------------------------------------------------------------*/

body#body .item {
    box-sizing: border-box;
    border: 1px solid;
}

.item:hover img {
    opacity: 1 !important;
}

body#body .item a .itemImage {
    position: relative;
    border-bottom: 1px solid;
}

body#body .item a .itemImage img {
    object-fit: cover;
    height: 100%;
    min-height: initial;
}

body#body .item a .itemImage img:hover {
    opacity: 0.8 !important;
}

body#body .item a .itemTitle {
    padding: 4px 8px;
}

body#body .foot {
    display: none;
}

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

#eroterest_partsv211 {
    width: 1200px;
    margin: 0 auto 10px;
}

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

#eroterest_partsv251 {
    width: 1200px;
    margin: 30px auto;
}

/* ----------------------------------------------------------------
    // 記事下
---------------------------------------------------------------- */

.kijishita {
    border-top: 1px dashed #ccc;
    margin: 30px 20px 40px;
    padding: 30px 0 0;
    text-align: left;
    line-height: 1.6;
}

/* ----------------------------------------------------------------
    // タブ
---------------------------------------------------------------- */

.label_wrapper {
    display: flex;
    justify-content: space-evenly;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

.tab label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;

    border: 1px solid #888;
    border-radius: 2px;

    width: 33%;
    padding: 10px;

    color: #666;
    text-align: center;
    font-size: 12px;

    cursor: pointer;
}

.tab label.active {
    border: none;
    color: #fff;
    background-color: var(--light_color_1);
}

.tab label.active::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;

    display: block;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--light_color_1);

    width: 0;
    height: 0;
}

.tab_content {
    display: none;
}

.tab_content.active {
    display: block;
}

.tab .foot {
    padding: 10px 0;
}

body#body .tab .foot a:link,
body#body .tab .foot a:visited {
    color: #666;
}

/*----------------------------------------------------------------
記事下 BP
----------------------------------------------------------------*/

body#body .kijishita .itemRow {
    border-bottom: 1px dashed #ccc;

    display: block;
    padding: 10px 0;
}

body#body .kijishita .item {
    position: relative;
    display: block;
    border: none;
}

body#body .kijishita .item a {
    cursor: initial;
    vertical-align: top;
}

/* 「動画を見る」ボタン */
body#body .kijishita .item a::after {
    content: "\3053\306E\52D5\753B\3092\898B\305F\3044\4EBA\306F\3053\3061\3089";
    position: absolute;

    right: 10px;
    bottom: 10px;

    display: inline-block;

    box-sizing: border-box;
    border-radius: 5px;

    padding: 0.5em 2em;

    cursor: pointer;

    color: #555;
    border: 1px solid #999;
}

body#body .kijishita .item a .itemBody {
    display: inline-block;
    overflow: initial;
    width: 220px;
}

body#body .kijishita .item a .itemImage {
    border: 1px solid;
    border-radius: 2px;
    cursor: pointer;
}

/* 再生時間表示
body#body .kijishita .item a .movieTime {
    top: initial;
    left: calc(100% + 20px);
    bottom: 10px;

    border-radius: 5px;

    padding: 2px 1em;

    white-space: nowrap;
}
*/

body#body .kijishita .item a .itemTitle {
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 230px);
    padding: 10px;
    vertical-align: top;
}

body#body .kijishita .item a .itemTitle p {
    display: inline;

    color: #393939;
    font-size: 17px;
    line-height: 1.5;
    cursor: pointer;
}

/*----------------------------------------------------------------
記事下2 BP
----------------------------------------------------------------*/

.kijishita2 > div:not(:last-child) {
    margin-bottom: 40px;
}

.kijishita2 .caption {
    text-align: center;
    color: white;
    font-size: 16px;
}

.kijishita2 .keyword_link {
    padding: 10px 20px;
    font-size: 15px;
}

.kijishita2 .keyword_link a {
    display: inline-block;
    border: 2px solid var(--light_color_1);
    border-radius: 4px;
    margin: 3px;
    padding: 4px 12px;
    text-decoration: none;
    color: var(--dark_color);
    background-color: white;
}

.kijishita2 .keyword_link a:hover {
    color: white;
    background-color: var(--light_color_1);
}

/*----------------------------------------------------------------
bp_output
---------------------------------------------------------------- */

#erotare_bp_output {
    display: none;
}

/*--------------------------------------------------------
ページナビ
--------------------------------------------------------*/

.wp-pagenavi {
    margin: 20px 0;
    font-size: 12px;
    clear: both;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span.current,
.wp-pagenavi span.pages {
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #999;

    padding: 5px 7.5px;
    margin: 2px;
    color: #333;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    display: inline-block;

    border-color: #000;

    color: #ffff00;
    text-decoration: none;
}

.wp-pagenavi span.pages {
    display: none;
    color: #fff;
    background-color: #999;
}

.wp-pagenavi span.extend {
    margin: auto 7.5px;
}

.wp-pagenavi span.current {
    font-weight: bold;
    text-decoration: none;
}

/*--------------------------------------------------------
パン屑リスト（記事上）
--------------------------------------------------------*/

.breadcrumb {
    overflow: hidden;

    margin: 10px 0;
    padding: 0 0 0 10px;

    color: #666;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.single .breadcrumb {
    text-align: left;
}

.breadcrumb a {
    outline: none;
    color: #666;
    text-decoration: none;
}

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

/*--------------------------------------------------------
新しい記事・古い記事（記事下）
--------------------------------------------------------*/

.article_navi {
    margin: 30px 20px;

    text-align: left;
    font-size: 13px;
}

.pageprev {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.article_navi a {
    margin: 0 5px;
    outline: none;
    white-space: initial;
    padding-left: 1em;
    text-indent: -1em;
    text-decoration: none;
}

.article_navi a:hover {
    outline: none;
    text-decoration: underline;
}

/*--------------------------------------------------------
●主な文字サイズ
--------------------------------------------------------

.kijiue,
.topinfo,
#searchmain,
.postmain2,
.mainbanner-in {
    font-size: 13px;
}


*/

/*--------------------------------------------------------
●デザイン的な色・画像の指定
--------------------------------------------------------*/

/*フッター上ナビの画像・背景色*/
#page_navi4 {
    text-align: right;
    margin: 0 auto;
    padding: 0;
}

#page_navi4 li a,
#page_navi4 li a:visited {
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 2px 10px 2px 10px;
    margin: 0 auto;
    color: #fff;
    position: relative;
}

#page_navi4 li a:hover {
    text-decoration: underline;
    color: #ffff00;
    position: relative;
}

/*トップインフォメーション*/
.topinfo {
    padding: 4em 5px 10px 5px;
    background: top left no-repeat;
    border: solid 1px #777;
}

/*プラグイン３フリーエリアタイトルの画像・背景色・罫線*/
.post2 h2 {
    background: #606060;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #bbbbbb),
        color-stop(1, #404040)
    );
    background: -webkit-linear-gradient(top, #bbbbbb 0%, #404040 100%);
    background: -moz-linear-gradient(top, #bbbbbb 0%, #404040 100%);
    background: -o-linear-gradient(top, #bbbbbb 0%, #404040 100%);
    background: -ms-linear-gradient(top, #bbbbbb 0%, #404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#404040', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #bbbbbb 0%, #404040 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 2px #333;
    border: solid 1px #202020;
    padding: 10px;
    color: #fff;
    position: relative;
}

/*プラグイン３フリーエリアボディの画像・背景色・罫線*/
.post2 {
    background: #fff;
}

/*記事一覧タイトルの画像・背景色・罫線*/
#search h2 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);

    text-shadow: 1px 1px 2px #333;
    padding: 10px;
    color: #fff;
    position: relative;
}

/*記事一覧ボディの画像・背景色・罫線*/
#search {
    background: #fff;
}

/*記事タイトルの画像・背景色*/
.articles-title,
#search .archivelist .articles-title {
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-top-left-radius: 4px !important;
    -moz-border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-bottom-left-radius: 0 !important;
    -moz-border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: 1px 1px 2px #333;
    padding: 12px 10px;
    position: relative;
}

.posted-header {
    background: #f9f9f9;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #000000;
    border-top: none;
    padding: 3px 10px 1px;
}

/*記事タイトルの文字色*/
.articles-title,
.articles-title a,
.articles-title a:visited {
    color: #fff;
    text-decoration: none;
}

.articles-title a:hover {
    color: #ffff00;
    text-decoration: underline !important;
    position: relative;
    top: 0;
    left: 0;
}

/*個別記事・インフォメーション欄のリスト画像*/
.articles-body ul li,
.postmain2 ul li,
.topinfo ul li {
    background: no-repeat;
    background-position: 0 0;
    border-left: solid 3px #202020;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}

.articles-body ul.relate_ul li.relate_li {
    background: no-repeat;
    background-position: 0 0;
    border-left: solid 3px #202020;
    margin: 0 0 5px -35px;
    padding: 0 0 0 5px;
}

/*記事内関連記事一覧のリスト画像*/
.relatetitle {
    font-weight: 700;
    margin: 0 auto;
    padding: 0;
}

/*記事内タグリストのリスト画像*/
.tagtitle {
    font-weight: 700;
    margin: 0 auto;
    padding: 5px;
    margin: 10px 0 0 0;
}

/*サイドバーリスト画像*/
.sidebar ul li,
.sidebar-body ul li {
    background: no-repeat;
    background-position: 0 0;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    font-size: 12px;
}

.widget_recent_entries ul li,
.widget_archive ul li,
ul.links li {
    border-left: solid 3px var(--light_color_1);
    margin: 0 0 5px 10px;
    padding: 0 0 0 10px;
    text-align: left;
}

.widget_categories ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.sidebar ul li .children li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.sidebar ul li .children li:before {
    content: "┣";
}

.sidebar ul li .children li:last-child:before {
    content: "┗";
}

/* ----------------------------------------------------------------
検索フォーム
---------------------------------------------------------------- */

.widget_search .screen-reader-text {
    display: none;
}

.widget_search > p {
    display: flex;
    margin: 10px 0;
    font-size: 13px;
    line-height: 1;
}

.widget_search input[type="radio"] {
    margin: auto 3px auto 15px;
}

.widget_search form {
    margin: 10px 0 20px;
    font-size: 14px;
    line-height: 1.42857143;
    white-space: nowrap;
}

.widget_search form input[type="text"] {
    box-sizing: border-box;
    width: calc(100% - 56px);
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #555;
}

.widget_search form input[type="submit"] {
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #808080;
    color: #000;
}

/*ナビ画像アイコン　ページトップ*/
.page_navi4 li.top {
    background: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
}

/*ナビ画像アイコン　ＲＳＳ*/
.page_navi4 li.rss {
    background: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
}

/*ナビ画像アイコン　メルマガ*/
.page_navi4 li.merumaga {
    background: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
}

/*ナビ画像アイコン　問い合わせ*/
.page_navi4 li.toiawase {
    background: no-repeat;
    background-position: 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
}

/*--------------------------------------------------------
●フッター上ナビ
--------------------------------------------------------*/
#page_navi4 {
    clear: both;
    font-size: 12px;
}

#page_navi4 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#page_navi4 ul li {
    display: inline;
    margin: 0 auto;
    padding: 0;
}

#page_navi4 li a {
    outline: none;
    text-decoration: none;
}

#page_navi4 li a:hover {
    outline: none;
    position: relative;
    top: 0;
    left: 0;
}

/*--------------------------------------------------------
●記事一覧
--------------------------------------------------------*/
#search {
    margin-bottom: 2em;
}

h2.search_title {
    margin-bottom: 10px;
}

#search h2 {
    text-align: left;
    margin: 0 auto;
    line-height: 100%;
}

#searchmain {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#searchmain ul {
    margin: 0;
    padding: 0;
}

#searchmain li {
    list-style-type: none;
    text-align: left;
}

#searchmain li a {
    outline: none;
}

#searchmain li a:hover {
    outline: none;
    text-decoration: underline;
}

#searchmain .kiji_introduction {
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 10px;
    color: #555;
}

#searchmain .kiji_introduction a {
    outline: none;
    font-size: 11px;
    text-decoration: none;
}

#searchmain .kiji_introduction a:hover {
    outline: none;
    text-decoration: underline;
    color: #c00;
}

#searchmain2 {
    font-size: 11px;
    text-align: left;
    padding: 10px 0 0;
}

#search h2,
.post2 h2 {
    font-size: 16px;
}

/*--------------------------------------------------------
●コメント
--------------------------------------------------------*/

#comments {
    margin: 30px 20px;
    text-align: left;
}

#comments dl {
    margin: 7.5px 0;
}

#comments dt {
    margin: 0 20px 0 0;
    padding: 7.5px 0;
}

#comments dd {
    margin: 0;
}

#comments input:not(#submit) {
    border-radius: 3px;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    width: 300px;
    padding: 5px;
}

#comments textarea {
    border-radius: 3px;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    width: 400px;
    padding: 10px;
}

#comments #submit {
    width: 100px;
    margin: 0 auto;
    padding: 0;
}

.cm-title {
    text-align: left;
}

.comment-notes,
.form-allowed-tags {
    color: #888;
    font-size: 12px;
}

.cm-body1 {
    font-size: 12px;
    text-align: left;
    margin: 0 auto;
    padding: 5px 10px 20px 10px;
    overflow: hidden;
}

.cm-body2 {
    font-size: 12px;
    text-align: left;
    margin: 0 auto;
    padding: 5px 10px 0 10px;
    overflow: hidden;
    border-top: dotted 1px #111;
}

.cmposttitle {
    font-weight: 700;
    margin: 0 auto;
    color: #111;
}

.cmbody {
    font-size: 12px;
    margin: 0 auto;
    color: #111;
}

.cminfo,
.cminfo a {
    font-size: 11px;
    margin: 0 auto;
    text-decoration: none;
    text-align: right;
    color: #777;
}

.cminfo a:hover {
    text-decoration: underline;
    color: #c00;
}

/*--------------------------------------------------------
●回り込み解除
--------------------------------------------------------*/
.clear {
    clear: both;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

/*--------------------------------------------------------
　タグ
--------------------------------------------------------*/

.home .tag-word,
.search .tag_word {
    margin: 10px 0;
}

.single .tag-word {
    margin: 30px 0;
}

.tag_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px auto;
    font-size: 12px;
}

.tag-word ul li {
    margin: 0 auto;
    padding: 5px 5px 5px 0;
    border: none;
    display: inline-block;
    line-height: 1.25;
}

.tag-word a {
    border: solid 1px #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    padding: 0.25em 1em;
    margin: 3px;

    text-decoration: none;
    color: #555;
    background: #fff;
}

.tag-word a:hover {
    color: white;
    background-color: #999;
}

.tag-word.erotare_popular a {
    margin: 3px 8px;
    width: 80px;
}

/*--------------------------------------------------------
　コンタクトフォーム
--------------------------------------------------------*/

.wpcf7 {
    margin: 20px 0;
    font-size: 14px;
}

.wpcf7 p {
    margin: 10px 0;
}

.wpcf7 span {
    display: block;
    margin: 5px 0;
}

.wpcf7 input:not([type="submit"]) {
    border-radius: 3px;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-sizing: border-box;

    width: 100%;
    padding: 5px;
}

.wpcf7 textarea {
    border-radius: 3px;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-sizing: border-box;

    width: 100%;
    padding: 10px;
}

.wpcf7 p:nth-of-type(5) {
    border-top: 1px dashed #ccc;
    padding: 10px 0 0;
}

/*上記文字を入力してください*/
.wpcf7 p:nth-of-type(6) {
    margin: 0;
    color: #666;
    font-size: 12px;
}

.wpcf7 p:nth-of-type(7) {
    margin: 0 0 20px;
}

.wpcf7 p:last-of-type {
    text-align: right;
}

.wpcf7 input[type="submit"] {
    width: 100px;
}

/*--------------------------------------------------------
　ユーザーレビュー
--------------------------------------------------------*/
/*非表示*/
article h4,
article .dmm_comment,
article .dmm_comment + .dmmlink {
    display: none;
}