/*! * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */
*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}hr{box-sizing:content-box;height:0;overflow:visible}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-bottom:1rem}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}img,svg{vertical-align:middle}img{border-style:none}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}


body {
    color: #333;
    background: #fefefe;
}

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

.go_alink{
        margin: 15px 0 0;
    text-align: center;
}

.nmain_w{
    max-width: 620px;
    margin: auto;  
}
.nmain_c {
    margin-bottom: 20px;
}

.nmain{
    display: flex;
    flex-wrap: wrap;
}

.nmain_ttl{
    padding: 0 10px;
    font-weight: bold;
    margin: 10px 0 0;
    font-size: 1.2em;
}

.comment {
    width: 50%;
    padding: 10px;
    /* text-align: center; */
}

.comment a {
    border: solid 1px #ddd;
    display: block;
    height: 100%;
    padding: 5px;
    border-radius: 5px;
}
.comment_ttl {
    color: #000;
    font-weight: bold;
    font-size: 0.9em;
}

.comment_img {
    text-align: center;
    padding: 10px 0;
}

#notfound {
    max-width: 600px;
    margin: auto;
    padding: 15px;
}

#mou_i {
    border: solid 1px #e06287;
    background: #F7C8CE;
    color: #B94F84;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
    border-radius: 50%;
    font-size: 0.8em;
    margin-right: 7px;
}
#mou_i a{
    color: #B94F84;
    text-decoration:none;
}

#mou_i:hover{
    border-width: 2px;
    font-weight: bold;
}

#mou_ttl {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #942A64;
    margin-bottom: 3px;
}
#mou_ttl a{
    color: #942A64;
}

div#mou_w {
    display: flex;
    align-items: center;
    font-size: 2em;
    max-width: 620px;
    margin: auto;
    padding: 5px 15px 5px 15px;
}

#h_ad_d {
    font-size: 14px;
    text-align: center;
}

div#mou_c {
    flex: 1;
    line-height: 1.2;
}

div#mou_desc {
    font-size: 12px;
    color: #594E85;
}
a {
    color: #BE0080;
}

.taiken_nttl {
    color: #EDA8C5;
    background: #333333;
    padding: 5px 10px 5px;
    margin: 0;
    font-size: 1.2em;
    border-bottom: solid 2px #AE8BCF;
}

.taiken_nttl>span{
    max-width: 600px;
    display: block;
    margin: auto;
}

.reviews_w {
    padding: 40px 20px 25px;
}

.reviews_ttl {
    font-size: 1.1em;
    font-weight: bold;
}

.reviews .review_c {
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin: 10px 0;
}

.review_ttl{
    font-weight: bold;
}

.review_txt{
    font-size: 0.85em;
    margin-top: 5px;
    line-height: 1.8;
}

.rank_pager {
    padding: 25px 10px 0;
    max-width: 620px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

#footer_rank .rels_cw .rels_c:first-child {
    width: 100%;
}
#footer_rank {
    max-width: 550px;
    margin: auto;
}
#footer_rank_more {
    padding: 10px 20px;
    text-align: right;
}

#footer_ad {
    margin-top: 30px;
}
#footer_ad2 {
    margin: 15px auto;
    max-width: 300px;
    position: relative;
}
.nkas_d {
    display: block;
    padding-top: 83.3334%;
}
.admax-ads {
    position: absolute;
    top: 0;
}

.ad_dxw250{
  width: 250px;
  margin: auto;
  position: relative;
}
.ad_dx.ad_dxw250:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.ad_dx.ad_dxw250>a{
  position: absolute;
  top: 0;
  left: 0;
}

.ad_dxw270 {
  width: 270px;
  margin: auto;
  position: relative;
}

.ad_dxw270 iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.ad_dx.ad_dxw270:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ad_h2 {
  padding-bottom: 10px;
}

.ad_dxw300.ad_dxh200>div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ad_dxw300.ad_dxh350>div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ad_dxw300 {
  max-width: 300px;
  margin: auto;
  position: relative;
}

.ad_dxw300.ad_dxh200::before {
  content: "";
  display: block;
  padding-top: 66.6667%;
}
.ad_dxw300.ad_dxh350::before {
  content: "";
  display: block;
    padding-top: 116.667%;
}

#footer_w{
    margin-top: 30px;
}

#footer {
    color: #EDA8C5;
    background: #333333;
    text-align: center;
    padding: 4px 0;
    font-size: 0.9em;
}


#footer a {
    color: #EDA8C5;
    text-decoration: underline;
}

.footer_cs_w {
    max-width: 600px;
    padding: 0 20px;
    margin: 10px auto 20px;
}
.footer_cs_ttl {
    font-weight: bold;
}
.cs_form {
    padding: 5px 10px;
}
.os_words{
   margin-top:10px;
}
.cs_words,.os_words {
    font-size: 0;
}
.cs_words a:first-child ,.os_words a:first-child {
    margin-left: 0;
}
.cs_words_w {
    margin-top: 5px;
}
.cs_words a,.os_words a {
    font-size: 0.9rem;
    padding: 3px 7px;
    margin-left: 7px;
    border: solid 1px;
    border-radius: 5px;
    margin-top: 7px;
    display: inline-block;
}
.cs_words_more {
    font-size: 0.85em;
    margin-top: 7px;
}


.taiken_w{
}
article.taiken {
    border-bottom: dashed 1px #231815;
    font-size: 0.95em;
    color: #231815;
    max-width: 620px;
    padding: 15px 10px 15px 10px;
    margin: auto;
}

h3.taiken_ttl ,h2.taiken_ttl {
    font-size: 1em;
    margin: 0;
}
article.taiken p {
    margin: 0;
}

.taiken_date {
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
}


.taiken_d {
    font-size: 0.8em;
}

.taiken_ttl a {
    font-size: 1.15em;
    line-height: 1.4;
}

.taiken_excerpt {
}

.taiken_date span {
    display: block;
    text-align: right;
}
.main_cate {
    color: #eda8c5;
    background: #333;
    font-size: 1em;
    padding: 4px 0;
    margin: auto 0;
    border-bottom: solid 2px #ae8bcf;
    /* max-width: 800px; */
}

.main_cate p {
    max-width: 620px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
}

.main_cate a {
    color: #eda8c5;
    text-decoration: underline;
}

#content {
    max-width: 600px;
    padding: 0 20px 0 20px;
    margin: 30px auto 50px;
    line-height: 28.8px;
    font-size: 16px;
}


.c_meta {
    border-bottom: solid 1px #ddd;
}


.c_ttl {
    font-size: 1.4em;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #be0080;
}

.c_time {
    font-size: 0.8em;
    text-align: right;
}

.c_content {
    padding: 10px;
    border-top: solid #ddd 1px;
    border-bottom: solid #ddd 1px;
    margin-top: 10px;
}

.c_content_tags_ttl {
    font-size: 0.8em;
}

ul.c_content_tags_list>li {
    display: inline-block;
    padding: 0 5px 5px;
}

ul.c_content_tags_list {
    padding: 0;
}


nav.breadcrumbs ul {
    max-width: 600px;
    padding: 0 20px 0 20px;

    list-style: none;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
nav.breadcrumbs ul li {
    display: inline-block;
}

nav.breadcrumbs ul li:after {content: ">";margin: 0 7px;}

nav.breadcrumbs ul li:last-child::after {
    display: none;
}

nav.breadcrumbs {
    padding: 7px;
}

div#sites ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

div#sites {
    max-width: 600px;
    padding: 0 20px 0 20px;
    margin: 10px auto;
}
div#sites>div {
    font-size: 0.9em;
    margin-bottom: 3px;
}


div#sites ul li a {
    display: block;
    padding: 7px;
    border: solid 1px;
    font-size: 0.8em;
}

div#sites ul li {
    width: 50%;
    padding: 7px;
}

#sites ul.sites_etc {
  display: block;
}
#sites ul.sites_etc li {
  width: 100%;
}

.ad_w300 {
    max-width: 100%;
    width: 300px;
    height: auto;
    margin: auto;
}

.ad_w320 {
    max-width: 100%;
    width: 320px;
    height: auto;
    margin: auto;
}
.ad_w260{
    max-width: 100%;
    width: 260px;
    height: auto;
    margin: auto;
}

.ad_f {
    margin: 20px 0 0;
    text-align: center;
}

.ad_h {
    margin: 20px 0;
    text-align: center;
}

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

nav.navigation.pagination {
    max-width: 600px;
    margin: 10px auto;
    font-size: 20px;
    padding: 0 20px;
}

.page-numbers {
    padding: 0 7px;
}

.c_rels {
    padding: 0 3px 0;
    /* margin-bottom: 5px; */
    font-size: 0.9em;
}

.c_rel_ttl {
    font-weight: bold;
}

.c_rels_w {
    margin-bottom: 7px;
}

.c_rels_w.c_rels_w_f {
    margin-top: 7px;
}

.rels_more {
    text-align: right;
    margin-top: 5px;
}

.rels_back {
    max-width: 600px;
    margin: auto;
    padding: 5px 0;
    font-size: 0.9em;
}

/* some basic button styling */
.c_content_fav {
  border-top: dashed 1px #000;
  padding-top: 10px;
  margin-top: 25px;
}
.c_content_fav_ttl {
  margin-bottom: 7px;
}
.favorite-button input[type=submit] {
    width: 48px;
    height: 48px;
    cursor: pointer;
    border: none;
    /* margin: 4px; */
    transition: background 300ms ease-in-out;
}
.favorite-button amp-list {

}

.favorite-button .heart-fill {
    /*
        background: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');
     */
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%2523000000%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%22%2F%3E%3C%2Fsvg%3E')
}
.favorite-button .heart-border {
    /*
    background: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>');
     */
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%2523000000%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16.5%203c-1.74%200-3.41.81-4.5%202.09C10.91%203.81%209.24%203%207.5%203%204.42%203%202%205.42%202%208.5c0%203.78%203.4%206.86%208.55%2011.54L12%2021.35l1.45-1.32C18.6%2015.36%2022%2012.28%2022%208.5%2022%205.42%2019.58%203%2016.5%203zm-4.4%2015.55l-.1.1-.1-.1C7.14%2014.24%204%2011.39%204%208.5%204%206.5%205.5%205%207.5%205c1.54%200%203.04.99%203.57%202.36h1.87C13.46%205.99%2014.96%205%2016.5%205c2%200%203.5%201.5%203.5%203.5%200%202.89-3.14%205.74-7.9%2010.05z%22%2F%3E%3C%2Fsvg%3E')
}
/* While the page loads we show a grey heart icon to indicate that the functionality is not yet available. */
.favorite-button .heart-loading,
.favorite-button .heart-loading[placeholder] {
    /*
    background: url('data:image/svg+xml;utf8,<svg fill="%23cccccc" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>');
     */
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22%2523cccccc%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16.5%203c-1.74%200-3.41.81-4.5%202.09C10.91%203.81%209.24%203%207.5%203%204.42%203%202%205.42%202%208.5c0%203.78%203.4%206.86%208.55%2011.54L12%2021.35l1.45-1.32C18.6%2015.36%2022%2012.28%2022%208.5%2022%205.42%2019.58%203%2016.5%203zm-4.4%2015.55l-.1.1-.1-.1C7.14%2014.24%204%2011.39%204%208.5%204%206.5%205.5%205%207.5%205c1.54%200%203.04.99%203.57%202.36h1.87C13.46%205.99%2014.96%205%2016.5%205c2%200%203.5%201.5%203.5%203.5%200%202.89-3.14%205.74-7.9%2010.05z%22%2F%3E%3C%2Fsvg%3E')
}
.favorite-button .favorite-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
}
.favorite-button .favorite-count {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-left: 5px;
    position: relative;
    width: 48px;
    background: #005AF0;
    border-radius: .4em;
    color: #fff;
}
.favorite-button .favorite-count.loading {
    color: #ccc;
    background: #FAFAFC;
}
.favorite-button .favorite-count.loading:after {
    border-right-color: #FAFAFC;
}
.favorite-button .favorite-count:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #005AF0;
    border-left: 0;
    margin-top: calc(-1 * 5px);
    margin-left: calc(-1 * 5px);
}
.favorite-failed-message {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
    background: #323232;
    color: white;
    padding: 1rem 1.5rem;
    z-index: 1000;
}
.favorite-failed-message div {
    color: #64dd17;
    margin: 0 1rem;
    cursor: pointer;
}

div#ad_blogranking {
    text-align: center;
    margin: 15px 0;
    line-height: 1.8;
}
.wauto{
    display: block;
    margin: auto;
}
.w150 {
    max-width: 150px;
}
.w250 {
    max-width: 250px;
}
.w200 {
    max-width: 200px;
}
.w240 {
    max-width: 240px;
}
.w300 {
    max-width: 300px;
}
.w320 {
    max-width: 320px;
}
.f_search {
    max-width: 600px;
    margin: auto;
    padding: 10px 20px;
}

.blogmura {
    display: block;
    max-width: 88px;
    margin: 10px auto;
}

ul.pagination {
    list-style: none;
    padding: 10px 10px;
    /* margin: 0; */
    max-width: 620px;
    margin: auto;
}

ul.pagination li {
    display: inline-block;
    padding: 10px 9px;
}

.s_meta {
    max-width: 620px;
    margin: 5px auto 0;
    font-size: 13px;
    padding: 0 10px;
}

.sm {
    display: flex;
    flex-wrap: wrap;
    margin: 7px 0;
}

.sm_main {
    width: 40%;
    max-width: 240px;
    /* margin: 0 auto 5px; */
    /* width: 100%; */
}

.sm_mdesc {
    flex: 1;
    padding: 0 7px;
}

.tags {
    margin-top: 10px;
}

.sm_tag {
    padding: 4px 7px;
    display: inline-block;
    border: solid 1px #cbcaca;
    background: #f9f9f9;
    border-radius: 5px;
    font-size: 13px;
    margin-bottom: 7px;
}

.smb {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.smb>div{
  width:33.333333%
}

.c_main .smb>div{
    width: 20%;
    text-align: center;
}
.smb img {
    max-width:100%;
    height: auto;
} 

.c_main {
    max-width: 600px;
    margin: auto;
}

.c_main_cp {
    padding: 15px;
    font-size: 14px;
    line-height: 1.8;
}
.c_main_cp p {
    margin: 0;
    line-height: 2;
}

.c_main_meta {
    padding: 10px 15px;
}

.c_main_tags__ttl {
    font-size: 0.9em;
}

.c_main_tags {
    margin-bottom: 10px;
}

.footer_desc {
    margin: auto;
    max-width: 600px;
    padding: 10px;
}

.footer_desc p {
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 7px;
    font-size: 14px;
}

.c_main_img {
    text-align: center;
    margin: 15px 0 0 0;
}

.c_link {
    text-align: center;
}

.c_link a {
    display: block;
    width: 90%;
    border: solid 2px #BE0080;
    margin: 15px auto 0;
    padding: 7px 0;
    border-radius: 5px;
    font-weight: bold;
}

.rels {
    margin: 30px 0 0 0;
    padding: 0 10px;
}

.rels_ttl {
    font-weight: bold;
}

.rels_cw {
    display: flex;
    flex-wrap: wrap;
}

.rels_c {
    width: 33.333%;
    padding: 5px 2px;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between; */
}
.rels_c_img {
    text-align: center;
}

.rels_c a {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* justify-content: space-between; */
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 0 0 5px;
}

.rels_c_ttl {
    padding: 4px;
    font-size: 11px;
    display: -webkit-box;              /* フレキシブルなボックスにする */
    -webkit-box-orient: vertical;      /* 縦方向に並べる */
    -webkit-line-clamp: 2;             /* 最大行数を指定（ここでは3行） */
    overflow: hidden;                  /* はみ出しを隠す */
}

.more_link {
    text-align: right;
    max-width: 600px;
    margin: 10px auto 0;
    padding: 0 10px;
}

.index_tag.actress_tags .index_tag_sw ,
.index_tag.director_tags .index_tag_sw,
.index_tag.label_tags .index_tag_sw ,
.index_tag.ctag_tags .index_tag_sw ,
.index_tag.mtag_tags .index_tag_sw ,
.index_tag.series_tags .index_tag_sw {
    display: inline-block;
    margin: 3px;
}

.index_tags {
    max-width: 620px;
    margin: auto;
    padding: 0 10px;
}

.index_tag_ttl {
    font-size: 0.9em;
    margin-bottom: 0.8em;
    margin-top: 1.2em;
    font-weight: bold;
}

.index_tag_sttl {
    font-weight: bold;
    margin: 10px 0 5px;
}

.footer_duga {
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.in_tag_domein_w {
    max-width: 620px;
    margin: 10px auto 0;
    padding: 0 15px;
}

.in_tag_domein {
    padding: 10px;
    font-size: 0.9em;
    border: solid 1px #ddd;
    border-radius: 5px;
}
.c_main_cp>div {
    font-weight: bold;
    font-size: 1.1em;
}

.about_duga {
    width: 80%;
    margin: 30px auto;
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.about_duga_desc {
    font-size: 0.9em;
}

.about_duga_ttl {
    font-weight: bold;
    border-bottom: solid 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.cs_content{
    margin: 10px 0;
    padding: 10px 15px;
    border-bottom: solid 1px;
    clear: both;
}
.cs_ttl{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}
.cs_content_ttl {
    font-size: 0.9em;
    margin: 0;
}
.cs_content_img {
    text-align: center;
    padding: 10px;
}
.cs_desc {
}

.cs_comment {
    padding: 0 7px;
    font-size: 0.9em;
}
span.cs_mark1 {
    padding: 0 4px;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    color: red;
}

.cs_app {
    max-width: 600px;
    margin: auto;
}

.panks {
    margin: 5px auto;
    max-width: 600px;
    padding: 0 8px;
}

.panks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.panks ul li {
    display: inline-block;
}

.panks ul li::after {
    content: ">";
    padding-left: 3px;
}

.panks ul li:last-child::after {
    display: none;
}

.search_desc {
    max-width: 600px;
    margin: 10px auto;
    padding: 8px;
    border: solid 1px #929292;
    border-radius: 5px;
    font-size: 0.85em;
    width: calc( 100% - 14px );
}
.search_desc p:last-child {
    margin-bottom: 0;
}

.search_shibo {
    max-width: 600px;
    margin: auto;
    padding: 0 12px 10px;
}

.search_shibos span {
    display: block;
    font-size: 17px;
    padding: 2px 0;
}

.search_shibos label {
    cursor: pointer;
}

input#sibo_more_btn {
    display: none;
}

input#sibo_more_btn:checked + .sibo_more {
    display:block !important;
}

input#sibo_more_btn:checked ~ label {
    display:none !important;
}


@media(min-width:768px) {
    .cs_content_img {
        padding: 0;
        width: 240px;
        float: left;
        padding-right: 7px;
    }
    
    .cs_content_desc {
        padding:10px 0;
        clear: both;
    }
}
  
@media (max-width:599.98px){
    .c_main .smb>div{
       width: 25%;
       text-align: center;
    }   
}
 
@media (max-width:425.98px){
    .c_main .smb>div{
       width: 33.333333%;
    }   
}

@media (max-width:767.98px){
    #content {
        padding: 20px 15px 20px 15px;
        line-height: 21px;
        font-size: 14px;
    }
    .cs_comment{
      padding:0;  
    }
}

.mv-cap2 {
    margin-top: 20px;
    padding: 20px 20px;
    border: solid 1px #ddd;
}
.mv-cap2 p:last-child {
    margin: 0;
}

.nmain_w.nmain_ow .cs_content_img {
    float: none;
}
.tags_searchs {
    max-width: 620px;
    margin: 20px auto;
    padding: 10px 10px;
    border: solid 1px #ddd;
}
p.lead {
    font-size: 0.9em;
    padding: 10px;
}

.c_link_f {
    padding-top: 5px;
    position: sticky;
    top: 0;
    background: #fff;
}

.c_link_f a {
    margin: 0 auto;
}